Changeset 64436 in spip-zone
- Timestamp:
- Aug 5, 2012, 9:04:58 PM (7 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
_plugins_/albums/trunk/prive/style_prive_plugin_albums.html
r60562 r64436 4 4 #HTTP_HEADER{Vary: Accept-Encoding} 5 5 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+}; 74 129 } 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 157 193 158 194 /**********/ 159 195 /* MODELE */ 160 196 /**********/ 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 164 220 165 221 /***********/ 166 222 /* ONGLETS */ 167 223 /***********/ 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.