Changeset 647 in t29-www for shared


Ignore:
Timestamp:
Aug 27, 2014, 4:02:14 PM (10 years ago)
Author:
sven
Message:

Angefangen mit Layout fuer Bildschirme < 600px (Mobilgeräte).

File:
1 edited

Legend:

Unmodified
Added
Removed
  • shared/css-v6/modules/31-mobile.css

    r561 r647  
    2525                height: 2px; /* Nur Linie anzeigen, keine weisse Flaeche */
    2626        }
    27        
    28        
     27
    2928       
    3029        footer.attached {
     
    5958                background-color: #dfeaf0;
    6059        }
     60        section.sidebar nav.side .u1 > li > a {
     61                /* u1-Trenner abschalten */
     62                border-top: none;
     63                padding-top: 0;
     64        }
    6165       
    6266        /* clearfix */
     
    7882        footer.in-sheet.empty-footer { display: none; }
    7983}
     84
     85/**
     86 * Schmaller als 600px: Handy-Design, alles einspaltig!
     87 *
     88 **/
     89@media all and (max-width: 600px) {
     90        #container, #content, section.sidebar, #background-color-container {
     91                width: inherit;
     92        }
     93        #content {
     94                padding: 1.5em 1em;
     95        }
     96
     97        /* Mehrspaltige Contents. Overwrite dank #container */
     98        #container div.startseiten-boxen,
     99        #container div.startseiten-boxen .cols,
     100        #container div.startseiten-boxen .leftcol,
     101        #container div.startseiten-boxen .rightcol {
     102                float: none;
     103                width: inherit;
     104                padding: 0 !important;
     105        }
     106
     107
     108}
Note: See TracChangeset for help on using the changeset viewer.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License