Changeset 26725 in spip-zone


Ignore:
Timestamp:
Feb 18, 2009, 9:59:37 AM (11 years ago)
Author:
cedric@…
Message:

gerer le multicolonnage du gadget boussole :

  • le nombre de colonnes est calcule comme avant cote serveur, et indique sous forme de classe sur le ul;
  • la mise en forme est faite en css uniquement
File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/_core_/bandeau/prive/style_prive_plugin_bando.html

    r26722 r26725  
    5252#bando_haut ul.deroulant li { /*position:relative; */float: left; display: block;}
    5353#bando_haut ul.deroulant li ul li {float:none;position:static;}
    54 #bando_haut ul.deroulant li:hover, #bando_haut ul.deroulant li.actif { background: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
     54#bando_haut ul.deroulant li:hover, #bando_haut ul.deroulant li.actif { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; }
    5555#bando_haut ul.deroulant li ul {border: 1px solid #666; border-top: 0; text-align: left; height: auto; width: auto; display: block; position:absolute; left:-3000em; z-index: 99; }
    5656#bando_haut ul.deroulant li:hover ul, #bando_haut ul.deroulant li.actif ul { left:auto;}
     
    7676
    7777#bando_outils ul.deroulant {font-size:0.9em;}
    78 #bando_outils ul.deroulant li a { padding: 1px 3px;padding-left:20px;background-repeat:no-repeat;background-position:2px 3px;}
    79 #bando_outils ul.deroulant li li,#bando_outils ul.deroulant li li a {min-width:170px;}
    80 #bando_outils ul.deroulant li.haschild {padding-right:20px;background:#fff url(#CHEMIN{images/triangle-droite#GET{rtl}|concat{.gif}}) no-repeat right center;}
    81 #bando_outils ul.deroulant li li a {background-image:url(#CHEMIN{images/secteur-12.gif});}
    82 #bando_outils ul.deroulant li li li a {background-image:url(#CHEMIN{images/rubrique-12.gif});}
     78#bando_outils ul.deroulant ul {background:#fff;}
     79#bando_outils ul.deroulant li a { padding: 1px 3px;padding-right:10px;background-repeat:no-repeat;background-position:right 3px;}
     80#bando_outils ul.deroulant li { background-repeat:no-repeat;background-position:left 3px;padding-left:15px;}
     81#bando_outils ul.deroulant li li,#bando_outils ul.deroulant li li a {}
     82
     83#bando_outils ul.deroulant li.haschild > a {background-image:url(#CHEMIN{images/triangle-droite#GET{rtl}|concat{.gif}});}
     84#bando_outils ul.deroulant li li {background-image:url(#CHEMIN{images/secteur-12.gif});}
     85#bando_outils ul.deroulant li li li {background-image:url(#CHEMIN{images/rubrique-12.gif});}
    8386
    8487#bando_outils ul.deroulant li ul li {float:none;position:relative;}
     
    8689#bando_outils ul.deroulant li:hover li ul, #bando_outils ul.deroulant li.actif li ul {left:-3000em;}
    8790#bando_outils ul.deroulant li li:hover >ul,#bando_outils ul.deroulant li li.actif >ul  {left:50px;top:1.5em;}
     91
     92#bando_outils ul.deroulant li ul {width:770px;}
     93.large #bando_outils ul.deroulant li ul {width:970px;}
     94#bando_outils ul.deroulant li ul.cols_1 {width:200px;}
     95#bando_outils ul.deroulant li ul.cols_1 > li {width:185px;}
     96#bando_outils ul.deroulant li ul.cols_2 {width:350px;}
     97#bando_outils ul.deroulant li ul.cols_2 > li {float:left;width:160px;}
     98#bando_outils ul.deroulant li ul.cols_3 {width:495px;}
     99#bando_outils ul.deroulant li ul.cols_3 > li {float:left;width:150px;}
     100
     101#bando_outils ul.deroulant li ul.cols_4 {width:620px;}
     102#bando_outils ul.deroulant li ul.cols_4 > li {float:left;width:140px;}
     103.large #bando_outils ul.deroulant li ul.cols_4 {width:800px;}
     104.large #bando_outils ul.deroulant li ul.cols_4 > li {float:left;width:185px;}
     105#bando_outils ul.deroulant li ul.cols_5 > li {float:left;width:139px;}
     106.large #bando_outils ul.deroulant li ul.cols_5 > li {float:left;width:179px;}
     107#bando_outils ul.deroulant li ul.cols_6 > li {float:left;width:113px;}
     108.large #bando_outils ul.deroulant li ul.cols_6 > li {float:left;width:146px;}
     109#bando_outils ul.deroulant li ul.cols_7 > li {float:left;width:113px;}
     110.large #bando_outils ul.deroulant li ul.cols_7 > li {float:left;width:123px;}
     111#bando_outils ul.deroulant li ul.cols_8 > li {float:left;width:113px;}
     112.large #bando_outils ul.deroulant li ul.cols_8 > li {float:left;width:123px;}
    88113
    89114#bando_outils ul.creer {float:left;}
     
    111136.formulaire_configurer_langage li .choix {width:48%;margin-right:1%;float:left;}
    112137
    113 
    114 #gadget-rubriques {
    115 background-color:#GET{claire};
    116 border:1px solid #999;
    117 padding:2px;
    118 position:absolute;
    119 bottom:2em;
    120 display:none;
    121 }
    122 
    123 
    124138[(#REM)</style>]
Note: See TracChangeset for help on using the changeset viewer.