| Current Path : /home/quelfutuu/www/tmp/couteau-suisse/ |
| Current File : /home/quelfutuu/www/tmp/couteau-suisse/header.css.html |
/*
a.cs_glossaire : concerne le glossaire en mode CSS
#glossOverDiv : concerne le glossaire en mode JS
*/
/* Empecher la definition de s'afficher comme les autres liens, vous pouvez donner les attributs standards de votre texte */
a.cs_glossaire, a.cs_glossaire:hover, #glossOverDiv {
color:#000000;
text-decoration:none;
z-index:998;
}
/*
a.cs_glossaire:hover {
cursor:help;
}
*/
/* Mode JS : des span discrets */
a.cs_glossaire span.gl_js,
a.cs_glossaire span.gl_jst,
/* Mode CSS : l'effet de survol est obtenu grace aux proprietes display */
a.cs_glossaire span.gl_dl,
a.cs_glossaire span.gl_dt,
a.cs_glossaire span.gl_dd {
display:none;
visibility:hidden;
z-index:999;
font-style:normal;
}
a.cs_glossaire span.gl_dd {
font-weight:normal;
}
a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt,
a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {
display:block;
visibility:visible;
}
a.cs_glossaire:hover span.gl_dl, #glossOverDiv span.gl_dl {
display:inline;
visibility:visible;
/* Placement de la definition dans la page. */
position:absolute;
width:180px;
margin-left:-120px;
margin-top:1.8em;
/* Decoration */
padding:4px;
border:1px solid #ffc300;
background-color:#FFFFFF;
font-size:85%;
}
a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt {
padding:3px;
background-color:#ffffbf;
font-weight:bold;
text-align:right;
}
a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {
padding:3px;
text-align:left;
line-height:1.3em;
}
a.cs_glossaire span.gl_mot {
border-bottom:1px dotted gray;
font-size:inherit;
/* cursor:help; */
}
/* exception sur le JS */
#glossOverDiv span.gl_dl {
margin-left:-60px;
}
a.cs_glossaire:after {display:none;}
<cs_html>[(#VAL{_SPIP40000}|defined|?{
[(#SET{ancre,[(#CHEMIN_IMAGE{deplierbas.svg}|url_absolue)]})]
[(#SET{bas,[(#EVAL{_DIR_IMG_PACK}|url_absolue)]deplierbas.svg})]
[(#SET{haut,[(#EVAL{_DIR_IMG_PACK}|url_absolue)]deplierhaut.svg})]
[(#SET{sizeAncre,12})][(#SET{sizeTitre,18})]
,
[(#SET{ancre,[(#EVAL{_DIR_IMG_PACK}|url_absolue)]spip_out.gif})]
[(#SET{bas,[(#EVAL{_DIR_IMG_PACK}|url_absolue)]deplierbas.gif})]
[(#SET{haut,[(#EVAL{_DIR_IMG_PACK}|url_absolue)]deplierhaut.gif})]
})]
div.cs_sommaire {
display:block;
float:right;
margin-left:1em;
margin-right:0.4em;
overflow:auto;
z-index:100;
max-height:350px;
text-align:left;
}
a.sommaire_ancre {
background:transparent url(#GET{ancre}) no-repeat scroll left center;
[background-size: (#GET{sizeAncre})px;]
padding-left:10px;
text-decoration:none !important;
}
div.cs_sommaire a:after {
display:none;
}
div.cs_sommaire_avec_fond {
background: transparent url([(#CHEMIN{img/sommaire/coin.gif}|url_absolue)]) no-repeat scroll left top;
border-right: 1px solid rgb(153, 153, 153);
border-bottom: 1px solid rgb(153, 153, 153);
padding-bottom:0.1em;
}
div.cs_sommaire_sans_fond {
border: thin solid gray;
background-color: white;
}
div.cs_sommaire_inner {
margin: 3pt;
}
div.cs_sommaire_titre_avec_fond, div.cs_sommaire_titre_sans_fond {
border-bottom: 1px dotted silver;
line-height: 1;
position: inherit;
font-weight: bold;
text-align: center;
}
div.cs_sommaire_titre_avec_fond {
margin-left: 15px;
}
div.cs_sommaire ul{
margin: 0.3em 0.5em 0.1em 0.7em;
padding: 0pt;
font-size: 84%;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
div.cs_sommaire ul li{
margin: 0pt;
padding: 0pt;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
div.cs_sommaire_titre_avec_fond, div.cs_sommaire_titre_sans_fond {
background:transparent url(#GET{bas}) no-repeat scroll right center;
[background-size: (#GET{sizeTitre})px;]
cursor:pointer;
padding: 0.3em 18px;
}
div.cs_sommaire_replie {
background:transparent url(#GET{haut}) no-repeat scroll right center;
[background-size: (#GET{sizeTitre})px;]
border:none;
}
.cs_sommaire_invisible{ display:none; }
[(#VAL{_SPIP40000}|defined|?{
[(#SET{bas,[(#CHEMIN_IMAGE{deplierhaut.svg})]})]
[(#SET{haut,[(#CHEMIN_IMAGE{deplier-right.svg})]})]
[(#SET{padd,26})]
,
[(#SET{bas,[(#CONST{_DIR_IMG_PACK}|url_absolue)]triangle-bas.gif})]
[(#SET{haut,[(#CONST{_DIR_IMG_PACK}|url_absolue)]triangle.gif})]
[(#SET{padd,20})]
})]
.blocs_titre {
background: transparent url(#GET{bas}) no-repeat scroll left center;
font-weight: normal;
line-height: 1.2em;
margin-top: 4px;
padding: 0pt 0pt 0pt #GET{padd}px;
margin-bottom: 0.1em;
clear: left;
cursor: pointer;
}
.blocs_replie {
background: transparent url(#GET{haut}) no-repeat scroll left center;
}
.blocs_title{
display: none;
}</cs_html>