www/plugins/auto/couteau_suisse/couteau_suisse/outils/glossaire.css

   1 /*
   2  a.cs_glossaire : concerne le glossaire en mode CSS
   3  #glossOverDiv : concerne le glossaire en mode JS
   4 */
   5
   6 /* Empecher la definition de s'afficher comme les autres liens, vous pouvez donner les attributs standards de votre texte */
   7 a.cs_glossaire, a.cs_glossaire:hover, #glossOverDiv {
   8         color:#000000;
   9         text-decoration:none;
  10         z-index:998;
  11 }
  12 /*
  13 a.cs_glossaire:hover {
  14         cursor:help;
  15 }
  16 */
  17
  18 /* Mode JS : des span discrets */
  19 a.cs_glossaire span.gl_js,
  20 a.cs_glossaire span.gl_jst,
  21 /* Mode CSS : l'effet de survol est obtenu grace aux proprietes display */
  22 a.cs_glossaire span.gl_dl,
  23 a.cs_glossaire span.gl_dt,
  24 a.cs_glossaire span.gl_dd {
  25         display:none;
  26         visibility:hidden;
  27         z-index:999;
  28         font-style:normal;
  29 }
  30
  31 a.cs_glossaire span.gl_dd {
  32         font-weight:normal;
  33 }
  34
  35 a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt,
  36 a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {
  37         display:block;
  38         visibility:visible;
  39 }
  40
  41 a.cs_glossaire:hover span.gl_dl, #glossOverDiv span.gl_dl {
  42         display:inline;
  43         visibility:visible;
  44         /* Placement de la definition dans la page. */
  45         position:absolute;
  46         width:180px;
  47         margin-left:-120px;
  48         margin-top:1.8em;
  49         /* Decoration */
  50         padding:4px;
  51         border:1px solid #ffc300;
  52         background-color:#FFFFFF;
  53         font-size:85%;
  54 }
  55 a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt {
  56         padding:3px;
  57         background-color:#ffffbf;
  58         font-weight:bold;
  59         text-align:right;
  60 }
  61 a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {
  62         padding:3px;
  63         text-align:left;
  64         line-height:1.3em;
  65 }
  66
  67 a.cs_glossaire span.gl_mot {
  68         border-bottom:1px dotted gray;
  69         font-size:inherit;
  70 /* cursor:help; */
  71 }
  72
  73 /* exception sur le JS */
  74 #glossOverDiv span.gl_dl {
  75         margin-left:-60px;
  76 }