Dotclear

Changeset 2308:928ea690d777


Ignore:
Timestamp:
10/08/13 00:09:08 (12 years ago)
Author:
Anne Kozlika <kozlika@…>
Branch:
default
Message:

Par décision collégiale du Haut Conseil des Intégrateurs, suppression des préfixes additionnels pour les anciennes versions de FF et webkit.

Location:
admin
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • admin/_charte.php

    r2225 r2308  
    165165                              </div><!-- 
    166166                              --><div class="two-boxes even"> 
    167                                    <div class="box"> 
     167                                   <div class="box odd"> 
    168168                                        <p><span class="step">4</span> Toutes les boîtes de class <code>"box"</code><br /> 
    169169                                         placées au sein d'une boîte <code>"two-boxes"</code>…</p> 
    170170                                   </div> 
    171                                    <div class="box"> 
     171                                   <div class="box even"> 
    172172                                        <p><span class="step">4 bis</span>… se distribuent horizontalement comme dans <br /> 
    173173                                             une boîte <code>"one-box"</code>.</p> 

  • admin/style/default.css

    r2301 r2308  
    148148     margin-left: 0; 
    149149     } 
    150 /* ------------------------------------------------- layout: optionnal one/two-boxes */ 
     150/* ------------------------------------------------- layout: optionnal one/two/three-boxes */ 
    151151.one-box { 
    152152     text-align: justify; 
    153153     } 
    154 .two-boxes, .three-boxes, .box { 
     154.two-boxes { 
     155     width: 47%; 
     156     } 
     157.three-boxes { 
     158     width: 30%; 
     159     } 
     160.two-boxes, .three-boxes { 
    155161     display: inline-block; 
    156162     vertical-align: top; 
    … …  
    161167     text-align: left; 
    162168     } 
    163 .two-boxes { 
    164      width: 47%; 
    165      } 
    166 .three-boxes { 
    167      width: 30%; 
    168      } 
    169 .box { 
    170      margin-left: 0; 
    171      margin-right: 0; 
    172      } 
    173 .odd { 
    174      margin-left: 0; 
    175      } 
    176 .even { 
    177      margin-right: 0; 
    178      } 
    179169/* ---------------------------------------------------------------- layout: popups */ 
    180170.popup h1 { 
    … …  
    250240     height: 120px; 
    251241     overflow: auto; 
     242     } 
     243.box { 
     244     display: inline-block; 
     245     vertical-align: top; 
     246     margin: 0 1.5% 1em; 
     247     -moz-box-sizing: border-box; 
     248     -webkit-box-sizing: border-box; 
     249     box-sizing: border-box; 
     250     text-align: left; 
     251     } 
     252.box.small { 
     253     width: 320px; 
     254     } 
     255.box.medium { 
     256     width: 660px; 
     257     } 
     258.box.large { 
     259     width: 100%; 
     260     } 
     261.odd { 
     262     margin-left: 0; 
     263     } 
     264.even { 
     265     margin-right: 0; 
    252266     } 
    253267/* --------------------------------------------------------------------------- 
    … …  
    278292     font-weight: normal; 
    279293     } 
    280 /* titre de page */ 
     294/* fil d'ariane */ 
    281295#content > h2 { 
    282296     padding: 0 1em .5em 1em; 
    … …  
    288302     border-color: #000; 
    289303     } 
     304/* page courante dans le fil d'ariane */ 
    290305.page-title { 
    291306     color: #d30e60; 
    … …  
    295310     vertical-align: middle; 
    296311     } 
     312/* autres titres */ 
    297313h3, .as_h3 { 
    298314     margin-top: 1em; 
    … …  
    345361     } 
    346362/* ---------------------------------------------------------------- tableaux */ 
     363/*   Pour autoriser le scroll sur les petites largeurs 
     364     envelopper les tableaux dans une div.table-outer */ 
    347365.table-outer { 
    348366     width: 100%; 
    … …  
    435453                                                                                     FORMULAIRES 
    436454---------------------------------------------------------------------------- */ 
     455input[type=text], input[type=password], input[type=submit],  
     456input[type=button], input[type=reset], a.button, button, textarea, select, legend { 
     457     border-radius: 3px;  
     458     } 
    437459form { 
    438460     display: block; 
    … …  
    459481     background: #fff; 
    460482     margin-bottom: 0.5em; 
    461      border-radius: 3px; 
    462483     } 
    463484label .maximal, textarea.maximal, input.maximal { 
    … …  
    470491     border-style: solid; 
    471492     border-color: #dfdfdf; 
    472      border-radius: 3px; 
    473493     box-shadow: 1px 1px 2px #f3f3f3 inset; 
    474494     padding: 3px; 
    … …  
    627647     text-align: center; 
    628648     text-decoration: none; 
    629      border-radius: 3px; 
    630649     cursor: pointer; 
    631650     position: relative; 
    … …  
    644663     color: #fff; 
    645664     background-color: #25A6E1; 
    646      background-image: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%); 
    647665     background-image: -webkit-gradient(linear,left top,left bottom, from(#25A6E1), to(#188BC0)); 
    648      background-image: linear-gradient(top,#25A6E1 0%,#188BC0 100%); 
     666     background-image: linear-gradient(#25A6E1,#188BC0); 
    649667     border-color: #25A6E1; 
    650668     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    … …  
    654672     a.button.submit:hover, a.button.submit:focus { 
    655673     background-color: #188BC0; 
    656      background-image: -moz-linear-gradient(top,#188BC0 0%,#25A6E1 100%); 
    657674     background-image: -webkit-gradient(linear,left top,left bottom, from(#188BC0),to(#25A6E1)); 
    658675     background-image: linear-gradient(#188BC0,#25A6E1); 
    … …  
    663680input[type=reset], input[type=submit].reset, input.reset,  
    664681input[type=submit].delete, input.delete, 
    665 a.button.delete, a.button.reset, a.button { 
     682 a.button, a.button.delete, a.button.reset { 
    666683     color: #000; 
    667684     background-color: #EAEAEA; 
    668685     background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#EAEAEA)); 
    669      background-image: -moz-linear-gradient(top,  #f9f9f9,  #EAEAEA); 
    670686     background-image: linear-gradient(#f9f9f9,#EAEAEA); 
    671687     background-repeat: repeat-x; 
    … …  
    683699     background-color: #DADADA; 
    684700     background-image: -webkit-gradient( linear, left top, left bottom, from(#EAEAEA), to(#DADADA)); 
    685      background-image: -moz-linear-gradient(top, #EAEAEA, #DADADA); 
    686701     background-image: linear-gradient(#EAEAEA, #DADADA); 
    687702     background-repeat: repeat-x; 
    … …  
    697712     background-color: #B33630; 
    698713     background-image: -webkit-gradient( linear, left top, left bottom, from(#DC5F59), to(#B33630)); 
    699      background-image: -moz-linear-gradient(top, #DC5F59, #B33630); 
    700714     background-image: linear-gradient(#DC5F59, #B33630); 
    701715     background-repeat: repeat-x; 
    … …  
    711725     background-color: #bee74b; 
    712726     background-image: -webkit-gradient(linear, left top, left bottom, from(#bee74b), to(#9BCA1C)); 
    713      background-image: -moz-linear-gradient(top, #bee74b, #9BCA1C); 
    714727     background-image: linear-gradient(#bee74b, #9BCA1C); 
    715728     border-color: #bee74b; 
    … …  
    723736     background-color: #9BCA1C; 
    724737     background-image: -webkit-gradient(linear, left top, left bottom, from(#9BCA1C), to(#bee74b)); 
    725      background-image: -moz-linear-gradient(top, #9BCA1C, #bee74b); 
    726738     background-image: linear-gradient(top, #9BCA1C, #bee74b); 
    727739     border-color: #9BCA1C; 
    … …  
    11101122     right: 0; 
    11111123     width: 280px; /* ie < 9 sucks */ 
    1112           width: 28rem; 
     1124     width: 28rem; 
    11131125     border-left: 2px solid #FFD478; 
    11141126     border-top: 2px solid #FFD478; 
    … …  
    11751187     margin: 0.3em 0 1.5em 0; 
    11761188     } 
    1177 /* 1. inside help block */ 
     1189/* lien d'aide générale dans le help content */ 
    11781190#helplink p { 
    11791191     padding: 0 0 0 .5em; 
    … …  
    13731385     border: 1px solid #9bca1c; 
    13741386     padding: 1em 1em 0 1em; 
    1375      border-radius: 3px; 
    13761387     background: #fff; 
    13771388     } 
    … …  
    14311442     padding: 1.5em; 
    14321443     background-color: #f9f9f9; 
    1433      -moz-border-radius: 8px; 
    1434      -webkit-border-radius: 8px; 
    14351444     border-radius: 8px; 
    14361445     border: 1px solid #dadada; 
    … …  
    14901499     margin: 10px; 
    14911500     text-align: left; 
    1492      } 
    1493 .box.small { 
    1494      width: 320px; 
    1495      } 
    1496 .box.medium { 
    1497      width: 660px; 
    1498      } 
    1499 .box.large { 
    1500      width: 100%; 
    15011501     } 
    15021502.dc-box { 
    … …  
    16541654     background: #fff url(texture.png); 
    16551655     border: 1px solid #eee; 
    1656      -webkit-border-radius: .5em; 
    16571656     border-radius: .5em; 
    16581657     min-height: 330px; 
    … …  
    19381937     line-height: 1em; 
    19391938     text-align: right; 
    1940      background: green url("loader.png") repeat-x left top; 
     1939     background: green url(loader.png) repeat-x left top; 
    19411940     color: white; 
    1942      border-radius: 2px; 
     1941     border-radius: 3px; 
    19431942     } 
    19441943div.template-upload { 
    … …  
    21612160.guideline h3 { 
    21622161     margin-top: 2em; 
     2162     } 
     2163.guideline .dc-update h3 { 
     2164     margin-top: 0; 
    21632165     } 
    21642166.guideline .one-box .box { 
    … …  
    22702272     border-radius: .75em; 
    22712273     background-color: #ECF0F1; 
    2272      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 
    22732274     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 
    22742275     } 
    … …  
    23402341     color: #fff; 
    23412342     background: #676e78; 
    2342      -webkit-border-radius: 3px; 
    23432343     border-radius: 3px; 
    23442344     font-variant: small-caps; 
    … …  
    24862486/* ---------------------------------------------- Couleurs ajoutées via javascript    
    24872487/* color-picker.js */ 
    2488 .color-color-picker { 
     2488.color-color-picker {  
    24892489     border: 1px solid #000; 
    2490      width: 195px; 
    2491      background: #fff; 
    2492      } 
    2493 /* _blog_theme.js */ 
    2494 .select-button { 
    2495      font-weight: bold; 
     2490     width: 195px;  
     2491     background: #fff;  
    24962492     } 
    24972493/* _media_item.js */ 
    2498 .color-div { 
     2494.color-div {  
    24992495     border: 1px solid #ccc; 
    25002496     } 
    25012497/* fadings ('color' est utilisé comme variable, pas comme text color) */ 
    2502 .colorBeginPassword, .colorBeginValidatorErr, .colorBeginUserMail { 
    2503      color: #fff; 
    2504      } 
    2505 .colorEndPassword, .colorEndError, .colorEndValidatorErr, .colorEndUserMail { 
    2506      color: #ffbaba; 
    2507      } 
    2508 .colorBeginMessage { 
    2509      color: #ccc; 
    2510      } 
    2511 .colorEndMessage, .colorBeginValidatorMsg { 
    2512      color: #676e78; 
    2513      } 
    2514 .colorBeginError { 
    2515      color: #fefacd; 
    2516      } 
    2517 .colorBeginSuccess { 
    2518      color: #9BCA1C; 
    2519      } 
    2520 .colorEndSuccess { 
    2521      color: #bee74b; 
    2522      } 
    2523 .colorEndValidatorMsg { 
    2524      color: #ffcc00; 
    2525      } 
     2498.colorBeginPassword,  
     2499.colorBeginValidatorErr,  
     2500.colorBeginUserMail           { color: #fff; } 
     2501.colorEndPassword,  
     2502.colorEndError,  
     2503.colorEndValidatorErr,  
     2504.colorEndUserMail             { color: #ffbaba; } 
     2505.colorBeginMessage            { color: #ccc; } 
     2506.colorEndMessage,  
     2507.colorBeginValidatorMsg  { color: #676e78; } 
     2508.colorBeginError              { color: #fefacd; } 
     2509.colorBeginSuccess            { color: #9BCA1C; } 
     2510.colorEndSuccess              { color: #bee74b; } 
     2511.colorEndValidatorMsg         { color: #ffcc00; } 
    25262512/* ------------------------------------------------------------------------------------ 
    25272513                                                                           UN POIL DE MEDIA QUERIES 
    … …  
    25662552     color: #FFF; 
    25672553     border-width: 0; 
    2568      -webkit-border-radius: 6px; 
    25692554     border-radius: 6px; 
    25702555     } 
Note: See TracChangeset for help on using the changeset viewer.

Sites map