Changeset 42248 in spip-zone


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.

Location:
_plugins_/themes_interface_privee
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/themes_interface_privee/plugin.xml

    r40276 r42248  
    22        <nom>Thèmes pour l'interface privée</nom>
    33        <auteur>ARNO*</auteur>
    4         <version>0.4</version>
    5         <etat>dev</etat>
     4        <version>0.5</version>
     5        <etat>stable</etat>
    66        <description>
    77                Des interfaces alternatives pour SPIP 2.1.
     
    1616        </pipeline>
    1717        <necessite id="SPIP" version="[2.1.0-beta;]" />
    18         <necessite id="css_imbriques" version="[0.9;]" />
     18        <necessite id="css_imbriques" version="[1.3;]" />
    1919        <categorie>maintenance</categorie>
    2020</plugin>
  • _plugins_/themes_interface_privee/style_prive_chocolat.html

    r36759 r42248  
    6161        .bandeau_sec {
    6262                border-color: #674c22;
    63                 -webkit-border-bottom-left-radius: 4px;
    64                 -webkit-border-bottom-right-radius: 4px;
    65                 border-bottom-left-radius: 4px;
    66                 border-bottom-right-radius: 4px;
    67                 -moz-border-radius: 0px 0px 4px 4px;
    68                
    69                
     63                -spip-border-bottom-left-radius: 4px;
     64                -spip-border-bottom-right-radius: 4px;
    7065        }       
    7166        .bandeau_sec.h-list {
     
    138133                border-top: 0px;
    139134                color: #464646;
    140                 -webkit-border-bottom-left-radius: 4px;
    141                 -webkit-border-bottom-right-radius: 4px;
    142                 border-bottom-left-radius: 4px;
    143                 border-bottom-right-radius: 4px;
    144                 -moz-border-radius: 0px 0px 4px 4px;
     135                -spip-border-bottom-left-radius: 4px;
     136                -spip-border-bottom-right-radius: 4px;
    145137
    146138                a {
     
    153145.cadre, .dater {
    154146        border-color: #c9b89c;
    155         -moz-border-radius: 4px;
    156         -webkit-border-radius: 4px;
    157         border-radius: 4px;
     147        -spip-border-radius: 4px;
    158148       
    159149        .titrem, .titrem span a {
     
    178168}
    179169.entete-formulaire {
    180         -webkit-border-top-left-radius: 4px;
    181         -webkit-border-top-right-radius: 4px;
    182         -moz-border-radius: 4px 4px 0px 0px;
    183         border-top-left-radius: 0px;
    184         border-top-right-radius: 0px;
     170        -spip-border-top-left-radius: 4px;
     171        -spip-border-top-right-radius: 4px;
    185172}
    186173
    187174.icone36 a img, a.icone36 img, .icone36 a:hover img, a.icone36:hover img {
    188         -moz-border-radius: 4px;
    189         -webkit-border-radius: 4px;
    190         border-radius: 4px;
     175        -spip-border-radius: 4px;
    191176}
    192177
     
    214199div.liste, div.cadre-liste {
    215200        border-color: #c9b89c;
    216         -webkit-border-bottom-left-radius: 0px;
    217         -webkit-border-bottom-right-radius: 0px;
    218         -moz-border-radius: 4px 4px 0px 0px;
    219         border-bottom-left-radius: 0px;
    220         border-bottom-right-radius: 0px;
     201        -spip-border-bottom-left-radius: 0px;
     202        -spip-border-bottom-right-radius: 0px;
    221203
    222204        table {
     
    249231
    250232.cadre-forum {
    251         -webkit-border-bottom-left-radius: 0px;
    252         -webkit-border-bottom-right-radius: 0px;
    253         -moz-border-radius: 4px 4px 0px 0px;
    254         border-bottom-left-radius: 0px;
    255         border-bottom-right-radius: 0px;
     233        -spip-border-bottom-left-radius: 0px;
     234        -spip-border-bottom-right-radius: 0px;
    256235}
    257236.cadre-thread-forum {
    258         -webkit-border-radius: 0px;
    259         -moz-border-radius: 0px;
    260         border-radius: 0px;
     237        -spip-border-radius: 0px;
    261238}
    262239
     
    265242        .fiche_objet {
    266243                border-color: #927340; 
    267                 -moz-border-radius: 4px;
    268                 -webkit-border-radius: 4px;
    269                 border-radius: 4px;
    270                 box-shadow:  0px 0px 2px #73531f;
    271                 -webkit-box-shadow:  0px 0px 2px #73531f;
    272                 -moz-box-shadow:  0px 0px 2px #73531f;
     244                -spip-border-radius: 4px;
     245                -spip-box-shadow:  0px 0px 2px #73531f;
    273246        }
    274247
     
    295268        color: [#(#GET{foncee}|couleur_foncer)];
    296269        padding: 3px 10px;
    297         -moz-border-radius: 10px;
    298         -webkit-border-radius: 10px;
    299         border-radius: 10px;
     270        -spip-border-radius: 10px;
    300271}
    301272input[type="submit"]:hover, .boutons button:hover {
  • _plugins_/themes_interface_privee/style_prive_degrades.html

    r35522 r42248  
    2424
    2525body {
    26         background-color: [#(#ENV{couleur_claire}|couleur_saturation{0.03})]
    27 }
     26        background-color: [#(#ENV{couleur_claire}|couleur_saturation{0.03})];
     27}
     28
     29
     30#bandeau-principal  .bandeau_sec {
     31                -spip-border-bottom-left-radius: 4px;
     32                -spip-border-bottom-right-radius: 4px;
     33}
     34.icone36 {
     35        a img, img {
     36                -spip-border-radius: 4px;
     37        }
     38}
     39.cadre, .dater {
     40        -spip-border-radius: 4px;
     41       
     42        .titrem {
     43                -spip-border-top-left-radius: 4px;
     44                -spip-border-top-right-radius: 4px;
     45        }
     46}
     47.cadre-forum {
     48        -spip-border-bottom-left-radius: 0px;
     49        -spip-border-bottom-right-radius: 0px;
     50}
     51.cadre-thread-forum {
     52        -spip-border-radius: 0px;
     53}
     54.fiche_objet, .no_onglets .fiche_objet {
     55        -spip-border-radius: 4px;
     56}
     57
     58div.liste, div.cadre-liste {
     59        -spip-border-bottom-left-radius: 0px;
     60        -spip-border-bottom-right-radius: 0px;
     61}
     62.entete-formulaire {
     63                -spip-border-top-left-radius: 4px;
     64                -spip-border-top-right-radius: 4px;
     65}
     66
     67
     68
     69
    2870
    2971/* elements du formulaire */
     
    5294        display:inline;
    5395
    54         [(#EVAL{_DIR_IMG_PACK}|concat{label-fond-gauche-,#ENV{ltr},.gif}|background_image{eeeeee, center [(#GET{right})] no-repeat })]
     96        [(#EVAL{_DIR_IMG_PACK}|concat{label-fond-gauche-,#ENV{ltr},.gif}|background_image{e0e0e0, center [(#GET{right})] no-repeat })]
    5597
    5698        color: #4444;
     
    90132        font-size: 95%;
    91133        line-height: 11px;
    92         [(#EVAL{_DIR_IMG_PACK}|concat{label-fond-haut-,#ENV{ltr},.gif}|background_image{eeeeee, bottom [(#GET{left})] no-repeat })]
     134        [(#EVAL{_DIR_IMG_PACK}|concat{label-fond-haut-,#ENV{ltr},.gif}|background_image{e0e0e0, bottom [(#GET{left})] no-repeat })]
    93135}
    94136
     
    119161        margin: 0px;
    120162        padding-top: 7px;
    121         padding-bottom: 13px;
     163        padding-bottom: 7px;
    122164        padding-#GET{left}: 10px;
    123165        padding-#GET{right}: 5px;
     
    127169        font-size: 95%;
    128170        line-height: 11px;
    129         [(#EVAL{_DIR_IMG_PACK}|concat{label-fond-haut-,#ENV{ltr},.gif}|background_image{eeeeee, bottom [(#GET{left})] no-repeat })]
     171        -spip-gradient: top, #f0f0f0, #cccccc;
    130172}
    131173
    132174.formulaire_spip fieldset li label {
    133175        color: #444444;
    134         [(#EVAL{_DIR_IMG_PACK}|concat{label-fond-gauche-,#ENV{ltr},.gif}|background_image{eeeeee, center [(#GET{right})] no-repeat })]
     176        [(#EVAL{_DIR_IMG_PACK}|concat{label-fond-gauche-,#ENV{ltr},.gif}|background_image{e0e0e0, center [(#GET{right})] no-repeat })]
    135177}
    136178
     
    163205/* Bouton de validation */
    164206input[type="submit"] {
    165         [(#EVAL{_DIR_IMG_PACK}|concat{fond-fondo.gif}|background_image{[(#ENV{couleur_claire})], center center })]
     207        background-color: [#(#ENV{couleur_claire}|couleur_luminance{0.3})];
     208        -spip-gradient: top, [#(#ENV{couleur_claire}|couleur_luminance{0.2})], [#(#ENV{couleur_claire}|couleur_luminance{0.4})];
     209        -spip-border-radius: 12px;
    166210        border: 1px solid [(#GET{claire})];
    167         padding: 3px 6px;
     211        padding: 3px 10px;
    168212        font-weight: bold;
    169         color: [#(#GET{foncee}|couleur_foncer)];
     213        color: black;
     214        -spip-transition-property: background-color color border-color;
     215        -spip-transition-duration: 0.1s;
    170216}
    171217input[type="submit"]:hover {
    172218        border: 1px solid [(#GET{foncee})];
    173         color: black;
     219        color: white;
     220        background-color: [#(#ENV{couleur_claire}|couleur_luminance{0.7})];
     221        -spip-gradient: top, [#(#ENV{couleur_claire}|couleur_luminance{0.6})], [#(#ENV{couleur_claire}|couleur_luminance{0.8})];
    174222}
    175223
     
    219267
    220268.accueil #navigation .cadre-r .titrem {
    221         background-color: white;
    222         [(#EVAL{_DIR_IMG_PACK}|concat{label-fond-haut-,#ENV{ltr},.gif}|background_image{#GET{claire}, bottom [(#GET{left})] no-repeat })]
     269        background-color: [#(#ENV{couleur_foncee}|couleur_luminance{0.3})];
     270        -spip-gradient: top, [#(#ENV{couleur_foncee}|couleur_luminance{0.2})], [#(#ENV{couleur_foncee}|couleur_luminance{0.4})];
    223271        padding-top: 6px;
    224         padding-bottom: 10px;
     272        padding-bottom: 6px;
    225273}
    226274
     
    229277        text-transform: none;
    230278        background-color: white;
    231         padding-bottom: 11px;
    232         color: #444444;
    233         [(#EVAL{_DIR_IMG_PACK}|concat{label-fond-haut-,#ENV{ltr},.gif}|background_image{eeeeee, bottom [(#GET{left})] no-repeat })]
     279        color: #444444;
     280        padding-top: 6px;
     281        padding-bottom: 6px;
     282        background-color: #eeeeee;
     283        -spip-gradient: top, #f0f0f0, #cccccc;
    234284}
    235285.configuration #contenu .cadre-couleur .titrem { background-color: #GET{claire}; }
     
    244294}
    245295
     296#FILTRE{css_imbriques_decouper}
  • _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.