Changeset 65055 in spip-zone for _plugins_/details_interface_3/squelettes


Ignore:
Timestamp:
Aug 20, 2012, 5:07:30 PM (8 years ago)
Author:
arno@…
Message:

Quelques bordures inset, ombre portée plus rigolote pour faire ressortir les listes, présentation des sous-rubriques…

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/details_interface_3/squelettes/details.css.html

    r64887 r65055  
    4242                                }
    4343                                li.actif, li.actif_tempo {
    44                                         background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];;
    45                                        
     44                                        background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];
     45                                        -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.25})] inset;
    4646                                        a:hover {
    4747                                                background-color: transparent;
     
    7979        width: 525px;
    8080}
    81 
    8281#bando_outils {
    8382        border-top: 1px solid #999;
    8483        background-color: #444;
    8584        -spip-gradient: top, #555555, #333333;
     85       
     86        ul.deroulant {
     87                font-size: 0.9em;
     88                line-height: 120%;
     89        }
    8690}
    8791.navigation_avec_icones {
     
    122126}
    123127
     128.liste_items .item, .liste-items .item {
     129
     130}
     131
    124132.simple .inner {
    125133        -spip-border-radius: 5px;
    126134        border: 1px solid #e7e7e7;
     135
    127136       
    128137        . :hover {
     
    139148}
    140149#contenu .fiche_objet {
    141        
    142150        .inner {
    143151                border: 0px;
     
    177185        .inner {
    178186                border: 0;
    179                 background-color: #f7f7f7;
     187                background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];
     188                -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;
     189
     190                . :hover {
     191                -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;
     192                }
    180193               
    181194                .hd {
     
    183196                        font-size: 100%;
    184197                }
    185         }
    186 }
     198                .bd {
     199                        padding: 0;
     200                       
     201                        .liste-items {
     202                                font-size: 0.85em;
     203                                line-height: 120%;
     204                               
     205                                .item {
     206                                        padding: 0px;
     207                                       
     208                                        a {
     209                                                padding: 5px 18px;
     210                                                display: block;
     211                                        }
     212                                       
     213                                        . :hover {
     214                                                background-color: #[(#ENV{foncee}|couleur_luminance{0.25})];
     215                                                a {
     216                                                        color: black;
     217                                                }
     218                                        }
     219                                }       
     220                        }
     221                }
     222        }
     223}
     224
    187225
    188226.liste-objets {
    189227        -spip-border-top-left-radius: 5px;
    190228        -spip-border-top-right-radius: 5px;
     229        position: relative;
     230        z-index: 2;
     231        display: block;
    191232
    192233        . :hover {
    193                 -spip-box-shadow:  0px 0px 2px #dddddd;
    194         }
     234                -spip-box-shadow:  0px 0px 0px #dddddd;
     235        }
     236        . :before, . :after {
     237          -spip-box-shadow: 0 15px 10px rgba(0, 0, 0, .5);
     238          -spip-transform: rotate(-3deg);
     239          position: absolute;
     240          left: 10px;
     241          bottom: 20px;
     242          z-index: -1;
     243          width: 50%;
     244          max-width: 300px;
     245          height: 20%;
     246          content: "";
     247        }
     248        . :after {
     249          -spip-transform: rotate(3deg);       
     250          left: auto;
     251          right: 10px;
     252        }
     253       
    195254       
    196255        table {
     
    679738       
    680739}
     740
     741.navigation .sous_navigation .item {
     742        padding: 0px;
     743        a {
     744                margin: 0;
     745                padding: 10px;
     746                padding-left: 34px;
     747                background-position: 10px center;
     748               
     749                . :hover, . :focus {
     750                        background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];
     751                        -spip-box-shadow:  0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;
     752                        color: black;
     753                }
     754        }
     755}
    681756#FILTRE{css_imbriques_decouper}
Note: See TracChangeset for help on using the changeset viewer.