www/plugins/beespip/css/superfish.css.html

   1 #CACHE{3600*100,cache-client}
   2 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
   3 #HTTP_HEADER{Vary: Accept-Encoding}
   4 /* ----------------------------------------------
   5         Beespip 3
   6         Contingences
   7         2012
   8  ------------------------------------------------ */
   9 /* Valeurs par defaut :
  10 #SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});]
  11 #SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});]
  12 #SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});]
  13 #SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});]
  14 #SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});]
  15 #SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});]
  16 #SET{couleur_menu_liens,#CONFIG{BeeSpip/couleur/couleur_menu_liens,#666666}} [ couleur_menu_liens: (#GET{couleur_menu_liens});]
  17 #SET{couleur_menu_liens_survol,#CONFIG{BeeSpip/couleur/couleur_menu_liens_survol,#000000}} [ couleur_menu_liens_survol: (#GET{couleur_menu_liens_survol});]
  18 #SET{largeur_items_menu,#CONFIG{BeeSpip/affichage/largeur_items_menu,0}} [ largeur_items_menu: (#GET{largeur_items_menu});]
  19 #SET{taille_typo_menu,#CONFIG{BeeSpip/affichage/taille_typo_menu,1.1}} [ taille_typo_menu: (#GET{taille_typo_menu});]
  20
  21 */
  22 /*** ESSENTIAL STYLES ***/
  23 .sf-menu, .sf-menu * {
  24         /*margin: 4px 0 0 0;*/
  25         margin:0;
  26         padding: 0;
  27         list-style: none;
  28         color: #GET{couleur_menu_liens};
  29         font: bold 1.1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
  30         text-align: left;
  31 }
  32 .sf-menu {
  33         line-height:    1.8em;
  34 }
  35 .sf-menu ul {
  36         position:               absolute;
  37         top:                    -999em;
  38         width:                  185px; /* left offset of submenus need to match (see below) */
  39 }
  40 .sf-menu ul li {
  41         width:                  100%;
  42 }
  43 .sf-menu li:hover, .sf-menu li:focus {
  44         visibility:             inherit; /* fixes IE7 'sticky bug' */
  45 }
  46 .sf-menu li {
  47         float:                  left;
  48         position:               relative;
  49         border-top-width: 0px;
  50         padding: 0 10px 0 0;
  51         margin-top:13px;
  52         max-width : 160px;
  53 }
  54 .sf-menu a {
  55         display:                block;
  56         position:               relative;
  57 }
  58
  59 .sf-menu li:hover ul, .sf-menu li:focus ul,
  60 .sf-menu li.sfHover ul {
  61         left:                   0;
  62         top:                    1.8em; /* match top ul list item height */
  63         z-index:                90;
  64         padding: 0px;
  65         margin: 0px;
  66         padding-bottom: 12px;
  67 }
  68 ul.sf-menu li:hover li ul, ul.sf-menu li:focus li ul,
  69 ul.sf-menu li.sfHover li ul {
  70         top:                    -999em;
  71 }
  72 ul.sf-menu li li:hover ul, ul.sf-menu li li:focus ul,
  73 ul.sf-menu li li.sfHover ul {
  74         left:                   185px; /* match ul width */
  75         top:                    -1px;
  76 }
  77 ul.sf-menu li li:hover li ul, ul.sf-menu li li:focus li ul,
  78 ul.sf-menu li li.sfHover li ul {
  79         top:                    -999em;
  80 }
  81 ul.sf-menu li li li:hover ul, ul.sf-menu li li li:focus ul,
  82 ul.sf-menu li li li.sfHover ul {
  83         left:                   185px; /* match ul width */
  84         top:                    0;
  85 }
  86
  87 /*** DEMO SKIN ***/
  88 .sf-menu {
  89         float: left;
  90         /*margin-bottom: 12px;*/
  91 }
  92 .sf-menu .menu-entree {font-size:#GET{taille_typo_menu}em}
  93 .menu-liste.sf-menu .menu-entree a {font-size:1em}
  94 .sf-menu .menu-entree .menu-entree  { font-size:0.9em }
  95 .menu-liste.sf-menu .menu-entree .menu-entree a {font-size:0.9em}
  96
  97 /*.sf-menu a {*/
  98 .sf-menu .menu-entree .menu-liste .menu-entree {
  99         /*border-left:  1px solid #fff;*/
 100         /*border-top:           1px solid #CFDEFF;*/
 101         padding:                .15em 0em .15em 1em;
 102         margin: 0 0 0.20em;
 103         text-decoration:none;
 104         max-width:160px;
 105 }
 106 .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
 107         color:          #GET{couleur_menu_liens};
 108         font-weight: bold;
 109         text-align:center;
 110 }
 111 .sf-menu ul li a, .sf-menu ul li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
 112         color:          #GET{couleur_liens};
 113         font-weight: bold;
 114         text-align:left;
 115 }
 116 .sf-menu ul li a:hover, .sf-menu a:hover,
 117 .sf-menu li:hover, .sf-menu:hover,
 118 .sf-menu ul li a:focus, .sf-menu a:focus,
 119 .sf-menu li:focus, .sf-menu:focus  { /* visited pseudo selector so IE6 applies text colour*/
 120         color:          #GET{couleur_menu_liens_survol};
 121         border:none;
 122 }
 123 .sf-menu li {
 124         /*background:           #BDD2FF;*/
 125         text-align:center;
 126         [(#GET{largeur_items_menu}|>{0}|oui)width:#GET{largeur_items_menu}px;]
 127 }
 128 .sf-menu li.menu-entree ul, .sf-menu li.menu-entree ul li.menu-entree ul {
 129         background-image: url(#CHEMIN{/images/bg_sous_menu.png});
 130         background-repeat: no-repeat;
 131         background-position: left bottom;
 132         margin:0;
 133         text-align:left;
 134         /*margin-bottom:10px;*/
 135 }
 136 .sf-menu li li {
 137         /*background:           #AABDE6;*/
 138         font-size:0.9em;
 139         margin-top:2px;
 140         max-width : none;
 141 }
 142 .sf-menu li li li {
 143         /*background:           #9AAEDB;*/
 144 }
 145 .sf-menu li:hover, .sf-menu li.sfHover,
 146 .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
 147         /*background:           #CFDEFF;*/
 148         outline:                0;
 149 }
 150
 151 /*** arrows **/
 152 .sf-menu .menu-entree {
 153 /*.sf-menu a.sf-with-ul {*/
 154         margin: 0.20em 0.5em;
 155         padding:        0.20em 0.55em 0.20em 0.20em;
 156         min-width:              1px; /* trigger IE7 hasLayout so spans position accurately */
 157 }
 158 .sf-sub-indicator {
 159         position:               absolute;
 160         display:                none;/*block;*/
 161         right:                  .75em;
 162         top:                    1.05em; /* IE6 only */
 163         width:                  10px;
 164         height:                 10px;
 165         text-indent:    -999em;
 166         overflow:               hidden;
 167         /*background:           url('../images/arrows-ffffff.png') no-repeat -10px -100px;*/ /* 8-bit indexed alpha png. IE6 gets solid image only */
 168 }
 169 a > .sf-sub-indicator {  /* give all except IE6 the correct values */
 170         top:                    .8em;
 171         background-position: 0 -100px; /* use translucent arrow for modern browsers*/
 172 }
 173 /* apply hovers to modern browsers */
 174 a:focus > .sf-sub-indicator,
 175 a:hover > .sf-sub-indicator,
 176 a:active > .sf-sub-indicator,
 177 li:hover > a > .sf-sub-indicator,
 178 li.sfHover > a > .sf-sub-indicator {
 179         background-position: -10px -100px; /* arrow hovers for modern browsers*/
 180 }
 181
 182 /* point right for anchors in subs */
 183 .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
 184 .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
 185 /* apply hovers to modern browsers */
 186 .sf-menu ul a:focus > .sf-sub-indicator,
 187 .sf-menu ul a:hover > .sf-sub-indicator,
 188 .sf-menu ul a:active > .sf-sub-indicator,
 189 .sf-menu ul li:hover > a > .sf-sub-indicator,
 190 .sf-menu ul li.sfHover > a > .sf-sub-indicator {
 191         background-position: -10px 0; /* arrow hovers for modern browsers*/
 192 }
 193
 194 /*** shadows for all but IE6 ***/
 195 .sf-shadow ul {
 196         /*background:   url('../images/shadow.png') no-repeat bottom right;*/
 197         padding: 0 8px 9px 0;
 198         /*-moz-border-radius-bottomleft: 17px;
 199         -moz-border-radius-topright: 17px;
 200         -webkit-border-top-right-radius: 17px;
 201         -webkit-border-bottom-left-radius: 17px;*/
 202 }
 203 .sf-shadow ul.sf-shadow-off {
 204         background: transparent;
 205 }