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}