1/** 2 * This file provides styles for progressive enhancement of 3 * the m1 template. See m1_screen.css for the basic styles. 4 * 5 * @author Eric Howey <ehowey@gmail.com> 6 * 7 */ 8 9 /* === Header Changes (480px wide) === */ 10 11 @media only screen and (min-width: 30em) { 12#m1-header-left {width: 30%;} 13#m1-header-right {width: 30%;} 14#m1-header-center {width: 40%; padding-top: 0.3em;} 15.m1-imglogo {height: 30px;} 16.secedit {display: inline-block;} 17 } 18 19 /* === Tablet devices - Portrait (768px wide) === */ 20 21@media only screen and (min-width: 48em) { 22#m1-header-left {display: none;} 23.m1-tablet {display: inline;} 24#m1-menu {display: block;} 25#m1-header-center {float: left; width: 28%; text-align: left; padding-left: 1em;} 26#m1-header-right {float: right; width: 12%;} 27} 28 29/* === Tablet devices - Landscape (900px wide) === */ 30 31@media only screen and (min-width : 56.25em) { 32.m1-desktop {display: inline;} 33#m1-menu-rtrig {display: none;} 34#m1-header-right {width: 6%;} 35#m1-header-center {width: 25%;} 36.hasSidebar #dokuwiki__content, #dokuwiki__content {max-width: 62%; float: left; margin-top: 90px;} 37#dokuwiki__aside {display: block; width: 37%;} 38.breadcrumbs {display: block;} 39#qsearch__in {margin: 0.3em 0 0.3em 1em;} 40} 41 42/* === Netbook devices (1100px wide) === */ 43 44@media only screen and (min-width : 68.75em) { 45 46}