Dotclear

Changeset 1862:34fa7b0d6db0


Ignore:
Timestamp:
09/15/13 19:50:12 (11 years ago)
Author:
Anne Kozlika <kozlika@…>
Branch:
default
Children:
1863:d359a1272fc0, 1864:dfe13b571ffd
Message:

On peut maintenant afficher/masquer le main-menu en cliquant sur la barre de séparation entre le menu et le main.

Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed
  • admin/js/common.js

    r1861 r1862  
    420420            hideSidebar(); 
    421421        } 
    422     }); // .css('height', objSeparator.parent().outerHeight() + 'px'); 
     422    }).css('height', objSeparator.parent().parent().parent().outerHeight() + 'px'); 
    423423     if ( $.cookie('sidebar-pref') == 'hide-mm' ){ 
    424424          objMain.addClass('hide-mm'); 
  • admin/style/default.css

    r1861 r1862  
    2727     width: 100%; 
    2828     padding-top: 1em; 
     29     background: #f7f7f7 url(bg_wrapper.png) repeat-y 15.5em; 
    2930     } 
    3031#main { 
     
    3334     margin-left: -14.5em; 
    3435     margin-top: 0; 
    35      background: #fff url(bg_menu.png); 
    3636     } 
    3737#content { 
    38      margin: 0 0 0 14.5em; 
     38     margin: 0 0 0 15.5em; 
    3939     padding: 9px 18px 18px; /* ie < 9 sucks */ 
    4040     padding: .9rem 1.8rem 1.8rem; 
    4141     background: #fff; 
     42     overflow: hidden; 
    4243     } 
    4344#main-menu { 
     
    5455     text-align: right; 
    5556     border-top: 1px solid #ccc; 
    56      } 
     57     background-color: #fff; 
     58     } 
     59/* to hide main-menu */ 
    5760#collapser { 
     61     display: block; 
     62     float: left; 
     63     width: 1em; 
     64     background: #e3e3e3; 
     65     opacity: .4; 
     66     margin-left: 14.5em; 
     67     border: none; 
     68     text-align: center; 
     69     overflow: hidden; 
     70     } 
     71/* if main-menu is hidden */ 
     72#wrapper.hide-mm { 
     73     background: #fff; 
    5874     } 
    5975.hide-mm #main { 
    60      width: 100%; 
    6176     margin-left: 0; 
    62      float: none; 
     77     float: left; 
    6378     } 
    6479.hide-mm #content { 
    65      margin-left: 0; 
    66      float: none; 
     80     margin-left: 1em; 
    6781     } 
    6882.hide-mm #main-menu { 
    6983     display: none; 
    7084     } 
    71 .hide #collapser { 
     85.hide-mm #collapser { 
     86     margin-left: 0; 
     87     opacity: 1; 
     88     } 
     89/* if no js activated */ 
     90.no-js #content { 
     91     margin-left: 14.5em; 
    7292     } 
    7393 
     
    570590     border: 1px solid #ccc; 
    571591     font-family: arial, helvetica, sans-serif; 
    572      padding: 3px 8px; 
     592     padding: 4px 10px; 
    573593     line-height: normal !important; 
    574594     display: inline-block; 
     
    593613     border: 1px solid #2C8FD1; 
    594614     background-image:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%); 
    595      background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0)); 
     615     background-image:-webkit-gradient(linear,left top,left bottom, from(#25A6E1), to(#188BC0)); 
    596616     background-image:linear-gradient(top,#25A6E1 0%,#188BC0 100%); 
    597617     background-color:#25A6E1; 
     
    602622     a.button.submit:hover, a.button.submit:focus { 
    603623          background-image:-moz-linear-gradient(top,#188BC0 0%,#25A6E1 100%); 
    604           background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#188BC0),color-stop(100%,#25A6E1)); 
     624          background-image:-webkit-gradient(linear,left top,left bottom, from(#188BC0),to(#25A6E1)); 
    605625          background-image:linear-gradient(top,#188BC0 0%,#25A6E1 100%); 
    606626          background-color:#188BC0; 
     
    614634     background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf)); 
    615635     background-image: -moz-linear-gradient(top,  #f5f5f5,  #dfdfdf); 
     636     background-image:linear-gradient(top,#f5f5f5 0%,#dfdfdf 100%); 
    616637     background-color: #eee; 
    617638     border: 1px solid #ccc; 
     
    626647     a.button.delete:hover, a.button.reset:hover, a.button:hover, 
    627648     a.button.delete:focus, a.button.reset:focus, a.button:focus { 
    628           background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) ); 
    629           background-image:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); 
     649          background-image:-webkit-gradient( linear, left top, left bottom, from(#e9e9e9), to(#f9f9f9)); 
     650          background-image:-moz-linear-gradient(top, #e9e9e9, #f9f9f9); 
     651          background-image:linear-gradient(top,#e9e9e9 0%,#f9f9f9 100%); 
    630652          background-color:#f3f3f3; 
    631653          } 
     
    649671.button.add { 
    650672     background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bee74b), color-stop(1, #9BCA1C) ); 
    651      background-image:-moz-linear-gradient( center top, #bee74b 5%, #9BCA1C 100% ); 
     673     background-image:-moz-linear-gradient(center top, #bee74b 5%, #9BCA1C 100%); 
    652674     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bee74b', endColorstr='#9BCA1C'); 
    653675     background-color:#bee74b; 
    654676     border:1px solid #B2D742; 
    655      padding:.33em 1.33em; 
     677     padding:.33em 1.33em .5em; 
    656678     color: #000; 
    657679     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 
     
    662684     .button.add:hover, .button.add:active, .button.add:focus { 
    663685          background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9BCA1C), color-stop(1, #bee74b) ); 
    664           background-image:-moz-linear-gradient( center top, #9BCA1C 5%, #bee74b 100% ); 
     686          background-image:-moz-linear-gradient(center top, #9BCA1C 5%, #bee74b 100%); 
     687          background-image:linear-gradient(center top, #9BCA1C 5%, #bee74b 100%); 
    665688          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BCA1C', endColorstr='#bee74b'); 
    666689          background-color:#9BCA1C; 
     
    678701input.disabled, input[type=submit].disabled { 
    679702     text-shadow: none; 
     703     filter: none; 
    680704     color: #676e78; 
    681705     background: #F5F5F5; 
     
    16351659.media-item { 
    16361660     position: relative; 
    1637      border: 1px solid #ccc; 
     1661     border: 1px solid #ddd; 
    16381662     margin: 1em; 
    1639      padding: 1em; 
     1663     padding: 10px 12px 6px; 
    16401664     width: 300px; 
    16411665     display: inline-block; 
    16421666     vertical-align: top; 
    1643      min-height: 120px 
    1644      } 
     1667     min-height: 140px; 
     1668     } 
     1669     .media-item p { 
     1670          margin: 0 0 .5em; 
     1671          } 
     1672     .media-item object { 
     1673          margin-top: .5em; 
     1674          } 
    16451675     .media-item ul { 
    16461676          display: block; 
     
    21372167     margin-bottom: 0; 
    21382168     } 
    2139 .vertical-collapser { 
     2169.vertical-separator { 
    21402170     margin-top: 2em; 
    21412171     } 
    2142      p.clear.vertical-collapser { 
     2172     p.clear.vertical-separator { 
    21432173          padding-top: 2em; 
    21442174          } 
  • inc/admin/lib.dc.page.php

    r1861 r1862  
    152152          '<div id="wrapper" class="clearfix">'."\n". 
    153153          '<div id="main">'."\n". 
     154          '<div class="hidden-if-no-js"><a href="#" id="collapser"><img src="images/collapser.png" alt="'.__('Switch main menu').'" /></a></div>'. 
    154155          '<div id="content" class="clearfix">'."\n"; 
    155156 
     
    208209 
    209210          '<div id="footer">'. 
    210           '<a href="#" id="collapser"><span>'.__('Switch main menu').'</span></a>'. 
    211211          '<span class="helplink"><a href="help.php">'.__('Global help').'</a></span> '. 
    212212          '<a href="http://dotclear.org/" title="'.$text.'"><img src="style/dc_logos/w-dotclear90.png" alt="'.$text.'" /></a></div>'."\n". 
Note: See TracChangeset for help on using the changeset viewer.

Sites map