Dotclear

Changeset 2301:184ddfd22e32


Ignore:
Timestamp:
10/06/13 22:14:37 (12 years ago)
Author:
Anne Kozlika <kozlika@…>
Branch:
default
Message:

CSS en mode nettoyage des outils.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • admin/style/default.css

    r2300 r2301  
    5050     width: 14em; 
    5151     float: left; 
    52      margin:0; 
     52     margin: 0; 
    5353     padding-top: .5em; 
    5454     padding-bottom: 1em; 
    … …  
    7878     } 
    7979.expand-mm { 
    80      display:none; 
     80     display: none; 
    8181     } 
    8282/* if main-menu is hidden */ 
    … …  
    107107     position: static; 
    108108     } 
    109      .two-cols .col { 
    110           width: 48%; 
    111           margin-left: 2%; 
    112           float: left; 
    113           } 
    114      .two-cols .col70 { 
    115           width: 68%; 
    116           margin-left: 0; 
    117           float: left; 
    118           } 
    119      .col30 { 
    120           width: 28%; 
    121           margin-left: 2%; 
    122           float: left; 
    123           } 
    124      .two-cols .col:first-child, 
     109.two-cols .col { 
     110     width: 48%; 
     111     margin-left: 2%; 
     112     float: left; 
     113     } 
     114.two-cols .col70 { 
     115     width: 68%; 
     116     margin-left: 0; 
     117     float: left; 
     118     } 
     119.col30 { 
     120     width: 28%; 
     121     margin-left: 2%; 
     122     float: left; 
     123     } 
     124.two-cols .col:first-child, 
    125125     .two-cols .col30.first-col { 
    126           margin-left: 0; 
    127           margin-right: 2%; 
    128           } 
    129      .two-cols .col:last-child, 
     126     margin-left: 0; 
     127     margin-right: 2%; 
     128     } 
     129.two-cols .col:last-child, 
    130130     .two-cols .col70.last-col { 
    131           margin-left: 2%; 
    132           margin-right: 0; 
    133           } 
    134      .two-cols table { 
    135           width: 90%; 
    136           } 
     131     margin-left: 2%; 
     132     margin-right: 0; 
     133     } 
     134.two-cols table { 
     135     width: 90%; 
     136     } 
    137137/* -------------------------------------------------------------- layout: three-cols */ 
    138138.three-cols { 
    139139     position: static; 
    140140     } 
    141      .three-cols .col {  
    142           width: 32.3%;  
    143           float: left;  
    144           margin-left: 1%;  
    145           }  
    146      .three-cols .col:first-child {  
    147           width: 33.3%;  
    148           margin-left: 0;  
    149           } 
     141.three-cols .col { 
     142     width: 32.3%; 
     143     float: left; 
     144     margin-left: 1%; 
     145     } 
     146.three-cols .col:first-child { 
     147     width: 33.3%; 
     148     margin-left: 0; 
     149     } 
    150150/* ------------------------------------------------- layout: optionnal one/two-boxes */ 
    151151.one-box { 
    … …  
    156156     vertical-align: top; 
    157157     margin: 0 1.5% 1em; 
    158      -moz-box-sizing: border-box;  
    159      -webkit-box-sizing: border-box;  
     158     -moz-box-sizing: border-box; 
     159     -webkit-box-sizing: border-box; 
    160160     box-sizing: border-box; 
    161161     text-align: left; 
    … …  
    238238/* Micro clearfix thx to Nicolas Gallagher */ 
    239239.clearfix:before, .clearfix:after { 
    240      content: " ";  
     240     content: " "; 
    241241     display: table; 
    242242     } 
    … …  
    261261     font-size: 1.2rem; 
    262262     line-height: 1.5; 
    263      /* font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; */   
    264      font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  
     263     font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    265264     color: #333; 
    266265     background: #fff; 
    … …  
    279278     font-weight: normal; 
    280279     } 
    281      /* titre de page */ 
    282      #content > h2 { 
    283           padding: 0 1em .5em 1em; 
    284           margin: 0 -1em .5em -1em; 
    285           background: #fff url(bg_h2.png) repeat-x center bottom; 
    286           } 
    287      h2 a:link, h2 a:visited { 
    288           color: #676e78; 
    289           border-color: #000; 
    290           } 
    291      .page-title { 
    292           color: #d30e60; 
    293           } 
    294      .page-title img { 
    295           padding-left: .5em; 
    296           vertical-align: middle; 
    297           } 
     280/* titre de page */ 
     281#content > h2 { 
     282     padding: 0 1em .5em 1em; 
     283     margin: 0 -1em .5em -1em; 
     284     background: #fff url(bg_h2.png) repeat-x center bottom; 
     285     } 
     286h2 a:link, h2 a:visited { 
     287     color: #676e78; 
     288     border-color: #000; 
     289     } 
     290.page-title { 
     291     color: #d30e60; 
     292     } 
     293.page-title img { 
     294     padding-left: .5em; 
     295     vertical-align: middle; 
     296     } 
    298297h3, .as_h3 { 
    299298     margin-top: 1em; 
    … …  
    302301     font-size: 1.34em; 
    303302     } 
    304      #main-menu h3 { 
    305           font-weight: bold; 
    306           } 
     303#main-menu h3 { 
     304     font-weight: bold; 
     305     } 
    307306h4, .as_h4 { 
    308307     font-size: 14px; /* ie < 9 sucks */ 
    … …  
    310309     color: #676e78; 
    311310     } 
    312      .fieldset h3, .fieldset h4, .pretty-title { /* variante */ 
    313           color: #D33800; 
    314           font-size: 1em; 
    315           font-weight: bold; 
    316           } 
    317           .fieldset h3 { 
    318                font-size: 1.17em; 
    319                } 
    320      .fieldset h3.smart-title, .fieldset h4.smart-title, .smart-title { /* variante */ 
    321           font-size: 1em; 
    322           text-transform: uppercase; 
    323           font-weight: bold; 
    324           color: #333; 
    325           text-shadow: 0 1px 0 rgba(200, 200, 200, 0.6) 
    326           } 
     311.fieldset h3, .fieldset h4, .pretty-title { 
     312     color: #D33800; 
     313     font-size: 1em; 
     314     font-weight: bold; 
     315     } 
     316.fieldset h3 { 
     317     font-size: 1.17em; 
     318     } 
     319.fieldset h3.smart-title, .fieldset h4.smart-title, .smart-title { 
     320     font-size: 1em; 
     321     text-transform: uppercase; 
     322     font-weight: bold; 
     323     color: #333; 
     324     text-shadow: 0 1px 0 rgba(200, 200, 200, 0.6) 
     325     } 
    327326h5 { 
    328327     font-size: 12px; /* ie < 9 sucks */ 
    … …  
    331330     color: #676e78; 
    332331     } 
    333      #entry-sidebar h5 { 
    334           font-weight: normal; 
    335           color: #333; 
    336           } 
    337      .entry-status img.img_select_option { 
    338           padding-left: 4px; 
    339           vertical-align: text-top; 
    340           } 
    341 h4 label, h5 label {color: #333;} 
     332#entry-sidebar h5 { 
     333     font-weight: normal; 
     334     color: #333; 
     335     } 
     336.entry-status img.img_select_option { 
     337     padding-left: 4px; 
     338     vertical-align: text-top; 
     339     } 
     340h4 label, h5 label { 
     341     color: #333; 
     342     } 
    342343h2:first-child, h3:first-child, h4:first-child, h5:first-child, ul:first-child, p:first-child { 
    343344     margin-top: 0; 
    … …  
    377378     vertical-align: top; 
    378379     } 
    379  
    380380/* ---------------------------------------------------------- autres balises */ 
    381381p { 
    … …  
    424424     } 
    425425a img, a:link img, a:visited img { 
    426      border:none; 
     426     border: none; 
    427427     } 
    428428h1 a:link, h1 a:visited { 
    429      border:   none; 
     429     border: none; 
    430430     } 
    431431.discrete a { 
    … …  
    472472     border-radius: 3px; 
    473473     box-shadow: 1px 1px 2px #f3f3f3 inset; 
    474      padding: 3px;  
     474     padding: 3px; 
    475475     vertical-align: top; 
    476476     } 
    477      input:focus, textarea:focus, select:focus { 
    478           -webkit-box-sizing: border-box; 
    479           -moz-box-sizing: border-box; 
    480           box-sizing: border-box; 
    481           border-color: #9bca1c; 
    482           } 
    483      textarea { 
    484           padding: 2px 0; 
    485           } 
    486           textarea.maximal { 
    487                resize: vertical; 
    488                } 
    489           .area textarea { 
    490                display: block; 
    491                width: 100%; 
    492                resize: vertical; 
    493                } 
    494      select { 
    495           padding: 2px 0; 
    496           vertical-align: middle; 
    497           } 
    498           select.l10n option { 
    499                padding-left: 16px; 
    500                } 
    501           option.avail10n { 
    502                background: transparent url(../images/check-on.png) no-repeat 0 50%; 
    503                } 
    504           option.sub-option1 { 
    505                margin-left: .5em; 
    506                } 
    507           option.sub-option2 { 
    508                margin-left: 1.5em; 
    509                } 
    510           option.sub-option3 { 
    511                margin-left: 2.5em; 
    512                } 
    513           option.sub-option4 { 
    514                margin-left: 3.5em; 
    515                } 
    516           option.sub-option5 { 
    517                margin-left: 4.5em; 
    518                } 
    519           option.sub-option6 { 
    520                margin-left: 5.5em; 
    521                } 
    522           option.sub-option7 { 
    523                margin-left: 6.5em; 
    524                } 
    525           option.sub-option8 { 
    526                margin-left: 7.5em; 
    527                } 
    528           option.sub-option1:before, option.sub-option2:before, option.sub-option3:before, option.sub-option4:before, 
    529           option.sub-option5:before, option.sub-option6:before, option.sub-option7:before, option.sub-option8:before { 
    530                content: "\002022\0000a0"; 
    531                } 
    532      input.invalid, textarea.invalid, select.invalid { 
    533           border: 1px solid red; 
    534           background: #FFBABA; 
    535           color: red; 
    536           box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3); 
    537           } 
    538      input[type=text], input[type=password], textarea { 
    539           margin-right: .3em; 
    540           } 
    541      input[type=checkbox], input[type=radio], input[type=file] { 
    542           border: none; 
    543           margin: 0 .33em 0 0; 
    544           padding: 0; 
    545           background: transparent; 
    546           } 
    547      input[type=file] { 
    548           margin-top: .3em; 
    549           margin-bottom: .3em; 
    550           } 
     477input:focus, textarea:focus, select:focus { 
     478     -webkit-box-sizing: border-box; 
     479     -moz-box-sizing: border-box; 
     480     box-sizing: border-box; 
     481     border-color: #9bca1c; 
     482     } 
     483textarea { 
     484     padding: 2px 0; 
     485     } 
     486textarea.maximal { 
     487     resize: vertical; 
     488     } 
     489.area textarea { 
     490     display: block; 
     491     width: 100%; 
     492     resize: vertical; 
     493     } 
     494select { 
     495     padding: 2px 0; 
     496     vertical-align: middle; 
     497     } 
     498select.l10n option { 
     499     padding-left: 16px; 
     500     } 
     501option.avail10n { 
     502     background: transparent url(../images/check-on.png) no-repeat 0 50%; 
     503     } 
     504option.sub-option1 { 
     505     margin-left: .5em; 
     506     } 
     507option.sub-option2 { 
     508     margin-left: 1.5em; 
     509     } 
     510option.sub-option3 { 
     511     margin-left: 2.5em; 
     512     } 
     513option.sub-option4 { 
     514     margin-left: 3.5em; 
     515     } 
     516option.sub-option5 { 
     517     margin-left: 4.5em; 
     518     } 
     519option.sub-option6 { 
     520     margin-left: 5.5em; 
     521     } 
     522option.sub-option7 { 
     523     margin-left: 6.5em; 
     524     } 
     525option.sub-option8 { 
     526     margin-left: 7.5em; 
     527     } 
     528option.sub-option1:before, option.sub-option2:before, option.sub-option3:before, option.sub-option4:before, 
     529option.sub-option5:before, option.sub-option6:before, option.sub-option7:before, option.sub-option8:before { 
     530     content: "\002022\0000a0"; 
     531     } 
     532input.invalid, textarea.invalid, select.invalid { 
     533     border: 1px solid red; 
     534     background: #FFBABA; 
     535     color: #900; 
     536     box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3); 
     537     } 
     538input[type=text], input[type=password], textarea { 
     539     margin-right: .3em; 
     540     } 
     541input[type=checkbox], input[type=radio], input[type=file] { 
     542     border: none; 
     543     margin: 0 .33em 0 0; 
     544     padding: 0; 
     545     background: transparent; 
     546     } 
     547input[type=file] { 
     548     margin-top: .3em; 
     549     margin-bottom: .3em; 
     550     } 
    551551optgroup { 
    552552     font-weight: bold; 
    … …  
    559559     display: block; 
    560560     } 
    561      label.ib, input.ib { 
    562           display: inline-block; 
    563           } 
    564      label.classic { 
    565           display: inline; 
    566           } 
    567      label.classic input, label span input, label.classic select, label span select { 
    568           display: inline; 
    569           } 
    570      label.required { 
    571           font-weight: bold; 
    572           } 
    573           label.required abbr { 
    574                color: #900; 
    575                font-size: 1.3em; 
    576                } 
    577      label.area, p.area { 
    578           width: inherit !important; 
    579           } 
     561label.ib, input.ib { 
     562     display: inline-block; 
     563     } 
     564label.classic { 
     565     display: inline; 
     566     } 
     567label.classic input, label span input, label.classic select, label span select { 
     568     display: inline; 
     569     } 
     570label.required { 
     571     font-weight: bold; 
     572     } 
     573label.required abbr { 
     574     color: #900; 
     575     font-size: 1.3em; 
     576     } 
     577label.area, p.area { 
     578     width: inherit !important; 
     579     } 
    580580p.field { 
    581581     position: relative; 
    582582     } 
    583      p.field label { 
    584           display: inline-block; 
    585           width: 14em; 
    586           } 
    587      p.field.wide label { 
    588           width: 21em; 
    589           } 
    590      p.field input, p.field select { 
    591           display: inline-block; 
    592           } 
     583p.field label { 
     584     display: inline-block; 
     585     width: 14em; 
     586     } 
     587p.field.wide label { 
     588     width: 21em; 
     589     } 
     590p.field input, p.field select { 
     591     display: inline-block; 
     592     } 
    593593.form-note { 
    594594     font-style: italic; 
    … …  
    596596     color: #676e78; 
    597597     } 
    598      p.form-note { 
    599           margin-top: -.7em; 
    600           } 
    601      span.form-note { 
    602           text-transform: none; 
    603           } 
     598p.form-note { 
     599     margin-top: -.7em; 
     600     } 
     601span.form-note { 
     602     text-transform: none; 
     603     } 
    604604/* ---------------------------------------------------------------------------- 
    605605                                                                                          BOUTONS 
    … …  
    630630     cursor: pointer; 
    631631     position: relative; 
    632     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 
    633     border-style: solid; 
    634     border-width: 1px; 
     632     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 
     633     border-style: solid; 
     634     border-width: 1px; 
    635635     } 
    636636button, 
    … …  
    640640     -webkit-appearance: button; 
    641641     } 
    642  /* validation */ 
     642/* validation */ 
    643643input[type=submit], a.button.submit, input.button.start { 
    644644     color: #fff; 
    645      background-color:#25A6E1; 
    646      background-image:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%); 
    647      background-image:-webkit-gradient(linear,left top,left bottom, from(#25A6E1), to(#188BC0)); 
    648      background-image:linear-gradient(top,#25A6E1 0%,#188BC0 100%); 
     645     background-color: #25A6E1; 
     646     background-image: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%); 
     647     background-image: -webkit-gradient(linear,left top,left bottom, from(#25A6E1), to(#188BC0)); 
     648     background-image: linear-gradient(top,#25A6E1 0%,#188BC0 100%); 
    649649     border-color: #25A6E1; 
    650650     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    651651     } 
    652      input[type=submit]:hover, input[type=submit]:focus, 
     652input[type=submit]:hover, input[type=submit]:focus, 
    653653     input.button.start:hover, input.button.start:focus, 
    654654     a.button.submit:hover, a.button.submit:focus { 
    655           background-color:#188BC0; 
    656           background-image:-moz-linear-gradient(top,#188BC0 0%,#25A6E1 100%); 
    657           background-image:-webkit-gradient(linear,left top,left bottom, from(#188BC0),to(#25A6E1)); 
    658           background-image:linear-gradient(top,#188BC0 0%,#25A6E1 100%); 
    659           border-color: #188BC0; 
    660           } 
     655     background-color: #188BC0; 
     656     background-image: -moz-linear-gradient(top,#188BC0 0%,#25A6E1 100%); 
     657     background-image: -webkit-gradient(linear,left top,left bottom, from(#188BC0),to(#25A6E1)); 
     658     background-image: linear-gradient(#188BC0,#25A6E1); 
     659     border-color: #188BC0; 
     660     } 
    661661/* suppression, reset, "neutres" fond gris */ 
    662662button, input[type=button], input.button, 
    … …  
    665665a.button.delete, a.button.reset, a.button { 
    666666     color: #000; 
    667     background-color: #EAEAEA; 
     667     background-color: #EAEAEA; 
    668668     background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#EAEAEA)); 
    669669     background-image: -moz-linear-gradient(top,  #f9f9f9,  #EAEAEA); 
    670      background-image:linear-gradient(#f9f9f9,#EAEAEA); 
    671     background-repeat: repeat-x; 
    672     border-color: #dfdfdf #dfdfdf #C5C5C5; 
    673     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); 
    674      } 
    675      button:hover, input[type=button]:hover, input.button:hover, 
     670     background-image: linear-gradient(#f9f9f9,#EAEAEA); 
     671     background-repeat: repeat-x; 
     672     border-color: #dfdfdf #dfdfdf #C5C5C5; 
     673     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); 
     674     } 
     675button:hover, input[type=button]:hover, input.button:hover, 
    676676     button:focus, input[type=button]:focus, input.button:focus, 
    677677     input[type=reset]:hover, input[type=submit].reset:hover, input.reset:hover,  
    … …  
    681681     a.button.delete:hover, a.button.reset:hover, a.button:hover, 
    682682     a.button.delete:focus, a.button.reset:focus, a.button:focus { 
    683          background-color: #DADADA; 
    684           background-image:-webkit-gradient( linear, left top, left bottom, from(#EAEAEA), to(#DADADA)); 
    685           background-image:-moz-linear-gradient(top, #EAEAEA, #DADADA); 
    686          background-image: linear-gradient(#EAEAEA, #DADADA); 
    687          background-repeat: repeat-x; 
    688          border-color: #CCCCCC #CCCCCC #B5B5B5; 
    689           } 
    690      /* suppression */ 
    691      input[type=submit].delete, input.delete, a.button.delete { 
    692           color: #900; 
    693           } 
    694      input[type=submit].delete:hover, input.delete:hover, a.button.delete:hover, 
     683     background-color: #DADADA; 
     684     background-image: -webkit-gradient( linear, left top, left bottom, from(#EAEAEA), to(#DADADA)); 
     685     background-image: -moz-linear-gradient(top, #EAEAEA, #DADADA); 
     686     background-image: linear-gradient(#EAEAEA, #DADADA); 
     687     background-repeat: repeat-x; 
     688     border-color: #CCCCCC #CCCCCC #B5B5B5; 
     689     } 
     690/* suppression */ 
     691input[type=submit].delete, input.delete, a.button.delete { 
     692     color: #900; 
     693     } 
     694input[type=submit].delete:hover, input.delete:hover, a.button.delete:hover, 
    695695     input[type=submit].delete:focus, input.delete:focus, a.button.delete:focus { 
    696          color: #FFFFFF; 
    697          background-color: #B33630; 
    698           background-image:-webkit-gradient( linear, left top, left bottom, from(#DC5F59), to(#B33630)); 
    699           background-image:-moz-linear-gradient(top, #DC5F59, #B33630); 
    700          background-image: linear-gradient(#DC5F59, #B33630); 
    701          background-repeat: repeat-x; 
    702          border-color: #CD504A; 
    703          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
    704           } 
    705      #info-box a.button { 
    706           padding: 0 .5em; 
    707           margin-left: 2em; 
    708           } 
     696     color: #FFFFFF; 
     697     background-color: #B33630; 
     698     background-image: -webkit-gradient( linear, left top, left bottom, from(#DC5F59), to(#B33630)); 
     699     background-image: -moz-linear-gradient(top, #DC5F59, #B33630); 
     700     background-image: linear-gradient(#DC5F59, #B33630); 
     701     background-repeat: repeat-x; 
     702     border-color: #CD504A; 
     703     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); 
     704     } 
     705#info-box a.button { 
     706     padding: 0 .5em; 
     707     margin-left: 2em; 
     708     } 
    709709.button.add { 
    710710     color: #000; 
    711      background-color:#bee74b; 
    712      background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bee74b), color-stop(1, #9BCA1C) ); 
    713      background-image:-moz-linear-gradient(center top, #bee74b 5%, #9BCA1C 100%); 
    714      background-image:linear-gradient(center top, #bee74b 5%, #9BCA1C 100%); 
     711     background-color: #bee74b; 
     712     background-image: -webkit-gradient(linear, left top, left bottom, from(#bee74b), to(#9BCA1C)); 
     713     background-image: -moz-linear-gradient(top, #bee74b, #9BCA1C); 
     714     background-image: linear-gradient(#bee74b, #9BCA1C); 
    715715     border-color: #bee74b; 
    716      padding:.33em 1.33em .5em; 
     716     padding: .33em 1.33em .5em; 
    717717     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
    718718     font-weight: normal; 
    … …  
    720720     font-size: 1.4rem; 
    721721     } 
    722      .button.add:hover, .button.add:active, .button.add:focus { 
    723           background-color:#9BCA1C; 
    724           background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9BCA1C), color-stop(1, #bee74b) ); 
    725           background-image:-moz-linear-gradient(center top, #9BCA1C 5%, #bee74b 100%); 
    726           background-image:linear-gradient(center top, #9BCA1C 5%, #bee74b 100%); 
    727           border-color: #9BCA1C; 
    728           } 
    729      .button-add:focus { 
    730           outline: dotted 1px; 
    731           } 
    732      /* paragraphe pour bouton Nouveau bidule */ 
    733      p.top-add { 
    734           text-align: right; 
    735           margin: 0; 
    736           } 
    737  
     722.button.add:hover, .button.add:active, .button.add:focus { 
     723     background-color: #9BCA1C; 
     724     background-image: -webkit-gradient(linear, left top, left bottom, from(#9BCA1C), to(#bee74b)); 
     725     background-image: -moz-linear-gradient(top, #9BCA1C, #bee74b); 
     726     background-image: linear-gradient(top, #9BCA1C, #bee74b); 
     727     border-color: #9BCA1C; 
     728     } 
     729.button-add:focus { 
     730     outline: dotted 1px; 
     731     } 
     732/* paragraphe pour bouton Nouveau bidule */ 
     733p.top-add { 
     734     text-align: right; 
     735     margin: 0; 
     736     } 
    738737/* disabled */ 
    739738input.disabled, input[type=submit].disabled { 
    740739     text-shadow: none; 
    741      filter: none; 
    742740     color: #676e78; 
    743741     background: #F5F5F5; 
    744742     border: 1px solid #CCC; 
    745743     } 
    746      input.disabled:hover, input[type=submit].disabled:hover { 
    747           color: #676e78; 
    748           background: #eee; 
    749           border: 1px solid #CCC; 
    750           } 
     744input.disabled:hover, input[type=submit].disabled:hover { 
     745     color: #676e78; 
     746     background: #eee; 
     747     border: 1px solid #CCC; 
     748     } 
    751749/* ---------------------------------------------------------------------------- 
    752750                                                                                     MESSAGES 
    … …  
    767765     margin-bottom: 1em; 
    768766     } 
    769      .warn, .warning { 
    770           background: #FEFACD url(msg-warning.png) no-repeat .3em .3em; 
    771           border: 1px solid #ffd478; 
    772           } 
    773      .info { 
    774           background: #D9EDF7 url(msg-info.png) no-repeat .3em .3em; 
    775           border: 1px solid #BCE8F1; 
    776           } 
    777      span.warn, span.warning, span.info { 
    778           padding-top: 1px; 
    779           padding-bottom: 1px; 
    780           background-position: .3em .2em; 
    781           } 
     767.warn, .warning { 
     768     background: #FEFACD url(msg-warning.png) no-repeat .3em .3em; 
     769     border: 1px solid #ffd478; 
     770     } 
     771.info { 
     772     background: #D9EDF7 url(msg-info.png) no-repeat .3em .3em; 
     773     border: 1px solid #BCE8F1; 
     774     } 
     775span.warn, span.warning, span.info { 
     776     padding-top: 1px; 
     777     padding-bottom: 1px; 
     778     background-position: .3em .2em; 
     779     } 
    782780.error, .message, .static-msg, .success, .warning-msg { 
    783781     padding: 1em 0.5em 0.5em 48px; 
    … …  
    786784     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
    787785     } 
    788      p.error, p.message, p.static-msg, p.success, p.warning-msg { 
    789           padding-top: 1em; 
    790           padding-bottom: 1em; 
    791           } 
    792      .error { 
    793           background: #FFBABA url(msg-error.png) no-repeat .7em .7em; 
    794           color: #000; 
    795           text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
    796           } 
    797      .message, .static-msg { 
    798           background: #676e78 url(msg-std.png) no-repeat .7em .7em; 
    799           color: #fff; 
    800           } 
    801           .message a, .static-msg a, .message h3, .static-msg h3 { 
    802                color: #fff; 
    803                } 
    804      .success, .warning-msg { 
    805           color: #000; 
    806           text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) 
    807           } 
    808           .success { 
    809                background: #9bca1c url(msg-success.png) no-repeat .7em .7em; 
    810                } 
    811           .warning-msg { 
    812                background: #ffd478 url(msg-warning.png) no-repeat .7em .7em; 
    813                border: 1px solid #ffd478; 
    814                } 
    815           .success a, .warning-msg a, .info a { 
    816                color: #333; 
    817                } 
     786p.error, p.message, p.static-msg, p.success, p.warning-msg { 
     787     padding-top: 1em; 
     788     padding-bottom: 1em; 
     789     } 
     790.error { 
     791     background: #FFBABA url(msg-error.png) no-repeat .7em .7em; 
     792     color: #000; 
     793     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
     794     } 
     795.message, .static-msg { 
     796     background: #676e78 url(msg-std.png) no-repeat .7em .7em; 
     797     color: #fff; 
     798     } 
     799.message a, .static-msg a, .message h3, .static-msg h3 { 
     800     color: #fff; 
     801     } 
     802.success, .warning-msg { 
     803     color: #000; 
     804     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) 
     805     } 
     806.success { 
     807     background: #9bca1c url(msg-success.png) no-repeat .7em .7em; 
     808     } 
     809.warning-msg { 
     810     background: #ffd478 url(msg-warning.png) no-repeat .7em .7em; 
     811     border: 1px solid #ffd478; 
     812     } 
     813.success a, .warning-msg a, .info a { 
     814     color: #333; 
     815     } 
    818816.dc-update { 
    819817     padding: 1em 48px 0.5em 48px; 
    … …  
    825823     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) 
    826824     } 
    827      .dc-update h3 { 
    828           margin-top: 0; 
    829           color: #000; 
    830           } 
    831      .dc-update p { 
    832           display: inline-block; 
    833           vertical-align: middle; 
    834           } 
    835      .dc-update a { 
    836           color: #000; 
    837           margin-right: 1em; 
    838           } 
    839           .dc-update a.button { 
    840                padding: .5em 1em;  
    841                } 
    842           .updt-info a { 
    843                margin-left: 2em; 
    844                border-color: #000; 
    845                font-weight: bold; 
    846                } 
     825.dc-update h3 { 
     826     margin-top: 0; 
     827     color: #000; 
     828     } 
     829.dc-update p { 
     830     display: inline-block; 
     831     vertical-align: middle; 
     832     } 
     833.dc-update a { 
     834     color: #000; 
     835     margin-right: 1em; 
     836     } 
     837.dc-update a.button { 
     838     padding: .5em 1em; 
     839     } 
     840.updt-info a { 
     841     margin-left: 2em; 
     842     border-color: #000; 
     843     font-weight: bold; 
     844     } 
    847845/* --------------------------------------------------------------------------------- 
    848846                                                                                ELEMENTS PRINCIPAUX 
    … …  
    862860     z-index: 100; 
    863861     } 
    864      #prelude li { 
    865           list-style-type: none; 
    866           margin: 0; 
    867           background:transparent; 
    868           display: inline; 
    869           } 
    870      #prelude li a { 
    871           padding: 3px 16px 3px 8px; /* ie < 9 sucks */ 
     862#prelude li { 
     863     list-style-type: none; 
     864     margin: 0; 
     865     background: transparent; 
     866     display: inline; 
     867     } 
     868#prelude li a { 
     869     padding: 3px 16px 3px 8px; /* ie < 9 sucks */ 
    872870          padding: 3px 1.6rem 3px .8rem; 
    873           background: #A2CBE9; 
    874           color: #000; 
    875           text-decoration: underline; 
    876           } 
    877      #prelude li a:hover, #prelude li a:focus { 
    878           background: #FFF; 
    879           } 
     871     background: #A2CBE9; 
     872     color: #000; 
     873     text-decoration: underline; 
     874     } 
     875#prelude li a:hover, #prelude li a:focus { 
     876     background: #FFF; 
     877     } 
    880878/* si le prélude est affiché on repousse les trucs dessous */ 
    881 #wrapper.with-prelude {  
     879#wrapper.with-prelude { 
    882880     padding-top: 1em; 
    883881     } 
    … …  
    905903     width: 16.5em; 
    906904     } 
    907      h1 a { 
    908           position: absolute; 
    909           top: 0; 
    910           left: 0; 
    911           width: 15em; 
    912           height: 36px; /* ie < 9 sucks */ 
    913           height: 3.6rem; 
    914           color: #fff; 
    915           background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px; 
    916           } 
    917      h1 a:hover, h1 a:focus { 
    918           background-position: 0 -94px; 
    919           } 
     905h1 a { 
     906     position: absolute; 
     907     top: 0; 
     908     left: 0; 
     909     width: 15em; 
     910     height: 36px; 
     911     /* ie < 9 sucks */ 
     912     height: 3.6rem; 
     913     color: #fff; 
     914     background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px; 
     915     } 
     916h1 a:hover, h1 a:focus { 
     917     background-position: 0 -94px; 
     918     } 
    920919/* top-info-blog */ 
    921920#top-info-blog select { 
    … …  
    928927     background: #000; 
    929928     border-color: #999; 
    930      margin-left: .33em;  
     929     margin-left: .33em; 
    931930     } 
    932931#top-info-blog input[type=submit]:hover { 
    … …  
    971970     font-size: 1.4rem; 
    972971     } 
    973      #favorites-menu h3 { 
    974           color: #000; 
    975           font-variant: small-caps; 
    976           padding-top: .2em; 
    977           } 
     972#favorites-menu h3 { 
     973     color: #000; 
     974     font-variant: small-caps; 
     975     padding-top: .2em; 
     976     } 
    978977#main-menu a { 
    979978     color: #333; 
    … …  
    985984     list-style: none; 
    986985     } 
    987      #main-menu li { 
    988           display: block; 
    989           margin: 0.5em 0 0; 
    990           padding: 4px 0 1px 32px; 
    991           background-repeat: no-repeat; 
    992           background-position: 8px .3em; 
    993           } 
    994           #main-menu ul li:first-child { 
    995                margin-top: 0; 
    996                } 
    997           #main-menu li.active { 
    998                background-color: #fff; 
    999                font-weight: bold; 
    1000                } 
    1001                #favorites-menu li.active { 
    1002                     background-color: transparent; 
    1003                     } 
    1004           #main-menu .active a { 
    1005                border-bottom: none; 
    1006                color: #d30e60; 
    1007                } 
    1008                #favorites-menu .active a { 
    1009                     color: #000; 
    1010                     } 
     986#main-menu li { 
     987     display: block; 
     988     margin: 0.5em 0 0; 
     989     padding: 4px 0 1px 32px; 
     990     background-repeat: no-repeat; 
     991     background-position: 8px .3em; 
     992     } 
     993#main-menu ul li:first-child { 
     994     margin-top: 0; 
     995     } 
     996#main-menu li.active { 
     997     background-color: #fff; 
     998     font-weight: bold; 
     999     } 
     1000#favorites-menu li.active { 
     1001     background-color: transparent; 
     1002     } 
     1003#main-menu .active a { 
     1004     border-bottom: none; 
     1005     color: #d30e60; 
     1006     } 
     1007#favorites-menu .active a { 
     1008     color: #000; 
     1009     } 
    10111010#search-menu { 
    10121011     padding: 4px 5px 0; 
    10131012     font-size: 100% 
    10141013     } 
    1015      #search-menu * { 
    1016           height: 22px; /* ie < 9 sucks */ 
    1017           height: 2.2rem; 
    1018           display: inline-block; 
    1019           vertical-align: top; 
    1020           line-height: 22px; 
    1021           } 
    1022      #search-menu p { 
    1023           border: 1px solid #999; 
    1024           border-radius: .3em; 
    1025           position: relative; 
    1026           overflow: hidden; 
    1027           } 
    1028      #qx { 
    1029           width: 124px; /* ie < 9 sucks */ 
    1030           width: 12.4rem; 
    1031           border-bottom-left-radius: .3em; 
    1032           border-top-left-radius: .3em; 
    1033           background: transparent url(search.png) no-repeat 4px center; 
    1034           text-indent: 18px; 
    1035           padding: 0; 
    1036           border: none; 
    1037           height: 22px; 
    1038           height: 2.2rem; 
    1039           } 
    1040           #qx:focus { 
    1041                border: 1px solid #bee74b; 
    1042                } 
    1043      #search-menu input[type="submit"] { 
    1044           padding: 0 3px; 
    1045           padding: 0 .3rem; 
    1046           margin-left: -4px; 
    1047           background: #dfdfdf; 
    1048           border-color: #999; 
    1049           color: #333; 
    1050           border-bottom-right-radius: .3em; 
    1051           border-top-right-radius: .3em; 
    1052           border-top-left-radius: 0; 
    1053           border-bottom-left-radius: 0; 
    1054           text-shadow: none; 
    1055           border: none; 
    1056           border-left: 1px solid #999; 
    1057           font-size: 10px; /* ie < 9 sucks */ 
    1058           font-size: 1rem; 
    1059           } 
    1060           #search-menu input[type="submit"]:hover, 
    1061           #search-menu input[type="submit"]:focus { 
    1062                background: #676e78; 
    1063                color: #fff; 
    1064                } 
     1014#search-menu * { 
     1015     height: 22px; /* ie < 9 sucks */ 
     1016     height: 2.2rem; 
     1017     display: inline-block; 
     1018     vertical-align: top; 
     1019     line-height: 22px; 
     1020     } 
     1021#search-menu p { 
     1022     border: 1px solid #999; 
     1023     border-radius: .3em; 
     1024     position: relative; 
     1025     overflow: hidden; 
     1026     } 
     1027#qx { 
     1028     width: 124px; /* ie < 9 sucks */ 
     1029     width: 12.4rem; 
     1030     border-bottom-left-radius: .3em; 
     1031     border-top-left-radius: .3em; 
     1032     background: transparent url(search.png) no-repeat 4px center; 
     1033     text-indent: 18px; 
     1034     padding: 0; 
     1035     border: none; 
     1036     height: 22px; 
     1037     height: 2.2rem; 
     1038     } 
     1039#qx:focus { 
     1040     border: 1px solid #bee74b; 
     1041     } 
     1042#search-menu input[type="submit"] { 
     1043     padding: 0 3px; 
     1044     padding: 0 .3rem; 
     1045     margin-left: -4px; 
     1046     background: #dfdfdf; 
     1047     border-color: #999; 
     1048     color: #333; 
     1049     border-bottom-right-radius: .3em; 
     1050     border-top-right-radius: .3em; 
     1051     border-top-left-radius: 0; 
     1052     border-bottom-left-radius: 0; 
     1053     text-shadow: none; 
     1054     border: none; 
     1055     border-left: 1px solid #999; 
     1056     font-size: 10px; /* ie < 9 sucks */ 
     1057     font-size: 1rem; 
     1058     } 
     1059#search-menu input[type="submit"]:hover, 
     1060#search-menu input[type="submit"]:focus { 
     1061     background: #676e78; 
     1062     color: #fff; 
     1063     } 
    10651064/* ----------------------------------------------------------------- CONTENT ELEMENTS */ 
    10661065.part-tabs ul { 
    … …  
    10691068     line-height: 2; 
    10701069     } 
    1071      .part-tabs li { 
    1072           list-style: none; 
    1073           margin: 0; 
    1074           display: inline; 
    1075           } 
    1076           .part-tabs li a { 
    1077                padding: .5em 2em; 
    1078                margin-right: -1px; 
    1079                border: 1px solid #ccc; 
    1080                border-bottom: none; 
    1081                text-decoration: none; 
    1082                color: #333; 
    1083                background-color: #ecf0f1; 
    1084                display: inline-block; 
    1085                } 
    1086           .part-tabs li a:hover, .part-tabs li a:focus { 
    1087                color: #000; 
    1088                background: #fff; 
    1089                border-bottom-color: #fff; 
    1090                } 
    1091           .part-tabs li.part-tabs-active a { 
    1092                background: #fff; 
    1093                font-weight: bold; 
    1094                border-bottom-color: #fff; 
    1095                } 
    1096      .multi-part { 
    1097           padding-left: 1em; 
    1098           } 
     1070.part-tabs li { 
     1071     list-style: none; 
     1072     margin: 0; 
     1073     display: inline; 
     1074     } 
     1075.part-tabs li a { 
     1076     padding: .5em 2em; 
     1077     margin-right: -1px; 
     1078     border: 1px solid #ccc; 
     1079     border-bottom: none; 
     1080     text-decoration: none; 
     1081     color: #333; 
     1082     background-color: #ecf0f1; 
     1083     display: inline-block; 
     1084     } 
     1085.part-tabs li a:hover, .part-tabs li a:focus { 
     1086     color: #000; 
     1087     background: #fff; 
     1088     border-bottom-color: #fff; 
     1089     } 
     1090.part-tabs li.part-tabs-active a { 
     1091     background: #fff; 
     1092     font-weight: bold; 
     1093     border-bottom-color: #fff; 
     1094     } 
     1095.multi-part { 
     1096     padding-left: 1em; 
     1097     } 
    10991098/* contextual help */ 
    11001099#help { 
    … …  
    11051104     padding: 0 1em; 
    11061105     } 
    1107      #content.with-help #help { 
    1108           display: block; 
    1109           position: absolute; 
    1110           top: 0; 
    1111           right: 0; 
    1112           width: 280px; /* ie < 9 sucks */ 
     1106#content.with-help #help { 
     1107     display: block; 
     1108     position: absolute; 
     1109     top: 0; 
     1110     right: 0; 
     1111     width: 280px; /* ie < 9 sucks */ 
    11131112          width: 28rem; 
    1114           border-left: 2px solid #FFD478; 
    1115           border-top: 2px solid #FFD478; 
    1116           margin-top: 0; 
    1117           padding: .5em 0 0 0; 
    1118           overflow: auto; 
    1119           } 
     1113     border-left: 2px solid #FFD478; 
     1114     border-top: 2px solid #FFD478; 
     1115     margin-top: 0; 
     1116     padding: .5em 0 0 0; 
     1117     overflow: auto; 
     1118     } 
    11201119#help-button { 
    11211120     background: transparent url(help-mini.png) no-repeat 6px center; 
    … …  
    11291128     line-height: 3.6rem; 
    11301129     } 
    1131      #help-button.floatable { 
    1132           border-top: 2px solid #ccc; 
    1133           border-left: 2px solid #ccc; 
    1134           border-bottom: 2px solid #ccc; 
    1135           border-bottom-left-radius: 1em; 
    1136           border-top-left-radius: 1em; 
    1137         background-color: #f5f5f5; 
    1138         position: fixed; 
    1139         top: 10px; 
    1140         } 
    1141      .no-js #help-button { 
    1142           top: 1em; 
    1143           } 
    1144      #help-button span { 
    1145           padding: .5em 0 .1em 0; 
    1146           } 
    1147      #content.with-help #help-button { 
    1148           right: 280px; /* ie < 9 sucks */ 
    1149           right: 28rem; 
    1150           background-color: #f5f5f5; 
    1151           position: fixed; 
    1152           top: 50px; 
    1153           z-index: 100; 
    1154           border-top: 2px solid #FFD478; 
    1155           border-left: 2px solid #FFD478; 
    1156           border-bottom: 2px solid #FFD478; 
    1157           border-bottom-left-radius: 1em; 
    1158           border-top-left-radius: 1em; 
    1159           } 
     1130#help-button.floatable { 
     1131     border-top: 2px solid #ccc; 
     1132     border-left: 2px solid #ccc; 
     1133     border-bottom: 2px solid #ccc; 
     1134     border-bottom-left-radius: 1em; 
     1135     border-top-left-radius: 1em; 
     1136     background-color: #f5f5f5; 
     1137     position: fixed; 
     1138     top: 10px; 
     1139     } 
     1140.no-js #help-button { 
     1141     top: 1em; 
     1142     } 
     1143#help-button span { 
     1144     padding: .5em 0 .1em 0; 
     1145     } 
     1146#content.with-help #help-button { 
     1147     right: 280px; /* ie < 9 sucks */ 
     1148     right: 28rem; 
     1149     background-color: #f5f5f5; 
     1150     position: fixed; 
     1151     top: 50px; 
     1152     z-index: 100; 
     1153     border-top: 2px solid #FFD478; 
     1154     border-left: 2px solid #FFD478; 
     1155     border-bottom: 2px solid #FFD478; 
     1156     border-bottom-left-radius: 1em; 
     1157     border-top-left-radius: 1em; 
     1158     } 
    11601159.help-box { 
    11611160     display: none; 
    11621161     } 
    1163      .help-box ul { 
    1164           padding-left: 20px; 
    1165           margin-left: 0; 
    1166           } 
    1167      #content.with-help .help-content { 
    1168           padding: 0 1em 1em; 
    1169           } 
    1170           .help-content dt { 
    1171                font-weight: bold; 
    1172                color: #676e78; 
    1173                margin: 0; 
    1174                } 
    1175           .help-content dd { 
    1176                margin: 0.3em 0 1.5em 0; 
    1177                } 
     1162.help-box ul { 
     1163     padding-left: 20px; 
     1164     margin-left: 0; 
     1165     } 
     1166#content.with-help .help-content { 
     1167     padding: 0 1em 1em; 
     1168     } 
     1169.help-content dt { 
     1170     font-weight: bold; 
     1171     color: #676e78; 
     1172     margin: 0; 
     1173     } 
     1174.help-content dd { 
     1175     margin: 0.3em 0 1.5em 0; 
     1176     } 
    11781177/* 1. inside help block */ 
    11791178#helplink p { 
    … …  
    11861185     font-size: 1em; 
    11871186     } 
    1188      span.credit { 
    1189           font-size: 1em; 
    1190           font-weight: normal; 
    1191           } 
    1192      span.tooltip { 
    1193           position: absolute; 
    1194           padding: 0; 
    1195           border: 0; 
    1196           height: 1px; 
    1197           width: 1px; 
    1198           overflow: hidden; 
    1199           } 
    1200      #footer a:hover span.tooltip { 
    1201           padding: 10px 10px 0 40px; 
    1202           color: #d30e60; 
    1203           height: auto; 
    1204           width: auto; 
    1205           right: 0; 
    1206           bottom: 0; 
    1207           background: #FFF;  
    1208           z-index: 99; 
    1209           font-family: monospace;  
    1210           border: none; 
    1211           text-align: left; 
    1212           } 
     1187span.credit { 
     1188     font-size: 1em; 
     1189     font-weight: normal; 
     1190     } 
     1191span.tooltip { 
     1192     position: absolute; 
     1193     padding: 0; 
     1194     border: 0; 
     1195     height: 1px; 
     1196     width: 1px; 
     1197     overflow: hidden; 
     1198     } 
     1199#footer a:hover span.tooltip { 
     1200     padding: 10px 10px 0 40px; 
     1201     color: #d30e60; 
     1202     height: auto; 
     1203     width: auto; 
     1204     right: 0; 
     1205     bottom: 0; 
     1206     background: #FFF; 
     1207     z-index: 99; 
     1208     font-family: monospace; 
     1209     border: none; 
     1210     text-align: left; 
     1211     } 
    12131212/* --------------------------------------------------------------------------------------- 
    12141213                                                                                     RÈGLES SPÉCIFIQUES 
    … …  
    12481247     vertical-align: middle; 
    12491248     -webkit-box-shadow: none; 
    1250              box-shadow: none; 
     1249     box-shadow: none; 
    12511250     } 
    12521251tr.line select { 
    … …  
    12801279     margin-bottom: 3em; 
    12811280     } 
    1282      table.settings th:first-child, table.prefs th:first-child { 
    1283           width: 20%; 
    1284           } 
    1285      table.settings th + th, table.prefs th + th { 
    1286           width: 30%; 
    1287           } 
    1288      table.settings th + th + th, table.prefs th + th + th { 
    1289           width: 10%; 
    1290           } 
    1291      table.settings th:last-child, table.prefs th:last-child { 
    1292           width: 40%; 
    1293           } 
     1281table.settings th:first-child, table.prefs th:first-child { 
     1282     width: 20%; 
     1283     } 
     1284table.settings th + th, table.prefs th + th { 
     1285     width: 30%; 
     1286     } 
     1287table.settings th + th + th, table.prefs th + th + th { 
     1288     width: 10%; 
     1289     } 
     1290table.settings th:last-child, table.prefs th:last-child { 
     1291     width: 40%; 
     1292     } 
    12941293/* js */ 
    12951294td.expand { 
    … …  
    13291328     margin-top: .5em; 
    13301329     } 
    1331      #filters-form .cell { 
    1332           padding: 0 2em 0 0; 
    1333           } 
    1334      #filters-form .filters-sibling-cell { 
    1335           padding-top: 3.8em; 
    1336           } 
     1330#filters-form .cell { 
     1331     padding: 0 2em 0 0; 
     1332     } 
     1333#filters-form .filters-sibling-cell { 
     1334     padding-top: 3.8em; 
     1335     } 
    13371336#filters-form .filters-options { 
    13381337     padding-left: 2em; 
    … …  
    13401339     } 
    13411340#filters-form label.ib, span.ib { 
    1342      width:7em; 
     1341     width: 7em; 
    13431342     } 
    13441343#filters-form label.ibw, span.ibw { 
    … …  
    13801379#login-screen input[type=text]:focus, #login-screen input[type=password]:focus, #login-screen input[type=submit]:focus { 
    13811380     width: 100%; 
    1382      margin: 0;  
     1381     margin: 0; 
    13831382     padding: 5px 3px; 
    1384      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
    1385      -moz-box-sizing: border-box;    /* Firefox, other Gecko */ 
    1386      box-sizing: border-box;  
    1387      } 
    1388      #login-screen input.login, #login-screen input.login:focus { 
    1389           padding-top: 6px; 
    1390           padding-bottom: 6px; 
    1391           font-size: 1em; 
    1392           } 
     1383     -webkit-box-sizing: border-box;     
     1384     -moz-box-sizing: border-box; 
     1385     box-sizing: border-box; 
     1386     } 
     1387#login-screen input.login, #login-screen input.login:focus { 
     1388     padding-top: 6px; 
     1389     padding-bottom: 6px; 
     1390     font-size: 1em; 
     1391     } 
    13931392#login-screen #issue { 
    13941393     margin-left: 1.33em; 
    … …  
    13961395     font-size: 1.2rem; 
    13971396     } 
    1398      #login-screen #issue strong { 
    1399           font-weight: normal; 
    1400           } 
     1397#login-screen #issue strong { 
     1398     font-weight: normal; 
     1399     } 
    14011400/* ------------------------------------------------------------------------- index.php */ 
    14021401#dashboard-main { 
    … …  
    14091408     text-align: center; 
    14101409     } 
    1411      #icons p { 
    1412           width: 170px; 
    1413           text-align: center; 
    1414           margin: 1em 0 2em; 
    1415           padding: 1em 0; 
    1416           display:inline-block; 
    1417           vertical-align: top; 
    1418           } 
    1419      #icons a, 
     1410#icons p { 
     1411     width: 170px; 
     1412     text-align: center; 
     1413     margin: 1em 0 2em; 
     1414     padding: 1em 0; 
     1415     display: inline-block; 
     1416     vertical-align: top; 
     1417     } 
     1418#icons a, 
    14201419     #icons a:link, 
    14211420     #icons a:visited, 
    14221421     #icons a:hover, 
    14231422     #icons a:focus { 
    1424           border-bottom-width: 0; 
    1425           text-decoration: none; 
    1426           } 
    1427           #icons a span { 
    1428                border-bottom: 1px dotted #999; 
    1429                color: #333; 
    1430                } 
    1431           #icons a img { 
    1432                padding: 1.5em; 
    1433                background-color:#f9f9f9; 
    1434                -moz-border-radius:8px; 
    1435                -webkit-border-radius:8px; 
    1436                border-radius:8px; 
    1437                border:1px solid #dadada; 
    1438                display:inline-block; 
    1439                } 
    1440                #icons a:focus img, #icons a:hover img { 
    1441                     background: #bee74b; 
    1442                     } 
    1443                #icons a:focus span, #icons a:hover span { 
    1444                     border-bottom-style: solid; 
    1445                     } 
     1423     border-bottom-width: 0; 
     1424     text-decoration: none; 
     1425     } 
     1426#icons a span { 
     1427     border-bottom: 1px dotted #999; 
     1428     color: #333; 
     1429     } 
     1430#icons a img { 
     1431     padding: 1.5em; 
     1432     background-color: #f9f9f9; 
     1433     -moz-border-radius: 8px; 
     1434     -webkit-border-radius: 8px; 
     1435     border-radius: 8px; 
     1436     border: 1px solid #dadada; 
     1437     display: inline-block; 
     1438     } 
     1439#icons a:focus img, #icons a:hover img { 
     1440     background: #bee74b; 
     1441     } 
     1442#icons a:focus span, #icons a:hover span { 
     1443     border-bottom-style: solid; 
     1444     } 
    14461445/* billet rapide */ 
    14471446#quick { 
    … …  
    14491448     padding-top: 1em; 
    14501449     } 
    1451      #quick h3 { 
    1452           margin-bottom: 0.2em; 
    1453           font-size: 1.2em; 
    1454           } 
    1455      #quick p.qinfo { 
    1456           margin: -.7em -1em 1em; 
    1457           background: #D9EDF7 url(info.png) no-repeat .2em .2em; 
    1458           border: 1px solid #BCE8F1; 
    1459           padding: .2em 1em .1em 24px; 
    1460           color: #000; 
    1461           } 
    1462      #quick #new_cat, .q-cat, .q-cat label { 
    1463           display: inline-block; 
    1464           vertical-align: top; 
    1465           margin-right: 1em; 
    1466           margin-top: 0; 
    1467           } 
    1468      .q-cat label { 
    1469           margin-right: .3em; 
    1470           } 
    1471      #quick #new_cat { 
    1472           margin-bottom: 2em; 
     1450#quick h3 { 
     1451     margin-bottom: 0.2em; 
     1452     font-size: 1.2em; 
     1453     } 
     1454#quick p.qinfo { 
     1455     margin: -.7em -1em 1em; 
     1456     background: #D9EDF7 url(info.png) no-repeat .2em .2em; 
     1457     border: 1px solid #BCE8F1; 
     1458     padding: .2em 1em .1em 24px; 
     1459     color: #000; 
     1460     } 
     1461#quick #new_cat, .q-cat, .q-cat label { 
     1462     display: inline-block; 
     1463     vertical-align: top; 
     1464     margin-right: 1em; 
     1465     margin-top: 0; 
     1466     } 
     1467.q-cat label { 
     1468     margin-right: .3em; 
     1469     } 
     1470#quick #new_cat { 
     1471     margin-bottom: 2em; 
    14731472     } 
    14741473/* modules additionnels */ 
    … …  
    14771476     padding-top: 2em; 
    14781477     } 
    1479      .db-items, .db-contents { 
    1480           display: inline-block; 
    1481           text-align: center; 
    1482           } 
    1483         .no-js .outgoing img { 
    1484                 display: none; 
    1485         } 
    1486      #dashboard-boxes .box { 
    1487           padding: 10px; 
    1488           border:   1px solid #ccc; 
    1489           border-radius: 3px; 
    1490           min-height: 200px; 
    1491           margin: 10px; 
    1492           text-align: left; 
    1493           } 
    1494           .box.small { 
    1495                width: 320px; 
    1496                } 
    1497           .box.medium { 
    1498                width: 660px; 
    1499                } 
    1500           .box.large { 
    1501                width: 100%; 
    1502                } 
    1503           .dc-box { 
    1504                background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; 
    1505                } 
    1506      .db-items img, .db-contents img { 
    1507           vertical-align: middle; 
    1508           } 
    1509      .db-items ul, .db-contents ul { 
    1510           display: block; 
    1511           padding-left: 1.5em; 
    1512           list-style: square; 
    1513           } 
    1514           .db-items li, .db-contents li { 
    1515                margin: 0.25em 0 0 0; 
    1516                } 
    1517      #news dt { 
    1518           font-weight: bold; 
    1519           margin: 0 0 0.4em 0; 
    1520           } 
    1521      #news dd { 
    1522           margin: 0 0 1em 0; 
    1523           } 
    1524           #news dd p { 
    1525                margin: 0.2em 0 0 0; 
    1526                } 
     1478.db-items, .db-contents { 
     1479     display: inline-block; 
     1480     text-align: center; 
     1481     } 
     1482.no-js .outgoing img { 
     1483     display: none; 
     1484     } 
     1485#dashboard-boxes .box { 
     1486     padding: 10px; 
     1487     border: 1px solid #ccc; 
     1488     border-radius: 3px; 
     1489     min-height: 200px; 
     1490     margin: 10px; 
     1491     text-align: left; 
     1492     } 
     1493.box.small { 
     1494     width: 320px; 
     1495     } 
     1496.box.medium { 
     1497     width: 660px; 
     1498     } 
     1499.box.large { 
     1500     width: 100%; 
     1501     } 
     1502.dc-box { 
     1503     background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; 
     1504     } 
     1505.db-items img, .db-contents img { 
     1506     vertical-align: middle; 
     1507     } 
     1508.db-items ul, .db-contents ul { 
     1509     display: block; 
     1510     padding-left: 1.5em; 
     1511     list-style: square; 
     1512     } 
     1513.db-items li, .db-contents li { 
     1514     margin: 0.25em 0 0 0; 
     1515     } 
     1516#news dt { 
     1517     font-weight: bold; 
     1518     margin: 0 0 0.4em 0; 
     1519     } 
     1520#news dd { 
     1521     margin: 0 0 1em 0; 
     1522     } 
     1523#news dd p { 
     1524     margin: 0.2em 0 0 0; 
     1525     } 
    15271526/* message de mise à jour */ 
    15281527#upg-notify ul { 
    15291528     padding-left: 1.5em; 
    15301529     } 
    1531      #upg-notify li { 
    1532           color: #fff; 
    1533           } 
     1530#upg-notify li { 
     1531     color: #fff; 
     1532     } 
    15341533/* ------------------------------------------------------------------- blog_pref.php */ 
    15351534#media_img_title_pattern { 
    … …  
    15431542     vertical-align: top; 
    15441543     } 
    1545      .user-perm h4, .user-perm h5, .user-perm p, .user-perm ul, .user-perm li { 
    1546           margin: .5em 0 .33em; 
    1547           padding: 0; 
    1548           } 
    1549      .user-perm h4 { 
    1550           padding-left: 28px; 
    1551           } 
    1552      .user-perm h5 { 
    1553           margin:   1em 0 0 0; 
    1554           } 
    1555      .user-perm ul { 
    1556           list-style-type: inside; 
    1557           } 
    1558           .user-perm li { 
    1559                margin-left: 1em; 
    1560                padding-left: 0; 
    1561                } 
    1562                li.user_super, li.user_admin { 
    1563                     margin-left: 0; 
    1564                     padding-left: 20px; 
    1565                     list-style: none; 
    1566                     background: transparent url(../images/superadmin.png) no-repeat 0 .3em; 
    1567                     } 
    1568                li.user_admin { 
    1569                     background-image: url(../images/admin.png); 
    1570                     } 
     1544.user-perm h4, .user-perm h5, .user-perm p, .user-perm ul, .user-perm li { 
     1545     margin: .5em 0 .33em; 
     1546     padding: 0; 
     1547     } 
     1548.user-perm h4 { 
     1549     padding-left: 28px; 
     1550     } 
     1551.user-perm h5 { 
     1552     margin: 1em 0 0 0; 
     1553     } 
     1554.user-perm ul { 
     1555     list-style-type: inside; 
     1556     } 
     1557.user-perm li { 
     1558     margin-left: 1em; 
     1559     padding-left: 0; 
     1560     } 
     1561li.user_super, li.user_admin { 
     1562     margin-left: 0; 
     1563     padding-left: 20px; 
     1564     list-style: none; 
     1565     background: transparent url(../images/superadmin.png) no-repeat 0 .3em; 
     1566     } 
     1567li.user_admin { 
     1568     background-image: url(../images/admin.png); 
     1569     } 
    15711570/* ------------------------------------------------------------------- blog_theme.php */ 
    15721571.box.theme { 
    … …  
    15991598     padding: .5em; 
    16001599     } 
    1601 .theme .module-sshot img { /* pour ceux qui n'ont pas de miniature */ 
    1602      max-width: 280px; 
    1603      } 
    1604 #theme-new .theme .module-sshot img { /* pour ceux qui n'ont pas de miniature */ 
    1605      max-width: 240px; 
     1600.theme .module-sshot img { 
     1601     max-width: 280px; /* pour ceux qui n'ont pas de miniature */ 
     1602     } 
     1603#theme-new .theme .module-sshot img { 
     1604     max-width: 240px; /* pour ceux qui n'ont pas de miniature */ 
    16061605     max-height: 210px; 
    1607      overflow:hidden; 
     1606     overflow: hidden; 
    16081607     } 
    16091608.module-actions { 
    … …  
    16571656     -webkit-border-radius: .5em; 
    16581657     border-radius: .5em; 
    1659      min-height: 330px;   
     1658     min-height: 330px; 
    16601659     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); 
    16611660     } 
    … …  
    16901689     padding: 0; 
    16911690     } 
    1692      .cat-line { 
    1693           position: relative; 
    1694           margin: .66em 0; 
    1695           padding: .66em 1em; 
    1696           border: 1px solid #ccc; 
    1697           border-radius: 3px; 
    1698           } 
    1699           .cat-line label { 
    1700                margin-right: .25em; 
    1701                } 
    1702           .cat-line label a { 
    1703                font-weight: bold; 
    1704                } 
    1705           .cat-line p, .cat-line label { 
    1706                margin: 0; 
    1707                display: inline-block; 
    1708                } 
    1709           p.cat-title { 
    1710                margin-right: 1em; 
    1711                } 
    1712           .cat-nb-posts a { 
    1713                color: #333; 
    1714                } 
    1715           .cat-url { 
    1716                padding-left: 1em; 
    1717                } 
    1718           #categories .placeholder { 
    1719                outline: 1px dashed #4183C4; 
    1720                min-height: 2.5em; 
    1721                } 
    1722 .cat-buttons {  
    1723      float: right;  
     1691.cat-line { 
     1692     position: relative; 
     1693     margin: .66em 0; 
     1694     padding: .66em 1em; 
     1695     border: 1px solid #ccc; 
     1696     border-radius: 3px; 
     1697     } 
     1698.cat-line label { 
     1699     margin-right: .25em; 
     1700     } 
     1701.cat-line label a { 
     1702     font-weight: bold; 
     1703     } 
     1704.cat-line p, .cat-line label { 
     1705     margin: 0; 
     1706     display: inline-block; 
     1707     } 
     1708p.cat-title { 
     1709     margin-right: 1em; 
     1710     } 
     1711.cat-nb-posts a { 
     1712     color: #333; 
     1713     } 
     1714.cat-url { 
     1715     padding-left: 1em; 
     1716     } 
     1717#categories .placeholder { 
     1718     outline: 1px dashed #4183C4; 
     1719     min-height: 2.5em; 
     1720     } 
     1721.cat-buttons { 
     1722     float: right; 
    17241723     margin-top: -.2em; 
    17251724     font-size: 11px; 
    … …  
    17431742     line-height: 2; 
    17441743     } 
    1745      #del_cat { 
    1746           width: 100%; 
    1747           } 
    1748 /* ------------------------------------------------------------------ help.php */ 
    1749 .legible { /* for pages with a lot of text to read */ 
    1750      font-size: 1.16em; 
    1751      max-width: 62em; 
    1752      } 
    1753  
     1744#del_cat { 
     1745     width: 100%; 
     1746     } 
    17541747/* ------------------------------------------------------------------ media.php */ 
    17551748.media-item { 
    … …  
    17641757     word-wrap: break-word; 
    17651758     } 
    1766      .media-item p { 
    1767           margin: 0 0 .5em; 
    1768           } 
    1769      .media-item object { 
    1770           margin-top: .5em; 
    1771           } 
    1772      .media-item ul { 
    1773           display: block; 
    1774           list-style: none; 
    1775           margin: 0; 
    1776           padding: 0; 
    1777           } 
    1778      a.media-icon { 
    1779           display: block; 
    1780           border-bottom: none; 
    1781           margin: 0 auto;  
    1782           } 
    1783           .media-icon img { 
    1784                display: block; 
    1785                } 
    1786      .media-link { 
    1787           font-size: 1.1em; 
    1788           } 
    1789      .media-action-box { 
    1790           position: relative; 
    1791           margin: 3em 3em 1em 1em; 
    1792           display: inline-block; 
    1793           vertical-align: top; 
    1794           } 
    1795      li.media-action { 
    1796           display: block; 
    1797           position: absolute; 
    1798           bottom: 4px; 
    1799           right: 8px; 
    1800           height: 16px; 
    1801           } 
    1802      li.media-action a { 
    1803           border: none; 
    1804           } 
    1805      li.media-action form { 
    1806           display: inline; 
    1807           } 
    1808      li.media-action input { 
    1809           border: none; 
    1810           } 
     1759.media-item p { 
     1760     margin: 0 0 .5em; 
     1761     } 
     1762.media-item object { 
     1763     margin-top: .5em; 
     1764     } 
     1765.media-item ul { 
     1766     display: block; 
     1767     list-style: none; 
     1768     margin: 0; 
     1769     padding: 0; 
     1770     } 
     1771a.media-icon { 
     1772     display: block; 
     1773     border-bottom: none; 
     1774     margin: 0 auto; 
     1775     } 
     1776.media-icon img { 
     1777     display: block; 
     1778     } 
     1779.media-link { 
     1780     font-size: 1.1em; 
     1781     } 
     1782.media-action-box { 
     1783     position: relative; 
     1784     margin: 3em 3em 1em 1em; 
     1785     display: inline-block; 
     1786     vertical-align: top; 
     1787     } 
     1788li.media-action { 
     1789     display: block; 
     1790     position: absolute; 
     1791     bottom: 4px; 
     1792     right: 8px; 
     1793     height: 16px; 
     1794     } 
     1795li.media-action a { 
     1796     border: none; 
     1797     } 
     1798li.media-action form { 
     1799     display: inline; 
     1800     } 
     1801li.media-action input { 
     1802     border: none; 
     1803     } 
    18111804#entry-sidebar .media-item { 
    18121805     width: 100%; 
    … …  
    18151808     margin: .33em 0; 
    18161809     } 
    1817      #entry-sidebar li.media-action { 
    1818           top: 4px; 
    1819           } 
    1820  
     1810#entry-sidebar li.media-action { 
     1811     top: 4px; 
     1812     } 
    18211813.folders-group .media-item { 
    18221814     min-height: 70px; 
    18231815     } 
    1824      .folders-group .media-item p { 
    1825           margin-bottom: 0; 
    1826           } 
    1827      .media-folder { 
    1828           background: transparent url(bg_menu.png) repeat-y; 
    1829           border-color: #eee; 
    1830           } 
    1831      .media-folder-up { 
    1832           border-color: #fff; 
    1833           padding-bottom: 6px; 
    1834           } 
    1835      .media-folder .media-link { 
    1836           font-size: 1.25em; 
    1837           margin-left: 2em; 
    1838           color: #676e78; 
    1839           border-bottom: none; 
    1840           } 
     1816.folders-group .media-item p { 
     1817     margin-bottom: 0; 
     1818     } 
     1819.media-folder { 
     1820     background: transparent url(bg_menu.png) repeat-y; 
     1821     border-color: #eee; 
     1822     } 
     1823.media-folder-up { 
     1824     border-color: #fff; 
     1825     padding-bottom: 6px; 
     1826     } 
     1827.media-folder .media-link { 
     1828     font-size: 1.25em; 
     1829     margin-left: 2em; 
     1830     color: #676e78; 
     1831     border-bottom: none; 
     1832     } 
    18411833.medias-delete { 
    18421834     text-align: right; 
    … …  
    19361928     } 
    19371929.upload-progress { 
    1938      padding: .3em 0;  
     1930     padding: .3em 0; 
    19391931     } 
    19401932.upload-progress div { 
    … …  
    19561948     font-weight: bold; 
    19571949     } 
    1958  
    19591950/* --------------------------------------------------------------- media-item.php */ 
    19601951#media-icon { 
    … …  
    19701961     padding: 0; 
    19711962     } 
    1972      #media-details li { 
    1973           list-style: square inside; 
    1974           margin: 0; 
    1975           padding: 0; 
    1976           } 
     1963#media-details li { 
     1964     list-style: square inside; 
     1965     margin: 0; 
     1966     padding: 0; 
     1967     } 
    19771968#media-original-image { 
    19781969     overflow: auto; 
    19791970     } 
    1980      #media-original-image.overheight { 
    1981           height: 500px; 
    1982           } 
     1971#media-original-image.overheight { 
     1972     height: 500px; 
     1973     } 
    19831974/* -------------------------------------------------------------------- plugins.php */ 
    19841975.modules td.module-actions, .modules td.module-icon { 
    … …  
    20071998     padding: 4px 4px 0 20px; 
    20081999     } 
    2009 #m_search {     
     2000#m_search { 
    20102001     background: transparent url(search.png) no-repeat 4px center; 
    20112002     padding-left: 20px; 
    … …  
    20462037     margin-left: 0; 
    20472038     } 
    2048      #entry-content label { 
    2049           text-transform: uppercase; 
    2050           font-weight: bold; 
    2051           margin-top: 2em; 
    2052           display: inline-block; 
    2053           } 
    2054      #entry-content label:first-child { 
    2055           margin-top: 0; 
    2056           } 
     2039#entry-content label { 
     2040     text-transform: uppercase; 
     2041     font-weight: bold; 
     2042     margin-top: 2em; 
     2043     display: inline-block; 
     2044     } 
     2045#entry-content label:first-child { 
     2046     margin-top: 0; 
     2047     } 
    20572048#entry-sidebar { 
    20582049     width: 16em; 
    20592050     float: right; 
    20602051     } 
    2061      #entry-sidebar h4 { 
    2062           font-size: 13px; 
    2063           font-size: 1.3rem; 
    2064           margin-top: .3em; 
    2065           } 
    2066      #entry-sidebar select { 
    2067           width: 100%; 
    2068           } 
    2069      #entry-sidebar input#post_position { 
    2070           width: 4em; 
    2071           } 
    2072      .sb-box { 
    2073           border-bottom: 1px solid #dfdfdf; 
    2074           margin-bottom: 1em; 
    2075           } 
    2076      #tb_excerpt { 
    2077           width: 100%; 
    2078           } 
     2052#entry-sidebar h4 { 
     2053     font-size: 13px; 
     2054     font-size: 1.3rem; 
     2055     margin-top: .3em; 
     2056     } 
     2057#entry-sidebar select { 
     2058     width: 100%; 
     2059     } 
     2060#entry-sidebar input#post_position { 
     2061     width: 4em; 
     2062     } 
     2063.sb-box { 
     2064     border-bottom: 1px solid #dfdfdf; 
     2065     margin-bottom: 1em; 
     2066     } 
     2067#tb_excerpt { 
     2068     width: 100%; 
     2069     } 
    20792070/* ---------------------------------------------------------- preferences.php */ 
    20802071.fav-list { 
    … …  
    20832074     padding-left: 0; 
    20842075     } 
    2085      #my-favs .fav-list { 
    2086           border-top: 1px solid #eee; 
    2087           } 
     2076#my-favs .fav-list { 
     2077     border-top: 1px solid #eee; 
     2078     } 
    20882079.fav-list li { 
    20892080     margin-left: 0; 
    … …  
    20932084     position: relative; 
    20942085     } 
    2095      #my-favs .fav-list li { 
    2096           line-height: 2; 
    2097           border-bottom: 1px solid #eee; 
    2098           padding-top: 3px; 
    2099           padding-bottom: 3px; 
    2100           position: relative; 
    2101           } 
    2102      .fav-list img { 
    2103           vertical-align: middle; 
    2104           margin-right: .2em; 
    2105           } 
    2106      .fav-list li span.zoom { 
    2107           display: none; 
    2108           } 
    2109      .fav-list li:hover span.zoom { 
    2110           display: block; 
    2111           position: absolute; 
    2112           bottom: 0; 
    2113           left: 10em; 
    2114           background-color: #f7f7f7; 
    2115           border: 1px solid #dfdfdf; 
    2116           padding: .2em; 
    2117           border-radius: .5em; 
    2118           } 
    2119 #my-favs { 
    2120      border-color: #9bca1c; 
    2121      } 
    2122      #my-favs input.position { 
    2123           margin: 0 0 .4em .2em; 
    2124           } 
    2125 #available-favs input, #available-favs label, #available-favs label span { 
    2126      white-space: normal; 
    2127      display: inline; 
    2128      } 
    2129 #available-favs label span.zoom { 
     2086#my-favs .fav-list li { 
     2087     line-height: 2; 
     2088     border-bottom: 1px solid #eee; 
     2089     padding-top: 3px; 
     2090     padding-bottom: 3px; 
     2091     position: relative; 
     2092     } 
     2093.fav-list img { 
     2094     vertical-align: middle; 
     2095     margin-right: .2em; 
     2096     } 
     2097.fav-list li span.zoom { 
    21302098     display: none; 
    21312099     } 
    2132 #available-favs li:hover label span.zoom { 
     2100.fav-list li:hover span.zoom { 
    21332101     display: block; 
    21342102     position: absolute; 
    … …  
    21402108     border-radius: .5em; 
    21412109     } 
     2110#my-favs { 
     2111     border-color: #9bca1c; 
     2112     } 
     2113#my-favs input.position { 
     2114     margin: 0 0 .4em .2em; 
     2115     } 
     2116#available-favs input, #available-favs label, #available-favs label span { 
     2117     white-space: normal; 
     2118     display: inline; 
     2119     } 
     2120#available-favs label span.zoom { 
     2121     display: none; 
     2122     } 
     2123#available-favs li:hover label span.zoom { 
     2124     display: block; 
     2125     position: absolute; 
     2126     bottom: 0; 
     2127     left: 10em; 
     2128     background-color: #f7f7f7; 
     2129     border: 1px solid #dfdfdf; 
     2130     padding: .2em; 
     2131     border-radius: .5em; 
     2132     } 
    21422133#user-options label.ib { 
    21432134     display: inline-block; 
    … …  
    21722163     } 
    21732164.guideline .one-box .box { 
    2174      border: 1px solid #dfdfdf;  
     2165     border: 1px solid #dfdfdf; 
    21752166     padding: 2px .5em; 
    21762167     } 
    … …  
    21932184     margin: 0; 
    21942185     } 
    2195      .ac_results li { 
    2196           margin: 0px; 
    2197           padding: 2px 5px; 
    2198           cursor: default; 
    2199           display: block; 
    2200           font-size: 1em; 
    2201           line-height: 16px; 
    2202           overflow: hidden; 
    2203           } 
     2186.ac_results li { 
     2187     margin: 0px; 
     2188     padding: 2px 5px; 
     2189     cursor: default; 
     2190     display: block; 
     2191     font-size: 1em; 
     2192     line-height: 16px; 
     2193     overflow: hidden; 
     2194     } 
    22042195.ac_loading { 
    22052196     background: transparent url('loader.gif') right center no-repeat; 
    … …  
    22242215     height: 3.8em; 
    22252216     } 
    2226      #pwindicator .bar { 
    2227           height: 6px; 
    2228           margin-bottom: 4px; 
    2229           } 
    2230           .pw-very-weak .bar { 
    2231                background: #b33630; 
    2232                width: 30px; 
    2233                } 
    2234           .pw-weak .bar { 
    2235                background: #b33630; 
    2236                width: 60px; 
    2237                } 
    2238           .pw-mediocre .bar { 
    2239                background: #f90; 
    2240                width: 90px; 
    2241                } 
    2242           .pw-strong .bar { 
    2243                background: #9bca1c; 
    2244                width: 120px; 
    2245                } 
    2246           .pw-very-strong .bar { 
    2247                background: #9bca1c; 
    2248                width: 150px; 
    2249                } 
     2217#pwindicator .bar { 
     2218     height: 6px; 
     2219     margin-bottom: 4px; 
     2220     } 
     2221.pw-very-weak .bar { 
     2222     background: #b33630; 
     2223     width: 30px; 
     2224     } 
     2225.pw-weak .bar { 
     2226     background: #b33630; 
     2227     width: 60px; 
     2228     } 
     2229.pw-mediocre .bar { 
     2230     background: #f90; 
     2231     width: 90px; 
     2232     } 
     2233.pw-strong .bar { 
     2234     background: #9bca1c; 
     2235     width: 120px; 
     2236     } 
     2237.pw-very-strong .bar { 
     2238     background: #9bca1c; 
     2239     width: 150px; 
     2240     } 
    22502241/* ------------------------------------------------------------------ navigation */ 
    22512242/* selects accès rapide */ 
    … …  
    22632254     color: #fff; 
    22642255     } 
    2265      .nav_prevnext a, a.back { 
    2266           border: 1px solid #dfdfdf; 
    2267           padding: 2px 1.5em; 
    2268           border-radius: .75em; 
    2269           background-color: #f3f3f3; 
    2270           } 
    2271           a.back:before { 
    2272                content: "\ab\a0"; 
    2273                } 
    2274           a.onblog_link { 
    2275                color: #333; 
    2276                float: right; 
    2277                border: 1px solid #eee; 
    2278                padding: 2px 1.5em; 
    2279                border-radius: .75em; 
    2280                background-color: #ECF0F1; 
    2281                -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 
    2282                        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 
    2283                } 
     2256.nav_prevnext a, a.back { 
     2257     border: 1px solid #dfdfdf; 
     2258     padding: 2px 1.5em; 
     2259     border-radius: .75em; 
     2260     background-color: #f3f3f3; 
     2261     } 
     2262a.back:before { 
     2263     content: "\ab\a0"; 
     2264     } 
     2265a.onblog_link { 
     2266     color: #333; 
     2267     float: right; 
     2268     border: 1px solid #eee; 
     2269     padding: 2px 1.5em; 
     2270     border-radius: .75em; 
     2271     background-color: #ECF0F1; 
     2272     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 
     2273     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 
     2274     } 
    22842275/* Pagination */ 
    22852276.pager { 
    … …  
    22932284     } 
    22942285.pager li, .pager input { 
    2295      display:inline-block; 
     2286     display: inline-block; 
    22962287     vertical-align: middle; 
    22972288     margin: 0 .33em 0 0; 
    … …  
    22992290     text-align: center; 
    23002291     } 
    2301      .pager .btn { 
    2302           border: 1px solid #dfdfdf; 
    2303           background-color: #fcfcfc; 
    2304           color: #676e78;  
    2305           border-radius: 3px; 
    2306           overflow: hidden; 
    2307           } 
    2308           .btn.no-link { 
    2309                border-color: #dfdfdf; 
    2310                background-color: #f9f9f9; 
    2311                padding: 1px 3px 0; 
    2312                } 
    2313      .pager .active { 
    2314           padding: 4px 12px;  
    2315           color: #676e78; 
    2316           } 
    2317      .pager .direct-access { 
    2318           margin-left: 2em; 
    2319           } 
    2320      .direct-access input[type=text] { 
    2321           border: 1px solid #dfdfdf; 
    2322           padding: 3px 8px; 
    2323           margin-left: .25em; 
    2324           background-color: #fff; 
    2325           } 
    2326      .direct-access input[type=submit] { 
    2327           padding: 3px 6px;  
    2328           } 
     2292.pager .btn { 
     2293     border: 1px solid #dfdfdf; 
     2294     background-color: #fcfcfc; 
     2295     color: #676e78; 
     2296     border-radius: 3px; 
     2297     overflow: hidden; 
     2298     } 
     2299.btn.no-link { 
     2300     border-color: #dfdfdf; 
     2301     background-color: #f9f9f9; 
     2302     padding: 1px 3px 0; 
     2303     } 
     2304.pager .active { 
     2305     padding: 4px 12px; 
     2306     color: #676e78; 
     2307     } 
     2308.pager .direct-access { 
     2309     margin-left: 2em; 
     2310     } 
     2311.direct-access input[type=text] { 
     2312     border: 1px solid #dfdfdf; 
     2313     padding: 3px 8px; 
     2314     margin-left: .25em; 
     2315     background-color: #fff; 
     2316     } 
     2317.direct-access input[type=submit] { 
     2318     padding: 3px 6px; 
     2319     } 
    23292320.pager a { 
    23302321     display: block; 
    23312322     padding: 1px 3px 0; 
    2332      border:none; 
     2323     border: none; 
    23332324     } 
    23342325.pager a:hover, .pager a:focus { 
    … …  
    23462337     } 
    23472338.index .active { 
    2348      padding: 4px 8px;  
     2339     padding: 4px 8px; 
    23492340     color: #fff; 
    23502341     background: #676e78; 
    23512342     -webkit-border-radius: 3px; 
    2352              border-radius: 3px; 
     2343     border-radius: 3px; 
    23532344     font-variant: small-caps; 
    23542345     } 
    … …  
    23662357     } 
    23672358/* ---------------------------------------------------------------- utilisables partout  */ 
     2359.legible { 
     2360     font-size: 1.16em; 
     2361     max-width: 62em; 
     2362     } 
    23682363.fieldset { 
    23692364     background: #fff; 
    … …  
    23732368     margin-bottom: 1em; 
    23742369     } 
    2375      .fieldset h3 { 
    2376           margin-top: 0; 
    2377           } 
     2370.fieldset h3 { 
     2371     margin-top: 0; 
     2372     } 
    23782373.right, .txt-right { 
    23792374     text-align: right; 
    … …  
    23922387     margin-top: 2em; 
    23932388     } 
    2394      p.clear.vertical-separator { 
    2395           padding-top: 2em; 
    2396           } 
     2389p.clear.vertical-separator { 
     2390     padding-top: 2em; 
     2391     } 
    23972392.border-top { 
    23982393     border-top: 1px solid #999; 
    23992394     padding-top: 1em; 
    2400      margin-top:    1em; 
     2395     margin-top: 1em; 
    24012396     } 
    24022397.grid { 
    … …  
    24082403     list-style: square; 
    24092404     } 
    2410      ul.nice li { 
    2411           margin:0; 
    2412           padding: 0; 
    2413           } 
     2405ul.nice li { 
     2406     margin: 0; 
     2407     padding: 0; 
     2408     } 
    24142409ul.from-left { 
    24152410     list-style-type: none; 
    24162411     padding-left: 0; 
    2417      margin: 1 0; 
    2418      } 
    2419      ul.from-left > li { 
    2420           margin-top: 1em; 
    2421           margin-bottom: 1em; 
    2422           } 
    2423      ul.from-left ul { 
    2424           list-style-type: square; 
    2425           } 
     2412     margin: 1em 0; 
     2413     } 
     2414ul.from-left > li { 
     2415     margin-top: 1em; 
     2416     margin-bottom: 1em; 
     2417     } 
     2418ul.from-left ul { 
     2419     list-style-type: square; 
     2420     } 
    24262421.offline { 
    24272422     color: #676e78; 
    … …  
    24342429.hidden, .with-js .out-of-screen-if-js { 
    24352430     position: absolute !important; 
    2436      clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
     2431     clip: rect(1px 1px 1px 1px); 
     2432     /* IE6, IE7 */ 
    24372433     clip: rect(1px, 1px, 1px, 1px); 
    24382434     padding: 0 !important; 
    … …  
    25252521     color: #bee74b; 
    25262522     } 
    2527  .colorEndValidatorMsg { 
     2523.colorEndValidatorMsg { 
    25282524     color: #ffcc00; 
    25292525     } 
    … …  
    25322528------------------------------------------------------------------------------------ */ 
    25332529@media screen and (max-width: 1000px) { 
    2534      #top-info-blog #switchblog { 
    2535           max-width: 16em; 
    2536           } 
    2537      #top-info-blog a { 
    2538           margin-left: 2em; 
    2539           } 
    2540      } 
     2530#top-info-blog #switchblog { 
     2531     max-width: 16em; 
     2532     } 
     2533#top-info-blog a { 
     2534     margin-left: 2em; 
     2535     } 
     2536} 
    25412537@media screen and (max-width: 960px) { 
    2542      #header { 
    2543           display: block; 
    2544           width: 100%; 
    2545           text-align: right; 
    2546           background: #333; 
    2547           }  
    2548      #header h1, #header h1 a { 
    2549           width: 120px; 
    2550           padding: 0; 
    2551           margin: 0; 
    2552           } 
    2553      h1, #top-info-blog { 
    2554           display: inline-block; 
    2555           vertical-align: top; 
    2556           margin-right: 1em; 
    2557           } 
    2558      #top-info-user { 
    2559           display: block; 
    2560           width: 100%; 
    2561           background: #676e78; 
    2562           padding-right: 0; 
    2563           } 
    2564      #top-info-user li:last-child { 
    2565           padding-right: 1em; 
    2566           } 
    2567      #top-info-user a.active { 
    2568           padding: 2px 8px; 
    2569           background: #999; 
    2570           color: #FFF; 
    2571           border-width: 0; 
    2572           -webkit-border-radius: 6px; 
    2573                   border-radius: 6px; 
    2574           }  
    2575      .three-boxes, .three-boxes .box, 
     2538#header { 
     2539     display: block; 
     2540     width: 100%; 
     2541     text-align: right; 
     2542     background: #333; 
     2543     } 
     2544#header h1, #header h1 a { 
     2545     width: 120px; 
     2546     padding: 0; 
     2547     margin: 0; 
     2548     } 
     2549h1, #top-info-blog { 
     2550     display: inline-block; 
     2551     vertical-align: top; 
     2552     margin-right: 1em; 
     2553     } 
     2554#top-info-user { 
     2555     display: block; 
     2556     width: 100%; 
     2557     background: #676e78; 
     2558     padding-right: 0; 
     2559     } 
     2560#top-info-user li:last-child { 
     2561     padding-right: 1em; 
     2562     } 
     2563#top-info-user a.active { 
     2564     padding: 2px 8px; 
     2565     background: #999; 
     2566     color: #FFF; 
     2567     border-width: 0; 
     2568     -webkit-border-radius: 6px; 
     2569     border-radius: 6px; 
     2570     } 
     2571.three-boxes, .three-boxes .box, 
    25762572     .two-cols .col70, .two-cols .col30 { 
    2577           width: 100%; 
    2578           margin-left: 0; 
    2579           margin-right: 0;  
    2580           } 
    2581      } 
     2573     width: 100%; 
     2574     margin-left: 0; 
     2575     margin-right: 0; 
     2576     } 
     2577} 
    25822578@media screen and (max-width: 700px) { 
    2583       #help-button { 
    2584           height:26px; 
    2585           width:26px; 
    2586           background-color: #A2CBE9; 
    2587           padding: 0; 
    2588           margin: 0; 
    2589           font-size: 10px; font-size: 1rem; 
    2590           line-height: 68px; 
    2591           overflow: hidden; 
    2592           }     
    2593      #content.with-help #help-button { 
    2594           top: 77px; 
    2595           } 
    2596      .one-box, .two-boxes, .two-boxes.odd, .two-boxes.even, .box, 
     2579#help-button { 
     2580     height: 26px; 
     2581     width: 26px; 
     2582     background-color: #A2CBE9; 
     2583     padding: 0; 
     2584     margin: 0; 
     2585     font-size: 10px; 
     2586     font-size: 1rem; 
     2587     line-height: 68px; 
     2588     overflow: hidden; 
     2589     } 
     2590#content.with-help #help-button { 
     2591     top: 77px; 
     2592     } 
     2593.one-box, .two-boxes, .two-boxes.odd, .two-boxes.even, .box, 
    25972594     .two-cols .col { 
    2598           width: 100%; 
    2599           margin-left: 0; 
    2600           margin-right: 0;  
    2601           } 
    2602      } 
     2595     width: 100%; 
     2596     margin-left: 0; 
     2597     margin-right: 0; 
     2598     } 
     2599} 
    26032600@media screen and (max-width: 600px) { 
    2604      #header h1, #header h1 a { 
    2605           width: 42px !important;  
    2606           height: 42px; 
    2607           } 
    2608      h1 a:link { 
    2609           background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px; 
    2610           border-right: 1px solid #ccc; 
    2611           } 
    2612      h1 a:hover, h1 a:focus { 
    2613           background: url(dc_logos/b-dotclear120.png) no-repeat -180px -94px; 
    2614           border-right: 1px solid #A2CBE9; 
    2615           } 
    2616      #wrapper, #main, #main-menu { 
    2617           display: block; 
    2618           float: none; 
    2619           width: 100%; 
    2620           margin: 0; 
    2621           } 
    2622      #main-menu a { 
    2623           display: block; 
    2624           width: 100%; 
    2625           } 
    2626      #main-menu h3 a { 
    2627           display: inline; 
    2628           } 
    2629      #content, .hide-mm #content { 
    2630           margin: 0; 
    2631           padding: 0 .5em !important; 
    2632           } 
    2633      #collapser { 
    2634           display: none; 
    2635           } 
    2636      #main #content > h2 { 
    2637           margin: 0; 
    2638           padding: 6px 30px 6px 0; 
    2639           } 
    2640      #dashboard-boxes .box.medium, 
     2601#header h1, #header h1 a { 
     2602     width: 42px !important; 
     2603     height: 42px; 
     2604     } 
     2605h1 a:link { 
     2606     background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px; 
     2607     border-right: 1px solid #ccc; 
     2608     } 
     2609h1 a:hover, h1 a:focus { 
     2610     background: url(dc_logos/b-dotclear120.png) no-repeat -180px -94px; 
     2611     border-right: 1px solid #A2CBE9; 
     2612     } 
     2613#wrapper, #main, #main-menu { 
     2614     display: block; 
     2615     float: none; 
     2616     width: 100%; 
     2617     margin: 0; 
     2618     } 
     2619#main-menu a { 
     2620     display: block; 
     2621     width: 100%; 
     2622     } 
     2623#main-menu h3 a { 
     2624     display: inline; 
     2625     } 
     2626#content, .hide-mm #content { 
     2627     margin: 0; 
     2628     padding: 0 .5em !important; 
     2629     } 
     2630#collapser { 
     2631     display: none; 
     2632     } 
     2633#main #content > h2 { 
     2634     margin: 0; 
     2635     padding: 6px 30px 6px 0; 
     2636     } 
     2637#dashboard-boxes .box.medium, 
    26412638     #dashboard-boxes .box.small, 
    26422639     #dashboard-boxes .box.large { 
    2643           width: 100%; 
    2644           margin: 10px auto; 
    2645           } 
    2646      } 
     2640     width: 100%; 
     2641     margin: 10px auto; 
     2642     } 
     2643} 
    26472644@media screen and (max-width: 420px) { 
    2648      h1, h1 a { 
    2649           padding: 0; 
    2650           border-right: #333 !important; 
    2651           } 
    2652      #top-info-blog label, .nomobile { 
    2653           display: none; 
    2654           } 
    2655      #top-info-blog { 
    2656           margin-bottom: .5em; 
    2657           max-width: 75%; 
    2658           } 
    2659      #top-info-blog select { 
    2660           margin-bottom: .5em; 
    2661           } 
    2662      #icons p { 
    2663           width: 150px; 
    2664           } 
    2665      #content.with-help #help-button { 
    2666           top: 101px; 
    2667           } 
    2668      } 
     2645h1, h1 a { 
     2646     padding: 0; 
     2647     border-right: #333 !important; 
     2648     } 
     2649#top-info-blog label, .nomobile { 
     2650     display: none; 
     2651     } 
     2652#top-info-blog { 
     2653     margin-bottom: .5em; 
     2654     max-width: 75%; 
     2655     } 
     2656#top-info-blog select { 
     2657     margin-bottom: .5em; 
     2658     } 
     2659#icons p { 
     2660     width: 150px; 
     2661     } 
     2662#content.with-help #help-button { 
     2663     top: 101px; 
     2664     } 
     2665} 
Note: See TracChangeset for help on using the changeset viewer.

Sites map