Ignore:
Timestamp:
Nov 13, 2010, 12:28:51 PM (10 years ago)
Author:
arno@…
Message:

Utilisation des nouveaux pseudo-styles de css-imbriques. Suppression d'un certain nombre d'images calculées au profit de gradients CSS.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/themes_interface_privee/style_prive_wpip.html

    r35638 r42248  
    5757                border-color: #666;
    5858                border-width: 1px;
    59                 -webkit-border-bottom-left-radius: 6px;
    60                 -webkit-border-bottom-right-radius: 6px;
    61                 border-bottom-left-radius: 6px;
    62                 border-bottom-right-radius: 6px;
    63                 -moz-border-radius: 0px 0px 6px 6px;
     59
     60                -spip-border-bottom-left-radius: 6px;
     61                -spip-border-bottom-right-radius: 6px;
    6462                               
    6563                li.cellule36 {
     
    109107                border-top: 0px;
    110108                color: #464646;
    111                 -webkit-border-bottom-left-radius: 6px;
    112                 -webkit-border-bottom-right-radius: 6px;
    113                 border-bottom-left-radius: 6px;
    114                 border-bottom-right-radius: 6px;
    115                 -moz-border-radius: 0px 0px 6px 6px;
     109                -spip-border-bottom-left-radius: 6px;
     110                -spip-border-bottom-right-radius: 6px;
    116111
    117112                . :hover {
    118                         box-shadow:  0px 0px 2px #999;
    119                         -webkit-box-shadow:  0px 0px 2px #999;
    120                         -moz-box-shadow:  0px 0px 2px #999;
     113                        -spip-box-shadow:  0px 0px 2px #999;
    121114                }
    122115               
     
    134127.plan-articles a, .plan-articles-bloques .publie, .plan-articles-bloques .prepa, .plan-articles-bloques .prop, .plan-articles-bloques .refuse, .plan-articles-bloques .poubelle {
    135128        background-color: white;
     129        -spip-transition-property: background-color color border-color;
     130        -spip-transition-duration: 0.2s;
     131       
    136132}
    137133.plan-articles a:hover {
     
    157153.icone36 {
    158154        a img, img {
    159                 -moz-border-radius: 6px;
    160                 -webkit-border-radius: 6px;
    161                 border-radius: 6px;     
     155                -spip-border-radius: 6px;
    162156        }
    163157}
     
    185179
    186180.icone36 a span, a.icone36 span {
    187         -moz-border-radius: 10px;
    188         -webkit-border-radius: 10px;
    189         border-radius: 10px;   
    190         border: 1px solid #bbb;
     181        -spip-border-radius: 10px;
     182        border: 1px solid #ddd;
    191183        padding: 3px 10px;
    192184        width: auto;
     
    195187        text-shadow: white 0px 1px 0px;
    196188        color: #464646;
    197         background-color: transparent;
    198         background: url([(#CHEMIN{images/white-grad-active.gif})]) center center;
     189        background-color: #ddd;
    199190        height: auto;
     191       
     192        -spip-transition-property: background-color color border-color;
     193        -spip-transition-duration: 0.2s;
    200194       
    201195        . :hover {
    202196                color: black;
    203                 border-color: #666;
     197                border-color: #888;
     198                text-shadow: black 0px -1px 0px;
     199                background: #666;
     200                color: white;
    204201        }
    205202}
     
    207204.cadre, .dater {
    208205        border-color: #dfdfdf;
    209         -moz-border-radius: 6px;
    210         -webkit-border-radius: 6px;
    211         border-radius: 6px;
     206        -spip-border-radius: 6px;
    212207       
    213208        . :hover {
    214                 box-shadow:  0px 0px 2px #ccc;
    215                 -webkit-box-shadow:  0px 0px 2px #ccc;
    216                 -moz-box-shadow:  0px 0px 2px #ccc;
     209                -spip-box-shadow:  0px 0px 2px #ccc;
    217210        }
    218211
     
    232225                        background-position: top #GET{right};
    233226                       
    234                         filter:alpha(opacity=50);
    235                         -moz-opacity:0.5;
    236                         opacity: 0.5;
     227                        -spip-opacity:0.5;
    237228                       
    238229                        float: #GET{right};
    239230                       
    240231                        . :hover {
    241                                 filter:alpha(opacity=100);
    242                                 -moz-opacity: 1;
    243                                 opacity: 1;
     232                                -spip-opacity: 1;
    244233                        }
    245234
     
    261250.cadre-forum {
    262251        border-color: #dfdfdf;
    263         -webkit-border-bottom-left-radius: 0px;
    264         -webkit-border-bottom-right-radius: 0px;
    265         -moz-border-radius: 6px 6px 0px 0px;
    266         border-bottom-left-radius: 0px;
    267         border-bottom-right-radius: 0px;
     252        -spip-border-bottom-left-radius: 0px;
     253        -spip-border-bottom-right-radius: 0px;
    268254}
    269255.cadre-thread-forum {
    270         -webkit-border-radius: 0px;
    271         -moz-border-radius: 0px;
    272         border-radius: 0px;
     256        -spip-border-radius: 0px;
    273257}
    274258
    275259.fiche_objet, .no_onglets .fiche_objet {
    276260        border-color: #dfdfdf;
    277         -moz-border-radius: 6px;
    278         -webkit-border-radius: 6px;
    279         border-radius: 6px;
     261        -spip-border-radius: 6px;
    280262}
    281263
    282264div.liste, div.cadre-liste {
    283265        border-color: #dfdfdf;
    284         -webkit-border-bottom-left-radius: 0px;
    285         -webkit-border-bottom-right-radius: 0px;
    286         -moz-border-radius: 6px 6px 0px 0px;
    287         border-bottom-left-radius: 0px;
    288         border-bottom-right-radius: 0px;
     266        -spip-border-bottom-left-radius: 0px;
     267        -spip-border-bottom-right-radius: 0px;
    289268
    290269        table {
    291270       
    292271                .tr_liste {
     272                        -spip-transition-property: background-color color border-color;
     273                        -spip-transition-duration: 0.2s;
    293274                        background-color: white;
    294275                       
     
    320301        padding: 10px;
    321302        border: 1px solid #dfdfdf;
    322         -moz-border-radius: 6px;
    323         -webkit-border-radius: 6px;
    324         border-radius: 6px;
     303        -spip-border-radius: 6px;
    325304}
    326305
     
    345324.dater {
    346325        border: 1px solid #dfdfdf;
    347         -moz-border-radius: 6px;
    348         -webkit-border-radius: 6px;
    349         border-radius: 6px;
     326        -spip-border-radius: 6px;
    350327        color: #666;
    351328        margin-top: 20px;
     
    377354        li .erreur_message {
    378355                border-color: #dfdfdf;
    379                 -webkit-border-top-left-radius: 6px;
    380                 -webkit-border-top-right-radius: 6px;
    381                 border-top-left-radius: 6px;
    382                 border-top-right-radius: 6px;
    383                 -moz-border-radius: 6px 6px 0px 0px;
     356                -spip-border-top-left-radius: 6px;
     357                -spip-border-top-right-radius: 6px;
    384358        }
    385359       
    386360        .erreur_message + .explication {
    387                 -webkit-border-top-left-radius: 0px;
    388                 -webkit-border-top-right-radius: 0px;
    389                 border-top-left-radius: 0px;
    390                 border-top-right-radius: 0px;
    391                 -moz-border-radius: 0px 0px 0px 0px;
    392                
     361                -spip-border-top-left-radius: 0px;
     362                -spip-border-top-right-radius: 0px;             
    393363        }
    394364       
     
    396366                border-color: #dfdfdf;
    397367                background: url(#CHEMIN{images/gray-grad.png});
    398                 -webkit-border-top-left-radius: 6px;
    399                 -webkit-border-top-right-radius: 6px;
    400                 border-top-left-radius: 6px;
    401                 border-top-right-radius: 6px;
    402                 -moz-border-radius: 6px 6px 0px 0px;
     368                -spip-border-top-left-radius: 6px;
     369                -spip-border-top-right-radius: 6px;
    403370        }
    404371       
    405372        .erreur_message + input[type=text], .erreur_message + input[type=password], .erreur_message + textarea, .explication + input[type=text], .explication + input[type=password], .explication + textarea
    406373        {
    407                 -webkit-border-top-left-radius: 0px;
    408                 -webkit-border-top-right-radius: 0px;
    409                 border-bottom-left-radius: 6px;
    410                 border-bottom-right-radius: 6px;
    411                 -moz-border-radius: 0px 0px 6px 6px;
    412                
     374                -spip-border-top-left-radius: 0px;
     375                -spip-border-top-right-radius: 0px;
    413376        }
    414377
     
    438401        padding-#GET{left}: 10px;
    439402        padding-#GET{right}: 10px;
    440         -moz-border-radius: 6px;
    441         -webkit-border-radius: 6px;
    442         border-radius: 6px;
     403        -spip-border-radius: 6px;
    443404}
    444405.formulaire_spip li.editer_groupe_mot, .formulaire_editer_auteur li.editer_statut {
     
    451412        margin-#GET{left}: 0px;
    452413        margin-bottom: 10px;
    453         -moz-border-radius: 6px;
    454         -webkit-border-radius: 6px;
    455         border-radius: 6px;
     414        -spip-border-radius: 6px;
    456415       
    457416        legend, h3.legend {
     
    478437input[type=text], input[type=password], textarea {
    479438        border: 1px solid #dfdfdf;
    480         -moz-border-radius: 6px;
    481         -webkit-border-radius: 6px;
    482         border-radius: 6px;     
     439        -spip-border-radius: 6px;
    483440}
    484441
    485442input[type="submit"] {
    486         [(#EVAL{_DIR_IMG_PACK}|concat{fond-fondo.gif}|background_image{[(#ENV{couleur_foncee})], center center })]
    487         border: 1px solid [(#GET{claire})];
     443        background-color: [#(#ENV{couleur_foncee}|couleur_luminance{0.3})];
     444        -spip-gradient: top, [#(#ENV{couleur_foncee}|couleur_luminance{0.2})], [#(#ENV{couleur_foncee}|couleur_luminance{0.4})];
     445        border: 1px solid [#(#ENV{couleur_foncee}|couleur_luminance{0.6})];
    488446        padding: 3px 10px;
    489447        font-weight: bold;
     448        color: black;
     449        -spip-border-radius: 10px;
     450        -spip-transition-property: background-color color border-color;
     451        -spip-transition-duration: 0.2s;
     452
     453}
     454input[type="submit"]:hover {
    490455        color: white;
    491         -moz-border-radius: 10px;
    492         -webkit-border-radius: 10px;
    493         border-radius: 10px;
    494 
    495 }
    496 input[type="submit"]:hover {
    497         border: 1px solid [(#GET{foncee})];
     456        background-color: [#(#ENV{couleur_foncee}|couleur_luminance{0.7})];
     457        -spip-gradient: top, [#(#ENV{couleur_foncee}|couleur_luminance{0.6})], [#(#ENV{couleur_foncee}|couleur_luminance{0.8})];
     458        border: 1px solid [#(#ENV{couleur_foncee}|couleur_luminance{0.7})];
     459        -spip-box-shadow: 0px 0px 3px #555555;
    498460}
    499461
Note: See TracChangeset for help on using the changeset viewer.