Dotclear


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

Editeur: hauteur minimale pour l'extrait ; pas de hauteur fixe pour la toolbar.

Couleurs:

  • le gris #666 est un peu plus bleuté (je pinaille si je veux)
  • les titres h3 sont orange foncé

Styles, factorisation (work in progress) : les media-action (media.php), l'ordonnancement des catégories (catégories.php), les items de Maintenance sont dans des n-boxes génériques.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • admin/style/default.css

    r1749 r1760  
    108108     display: inline-block; 
    109109     vertical-align: top; 
     110     -moz-box-sizing: border-box;  
     111     -webkit-box-sizing: border-box;  
     112     box-sizing: border-box; 
    110113     } 
    111114     .two-boxes:first-child, .two-boxes.odd, .two-boxes.odd:last-child { 
    … …  
    121124     margin-left: 2.5%; 
    122125     margin-right: 2.5%;  
     126     -moz-box-sizing: border-box;  
     127     -webkit-box-sizing: border-box;  
     128     box-sizing: border-box; 
    123129     } 
    124130     .three-boxes:first-child { 
    … …  
    139145     } 
    140146/* ---------------------------------------------------------------- layout: popups */ 
    141 body.popup #wrapper, body.popup #top { 
     147.popup #wrapper, .popup #top { 
    142148     width: 100%; 
    143149     padding: 0; 
    144 } 
    145 body.popup #wrapper { 
    146      float: none; 
    147      margin:0; 
    148      display: block; 
    149 } 
    150 body.popup h1, body.popup #top { 
     150     } 
     151.popup h1, .popup #top { 
    151152     margin: 0; 
    152153     border-bottom: 1px solid; 
    … …  
    157158     text-indent: .5em; 
    158159     line-height: 1.3em; 
    159 } 
    160 body.popup #main { 
    161      margin-bottom: 1em 0; 
    162 } 
    163 body.popup #content { 
    164      margin: 0; 
    165      padding: .5em 0; 
    166 } 
    167 body.popup #content h2 { 
    168      margin: 0 0 1em; 
    169 } 
    170 body.popup #footer p { 
    171      border: none; 
    172 } 
    173 /* ------------------------------------------------------------- layout: compléments */ 
     160     } 
     161.popup #wrapper { 
     162     float: none; 
     163     margin:0; 
     164     display: block; 
     165     } 
     166     .popup #main { 
     167          margin-bottom: 1em 0; 
     168          } 
     169     .popup #content { 
     170          margin: 0; 
     171          padding: .5em 0; 
     172          } 
     173          .popup #content h2 { 
     174               margin: 0 0 1em; 
     175               } 
     176     .popup #footer p { 
     177          border: none; 
     178          } 
     179/* -------------------------------------------------------- layout: classes de complément */ 
    174180.constrained { 
    175181     margin: 0; 
    … …  
    204210     } 
    205211.frame-shrink { 
    206      border: 1px solid #666; 
     212     border: 1px solid #676e78; 
    207213     padding: 0.5em; 
    208214     margin-bottom: 1em; 
    … …  
    232238     } 
    233239h2 { 
    234      color: #666; 
     240     color: #676e78; 
    235241     font-size: 18px; /* ie < 9 sucks */ 
    236242     font-size: 1.8rem; 
    … …  
    259265h3, .as_h3 { 
    260266     margin-top: 1em; 
    261      color: #676e78; 
     267     color: #D33800; 
     268     font-weight: normal; 
    262269     font-size: 16px; /* ie < 9 sucks */ 
    263270     font-size: 1.6rem; 
    264271     } 
     272     h3:first-child {margin-top: 0;} 
    265273h4, as_h4 { 
    266274     font-size: 14px; /* ie < 9 sucks */ 
    … …  
    268276     color: #676e78; 
    269277     } 
    270      .smart-title, .box h3, .media-action-box h4 { /* pour les h3 ou les h4 titres de boîtes */ 
     278     .smart-title, .box h3, .fieldset h3, .fieldset h4 { /* pour les h3 ou les h4 titres de boîtes */ 
    271279          font-size: 1em; 
    272280          text-transform: uppercase; 
    … …  
    275283          text-shadow: 0 1px 0 rgba(200, 200, 200, 0.6) 
    276284          } 
     285     h4 label, h5 label {color: #333;} 
    277286h5 { 
    278287     font-size: 12px; /* ie < 9 sucks */ 
    279288     font-size: 1.2rem; 
     289     font-weight: bold; 
    280290     color: #676e78; 
    281291     } 
    … …  
    384394     } 
    385395legend { 
    386      font-weight: bold; 
    387396     padding: 0.2em 0.6em; 
    388397     border-width: 1px; 
    389398     border-style: solid; 
    390      border-color: #333; 
     399     border-color: #676e78; 
    391400     background: #fff; 
    392401     margin-bottom: 0.5em; 
    … …  
    502511     font-style: italic; 
    503512     font-weight: normal; 
    504      color: #666; 
     513     color: #676e78; 
    505514     } 
    506515     p.form-note { 
    … …  
    516525input[type=submit], input[type=reset], input[type=button], input[type=delete], 
    517526input.submit, input.reset, input.button, input.delete, 
    518 a.button, a.submit, a.delete, a.reset { 
     527a.button, a.button.submit, a.delete, a.reset { 
    519528     display: inline-block; 
    520529     cursor: pointer; 
    … …  
    527536     line-height: 1.5em; 
    528537     } 
    529      a.button, a.submit, a.reset { 
     538     a.button, a.button.submit, a.reset { 
    530539          padding-bottom: 1px; 
    531540          } 
    532541 /* validation */ 
    533 input[type=submit], a.submit { 
     542input[type=submit], a.button.submit { 
    534543     color: #fff; 
    535544     text-shadow: 0 -1px 0 rgba(100, 100, 100, 0.6); 
    … …  
    543552     } 
    544553     input[type=submit]:hover, input[type=submit]:focus, 
    545      a.submit:hover, a.submit:focus { 
     554     a.button.submit:hover, a.button.submit:focus { 
    546555          background:#188BC0; 
    547556          background:-moz-linear-gradient(top,#188BC0 0%,#25A6E1 100%); 
    … …  
    617626input.disabled { 
    618627     text-shadow: none; 
    619      color: #666; 
     628     color: #676e78; 
    620629     background: #F5F5F5; 
    621630     border: 1px solid #CCC; 
    622631     } 
    623632     input.disabled:hover { 
    624           color: #666; 
     633          color: #676e78; 
    625634          background: #DFDFDF; 
    626635          border: 1px solid #CCC; 
    … …  
    654663     margin-bottom: 1em; 
    655664     border-radius: 8px; 
     665     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
    656666     } 
    657667     p.error, p.message, p.static-msg, p.success, p.warning-msg { 
    … …  
    670680          .message a, .static-msg a { 
    671681               color: #fff; 
    672           } 
     682               } 
    673683     .success, .warning-msg { 
    674684          color: #000; 
    … …  
    692702     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
    693703     color: #34495e; 
     704     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) 
    694705     } 
    695706     .dc-update h3 { 
    … …  
    707718               } 
    708719          .dc-update a.button { 
    709                border-color: #ccc; 
    710                font-weight: bold; 
    711720               padding: .5em 1em;  
    712721               } 
    … …  
    832841     margin: 0; 
    833842     padding: 10px 0 10px 8px; 
    834      color: #666; 
     843     color: #676e78; 
    835844     font-size: 14px; /* ie < 9 sucks */ 
    836845     font-size: 1.4rem; 
    … …  
    12341243          } 
    12351244          #icons a span { 
    1236                border-bottom: 1px dotted #f90; 
     1245               border-bottom: 1px dotted #999; 
    12371246               color: #333; 
    12381247               } 
    … …  
    12721281          border: 1px solid #99f; 
    12731282          padding: .2em 1em .1em 24px; 
    1274           color: #666; 
     1283          color: #676e78; 
    12751284          } 
    12761285     #quick #new_cat, .q-cat, .q-cat label { 
    … …  
    13011310          .db-items li, .db-contents li { 
    13021311               margin: 0.25em 0 0 0; 
    1303                color: #666; 
     1312               color: #676e78; 
    13041313               } 
    13051314     #news dt { 
    … …  
    13821391               } 
    13831392          span.theme-version { 
    1384                color: #666; 
     1393               color: #676e78; 
    13851394               } 
    13861395          .theme-css { 
    … …  
    14261435               } 
    14271436          #theme-box span.theme-version { 
    1428                color: #666; 
     1437               color: #676e78; 
    14291438               } 
    14301439          #theme-box span.theme-parent-ok { 
    1431                color: #666; 
     1440               color: #676e78; 
    14321441               } 
    14331442          #theme-box span.theme-parent-missing { 
    … …  
    18681877     } 
    18691878     .fieldset h3 { 
    1870           color: #333; 
     1879          margin-top: 0; 
    18711880          } 
    18721881.right, .txt-right { 
    … …  
    19071916          } 
    19081917.offline { 
    1909      color: #666; 
     1918     color: #676e78; 
    19101919     } 
    19111920/* caché pour tout le monde */ 
Note: See TracChangeset for help on using the changeset viewer.

Sites map