Changeset 64436 in spip-zone


Ignore:
Timestamp:
Aug 5, 2012, 9:04:58 PM (7 years ago)
Author:
tcharlss@…
Message:

Plein de petites modifs

File:
1 edited

Legend:

Unmodified
Added
Removed

  • _plugins_/albums/trunk/prive/style_prive_plugin_albums.html

    r60562 r64436  
    44#HTTP_HEADER{Vary: Accept-Encoding}
    55
    6 #SET{claire,##ENV{couleur_claire,edf3fe}}
    7 #SET{foncee,##ENV{couleur_foncee,3874b0}}
    8 #SET{background-color,##ENV{background-color,f8f8f8}}
    9 #SET{gris,#808080} #SET{gris_bordure,#ccc}
    10 #SET{marge,1em}
    11 <BOUCLE_marges(DATA){liste .15,.25,.5,.75,1.25,1.5}>
    12 #SET{marge#VALEUR,(#GET{marge}|mult{#VALEUR})em}
    13 </BOUCLE_marges>
    14 #SET{ombre_texte,'text-shadow: 0 0 1px rgba(0,0,0,.3), 1px 1px 0 rgba(0,0,0,.15)'}
    15 #SET{couleur_texte,#333}
    16 
    17 
    18 /***************/
    19 /* GENERALITES */
    20 /***************/
    21 
    22 /** modele espace prive **/
    23 .album_contenu {}
    24 .album_contenu li { float: left; margin: 0 10px 10px 0; }
    25 .album_contenu li .spip_logos { float: none; margin: 0; }
    26 
    27 /** divers **/
    28 .albums .opacite {opacity: .5;}
    29 .albums .relatif {position: relative;}
    30 .albums .cache_bloc{position:absolute; top:0; display:block; width:100%; height:100%; background:#fff;}
    31 
    32 /** bouton action **/
    33 .albums button:hover,  .albums .clic_repli:hover {cursor:pointer;}
    34 
    35 /** logos **/
    36 .albums .conteneur_logo {position:relative;}
    37         .albums .decoration_logo_50 {
    38                 position:absolute; top:0; left:0; display:block; width:50px; height:50px; content:'';
    39                 background: url('[(#CHEMIN_IMAGE{album-decoration-50.png})]') 50% 50% no-repeat;
    40                 }
    41         .albums .decoration_logo_24 {
    42                 position:absolute; top:0; left:0; display:block; width:24px; height:24px; content:'';
    43                 background: url('[(#CHEMIN_IMAGE{album-decoration-24.png})]') 50% 50% no-repeat;
    44                 }
    45 
    46 
    47 /***************************/
    48 /** BLOC COMPLEMENT OBJET **/
    49 /***************************/
    50 
    51 /** titre du bloc **/
    52 .albums h3.titre {
    53         display: block;
    54         margin: 10px 0;
    55         padding: 2px 10px;
    56         padding-left: 25px;
    57         /*height: 18px;*/
    58         background: url('[(#CHEMIN_IMAGE{album-16.png})]') 2px center no-repeat;
    59         background-color: #GET{claire};
    60         }       
    61 /** edition nouvel album **/
    62 .albums .cadre-formulaire-editer {margin-top: 10px;}
    63 
    64 
    65 /************/
    66 /** LISTES* */
    67 /************/
    68 
    69 /** TOUTES **/
    70 .albums .liste{
    71         font-size: .9em;
    72         color: #GET{couleur_texte};
    73         list-style: none;
     6#SET{claire,##ENV{couleur_claire,c5e41c}} #SET{claire-,##GET{claire}|couleur_foncer} #SET{claire+,##GET{claire}|couleur_eclaircir}
     7#SET{foncee,##ENV{couleur_foncee,9dba00}} #SET{foncee-,##GET{foncee}|couleur_foncer} #SET{foncee+,##GET{foncee}|couleur_eclaircir}
     8#SET{background-color,##ENV{background_color,f8f7f3}}
     9#SET{fond+,##GET{background-color}|couleur_luminance{.08}} #SET{fond-,##GET{background-color}|couleur_luminance{.24}}
     10#SET{gris_clair,#f2f2f2} #SET{gris,#808080} #SET{gris_fonce,#252525}
     11#SET{bordure,#ccc;}
     12#SET{ombre_texte,'0 0 8px rgba(0,0,0,.3), 1px 1px 1px rgba(0,0,0,.3)'}
     13#SET{fond_actif,#GET{foncee}} #SET{bordure_actif,1px solid #GET{foncee}}
     14#SET{radius,4px} #SET{fond_lies_actif,#GET{claire}} #SET{bordure_lies_actif,#GET{foncee}}
     15
     16/******************************/
     17/*** BOITE COMPLEMENT OBJET ***/
     18/******************************/
     19
     20/** BOITE **/
     21#albums                                 {clear:both;}
     22
     23/** HEADER **/
     24#albums .header h3.titrem               {padding:.2em; margin:0; background-color:#GET{claire};}
     25#albums .header h3.titrem img           {margin-right:.5em; vertical-align:middle;}
     26
     27/** ONGLETS : créer et associer**/
     28#albums .onglets                        {display:table; width:100%; font-weight:bold; margin-top:1.5em;}
     29  #albums .onglets a,
     30  #albums .onglets strong               {display:table-cell; width:50%; padding:.2em .8em; background-color:#fff; border:1px solid #dfdfdf; border-left:none; border-bottom:1px solid #GET{foncee}; font-size:.92em; text-align:center; text-transform:uppercase;}
     31  #albums .onglets a:first-child,
     32  #albums .onglets strong:first-child   {border-left:1px solid #dfdfdf;}
     33#albums .onglets a:hover                {background-color:#GET{claire+}; text-decoration:none; color:#GET{gris_fonce};}
     34#albums .onglets strong.on              {background-color:#GET{fond_actif}; border:#GET{bordure_actif}; border-bottom:none;}
     35#albums .onglets .fermer                {width:0; padding:.3em;}
     36#albums .onglets .fermer img            {vertical-align:middle;}
     37
     38/** ENTETE **/
     39#albums .entete_ajouter                 {padding:1em .5em; background-color:#GET{fond_actif}; border:#GET{bordure_actif}; border-top:none;}
     40#albums .entete_ajouter h4              {display:inline; margin:0; font-size:1.3em; font-weight:normal; color:#fff; text-shadow:#GET{ombre_texte};}
     41#albums .entete_ajouter img             {vertical-align:bottom;}
     42
     43/** FORMULAIRE ASSOCIER **/
     44#albums .associer .entete               {background-color:#GET{fond_actif}; border:#GET{bordure_actif}; border-bottom:none; padding:.4em;}
     45#albums .associer .formulaire_recherche {margin:0; border-color:#GET{claire-}; background-color:#GET{gris_clair};}
     46#albums .associer input                 {color:#GET{gris}; background:none;}
     47#albums .associer input.text            {border:none;}
     48#albums .associer input.image           {background-color:#GET{gris}; padding:.1em; outline:1px solid #GET{claire-};}
     49
     50/** FORMULAIRE CREER **/
     51#albums .creer .formulaire_editer       {margin:0; border-top:none;}
     52#albums .creer .explication.note        {margin:10px; border:none; padding:.2em; color:#GET{gris}; background-color:#fef5c3;}
     53#albums .creer .explication.note p      {margin:0;}
     54
     55
     56/*************/
     57/*** LISTES **/
     58/*************/
     59/* div.liste-objets.(lies/associer/galerie) table.spip.liste tr td */
     60
     61/** LISTES : toutes **/
     62  #albums .liste-objets,
     63  #albums .liste                        {margin:0; border-width:0;}
     64#albums td                              {vertical-align:top;}
     65/**/
     66#albums td.logo                         {width:1px;}
     67#albums td.id                           {width:1.5em; text-align:center;}
     68#albums td.infos                        {min-width:10em;}
     69#albums td.action                       {width:38px; text-align:right;}
     70  #albums  td.contenu,
     71  #albums  td.liaison                   {min-width:8em;}
     72/** LISTES : entete **/
     73#albums .entete h2                      {display:inline; margin:0; font-size:1.3em;}
     74/** LISTES : pagination **/
     75#albums .liste-objets navigation                {display:table; width:100%;}
     76#albums .liste-objets navigation .pagination    {display:table-cell;}
     77#albums .liste-objets navigation .tri           {display:table-cell;}
     78/** LISTES : header **/
     79#albums .liste-objets th                        {background-color:#888;}
     80
     81/* LISTES : associer */
     82#albums .associer .liste-objets         {border:#GET{bordure_actif};}
     83
     84/* LISTES : gallerie */
     85#albums .galerie .liste-objets                  {margin-bottom:1em;}
     86#albums .galerie td                     {padding:.8em .5em; font-size:.95em;}
     87#albums .galerie td.id                  {font-size:1.5em; color:#555753;}
     88#albums .galerie th.id                  {text-align:center;}
     89#albums .galerie td.action              {width:48px;}
     90
     91/* LISTES : selecteur */
     92#albums .selecteur                      {font-size:.9em; line-height:.8em;}
     93#albums .selecteur .entete h2           {font-size:1em;}
     94#albums .selecteur td.id                {width:auto;}
     95#albums .selecteur td.action            {display:table-cell; width:auto;}
     96#albums .selecteur td.action input[type=radio]  {margin:0;}
     97#albums .selecteur input.text           {width:8em;}
     98
     99/* LISTES : liés */
     100#albums .lies .liste-objets             {margin:.75em 0;}
     101#albums .lies table                     {border-collapse:separate; border-spacing:0 .5em;}
     102 #albums .lies .liste-objets,
     103 #albums .lies table,
     104 #albums .lies tr,
     105 #albums .lies td                       {border:none; background:none;}
     106#albums .lies td                        {border-bottom:1px solid #GET{fond-}; background-color:#GET{fond+};}
     107#albums .lies tr td:first-child         {border-bottom:none; padding-right:1em; background:none;}
     108#albums .lies tr td:nth-child(2)        {border-left:1px solid #GET{fond-}; border-radius:[(#GET{radius}) ]0 0[ (#GET{radius})];}
     109#albums .lies tr td:last-child          {border-radius:0[ (#GET{radius}) ][(#GET{radius}) ]0;}
     110/**/
     111<BOUCLE_liste1(DATA){liste :hover,.actif,.deplie}>
     112#albums .lies tr[(#VALEUR) ]td                  {border-color:#GET{bordure_lies_actif};}
     113#albums .lies tr[(#VALEUR) ]td                  {background-color:#GET{fond_lies_actif};}
     114#albums .lies tr[(#VALEUR) ]td.logo             {background:none;}
     115#albums .lies tr[(#VALEUR) ].puce-gauche:after  {border-right-color:#GET{fond_lies_actif};}
     116</BOUCLE_liste1>
     117#albums .lies tr.actif td               {border-bottom:none;}
     118#albums .lies tr.actif td:nth-child(2)  {border-radius:[(#GET{radius}) ]0 0 0;}
     119#albums .lies tr.actif td:last-child    {border-radius:0[ (#GET{radius}) ]0 0;}
     120#albums .lies tr.deplie td              {padding:0; background:none;}
     121/**/
     122#albums .lies tr.inactif:hover td.clic  {cursor:url([(#CHEMIN_IMAGE{curseur-depli-20.png})]),auto;}
     123#albums .lies tr.actif:hover td.clic    {cursor:url([(#CHEMIN_IMAGE{curseur-repli-20.png})]),auto;}
     124/**/
     125#albums .lies .puce-gauche              {position:relative;}
     126#albums .lies .puce-gauche:after        {
     127        content:""; display:block; position:absolute; top:1.8em; left: -14px;
     128        border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #GET{fond+};
    74129        }
    75         .albums .liste td h1, .albums .liste td h2, .albums .liste td h3, .albums .liste td h4{margin:0;}
    76         /* thead */
    77         .albums .liste th {
    78                 border-bottom-color: [#(#GET{gris}|couleur_luminance{0.3})];
    79                 background: [#(#GET{claire}|couleur_luminance{0.45})];
    80                 <BOUCLE_gradient1(DATA){liste webkit,moz,o,ms,''}>
    81                 background-image: [-(#VALEUR)-]linear-gradient(top, [#(#GET{background-color}|couleur_luminance{0.2})] 0%, [#(#GET{background-color}|couleur_luminance{0.35})] 100%);
    82                 </BOUCLE_gradient1>
    83                 [(#GET{ombre_texte})];
    84                 color: #fff;
    85                 }
    86         /* cellules */
    87         .albums .liste td {vertical-align:top;}
    88         /* logo */
    89         .albums .liste td.logo {width:1px;}
    90         /* id */
    91         .albums .liste td.id {width:1px; padding-left:#GET{marge.5}; padding-right:#GET{marge.5}; color:#GET{gris}; font-size:1.4em; font-weight:bold;}
    92         /* contenu */
    93         .albums .liste td.contenu li {white-space:nowrap;}
    94         .albums .liste td.contenu img {vertical-align:text-top;}
    95         /* actions */
    96         .albums .liste td.action {text-align:right; width:40px;}
    97 
    98 
    99 /** LISTE LIES **/
    100 .albums .liste.lies {}
    101         /* conteneur */
    102         .albums .liste.lies ul > li {
    103                 border:1px solid[ (#GET{gris_bordure})];
    104                 margin-bottom: 10px;
    105                 }
    106                 .albums .liste.lies table {margin:0;}
    107                         .albums .liste.lies tr {background-color:#GET{background-color};}
    108                         .albums .liste.lies tr:hover {background:[#(#GET{claire}|couleur_luminance{0.1})]; cursor:url([(#CHEMIN_IMAGE{curseur-depli-20.png})]),auto;}
    109                         .albums .liste.lies ul > li:hover {border-color:#GET{claire};}
    110                                 /* deplie */
    111                         .albums .liste.lies li.deplie {border-color:#GET{claire};}
    112                         .albums .liste.lies li.deplie tr {background:#GET{claire};}
    113                         .albums .liste.lies li.deplie tr:hover {cursor:url([(#CHEMIN_IMAGE{curseur-repli-20.png})]),auto;}
    114                                 /* cellules */
    115                                 .albums .liste.lies td {vertical-align:top;}
    116                                
    117                 /** retouches portfolio documents depliable **/
    118                 .albums .conteneur_album_portfolio {padding:6px; background-color:#GET{claire};}
    119                 .albums .album_portfolio {position:relative; padding:0; background: #fff; border: 1px solid #GET{foncee};}
    120                         .albums .album_portfolio .bouton.fermer {position:absolute; top:-20px; right:0;}
    121                         .albums #portfolios {}
    122                                 .albums #portfolios h3 {color:#fff; [(#GET{ombre_texte})];
    123                                 background: [#(#GET{claire}|couleur_luminance{0.45})];
    124                                 <BOUCLE_gradienth3(DATA){liste webkit,moz,o,ms,''}>
    125                                 background-image: [-(#VALEUR)-]linear-gradient(top, [#(#GET{background-color}|couleur_luminance{0.2})] 0%, [#(#GET{background-color}|couleur_luminance{0.3})] 100%);
    126                                 </BOUCLE_gradienth3>
    127                                 }
    128                                 /* conteneur de chaque vignette */
    129                                 .albums #portfolios .liste_items {padding: 0 #GET{marge.25}; margin:0;}
    130                                         .albums #portfolios .liste_items button.submit {font-size: .9em;}
    131                                         .albums #portfolios .liste_items form.tout_supprimer button{margin: [(#GET{marge.5})] 0;}
    132                                 /** AJOUT DOCUMENT **/
    133                                 /* conteneur bouton ajout document */
    134                                 .albums .album_bouton_ajout{float:right; width:100%; padding:0;}
    135                                 .albums #formulaire_joindre_document-new {margin: 0;}
    136 
    137 
    138 /** LISTE ASSOCIER **/
    139 .albums .liste.associer {margin:0;}
    140         .albums .filtres.troisieme.associer {margin:[(#GET{marge.25}) ]0;}
    141         .albums .liste.associer table {margin-bottom:0; margin-top:#GET{marge.25}; border: 1px solid #GET{gris_bordure};}
    142                 .albums .liste.associer th {padding:[(#GET{marge.25})];}
    143 
    144 
    145 /** LISTE GALERIE **/
    146 .albums .liste.galerie {}
    147        
    148 
    149 
    150 /** LISTE SELECTEUR **/
    151 .albums .liste.selecteur {}
    152         .albums .liste.selecteur table {margin:0; border:1px solid[ (#GET{gris_bordure})];}
    153         .albums .liste.selecteur td.radio {width:1px;}
    154         .albums .liste.selecteur td.infos {font-size:.9em;}
    155         .albums .liste.selecteur td.infos h3, .albums .liste.selecteur td.infos h4 {font-weight:normal;}
    156         .albums .liste.selecteur td.contenu li, .albums .troisieme.selecteur li {padding:0;}
     130/**/
     131#albums .lies .conteneur_portfolios             {background-color:#GET{fond_lies_actif}; position:relative; top:-.6em; padding:.5em; border:1px solid #GET{bordure_lies_actif}; border-top:none; border-right:none; border-radius:0 0[ (#GET{radius}) ][(#GET{radius})];}
     132#albums .lies .portfolios                       {background-color:#fff; border:1px solid #GET{foncee};}
     133#albums .lies .portfolios #portfolios h3        {color:#fff; font-size:1em; text-shadow:#GET{ombre_texte}; background:#GET{foncee};}
     134#albums .lies .portfolios .liste_items          {padding-left:.5em; padding-right:.5em;}
     135#albums .lies .formulaire_joindre_document      {margin:.5em;}
     136
     137
     138/***********************/
     139/*** BOITE VUE ALBUM ***/
     140/***********************/
     141/* div.formulaire_spip.liste-objets.objets-associes table.spip.liste*/
     142#albums .objets_associes                        {margin-bottom:1em; padding:0;}
     143#albums .objets_associes .bd                    {padding:0;}
     144  #albums .objets_associes b.bottom,
     145  #albums .objets_associes .top                 {display:none;}
     146#albums .objets_associes h3                     {display:block; float:left; margin:.35em 10px; text-transform:uppercase; font-size:.9em;}
     147#albums .objets_associes .liste                 {margin:0; width:80%; float:right; border-top:none;}
     148#albums .objets_associes td                     {border-width:0; border-bottom-width:1px; padding:.2em;}
     149#albums .objets_associes tr:last-child td       {border-bottom:none;}
     150#albums .objets_associes .icone                 {display:table-cell; width:28px;}
     151#albums .objets_associes .icone img             {vertical-align:middle;}
     152#albums .objets_associes .action                {width:20px;}
     153
     154
     155/*************/
     156/*** LOGOS ***/
     157/*************/
     158.albums.logo                            {position:relative; margin:0 auto;}
     159.albums .decoration_logo                {
     160        position:absolute; top:0; left:0; display:block; content:'';
     161        background-repeat: no-repeat; background-position: 50% 50%;
     162        }
     163
     164
     165/*******************/
     166/*** PUCE STATUT ***/
     167/*******************/
     168.puce_objet.albums:hover .puce_objet_popup      {visibility:visible; margin-top:-1px; cursor:pointer;}
     169/* reset : le formulaire doit avoir la taille de l'image (8px) et un padding de  2px */
     170.puce_objet.albums form                 {display:inline-block; float:left; padding:2px;}
     171  .puce_objet.albums form div,
     172  .puce_objet.albums button             {display:block; width:8px; height:8px;}
     173.puce_objet.albums button               {position:relative;}
     174.puce_objet.albums button:hover         {border:none;}
     175.puce_objet.albums button img           {position:absolute; top:0; left:0; padding:0;}
     176
     177
     178/**************/
     179/*** DIVERS ***/
     180/**************/
     181/* bouton action */
     182  #albums button:hover,
     183  .albums button:hover                  {cursor:pointer;}
     184/* formulaire configurer */
     185#albums .inline .choix                  {display:inline-block;}
     186#albums .inline .choix input            {margin-right:0; vertical-align:bottom;}
     187#albums .inline .choix label            {margin-left:0; margin-right:.8em;}
     188#albums .inline .choix strong small     {font-weight:normal;}
     189/* message compagnon */
     190.box.compagnon .albums > ul             {margin:.5em 0; list-style:disc inside;}
     191.box.compagnon .albums > ul li > ul     {display:inline-block; vertical-align:top; list-style:none inside;}
     192
    157193
    158194/**********/
    159195/* MODELE */
    160196/**********/
    161 .notice_album {padding: 0 5px; border:none; background:#333; font-size:.7em; font-weight:bold; text-transform:uppercase; color:#fff;}
    162 .notice_album.statut {background-color:red;}
    163        
     197
     198/* vue en icones */
     199.album.vue_icones li                    {float:left; margin:0 10px 10px 0;}
     200.album.vue_icones li .spip_logos        {float:none; margin:0;}
     201.album.vue_icones figure                {display: table; width: 1px;} /* pour empecher le titre de dépasser */
     202  .album.vue_icones a,
     203  .album.vue_icones figcaption,
     204  .album.vue_icone img                  {display: table-row;}
     205/* vue en liste : r.a.z. du tableau */
     206.album.vue_liste table                  {margin:0;}
     207  .album.vue_liste td,
     208  .album.vue_liste img                  {vertical-align:middle;}
     209.album.vue_liste p                      {margin:0;}
     210/* notice espace privé */
     211  .album.warning,
     212  .album.notice_prive                   {background:url('[(#CHEMIN_IMAGE{background.png})]') repeat fixed;}
     213.album.notice_prive strong              {display:inline-block; position:relative; margin-left:24px; vertical-align:middle; color:#ff6600;}
     214.album.notice_prive strong:before       {position:absolute; left:-24px; width:24px; height:24px; content:''; background:url('[(#CHEMIN_IMAGE{warning-16.png})]') no-repeat 50% 10%;}
     215.album.notice_prive form                {float:right; opacity:.3}
     216.album.notice_prive form:hover          {opacity:1}
     217.album.notice_prive form .submit        {padding:0; margin:.1em; font-size:.75em;text-transform:uppercase;}
     218
     219
    164220
    165221/***********/
    166222/* ONGLETS */
    167223/***********/
    168 #SET{arrondi,'.4em'}
    169 
    170 /** tous **/
    171 .albums .onglets_simple, .albums .onglets_simple a, .albums .onglets_simple strong {
    172         border-color: [(#GET{gris_bordure})];
    173         color: [(#GET{couleur_texte})];
    174         text-transform: capitalize;
    175         }
    176         /* survol */
    177 .albums .onglets_simple a:hover {color:#GET{foncee}; text-decoration: none;}
    178         /* on */
    179 .albums .onglets_simple strong.on {color:#000; background-color:#fff;}
    180 
    181 /** premier rang **/
    182 .albums .onglets_simple.premier {
    183         <BOUCLE_gradient2(DATA){liste webkit,moz,o,ms,''}>
    184         background-image: [-(#VALEUR)-]linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,.07) 100%);
    185         </BOUCLE_gradient2>
    186         }
    187 .albums .onglets_simple.premier strong, .albums .onglets_simple.premier a, .albums .onglets_simple.premier .off {
    188         border-top-left-radius: [(#GET{arrondi})];
    189         border-top-right-radius: [(#GET{arrondi})];
    190         }
    191         /* on */
    192 .albums .onglets_simple.premier strong.on {border-bottom-color:#fff;}
    193         /* off */
    194 .albums .onglets_simple.premier .off {
    195         background-color: #EEEEEE;
    196         border: 1px solid #909090;
    197         border-bottom: none;
    198         display: block;
    199         float: left;
    200         margin-left: 5px;
    201         padding: 4px 7px;
    202         color:#6C6C6C;
    203         opacity:.4;
    204         }
    205 
    206 /** second rang **/
    207 .albums .onglets_simple.second strong, .albums .onglets_simple.second a, .albums .onglets_simple.second .off{margin:0; padding:.15em .6em; border-radius:0; margin-left:-1px;}
    208 .albums .onglets_simple.second li:first-child strong, .albums .onglets_simple.second li:first-child a{
    209         border-top-left-radius: [(#GET{arrondi})];
    210         border-bottom-left-radius: [(#GET{arrondi})];
    211         border-right: none;
    212         }
    213 .albums .onglets_simple.second li:last-child strong, .albums .onglets_simple.second li:last-child a, .albums .onglets_simple.second li:last-child .off{
    214         border-top-right-radius: [(#GET{arrondi})];
    215         border-bottom-right-radius: [(#GET{arrondi})];
    216         }
    217         /* on */
    218 .albums .onglets_simple.second strong.on, .albums .onglets_simple.second .contenus strong.on {background-color:#GET{claire}; color:#fff; [(#GET{ombre_texte})];}
    219        
    220 /** troisieme rang **/
    221 .albums .filtres.troisieme {margin: 1em 0;}
    222 .albums .filtres.troisieme li {display:inline-block; margin-right:1em;}
    223         .albums .filtres.troisieme a{display: inline-block;}
    224                 .albums .filtres.troisieme img {padding:1px; border: 1px solid rgba(255,255,255,0);}
    225         /* survol */
    226         .albums .filtres.troisieme a:hover {opacity:1; text-decoration:none;}
    227         .albums .filtres.troisieme a:hover img{background:[#(#GET{claire}|couleur_luminance{0.2})]; border-color:[#(#GET{claire}|couleur_luminance{0.2})];}
    228         /* on */
    229         .albums .filtres.troisieme .on {opacity: 1;}
    230         .albums .filtres.troisieme .on img{background:#GET{claire}; border-color: #GET{foncee};}
    231         /* off */
    232         .albums .filtres.troisieme .off{opacity:.25; position:relative; display:block;}
    233 
    234 
    235 /* labels */
    236 .albums .label {padding-top:5px; color:#7f7f7f; font-weight:bold;}
    237 .albums .onglets_simple.second .label {display:block; float:left; margin-right:.5em;}
    238 
    239 
     224
     225#albums .onglets_simple.premier strong.off {color:#d3d7cf; border-color:#d3d7cf; border-bottom-color:#GET{foncee};}
     226
     227#albums .filtres                        {margin: .5em 0;}
     228#albums .filtres li                     {display:inline-block; margin:0 .5em;}
     229#albums .filtres img                    {padding:.2em;}
     230/* survol & actif */
     231#albums .filtres a                      {}
     232  #albums .filtres a:hover,
     233  #albums .filtres .on                  {opacity:1; text-decoration:none;}
     234  #albums .filtres a:hover img,
     235  #albums .filtres .on img              {background-color: rgba(0,0,0,.15);}
     236/* off */
     237#albums .filtres .off                   {opacity:.35;}
     238
     239/* Filtres : associer */
     240#albums .associer .filtres              {background-color:#GET{fond_actif}; margin:0; border:1px dotted rgba(0,0,0,.15); border-left:none; border-right:none;}
     241
     242#albums .filtres .info_contenu          {max-width:30em; vertical-align:top; color:#GET{foncee};}
     243#albums .associer .filtres .info_contenu        {max-width:16em; color:#GET{foncee-};}
     244
Note: See TracChangeset for help on using the changeset viewer.