Dotclear


Ignore:
Timestamp:
08/06/13 07:53:40 (11 years ago)
Author:
Anne Kozlika <kozlika@…>
Branch:
default
Message:

Main-menu and prelude: styles enhancement.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • admin/style/default.css

    r1307 r1308  
    9696} 
    9797#prelude { 
    98      line-height: 2; 
     98     line-height: 1.9; 
    9999     margin: 0; 
    100100     padding: 0; 
     
    103103     top: 3.6rem; 
    104104     left: 0; 
     105     background: #A2CBE9; 
     106     width: 14em; 
    105107     } 
    106108#prelude li { 
     
    113115     background: #A2CBE9; 
    114116     color: #000; 
    115      border-bottom-right-radius: .6rem; 
    116117     border-bottom-color: #A2CBE9; 
    117118} 
     
    121122     width: 14em; 
    122123     float: left; 
     124     line-height: 3.6rem; 
    123125} 
    124126#top h1 { 
     
    131133#top h1 a { 
    132134     position: absolute; 
    133      top: 3px; 
     135     top: 0; 
    134136     left: 0; 
    135137     width: 14rem; 
    136      height: 3.2rem; 
     138     height: 3.6rem; 
    137139     border: none; 
    138140     color: #fff; 
    139141} 
    140142#top h1 a:hover, #top h1 a:focus { 
    141      background: transparent url(dc_logo_hover.png) no-repeat 0 55%;   
     143     background: transparent url(dc_logo_hover.png) no-repeat 0 50%;   
    142144} 
    143145#info-boxes { 
    144146     background: #575859; 
    145      font-size: .95em; 
    146      height: 3em; 
     147     font-size: 1em; 
     148     line-height: 3.6rem; 
     149     text-align: justify; 
    147150} 
    148151#info-box1 { 
    149152     margin: 0; 
    150      padding: .5em 3px 4px 1.8rem; 
     153     padding: 0 3px 0 1.8rem; 
    151154     color: #fff; 
    152      float: left; 
     155     display: inline-block; 
    153156     background: #575859; 
    154157} 
    155158#info-box2 { 
    156159     margin: 0; 
    157      padding: .8em 1.3em 4px 0; 
     160     padding: 0 1.3em 0 0; 
    158161     color: #fff; 
    159162     float: right; 
    160163     text-align: right; 
    161164     background: #575859; 
    162      height: 2em; 
    163165} 
    164166#info-box1 p { 
     
    292294     width: 14em; 
    293295     float: left; 
    294      margin-top: 4.2rem; 
     296     margin-top: 4.4rem; 
    295297     padding-bottom: 1rem; 
    296298     background: #f7f7f7; 
    297299} 
    298300#main-menu h3 { 
    299      margin: 0 0 1.2rem; 
    300      padding: 0 0 0 2.2rem; 
     301     margin: 0; 
     302     padding: 1.2rem 0 1rem 2.2rem; 
    301303     text-indent: -1.6rem; 
    302304     color: #666; 
    303305     font-size: 1.4rem; 
    304306} 
     307#main-menu h3 img[alt="cacher"] { 
     308     vertical-align: top; 
     309} 
    305310#main-menu ul { 
    306311     font-size: 1.2rem; 
    307      margin: 0 0 2rem 0; 
     312     margin: 0 0 1.8rem 0; 
    308313     padding: 0; 
    309314     list-style: none; 
     
    318323#main-menu a { 
    319324     color: #333; 
     325     border-bottom-color: #ccc; 
    320326} 
    321327#main-menu .active a { 
     
    324330} 
    325331#main-menu .active { 
    326      background-color: #fff; 
    327      background-position: 12px .4rem; 
    328      border-top: 1px solid #ddd; 
    329      border-bottom: 1px solid #ddd; 
    330      margin-right: -1px; 
    331332     font-weight: bolder; 
    332333} 
    333 #favorites-menu { 
    334      margin: 0 0 2em; 
     334#favorites-menu, #blog-menu, #system-menu, #plugins-menu { 
     335     border-bottom: 1px dashed #A2CBE9; 
    335336} 
    336337#favorites-menu h3 { 
    337      color: #333; 
    338      text-transform: none; 
     338     color: #000; 
     339     font-variant: small-caps; 
    339340} 
    340341#favorites-menu a { 
    341342     color: #333; 
    342 } 
    343 #favorites-menu .active { 
    344      background-color: transparent; 
    345      border: none; 
    346 } 
    347 #favorites-menu .active a { 
    348      font-weight: bold; 
    349      color: #666; 
    350343} 
    351344/* ------------------------------------------------------------------ footer */ 
     
    14351428@media screen and (max-width: 880px) { 
    14361429 #top, #top h1 a {width: 42px;overflow:hidden;} 
    1437  #top, #info-boxes, #info-box1, #info-box2 { 
    1438      display:inline-block; 
    1439      vertical-align:middle; 
    1440      margin:0; 
    1441      padding:0; 
    1442      line-height: 3.2rem;  
    1443      width:auto;  
    1444      height:auto; 
    1445  } 
     1430 #top, #info-boxes, #info-box1, #info-box2 {display:inline-block;vertical-align:middle;margin:0;padding:0;line-height: 3.2rem;} 
    14461431 #info-box1 select {width: 14rem;} 
    14471432 #help-button {position: absolute;top: 8rem; right:0;} 
    14481433} 
    14491434@media screen and (max-width: 680px) { 
    1450  .nomobile {display: none;} 
     1435 .nomobile, #help-button {display: none;} 
    14511436 #main-menu, #main, #content, #entry-wrapper, #entry-sidebar, #entry-content, .two-cols .col, .two-cols .col:first-child { 
    14521437    display:block; 
    1453     width: 99% !important; 
     1438    width: 98% !important; 
    14541439    margin:0 auto; 
    14551440    padding:0; 
     
    14581443    clear: both; 
    14591444  } 
    1460  } 
     1445} 
Note: See TracChangeset for help on using the changeset viewer.

Sites map