Dotclear


Ignore:
Timestamp:
04/29/11 10:06:34 (14 years ago)
Author:
kozlika
Branch:
userprefs
Parents:
39:859596664e23 (diff), 37:89b90dfd3913 (diff)
Note: this is a merge changeset, the changes displayed below correspond to the merge itself.
Use the (diff) links above to see all the changes relative to each parent.
Message:

Correction des formulaires, étape 2

Files:
2 edited

Legend:

Unmodified
Added
Removed

  • admin/style/default.css

    r36 r45  
    44# This file is part of Dotclear 2. 
    55# 
    6 # Copyright (c) 2003-2010 Olivier Meunier & Association Dotclear 
     6# Copyright (c) 2003-2011 Olivier Meunier & Association Dotclear 
    77# Licensed under the GPL version 2.0 license. 
    88# See LICENSE file or 
    … …  
    1212*/ 
    1313body { 
    14      font: 62.5%/1.5em "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; 
    15      color : #000; 
    16      background : #fff; 
    17      margin : 0; 
    18      padding : 0; 
     14     font: 76%/1.5em Helvetica,Arial,sans-serif; 
     15     color: #333; 
     16     background: #f5f5f5; 
     17     margin: 0; 
     18     padding: 0; 
    1919} 
    2020body.auth { 
    21      background-image: none; 
     21     background: #fff; 
    2222} 
    2323 
    … …  
    2525 
    2626a, a:link, a:visited { 
    27      color : #06c; 
    28      text-decoration : none; 
    29      border-bottom : 1px dotted #f90; 
     27     color: #2373A8; 
     28     text-decoration: none; 
     29     border-bottom: 1px dotted #f90; 
    3030} 
    3131a:hover, a:active, a:focus { 
    32       
     32     text-decoration: underline; 
    3333} 
    3434 
    3535h1, h2, h3, h4, h5, h6, p { 
    36      margin-top : 0; 
     36     margin-top: 0; 
    3737     margin-bottom: 0.6em; 
    3838} 
    3939 
    4040h2 { 
    41      font-family : Arial,Helvetica,sans-serif; 
    42      color : #069; 
    43      font-size : 1.4em; 
     41     color: #666; 
     42     font-size: 1.4em; 
    4443     padding: 4px 0; 
    4544} 
    4645 
    4746h3 { 
    48      font-family : Arial,Helvetica,sans-serif; 
    49      color : #333; 
    50      font-size : 1.2em; 
     47     color: #333; 
     48     font-size: 1.2em; 
    5149} 
    5250 
    5351p, div.p { 
    54      margin : 0 0 1em 0; 
     52     margin: 0 0 1em 0; 
    5553} 
    5654 
    5755hr { 
    58      height : 1px; 
    59      border-width : 1px 0 0 0; 
    60      border-color : #999; 
    61      border-style : solid; 
     56     height: 1px; 
     57     border-width: 1px 0 0 0; 
     58     border-color: #999; 
     59     border-style: solid; 
    6260} 
    6361 
    … …  
    7573     word-wrap: break-word; 
    7674} 
     75abbr { 
     76     cursor: help; 
     77} 
    7778 
    7879 
    7980/* LAYOUT 
    8081-------------------------------------------------------- */ 
    81 /* General font-size */ 
    82 #top, #info-box, #main, #main-menu, #footer { 
    83      font-size: 1.1em; 
    84 } 
    8582 
    8683#top { 
    87      margin : 0; 
    88      padding : 0; 
    89      background : transparent url(head-bg.png) repeat-x; 
     84     margin: 0; 
     85     padding: 0; 
     86     background: #575859 url(dc_bg.png) repeat-x 0 3em; 
    9087} 
    9188#top h1 { 
    92      padding : 0; 
    93      margin : 0; 
    94      height : 58px; 
    95      text-indent : -1000px; 
    96      background : transparent url(head-logo.png) no-repeat 0 0; 
     89     padding: 0; 
     90     margin: 0; 
     91     height: 3em; 
     92     text-indent: -1000px; 
     93     background: transparent url(dc_logo.png) no-repeat 0 50%; 
    9794} 
    9895#top h1 a { 
    … …  
    10198     left: 0; 
    10299     width: 130px; 
    103      height: 35px; 
     100     height: 60px; 
    104101     border: none; 
    105102     outline: none; 
     103     color: #fff; 
    106104} 
    107105 
    108106#info-box { 
    109      position : absolute; 
    110      right : 10px; 
    111      top : 3px; 
    112      margin : 0; 
    113      padding : 3px 3px 4px 15px; 
     107     background: #575859; 
     108     position: absolute; 
     109     left: 13em; 
     110     top: 3px; 
     111     margin: 0; 
     112     padding: 3px 3px 4px 0; 
    114113     color: #fff; 
    115114} 
    116 #info-box div { 
     115#info-box2 { 
     116     background: #575859; 
     117     position: absolute; 
     118     right: 1em; 
     119     top: 3px; 
     120     margin: 0; 
     121     padding: 3px 3px 4px 0; 
     122     color: #fff; 
     123} 
     124#info-box div, #info-box2 div { 
    117125     margin: 0; padding: 0; 
    118126} 
    119 #info-box div div { 
     127#info-box div div, #info-box2 div div { 
    120128     display: inline; 
    121129} 
    122 #info-box>form>div { 
    123      line-height: 18px; 
     130#info-box>form>div, #info-box2>form>div { 
     131     line-height: 1.5; 
    124132} 
    125133#info-box select { 
    126      width : 160px; 
    127 } 
    128 #info-box a.logout { 
    129      font-weight : bold; 
     134     width: 20em; 
     135} 
     136#info-box a img, #info-box2 a img { 
     137     vertical-align: middle;  
     138     padding-left: .3em; 
     139     } 
     140#info-box a, #info-box2 a { 
     141     background: #575859; 
     142     font-weight: bold; 
    130143     color: #fff; 
    131 } 
     144     border-bottom-color: #ccc; 
     145} 
     146#info-box a {margin-left: 2em;} 
    132147 
    133148#wrapper { 
    134      background: transparent url(page-bg.png) repeat-y top left; 
    135149     width: 100%; 
    136150} 
    137151#main { 
    138      width : 100%; 
    139      float : right; 
    140      margin-left : -155px; 
    141      margin-top : 0; 
    142 } 
    143  
     152     width: 100%; 
     153     float: right; 
     154     margin-left: -13em; 
     155     margin-top: 0; 
     156} 
    144157#content { 
    145      margin-left : 155px; 
    146      margin-bottom : 10px; 
    147      padding-top : 1px; 
    148      margin-right : 15px; 
    149 } 
    150  
     158     margin-left: 13em; 
     159     margin-bottom: 4em; 
     160     margin-top: .5em; 
     161     margin-right: 1.5em; 
     162     padding-top: 10px; 
     163     padding-left: 1em; 
     164     padding-right: 1em; 
     165     background: #fff; 
     166     -webkit-border-radius: .5em; 
     167     -moz-border-radius: .5em; 
     168     border-radius: .5em; 
     169     border: 1px solid #ddd; 
     170} 
     171     #content:after {clear:both; content:""; display:block; height:0; font-size:0;} 
    151172#main-menu { 
    152      width : 135px; 
    153      float : left; 
    154      margin-top : 0; 
    155      margin-bottom : 10px; 
    156 } 
     173     font-size: .95em; 
     174     width: 13em; 
     175     float: left; 
     176     margin-top: .5em; 
     177     margin-bottom: 10px; 
     178} 
     179 
    157180#main-menu h3 { 
    158      margin : 0 0 0.5em 0; 
    159      padding : 0 0 0 5px; 
     181     margin: 0 0 0.5em 0; 
     182     padding: .5em 0 0 .5em; 
    160183     text-transform: uppercase; 
    161      color: #7e7d77; 
     184     color: #666; 
    162185} 
    163186#main-menu ul { 
    164      margin : 0 0 1em 4px; 
    165      padding : 0; 
    166      list-style : none; 
     187     margin: 0 0 1em 0; 
     188     padding: 0; 
     189     list-style: none; 
    167190} 
    168191#main-menu li { 
    169      display : block; 
    170      margin : 0.5em 0 0 5px; 
    171      padding : 2px 0 1px 20px; 
     192     display: block; 
     193     margin: 0.5em 0 0 0; 
     194     padding: .2em 0 0 32px; 
    172195     background-repeat: no-repeat; 
    173      background-position: 0 0; 
     196     background-position: 12px .2em; 
    174197} 
    175198#main-menu a { 
    176      font-weight : bold; 
     199     font-weight: bold; 
    177200} 
    178201#main-menu .active a { 
    179202     border-bottom-style: solid; 
     203     border-bottom: none; 
     204} 
     205#main-menu li.active { 
     206     background-color: #fff; 
     207     border: 1px solid #ccc; 
     208     border-right: none; 
     209     border-left: none; 
     210     margin-right: -.76em; 
     211     padding: .4em 0 .1em 32px; 
     212     background-position: 12px .4em; 
    180213} 
    181214#main-menu #dashboard-menu li { 
    182215     margin-left: 0; 
    183216} 
    184 #main-menu #menu-new-post a { 
    185      padding : 2px; 
    186      background: #7e7d77; 
     217 
     218/* favoris en haut */ 
     219#fav-add {  
     220     position: absolute; 
     221     top: 3.5em; 
     222     right: 2em; 
     223} 
     224 
     225#footer { 
     226     clear: both; 
     227     padding: .75em 2em; 
     228     margin: 6em 1em .5em 1em; 
     229     -webkit-border-radius: .3em; 
     230     -moz-border-radius: .3em; 
     231     border-radius: .3em; 
     232     background: #575859 url(dc_logo_small.png) no-repeat right bottom; 
    187233     color: #fff; 
    188      border: 1px solid #7e7d77; 
    189      -moz-border-radius: 3px; 
    190      -webkit-border-radius: 3px; 
    191 } 
    192 #main-menu #menu-new-post a:hover, #main-menu #menu-new-post a:focus { 
    193      background: #666; 
    194 } 
    195  
    196 #footer { 
    197      clear : both; 
    198      margin: 0; 
    199      padding: 40px 0 0 0; 
    200      background: #fff url(footer-bg.png) no-repeat top left; 
    201 } 
    202 #footer p * { 
    203      vertical-align: bottom; 
    204234} 
    205235#footer p { 
    206      margin: 0 15px 0 155px;; 
    207      padding: 3px 0 20px 0; 
    208      border-top: 1px solid #dedcd1; 
    209      color: #93928a; 
    210      text-align: right; 
     236     margin: 0; 
     237     padding: 0 1em; 
     238     text-align: center; 
    211239     font-size: 1.1em; 
     240} 
     241#footer a { 
     242     color: #f5f5f5; 
     243} 
     244#footer p span.credit { 
     245     font-size: .85em;  
     246     font-weight: normal; 
    212247} 
    213248 
    … …  
    224259} 
    225260#debug p { 
    226      margin : 0.5em 0; 
     261     margin: 0.5em 0; 
    227262} 
    228263#debug:hover { 
    … …  
    237272     float: left; 
    238273     overflow: hidden; 
    239      padding-bottom: 1em; 
     274     padding: 1em 1%; 
    240275     width: 66%; 
    241276} 
    … …  
    243278     overflow: hidden; 
    244279     padding-bottom: 1em; 
     280     text-align: center; 
    245281} 
    246282#dashboard-main #icons p { 
    247      float: left; 
    248      width: 32%; 
     283     width: 240px; 
    249284     text-align: center; 
    250285     margin: 2em 0 0 0; 
     286     display:inline-block; 
    251287} 
    252288#dashboard-main #icons span { 
    … …  
    266302#dashboard-main #quick h3 { 
    267303     margin-bottom: 0.2em; 
    268      font-size: 1.4em; 
     304     font-size: 1.2em; 
    269305} 
    270306#dashboard-main #quick p.qinfo { 
    … …  
    276312#dashboard-items { 
    277313     float: left; 
    278      width: 31%; 
     314     width: 29%; 
    279315     overflow: hidden; 
    280316     margin-left: 2%; 
    281317     padding-bottom: 1em; 
    282      font-size: 1.2em; 
     318     padding-top: 3em; 
    283319} 
    284320#dashboard-items p img { 
    … …  
    299335} 
    300336#dashboard-items #news dd { 
    301      font-size: 0.9em; 
    302337     margin: 0 0 1em 0; 
    303338} 
    … …  
    306341} 
    307342#upg-notify { 
    308      font-size: 0.9em; 
    309343} 
    310344#upg-notify ul { 
    … …  
    317351/* POST */ 
    318352#entry-sidebar { 
    319      width : 200px; 
    320      float : right; 
     353     width: 200px; 
     354     float: right; 
    321355} 
    322356#entry-content { 
    323      margin-right : 220px; 
     357     margin-right: 220px; 
    324358} 
    325359#comments { 
    326      clear : both; 
     360     clear: both; 
    327361} 
    328362 
    … …  
    337371} 
    338372#categories ul li { 
    339      margin: 1em 0 0 0; 
    340      padding: 5px 10px 1em 30px; 
     373     margin: .5em 0; 
     374     padding: .3em 1.5em; 
    341375     border: 1px solid #ccc; 
    342      background: transparent url(cat-bg.png) repeat-y top left; 
    343      -moz-border-radius: 4px; 
    344      -webkit-border-radius: 4px; 
     376     border-left: 1em solid #E5E3DA; 
     377     -moz-border-radius: .3em; 
     378     -webkit-border-radius: .3em; 
     379     border-radius: .3em; 
    345380} 
    346381#categories ul li h4 { 
    … …  
    392427} 
    393428 
     429/* favorites */ 
     430#my-favs ul { 
     431     list-style-type: none; 
     432     margin-left: 0; 
     433     padding-left: 0; 
     434     line-height: 1.2; 
     435} 
     436#my-favs ul li { 
     437     display: block; 
     438     float: left; 
     439     width: 170px; 
     440     margin-bottom: 2.5em; 
     441} 
     442#my-favs label {height: 2.5em;width:140px;margin-top:.3em;} 
     443#my-favs label input {display:inline;} 
     444#my-favs img { 
     445     display: block; 
     446} 
     447#my-favs input.position { 
     448     margin: 0 0 .4em .2em; 
     449} 
     450#available-favs input, #available-favs label, #available-favs label span { 
     451     white-space: normal; 
     452     display: inline; 
     453} 
     454 
     455#default-favs h3 { 
     456     margin-top: 2em; 
     457     margin-bottom: 1em; 
     458} 
     459 
     460.fav-list { 
     461     list-style-type: none; 
     462     margin-left: 0; 
     463     padding-left: 0; 
     464} 
     465.fav-list li { 
     466     line-height: 2; 
     467     margin-left: 0; 
     468     padding-left: 0; 
     469     position: relative; 
     470} 
     471.fav-list li img { 
     472     vertical-align: middle; 
     473     margin-right: .2em; 
     474} 
     475#available-favs label span.zoom { 
     476     display: none; 
     477} 
     478#available-favs li:hover label span.zoom { 
     479     display: block; 
     480     position: absolute; 
     481     bottom: 0; 
     482     left: 10em; 
     483     background-color: #f5f5f5; 
     484     border: 1px solid #ddd; 
     485     padding: .2em; 
     486     -moz-border-radius: .5em; 
     487     -webkit-border-radius: .5em; 
     488     border-radius: .5em; 
     489} 
     490 
    394491/* Help */ 
    395492#help { 
    396493     margin-top: 2em; 
    397      background: #d6dde5; 
     494     background: #f5f5f5; 
     495     z-index: 100; 
    398496} 
    399497#help-button { 
    400498     position: absolute; 
    401      top: 50px; 
     499     top: 6.2em; 
    402500     right: 0px; 
    403501     cursor: pointer; 
    404      background: #06c; 
    405      -moz-border-radius: 8px 0 0 8px; 
    406      -webkit-border-top-left-radius: 8px; 
    407      -webkit-border-bottom-left-radius: 8px; 
     502     background: #fc3; 
     503     border: 1px solid #dde; 
     504     border-right: none; 
     505     font-size: 1.1em; 
     506     font-weight: bold; 
     507     text-transform: capitalize; 
     508     padding: .33em .75em .33em 1em; 
     509     -moz-border-radius: 1em 0 0 1em; 
     510     -webkit-border-top-left-radius: 1em; 
     511     -webkit-border-bottom-left-radius: 1em; 
     512     color: #444; 
    408513} 
    409514.help-box { 
    … …  
    415520} 
    416521#content.with-help #help-button { 
    417      right: 280px; 
     522     right: 282px; 
    418523} 
    419524#content.with-help #help { 
    … …  
    423528     right: 0; 
    424529     width: 280px; 
    425      border-left: 1px solid #ccc; 
     530     border-left: 2px solid #fc3; 
    426531     margin-top: 0; 
    427532     padding: 10px 0 0 0; 
    … …  
    434539/* POPUP */ 
    435540body.popup #wrapper { 
    436      background-position : -130px 0; 
     541     background-position: -130px 0; 
    437542} 
    438543body.popup #top h1 { 
    439      background-position : -130px 0; 
     544     background-position: -130px 0; 
    440545} 
    441546body.popup #main { 
    442      margin-left : -35px; 
     547     margin-left: -35px; 
    443548} 
    444549body.popup #content { 
    445      margin-left : 35px; 
     550     margin-left: 35px; 
    446551} 
    447552body.popup #footer { 
    … …  
    455560/* CLASSES 
    456561-------------------------------------------------------- */ 
    457 a.button, a.back { 
    458      padding : 2px; 
    459      background: #e2dfca; 
    460      border: 1px solid #e2dfca; 
    461      -moz-border-radius: 3px; 
    462      -webkit-border-radius: 3px; 
    463      cursor: pointer; 
    464      outline: none; 
    465 } 
    466 a.button:hover, a.button:focus, a.back:hover, a.back:focus { 
    467      border-color: #ccc; 
    468 } 
    469 h2 a.button { 
    470      color: #333; 
    471      font-weight: normal; 
    472 } 
    473 a.back:before { 
    474      content: "\ab\a0"; 
    475 } 
    476  
     562p.top-add { 
     563     text-align: right; 
     564     margin: 0; 
     565     } 
     566p.top-add a { 
     567     padding: .3em 1em .3em .5em; 
     568     font-weight: bold; 
     569} 
     570p.top-add a img { 
     571     padding-right: .3em; 
     572     vertical-align: middle; 
     573} 
     574 
     575/* -------------- aide ----------- */ 
    477576.help-content dt { 
    478577     font-weight: bold; 
    479      color: #666; 
     578     color: #626262; 
    480579     margin: 0; 
    481580} 
    … …  
    485584 
    486585.clear { 
    487      clear : both; 
     586     clear: both; 
    488587} 
    489588.lclear { 
    490      clear : left; 
     589     clear: left; 
    491590} 
    492591div.clearer { 
    493      height : 1px; 
    494      font-size : 1px; 
     592     height: 1px; 
     593     font-size: 1px; 
    495594} 
    496595 
    497596.hide { 
    498      display : none; 
     597     display: none; 
    499598} 
    500599 
    501600.right { 
    502      text-align : right; 
     601     text-align: right; 
    503602} 
    504603 
    … …  
    516615 
    517616.line p { 
    518      margin : 0; 
     617     margin: 0; 
    519618} 
    520619 
    … …  
    524623     -moz-border-radius: 8px; 
    525624     -webkit-border-radius: 8px; 
     625     border-radius: 8px; 
    526626} 
    527627p.error, p.message, p.static-msg { 
    … …  
    542642 
    543643.offline { 
    544      color : #666; 
     644     color: #666; 
    545645} 
    546646 
    … …  
    558658} 
    559659.three-cols .col { 
    560      width : 32.3%; 
    561      float : left; 
    562      margin-left : 1%; 
     660     width: 32.3%; 
     661     float: left; 
     662     margin-left: 1%; 
    563663} 
    564664.three-cols .col:first-child { 
    565      width : 33.3%; 
    566      margin-left : 0; 
     665     width: 33.3%; 
     666     margin-left: 0; 
    567667} 
    568668 
    569669.two-cols { 
    570      position : static; 
     670     position: static; 
    571671} 
    572672.two-cols .col { 
    573      width : 49%; 
    574      margin-left : 1%; 
    575      float : left; 
     673     width: 49%; 
     674     margin-left: 2%; 
     675     float: left; 
    576676} 
    577677.two-cols .col:first-child { 
    578      width : 50%; 
    579      margin-left : 0; 
     678     width: 49%; 
     679     margin-left: 0; 
     680} 
     681.two-cols .col70{ 
     682     width: 69%; 
     683     margin-left: 0; 
     684     float: left; 
     685} 
     686.two-cols .col30 { 
     687     width: 28%; 
     688     margin-left: 2%; 
     689     float: left; 
    580690} 
    581691 
    582692.comment { 
    583      border-top : 2px solid #ccc; 
    584      margin-bottom : 1em; 
    585      padding : 2em 0 1em 0; 
    586      position : relative; 
     693     border-top: 2px solid #ccc; 
     694     margin-bottom: 1em; 
     695     padding: 2em 0 1em 0; 
     696     position: relative; 
    587697} 
    588698.comment form p { 
    589      margin : 0; 
    590      position : absolute; 
    591      top : 2px; 
    592      right : 0; 
    593 } 
    594  
    595  
    596 .part-tabs { 
    597      float: left; 
    598      width: 100%; 
    599      background: transparent url(tab-bg.png) repeat-x bottom; 
    600      margin-bottom: 2em; 
    601 } 
     699     margin: 0; 
     700     position: absolute; 
     701     top: 2px; 
     702     right: 0; 
     703} 
     704 
     705/* -------- onglets ------ */ 
    602706.part-tabs ul { 
    603      margin: 0; 
    604      padding: 10px 10px 0; 
     707     padding: .3em 0 1px 1em; 
     708     border-bottom: 1px solid #999; 
     709} 
     710.part-tabs li { 
    605711     list-style: none; 
    606 } 
    607 .part-tabs li { 
    608      float: left; 
    609      background: transparent url(tab-n-l.png) no-repeat top left; 
    610      margin: 0 3px 0 0; 
    611      padding: 0 0 0 5px; 
    612 } 
    613 .part-tabs a { 
    614      display: block; 
    615      background: transparent url(tab-n-r.png) no-repeat top right; 
    616      padding: 1px 10px 1px 5px; 
    617      border: none; 
    618      outline: none; 
    619 } 
    620 .part-tabs li.part-tabs-active { 
    621      background-image: url(tab-c-l.png); 
     712     margin: 0; 
     713     display: inline; 
     714} 
     715.part-tabs li a { 
     716     padding: .3em 0.5em; 
     717     margin-right: .5em; 
     718     border: 1px solid #999; 
     719     border-bottom: none; 
     720     background: #dfdfdf; 
     721     text-decoration: none; 
     722     -webkit-border-top-left-radius: .3em; 
     723     -webkit-border-top-right-radius: .3em; 
     724     -moz-border-radius-topleft: .3em; 
     725     -moz-border-radius-topright: .3em; 
     726     border-top-left-radius: .3em; 
     727     border-top-right-radius: .3em; 
     728     color: #000; 
     729} 
     730.part-tabs li.part-tabs-link a { 
     731     background: #ffe; 
     732} 
     733.part-tabs li a:hover, .part-tabs li a:focus { 
     734     color: #000; 
     735     background: #fff; 
     736     border-bottom-color: #fff; 
    622737} 
    623738.part-tabs li.part-tabs-active a { 
    624      background-image: url(tab-c-r.png); 
    625      padding-bottom: 2px; 
    626      font-weight : bold; 
    627 } 
    628 .part-tabs li.part-tabs-link { 
    629      background-image: url(tab-l-l.png); 
    630 } 
    631 .part-tabs li.part-tabs-link a { 
    632      background-image: url(tab-l-r.png); 
     739     background: #fff; 
     740     border-bottom: 1px solid #fff; 
     741     color: #000; 
     742     font-weight: bold; 
    633743} 
    634744 
    … …  
    727837     -moz-border-radius: 4px; 
    728838     -webkit-border-radius: 4px; 
     839     border-radius: 4px; 
    729840} 
    730841#themes div.theme-details-js label { 
    … …  
    732843} 
    733844#themes div.theme-details-js.theme-selected { 
    734      background: #ebe9dd; 
     845     background: #E5E3DA; 
    735846     border: 1px solid #999; 
    736847} 
    … …  
    741852} 
    742853#themes div.theme-details-js h3 { 
    743      font-size: 90%; 
    744854     font-family: inherit; 
    745855     font-weight: normal; 
    … …  
    752862     vertical-align: middle; 
    753863} 
    754 #plugins td form input.activate, table.plugins form input.delete { 
    755      padding: 1px; 
    756      background: none; 
    757      font-weight: normal; 
    758      border-color: #f90; 
    759 } 
    760 #plugins td form input.delete { 
    761      font-weight: bold; 
    762      color: #c00; 
    763 } 
    764  
    765864.media-list { 
    766      position : static; 
     865     position: static; 
    767866} 
    768867.media-col-0 { 
    … …  
    826925-------------------------------------------------------- */ 
    827926table { 
    828      font-size : 1em; 
    829      border-collapse : collapse; 
    830      margin : 0 0 1em 0; 
     927     font-size: 1em; 
     928     border-collapse: collapse; 
     929     margin: 0 0 1em 0; 
    831930} 
    832931tr.line:hover { 
    833      background : #ddd; 
     932     background: #ddd; 
    834933} 
    835934th, td { 
    836      border-width : 0 0 1px 0; 
    837      border-style : solid; 
    838      border-color : #ccc; 
    839      padding : 3px 5px; 
    840      vertical-align : top; 
     935     border-width: 0 0 1px 0; 
     936     border-style: solid; 
     937     border-color: #ccc; 
     938     padding: 3px 5px; 
     939     vertical-align: top; 
    841940} 
    842941th { 
    843      text-align : left; 
    844      border-bottom-color : #666; 
     942     text-align: left; 
     943     border-bottom-color: #666; 
    845944} 
    846945 
    847946.noborder td, td.noborder, .noborder th, th.noborder { 
    848      border-width : 0; 
     947     border-width: 0; 
    849948} 
    850949 
    851950table .maximal, table.maximal { 
    852      width : 100%; 
     951     width: 100%; 
    853952} 
    854953table .minimal { 
    855      width : 1px; 
     954     width: 1px; 
    856955} 
    857956 
    858957table .nowrap { 
    859      white-space : nowrap; 
     958     white-space: nowrap; 
     959     vertical-align: top; 
    860960} 
    861961 
    … …  
    875975} 
    876976tr.line input { 
    877      vertical-align: top; 
     977     vertical-align: middle; 
    878978} 
    879979tr.expand td { 
    … …  
    891991} 
    892992.handle { 
    893      padding : 0; 
     993     padding: 0; 
    894994} 
    895995.handler { 
    896      cursor : move; 
    897      background : transparent url(drag.png) no-repeat 0 50%; 
    898      padding-left : 15px; 
     996     cursor: move; 
     997     background: transparent url(drag.png) no-repeat 0 50%; 
     998     padding-left: 15px; 
    899999} 
    9001000 
    … …  
    9021002-------------------------------------------------------- */ 
    9031003form { 
    904      display : block; 
    905      margin : 0; 
    906      padding : 0; 
     1004     display: block; 
     1005     margin: 0; 
     1006     padding: 0; 
    9071007} 
    9081008 
    9091009fieldset { 
    910      display : block; 
    911      margin : 0 0 1em 0; 
    912      padding : 1em 0.5em; 
    913      border-width : 1px 0; 
     1010     display: block; 
     1011     margin: 0 0 1em 0; 
     1012     padding: 1em 0.5em; 
     1013     border-width: 1px 0; 
    9141014     border-style: solid; 
    9151015     border-color: #ccc; 
    916      background: #fbfbfb; 
     1016     background: #f5f5f5; 
    9171017} 
    9181018legend { 
    919      font-weight : bold; 
     1019     font-weight: bold; 
    9201020     padding: 0.2em 0.6em; 
    9211021     border-width: 1px; 
    9221022     border-style: solid; 
    9231023     border-color: #ccc; 
    924      background: #fbfbfb; 
     1024     background: #f5f5f5; 
    9251025     margin-bottom: 0.5em; 
    9261026} 
    9271027optgroup { 
    928      font-weight : bold; 
    929      font-style : normal; 
     1028     font-weight: bold; 
     1029     font-style: normal; 
    9301030} 
    9311031option { 
    932      font-weight : normal; 
     1032     font-weight: normal; 
    9331033} 
    9341034 
    9351035input, textarea, select { 
    936      background : #f9f9f9; 
    937      color : #000; 
    938      border-width : 1px; 
    939      border-style : solid; 
    940      border-color : #000 #ccc #ccc #000; 
     1036     background: #f9f9f9; 
     1037     color: #000; 
     1038     border-width: 1px; 
     1039     border-style: solid; 
     1040     border-color: #000 #ccc #ccc #000; 
    9411041} 
    9421042input, textarea, select, option { 
    … …  
    9441044} 
    9451045input[type=text], input[type=password], textarea { 
    946      padding : 2px 0; 
     1046     padding: 2px 0; 
     1047     margin-right: .3em; 
    9471048} 
    9481049input[type=checkbox], input[type=radio] { 
    … …  
    9501051} 
    9511052textarea { 
    952      padding : 2px 0; 
    953 } 
    954 /*input[type=text]:focus, input[type=password]:focus, textarea:focus, option { 
    955      background : #dfdcc7; 
    956 } can't select text with opera */ 
    957 input[type=submit], input[type=reset], input[type=button], input.submit { 
    958      padding : 2px 2px; 
    959      background: #e2dfca; 
    960      border: 1px solid #e2dfca; 
    961      color: #333; 
    962      -moz-border-radius: 3px; 
    963      -webkit-border-radius: 3px; 
    964      cursor: pointer; 
    965 } 
    966 input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input.submit:hover { 
    967      border-color: #ccc; 
    968      color: #06c; 
    969 } 
    970  
    971 input[type=submit], input.submit { 
    972      font-weight : bold; 
     1053     padding: 2px 0; 
    9731054} 
    9741055 
    9751056input[type=checkbox], input[type=radio] { 
    976      margin : 0; 
    977      padding : 0; 
    978      background : transparent; 
     1057     margin: 0; 
     1058     padding: 0; 
     1059     background: transparent; 
    9791060} 
    9801061 
    9811062label { 
    982      display : block; 
     1063     display: block; 
    9831064} 
    9841065label input, label select, label span { 
    985      display : block; 
     1066     display: block; 
    9861067} 
    9871068p.form-note { 
    988      margin-top : -1em; 
    989      color : #f60; 
     1069     margin-top: -1em; 
     1070     color: #C71585; 
     1071     font-style: italic; 
    9901072} 
    9911073 
    9921074label.classic { 
    993      display : inline; 
     1075     display: inline; 
    9941076} 
    9951077label.classic input, label span input, label.classic select, label span select { 
    996      display : inline; 
     1078     display: inline; 
    9971079} 
    9981080 
    … …  
    10011083} 
    10021084.area textarea { 
    1003      display : block; 
    1004      width : 100%; 
     1085     display: block; 
     1086     width: 100%; 
    10051087} 
    10061088 
    10071089label.required { 
    1008      font-weight : bold; 
    1009 } 
    1010 label.required:before { 
    1011      content : '* '; 
    1012      color : #c00; 
    1013 } 
    1014  
     1090     font-weight: bold; 
     1091} 
     1092label.required abbr { 
     1093     color: red; 
     1094     font-size: 1.3em; 
     1095} 
     1096label.inline { 
     1097     display: inline; 
     1098} 
    10151099p.field { 
    10161100     position: relative; 
    … …  
    10291113 
    10301114label .maximal, textarea.maximal, input.maximal { 
    1031      width : 100%; 
     1115     width: 100%; 
    10321116} 
    10331117 
    10341118a.form-control { 
    1035      display : none; 
     1119     display: none; 
    10361120     font-weight: bold; 
    10371121     background: url(magnifier.png) no-repeat 0 0; 
    … …  
    10491133#login-screen { 
    10501134     display: block; 
    1051      width : 180px; 
    1052      margin : 30px auto 0; 
     1135     width: 18em; 
     1136     margin: 30px auto 0; 
    10531137     font-size: 1.1em; 
    10541138} 
    … …  
    10631147     -moz-border-radius: 4px; 
    10641148     -webkit-border-radius: 4px; 
     1149     border-radius: 4px; 
    10651150} 
    10661151#login-screen input[type=text], #login-screen input[type=password] { 
    10671152     width: 100%; 
    10681153} 
    1069 #login-screen #safe_mode_help { 
    1070      display : none; 
    1071      margin : 0 0 1em 0; 
    1072      padding: 5px 10px 5px 30px; 
    1073      background: #fbfbfb url(msg-std.png) no-repeat 5px 5px; 
     1154 
     1155/* ------------------  Tous les boutons -------------------- */ 
     1156h2 a.button { 
     1157     color: #333; 
     1158     font-weight: normal; 
     1159     font-size: .75em; 
     1160     vertical-align: middle; 
     1161} 
     1162/* commun */ 
     1163input[type=submit],  
     1164input[type=reset],  
     1165input[type=button],  
     1166a.button, 
     1167a.button.add,  
     1168a.back { 
     1169     display: inline-block; 
     1170     outline: none; 
     1171     cursor: pointer; 
     1172     text-align: center; 
     1173     text-decoration: none; 
     1174     padding: .1em .75em .1em; 
     1175     text-shadow: 0 1px 1px rgba(0,0,0,.3); 
     1176     -webkit-border-radius: .2em;  
     1177     -moz-border-radius: .2em; 
     1178     border-radius: .2em; 
     1179} 
     1180/* validation */ 
     1181input[type=submit],  
     1182input[type=button], 
     1183a.button.add { 
     1184     color: #fff; 
     1185     border: 1px solid #2373A8; 
     1186     background: #2373A8; 
     1187     background: -webkit-gradient(linear, left top, left bottom, from(#2C8FD1), to(#2373A8)); 
     1188     background: -moz-linear-gradient(top,  #2C8FD1,  #2373A8); 
     1189} 
     1190input[type=submit]:hover,  
     1191input[type=reset]:hover,  
     1192input[type=button]:hover, 
     1193input[type=submit]:focus,  
     1194input[type=reset]:focus,  
     1195input[type=button]:focus, 
     1196a.button.add:hover, 
     1197a.button.add:focus { 
     1198     background: #2373A8; 
     1199     background: -webkit-gradient(linear, left top, left bottom, from(#2373A8), to(#2C8FD1)); 
     1200     background: -moz-linear-gradient(top,  #2373A8,  #2C8FD1); 
     1201     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2373A8', endColorstr='#2C8FD1'); 
     1202     border: 1px solid #2C8FD1; 
     1203} 
     1204/* suppression et reset */ 
     1205a.button,  
     1206a.back,  
     1207input[type=submit].reset,  
     1208input[type=submit].delete { 
    10741209     border: 1px solid #999; 
    1075      -moz-border-radius: 4px; 
    1076      -webkit-border-radius: 4px; 
    1077 } 
     1210     background: #f5f5f5; 
     1211     color: #000; 
     1212     background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5)); 
     1213     background: -moz-linear-gradient(top,  #f5f5f5,  #e5e5e5); 
     1214     text-shadow: none; 
     1215     } 
     1216a.button:hover,  
     1217a.back:hover,  
     1218input[type=submit].reset:hover,  
     1219input[type=submit].delete:hover, 
     1220a.button:focus,  
     1221a.back:focus,  
     1222input[type=submit].reset:focus,  
     1223input[type=submit].delete:focus { 
     1224     background: #e5e5e5; 
     1225     background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#f5f5f5)); 
     1226     background: -moz-linear-gradient(top,  #e5e5e5,  #f5f5f5); 
     1227     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f5f5f5'); 
     1228     } 
     1229a.delete, 
     1230input.delete, 
     1231input[type=submit].delete { 
     1232     color: #c00; 
     1233     font-weight: bold; 
     1234} 
     1235a.delete:hover, 
     1236input.delete:hover, 
     1237input[type=submit].delete:hover, 
     1238a.delete:focus, 
     1239input.delete:focus, 
     1240input[type=submit].delete:focus { 
     1241     border-color: #c00; 
     1242} 
     1243/* finasseries */ 
     1244input[type=button] { 
     1245     padding: .1em .1em; 
     1246} 
     1247#info-box a.button { 
     1248     padding: 0 .5em; 
     1249     margin-left: 2em; 
     1250} 
     1251a.back:before { 
     1252     content: "\ab\a0"; 
     1253} 

  • admin/style/default.css

    r29 r45  
    10941094     font-size: 1.3em; 
    10951095} 
    1096 /* à supprimer quand tous les formulaires auront été corrigés */ 
    1097 label.required:before { 
    1098      content: '* '; 
    1099      color: #c00; 
    1100 } 
    1101  
     1096label.inline { 
     1097     display: inline; 
     1098} 
    11021099p.field { 
    11031100     position: relative; 
Note: See TracChangeset for help on using the changeset viewer.

Sites map