Dotclear

Changeset 3412:a07474dc68c1


Ignore:
Timestamp:
11/19/16 10:56:00 (9 years ago)
Author:
franck <carnet.franck.paul@…>
Branch:
default
Message:

Separate dashboard items boxes (usually official DC infos/links) from dashboard contents boxes (usually 3rd party plugins), get advantage of flexbox system to display all of them

Location:
admin
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • admin/index.php

    r3390 r3412  
    173173 
    174174# Dashboard content 
    175 $dashboardContents = ''; 
    176175$__dashboard_contents = new ArrayObject(array(new ArrayObject,new ArrayObject)); 
    177176$core->callBehavior('adminDashboardContents', $core, $__dashboard_contents); 
    … …  
    312311} 
    313312 
    314 # Dashboard columns (processed first, as we need to know the result before displaying the icons.) 
     313# Dashboard items and contents (processed first, as we need to know the result before displaying the icons.) 
    315314$dashboardItems = ''; 
    316  
    317315foreach ($__dashboard_items as $i) 
    318316{ 
    319      if ($i->count() > 0) 
    320      { 
    321           $dashboardItems .= ''; 
    322           foreach ($i as $v) { 
    323                $dashboardItems .= $v; 
    324           } 
    325           $dashboardItems .= ''; 
    326      } 
    327 } 
    328  
    329 # Dashboard elements 
     317     foreach ($i as $v) { 
     318          $dashboardItems .= $v; 
     319     } 
     320} 
     321$dashboardContents = ''; 
     322foreach ($__dashboard_contents as $i) 
     323{ 
     324     foreach ($i as $v) { 
     325          $dashboardContents .= $v; 
     326     } 
     327} 
     328 
     329# Dashboard elements: icons then boxes (items then contents) 
    330330echo '<div id="dashboard-main">'; 
    331331 
    … …  
    391391} 
    392392 
    393 foreach ($__dashboard_contents as $i) 
    394 { 
    395      if ($i->count() > 0) 
    396      { 
    397           $dashboardContents .= ''; 
    398           foreach ($i as $v) { 
    399                $dashboardContents .= $v; 
    400           } 
    401           $dashboardContents .= ''; 
    402      } 
    403 } 
    404  
    405393if ($dashboardContents != '' || $dashboardItems != '') { 
    406394     echo 
    407395     '<div id="dashboard-boxes">'. 
    408      '<div class="db-items">'.$dashboardItems.$dashboardContents.'</div>'. 
     396     '<div class="db-items">'.$dashboardItems.'</div>'. 
     397     '<div class="db-contents">'.$dashboardContents.'</div>'. 
    409398     '</div>'; 
    410399} 

  • admin/style/default.css

    r3409 r3412  
    506506  vertical-align: top; 
    507507  margin: 0 10px 10px; 
    508   text-align: left; } 
     508  text-align: left; 
     509  flex: 1 1 auto; } 
    509510 
    510511.box.small { 
    511   width: 312px; } 
     512  flex-basis: 312px; } 
    512513 
    513514.box.medium { 
    514   width: 644px; } 
     515  flex-basis: 644px; } 
    515516 
    516517.box.large { 
    … …  
    524525 
    525526/* ------------------------------------------------------------------------------------ 
    526                                                             UN POIL DE MEDIA QUERIES 
     527                                                                           UN POIL DE MEDIA QUERIES 
    527528------------------------------------------------------------------------------------ */ 
    528529@media screen and (max-width: 80em) { 
    … …  
    21772178  flex-wrap: wrap; 
    21782179  justify-content: center; } 
     2180 
     2181.db-items, 
     2182.db-contents { 
     2183  display: flex; 
     2184  flex-wrap: wrap; 
     2185  justify-content: center; 
     2186  flex: 1 1 auto; } 
    21792187 
    21802188.no-js .outgoing img { 

  • admin/style/scss/partials/_index.scss

    r3398 r3412  
    122122//   display: inline-block; 
    123123//   text-align: center; 
     124     display: flex; 
     125     flex-wrap: wrap; 
     126     justify-content: center; 
     127     flex: 1 1 auto; 
    124128} 
    125129 

  • admin/style/scss/partials/_layout.scss

    r3365 r3412  
    11// Admin layout 
    22#dotclear-admin { 
    3     display: flex; 
    4     min-height: 100vh; 
    5     flex-direction: column; 
     3     display: flex; 
     4     min-height: 100vh; 
     5     flex-direction: column; 
    66} 
    77 
    88#header { 
    9     width: 99.99%; /* Bugfix Chrome >= 49.0.2623.108 */ 
    10     display: table; 
    11     position: relative; 
     9     width: 99.99%; /* Bugfix Chrome >= 49.0.2623.108 */ 
     10     display: table; 
     11     position: relative; 
    1212} 
    1313 
    … …  
    1515#top-info-blog, 
    1616#top-info-user { 
    17     display: table-cell; 
    18     padding: 8px 0; 
    19     margin: 0; 
    20     font-size: 1em; 
    21     vertical-align: top; 
     17     display: table-cell; 
     18     padding: 8px 0; 
     19     margin: 0; 
     20     font-size: 1em; 
     21     vertical-align: top; 
    2222} 
    2323 
    2424#wrapper { 
    25     position: relative; 
    26     padding-top: 1.5em; 
    27     float: left; 
    28     width: 100%; 
    29     z-index: 10; 
    30     flex: 1; 
     25     position: relative; 
     26     padding-top: 1.5em; 
     27     float: left; 
     28     width: 100%; 
     29     z-index: 10; 
     30     flex: 1; 
    3131} 
    3232 
    3333.with-js #wrapper { 
    34     padding-top: 0; 
     34     padding-top: 0; 
    3535} 
    3636 
    3737#main { 
    38     width: 100%; 
    39     float: right; 
    40     margin-left: -14em; 
    41     margin-top: 0; 
     38     width: 100%; 
     39     float: right; 
     40     margin-left: -14em; 
     41     margin-top: 0; 
    4242} 
    4343 
    4444#content { 
    45     margin: 0 0 0 14em; 
    46     padding: .5em 1.5em .75em 2.5em; 
     45     margin: 0 0 0 14em; 
     46     padding: .5em 1.5em .75em 2.5em; 
    4747} 
    4848 
    4949#main-menu { 
    50     width: 14em; 
    51     float: left; 
    52     margin: 0; 
    53     padding-top: .5em; 
    54     padding-bottom: 1em; 
    55     overflow: hidden; 
     50     width: 14em; 
     51     float: left; 
     52     margin: 0; 
     53     padding-top: .5em; 
     54     padding-bottom: 1em; 
     55     overflow: hidden; 
    5656} 
    5757 
    5858#footer { 
    59     clear: both; 
    60     position: relative; 
    61     padding: .5em 0 .5em 1em; 
    62     text-align: left; 
     59     clear: both; 
     60     position: relative; 
     61     padding: .5em 0 .5em 1em; 
     62     text-align: left; 
    6363} 
    6464 
    … …  
    6767 
    6868#collapser { 
    69     position: absolute; 
    70     top: 0; 
    71     left: 14em; 
    72     width: $collapser-width; 
    73     height: 100%; 
    74     overflow: hidden; 
    75     display: block; 
    76     border-right: 0; // 1px solid #999; 
    77     border-bottom: 0; 
    78     z-index: 1; 
    79     transition: none; 
     69     position: absolute; 
     70     top: 0; 
     71     left: 14em; 
     72     width: $collapser-width; 
     73     height: 100%; 
     74     overflow: hidden; 
     75     display: block; 
     76     border-right: 0; // 1px solid #999; 
     77     border-bottom: 0; 
     78     z-index: 1; 
     79     transition: none; 
    8080} 
    8181 
    8282.expand-mm { 
    83     display: none; 
     83     display: none; 
    8484} 
    8585 
    … …  
    8787 
    8888.hide-mm #main { 
    89     margin-left: 0; 
     89     margin-left: 0; 
    9090} 
    9191 
    9292.hide-mm #content { 
    93     margin-left: $collapser-width; 
     93     margin-left: $collapser-width; 
    9494} 
    9595 
    9696.hide-mm #content > h2 { 
    97     margin-left: calc(-1em - #{$collapser-width}); 
     97     margin-left: calc(-1em - #{$collapser-width}); 
    9898} 
    9999 
    100100.hide-mm #main-menu { 
    101     display: none; 
     101     display: none; 
    102102} 
    103103 
    104104.hide-mm #collapser { 
    105     left: 0; 
     105     left: 0; 
    106106} 
    107107 
    108108.hide-mm .collapse-mm { 
    109     display: none; 
     109     display: none; 
    110110} 
    111111 
    112112.hide-mm .expand-mm { 
    113     display: block; 
     113     display: block; 
    114114} 
    115115 
    … …  
    117117 
    118118.two-cols { 
    119     position: static; 
     119     position: static; 
    120120} 
    121121 
    122122.two-cols .col { 
    123     width: 48%; 
    124     margin-left: 2%; 
    125     float: left; 
     123     width: 48%; 
     124     margin-left: 2%; 
     125     float: left; 
    126126} 
    127127 
    128128.two-cols .col70 { 
    129     width: 68%; 
    130     margin-left: 0; 
    131     float: left; 
     129     width: 68%; 
     130     margin-left: 0; 
     131     float: left; 
    132132} 
    133133 
    134134.col30 { 
    135     width: 28%; 
    136     margin-left: 2%; 
    137     float: left; 
     135     width: 28%; 
     136     margin-left: 2%; 
     137     float: left; 
    138138} 
    139139 
    140140.two-cols .col:first-child, 
    141141.two-cols .col30.first-col { 
    142     margin-left: 0; 
    143     margin-right: 2%; 
     142     margin-left: 0; 
     143     margin-right: 2%; 
    144144} 
    145145 
    146146.two-cols .col:last-child, 
    147147.two-cols .col70.last-col { 
    148     margin-left: 2%; 
    149     margin-right: 0; 
     148     margin-left: 2%; 
     149     margin-right: 0; 
    150150} 
    151151 
    152152.two-cols table { 
    153     width: 90%; 
     153     width: 90%; 
    154154} 
    155155 
    … …  
    158158 
    159159.three-cols { 
    160     position: static; 
     160     position: static; 
    161161} 
    162162 
    163163.three-cols .col { 
    164     width: 32.3%; 
    165     float: left; 
    166     margin-left: 1%; 
     164     width: 32.3%; 
     165     float: left; 
     166     margin-left: 1%; 
    167167} 
    168168 
    169169.three-cols .col:first-child { 
    170     margin-left: 0; 
     170     margin-left: 0; 
    171171} 
    172172 
    … …  
    175175 
    176176.one-box { 
    177     text-align: justify; 
     177     text-align: justify; 
    178178} 
    179179 
    180180.two-boxes { 
    181     width: 48.5%; 
     181     width: 48.5%; 
    182182} 
    183183 
    184184.three-boxes { 
    185     width: 30%; 
     185     width: 30%; 
    186186} 
    187187 
    188188.two-boxes, 
    189189.three-boxes { 
    190     display: inline-block; 
    191     vertical-align: top; 
    192     margin: 0 1.5% 1em; 
    193     text-align: left; 
     190     display: inline-block; 
     191     vertical-align: top; 
     192     margin: 0 1.5% 1em; 
     193     text-align: left; 
    194194} 
    195195 
    196196.two-boxes:nth-of-type(odd), 
    197197.three-boxes:nth-of-type(3n+1) { 
    198     margin-left: 0; 
     198     margin-left: 0; 
    199199} 
    200200 
    201201.two-boxes:nth-of-type(even), 
    202202.three-boxes:nth-of-type(3n) { 
    203     margin-right: 0; 
     203     margin-right: 0; 
    204204} 
    205205 
    … …  
    208208 
    209209.popup h1 { 
    210     display: block; 
    211     width: 100%; 
    212     margin: 0; 
    213     font-size: 1.5em; 
    214     text-indent: 1em; 
    215     line-height: 1.5em; 
    216     font-weight: normal; 
     210     display: block; 
     211     width: 100%; 
     212     margin: 0; 
     213     font-size: 1.5em; 
     214     text-indent: 1em; 
     215     line-height: 1.5em; 
     216     font-weight: normal; 
    217217} 
    218218 
    219219.popup #wrapper { 
    220     display: block; 
    221     float: none; 
    222     width: 100%; 
    223     margin: 0; 
    224     padding: 0; 
    225     background-position: 0 0; 
     220     display: block; 
     221     float: none; 
     222     width: 100%; 
     223     margin: 0; 
     224     padding: 0; 
     225     background-position: 0 0; 
    226226} 
    227227 
    228228.popup #main { 
    229     margin: 0; 
    230     padding: 0; 
     229     margin: 0; 
     230     padding: 0; 
    231231} 
    232232 
    233233.popup #content { 
    234     margin: 0; 
    235     padding: 1em; 
     234     margin: 0; 
     235     padding: 1em; 
    236236} 
    237237 
    238238.popup #content h2 { 
    239     margin: 0 0 1em 0; 
    240     padding: 0; 
     239     margin: 0 0 1em 0; 
     240     padding: 0; 
    241241} 
    242242 
    243243.popup #footer p { 
    244     border: none; 
     244     border: none; 
    245245} 
    246246 
    … …  
    249249 
    250250.constrained { 
    251     margin: 0; 
    252     padding: 0; 
    253     border: none; 
    254     background: transparent; 
     251     margin: 0; 
     252     padding: 0; 
     253     border: none; 
     254     background: transparent; 
    255255} 
    256256 
    257257.table { 
    258     display: table; 
     258     display: table; 
    259259} 
    260260 
    261261.cell { 
    262     display: table-cell; 
    263     vertical-align: top; 
     262     display: table-cell; 
     263     vertical-align: top; 
    264264} 
    265265 
    266266.clear { 
    267     clear: both; 
     267     clear: both; 
    268268} 
    269269 
    270270.lclear { 
    271     clear: left; 
     271     clear: left; 
    272272} 
    273273 
    274274.clearer { 
    275     height: 1px; 
    276     font-size: 1px; 
     275     height: 1px; 
     276     font-size: 1px; 
    277277} 
    278278 
    … …  
    282282.clearfix:before, 
    283283.clearfix:after { 
    284     content: " "; 
    285     display: table; 
     284     content: " "; 
     285     display: table; 
    286286} 
    287287 
    288288.clearfix:after { 
    289     clear: both; 
     289     clear: both; 
    290290} 
    291291 
    … …  
    301301 
    302302.box { 
    303     display: inline-block; 
    304     vertical-align: top; 
    305     margin: 0 10px 10px; 
    306     text-align: left; 
     303     display: inline-block; 
     304     vertical-align: top; 
     305     margin: 0 10px 10px; 
     306     text-align: left; 
     307     flex: 1 1 auto; 
    307308} 
    308309 
    309310.box.small { 
    310     width: 312px; 
     311//    width: 312px; 
     312     flex-basis: 312px; 
    311313} 
    312314 
    313315.box.medium { 
    314     width: 644px; 
     316//    width: 644px; 
     317     flex-basis: 644px; 
    315318} 
    316319 
    317320.box.large { 
    318     width: 100%; 
     321     width: 100%; 
    319322} 
    320323 
    321324.odd { 
    322     margin-left: 0; 
     325     margin-left: 0; 
    323326} 
    324327 
    325328.even { 
    326     margin-right: 0; 
     329     margin-right: 0; 
    327330} 
    328331 
    329332/* ------------------------------------------------------------------------------------ 
    330                                                             UN POIL DE MEDIA QUERIES 
     333                                                                           UN POIL DE MEDIA QUERIES 
    331334------------------------------------------------------------------------------------ */ 
    332335 
    333336@media screen and (max-width: $xl-screen) { 
    334     #main { 
    335         margin-left: -17em; 
    336     } 
    337     #content { 
    338         margin: 0 0 0 17em; 
    339     } 
    340     #main-menu { 
    341         width: 17em; 
    342     } 
    343     #collapser { 
    344         left: 17em; 
    345     } 
    346     h1 { 
    347         width: 19.5em; 
    348     } 
    349     #top-info-blog #switchblog { 
    350         max-width: 16em; 
    351     } 
    352     #top-info-blog a { 
    353         margin-left: 2em; 
    354     } 
    355     #header { 
    356         display: block; 
    357         width: 100%; 
    358         text-align: right; 
    359     } 
    360     #header h1, 
    361     #header h1 a { 
    362         width: 120px; 
    363         margin: 0; 
    364     } 
    365     h1, 
    366     #top-info-blog { 
    367         display: inline-block; 
    368         vertical-align: top; 
    369         margin-right: 1em; 
    370     } 
    371     #top-info-user { 
    372         display: block; 
    373         width: 100%; 
    374     } 
    375     .three-boxes, 
    376     .three-boxes .box, 
    377     .two-cols .col70, 
    378     .two-cols .col30 { 
    379         width: 100%; 
    380         margin-left: 0; 
    381         margin-right: 0; 
    382     } 
     337     #main { 
     338          margin-left: -17em; 
     339     } 
     340     #content { 
     341          margin: 0 0 0 17em; 
     342     } 
     343     #main-menu { 
     344          width: 17em; 
     345     } 
     346     #collapser { 
     347          left: 17em; 
     348     } 
     349     h1 { 
     350          width: 19.5em; 
     351     } 
     352     #top-info-blog #switchblog { 
     353          max-width: 16em; 
     354     } 
     355     #top-info-blog a { 
     356          margin-left: 2em; 
     357     } 
     358     #header { 
     359          display: block; 
     360          width: 100%; 
     361          text-align: right; 
     362     } 
     363     #header h1, 
     364     #header h1 a { 
     365          width: 120px; 
     366          margin: 0; 
     367     } 
     368     h1, 
     369     #top-info-blog { 
     370          display: inline-block; 
     371          vertical-align: top; 
     372          margin-right: 1em; 
     373     } 
     374     #top-info-user { 
     375          display: block; 
     376          width: 100%; 
     377     } 
     378     .three-boxes, 
     379     .three-boxes .box, 
     380     .two-cols .col70, 
     381     .two-cols .col30 { 
     382          width: 100%; 
     383          margin-left: 0; 
     384          margin-right: 0; 
     385     } 
    383386} 
    384387 
    385388@media screen and (max-width: $m-screen) { 
    386     #dashboard-boxes .box.medium, 
    387     .box.medium, 
    388     #dashboard-boxes .box.small, 
    389     .box.small, 
    390     #dashboard-boxes .box.large, 
    391     .box.large { 
    392         width: 95%; 
    393         margin: 10px auto; 
    394     } 
     389     #dashboard-boxes .box.medium, 
     390     .box.medium, 
     391     #dashboard-boxes .box.small, 
     392     .box.small, 
     393     #dashboard-boxes .box.large, 
     394     .box.large { 
     395          width: 95%; 
     396          margin: 10px auto; 
     397     } 
    395398} 
    396399 
    397400@media screen and (max-width: $s-screen) { 
    398     #help-button { 
    399         height: 26px; 
    400         width: 26px; 
    401         margin: 0; 
    402         overflow: hidden; 
    403     } 
    404     #content.with-help #help-button { 
    405         top: 10em; // 77px; 
    406     } 
    407     .one-box, 
    408     .two-boxes, 
    409     .box, 
    410     .two-cols .col { 
    411         width: 96%; 
    412         margin-left: 0; 
    413         margin-right: 0; 
    414     } 
    415     #entry-wrapper { 
    416         float: none; 
    417         width: 100%; 
    418         margin-right: 0; 
    419     } 
    420     #entry-content { 
    421         margin-right: 0; 
    422         margin-left: 0; 
    423     } 
    424     #entry-sidebar { 
    425         width: 100%; 
    426         float: none; 
    427     } 
     401     #help-button { 
     402          height: 26px; 
     403          width: 26px; 
     404          margin: 0; 
     405          overflow: hidden; 
     406     } 
     407     #content.with-help #help-button { 
     408          top: 10em; // 77px; 
     409     } 
     410     .one-box, 
     411     .two-boxes, 
     412     .box, 
     413     .two-cols .col { 
     414          width: 96%; 
     415          margin-left: 0; 
     416          margin-right: 0; 
     417     } 
     418     #entry-wrapper { 
     419          float: none; 
     420          width: 100%; 
     421          margin-right: 0; 
     422     } 
     423     #entry-content { 
     424          margin-right: 0; 
     425          margin-left: 0; 
     426     } 
     427     #entry-sidebar { 
     428          width: 100%; 
     429          float: none; 
     430     } 
    428431} 
    429432 
    430433@media screen and (max-width: $xs-screen) { 
    431     #header h1, 
    432     #header h1 a { 
    433         width: 42px !important; 
    434         height: 42px; 
    435     } 
    436     #wrapper, 
    437     #main, 
    438     #main-menu { 
    439         display: block; 
    440         float: none; 
    441         width: 100%; 
    442         margin: 0; 
    443     } 
    444     #main-menu a { 
    445         display: block; 
    446         width: 100%; 
    447     } 
    448     #main-menu h3 a { 
    449         display: inline; 
    450     } 
    451     #content, 
    452     .hide-mm #content { 
    453         margin: 0; 
    454     } 
    455     #collapser { 
    456         display: none; 
    457     } 
    458     #main #content > h2 { 
    459         margin: 0 -.25em 1em; 
    460     } 
    461     #dashboard-boxes .box.medium, 
    462     .box.medium, 
    463     #dashboard-boxes .box.small, 
    464     .box.small, 
    465     #dashboard-boxes .box.large, 
    466     .box.large { 
    467         width: 95%; 
    468         margin: 10px auto; 
    469     } 
    470     .cell, 
    471     #filters-form .cell { 
    472         display: inline-block; 
    473         vertical-align: bottom; 
    474     } 
    475     .pseudo-tabs li { 
    476         display: block; 
    477         float: left; 
    478         width: 50%; 
    479     } 
     434     #header h1, 
     435     #header h1 a { 
     436          width: 42px !important; 
     437          height: 42px; 
     438     } 
     439     #wrapper, 
     440     #main, 
     441     #main-menu { 
     442          display: block; 
     443          float: none; 
     444          width: 100%; 
     445          margin: 0; 
     446     } 
     447     #main-menu a { 
     448          display: block; 
     449          width: 100%; 
     450     } 
     451     #main-menu h3 a { 
     452          display: inline; 
     453     } 
     454     #content, 
     455     .hide-mm #content { 
     456          margin: 0; 
     457     } 
     458     #collapser { 
     459          display: none; 
     460     } 
     461     #main #content > h2 { 
     462          margin: 0 -.25em 1em; 
     463     } 
     464     #dashboard-boxes .box.medium, 
     465     .box.medium, 
     466     #dashboard-boxes .box.small, 
     467     .box.small, 
     468     #dashboard-boxes .box.large, 
     469     .box.large { 
     470          width: 95%; 
     471          margin: 10px auto; 
     472     } 
     473     .cell, 
     474     #filters-form .cell { 
     475          display: inline-block; 
     476          vertical-align: bottom; 
     477     } 
     478     .pseudo-tabs li { 
     479          display: block; 
     480          float: left; 
     481          width: 50%; 
     482     } 
    480483} 
    481484 
    482485@media screen and (max-width: $xxs-screen) { 
    483     #top-info-blog label, 
    484     .nomobile { 
    485         display: none; 
    486     } 
    487     #top-info-blog { 
    488         margin-bottom: .5em; 
    489         max-width: 75%; 
    490     } 
    491     #top-info-blog select { 
    492         margin-bottom: .5em; 
    493     } 
    494     #content.with-help #help-button { 
    495         top: 10em; // 120px; 
    496         right: 28rem; // 20.5em; 
    497     } 
    498     #content.with-help #help { 
    499         width: 28rem; 
    500     } 
    501     p.top-add { 
    502         margin-bottom: .5em; 
    503     } 
    504     .part-tabs ul { 
    505         margin: 1em 0; 
    506     } 
    507     .part-tabs li a { 
    508         display: block; 
    509         width: 100%; 
    510     } 
    511     #icons p { 
    512         width: 9em; 
    513     } 
    514     .media-item { 
    515         width: 90%; 
    516     } 
    517     #theme-new, 
    518     #theme-activate, 
    519     #theme-deactivate { 
    520         margin-left: 0; 
    521         margin-right: 0; 
    522     } 
    523     .box.current-theme { 
    524         margin: 5px; 
    525         width: 100%; 
    526     } 
    527     .current-theme .module-sshot img { 
    528         margin: 0; 
    529         float: none; 
    530         max-width: 100%; 
    531     } 
    532     table .maximal { 
    533         min-width: 14em; 
    534     } 
    535     .pseudo-tabs li { 
    536         display: block; 
    537         width: 100%; 
    538         float: none; 
    539     } 
    540 } 
     486     #top-info-blog label, 
     487     .nomobile { 
     488          display: none; 
     489     } 
     490     #top-info-blog { 
     491          margin-bottom: .5em; 
     492          max-width: 75%; 
     493     } 
     494     #top-info-blog select { 
     495          margin-bottom: .5em; 
     496     } 
     497     #content.with-help #help-button { 
     498          top: 10em; // 120px; 
     499          right: 28rem; // 20.5em; 
     500     } 
     501     #content.with-help #help { 
     502          width: 28rem; 
     503     } 
     504     p.top-add { 
     505          margin-bottom: .5em; 
     506     } 
     507     .part-tabs ul { 
     508          margin: 1em 0; 
     509     } 
     510     .part-tabs li a { 
     511          display: block; 
     512          width: 100%; 
     513     } 
     514     #icons p { 
     515          width: 9em; 
     516     } 
     517     .media-item { 
     518          width: 90%; 
     519     } 
     520     #theme-new, 
     521     #theme-activate, 
     522     #theme-deactivate { 
     523          margin-left: 0; 
     524          margin-right: 0; 
     525     } 
     526     .box.current-theme { 
     527          margin: 5px; 
     528          width: 100%; 
     529     } 
     530     .current-theme .module-sshot img { 
     531          margin: 0; 
     532          float: none; 
     533          max-width: 100%; 
     534     } 
     535     table .maximal { 
     536          min-width: 14em; 
     537     } 
     538     .pseudo-tabs li { 
     539          display: block; 
     540          width: 100%; 
     541          float: none; 
     542     } 
     543} 
Note: See TracChangeset for help on using the changeset viewer.

Sites map