|
Chris@2
|
1 /* smalltouch_landscape one_col_vert */
|
|
Chris@2
|
2 @media only screen and (min-width:321px) and (max-width:480px) {
|
|
Chris@2
|
3 #page-wrapper {width:100%}
|
|
Chris@2
|
4 .two-sidebars #content,.one-sidebar #content,#sidebar-first,#sidebar-second {margin-left: 0; margin-right: 0}
|
|
Chris@2
|
5 #sidebar-first {width: 50%}
|
|
Chris@2
|
6 .one-sidebar #sidebar-first {width: 100%;}
|
|
Chris@2
|
7 #sidebar-second {width: 50%}
|
|
Chris@2
|
8 #sidebar-first,#sidebar-second {overflow: hidden; margin-top: 20px; float: left; clear: none}
|
|
Chris@2
|
9 #sidebar-first .section {margin-right: 5px; margin-left: 0;}
|
|
Chris@2
|
10 .one-sidebar #sidebar-first .section {margin-right: 0; margin-left: 0;}
|
|
Chris@2
|
11 #sidebar-second .section {margin-right: 0; margin-left: 5px;}
|
|
Chris@2
|
12 #top-columns .column-block-wrapper {width: 100% !important; margin-top: 1em;}
|
|
Chris@2
|
13 #top-columns .column-block-wrapper .column-block {height: auto ; margin: 0 !important;}
|
|
Chris@2
|
14 #bottom-columns .column-block-wrapper {width: 100% !important; margin-top: 1em;}
|
|
Chris@2
|
15 #bottom-columns .column-block-wrapper .column-block {height: auto ; margin: 0 !important;}
|
|
Chris@2
|
16 #footer-columns .column-block-wrapper {width: 100% !important; margin-top: 1em;}
|
|
Chris@2
|
17 #footer-columns .column-block-wrapper .column-block {height: auto ; margin: 0 !important;}
|
|
Chris@2
|
18 }
|
|
Chris@2
|
19 /* tablet_portrait one_col_vert */
|
|
Chris@2
|
20 @media only screen and (min-width:481px) and (max-width:768px) {
|
|
Chris@2
|
21 #page-wrapper {width:90%}
|
|
Chris@2
|
22 .two-sidebars #content,.one-sidebar #content,#sidebar-first,#sidebar-second {margin-left: 0; margin-right: 0}
|
|
Chris@2
|
23 #sidebar-first {width: 50%}
|
|
Chris@2
|
24 .one-sidebar #sidebar-first {width: 100%;}
|
|
Chris@2
|
25 #sidebar-second {width: 50%}
|
|
Chris@2
|
26 #sidebar-first,#sidebar-second {overflow: hidden; margin-top: 20px; float: left; clear: none}
|
|
Chris@2
|
27 #sidebar-first .section {margin-right: 5px; margin-left: 0;}
|
|
Chris@2
|
28 .one-sidebar #sidebar-first .section {margin-right: 0; margin-left: 0;}
|
|
Chris@2
|
29 #sidebar-second .section {margin-right: 0; margin-left: 5px;}
|
|
Chris@2
|
30 #top-columns .column-block-wrapper {width: 100% !important; margin-top: 1em;}
|
|
Chris@2
|
31 #top-columns .column-block-wrapper .column-block {height: auto ; margin: 0 !important;}
|
|
Chris@2
|
32 #bottom-columns .column-block-wrapper {width: 100% !important; margin-top: 1em;}
|
|
Chris@2
|
33 #bottom-columns .column-block-wrapper .column-block {height: auto ; margin: 0 !important;}
|
|
Chris@2
|
34 #footer-columns .column-block-wrapper {width: 100% !important; margin-top: 1em;}
|
|
Chris@2
|
35 #footer-columns .column-block-wrapper .column-block {height: auto ; margin: 0 !important;}
|
|
Chris@2
|
36 }
|
|
Chris@2
|
37 /* tablet_landscape three_col_grail */
|
|
Chris@2
|
38 @media only screen and (min-width:769px) and (max-width:1024px) {
|
|
Chris@2
|
39 #page-wrapper {width:90%}
|
|
Chris@2
|
40 .two-sidebars #content .section {margin-left: 20%; margin-right: 20%}
|
|
Chris@2
|
41 .one-sidebar #content .section {margin-left: 20%;}
|
|
Chris@2
|
42 .sidebar-second #content .section {margin-left: 0; margin-right: 20%;}
|
|
Chris@2
|
43 #sidebar-first .section {margin-left: 0; margin-right: 10px;}
|
|
Chris@2
|
44 #sidebar-second .section {margin-right: 0; margin-left: 10px;}
|
|
Chris@2
|
45 #sidebar-first {width: 20%; margin-left: -100%}
|
|
Chris@2
|
46 #sidebar-second {width: 20%; margin-left: -20%}
|
|
Chris@2
|
47 }
|
|
Chris@2
|
48 /* bigscreen three_col_grail */
|
|
Chris@2
|
49 @media only screen and (min-width:1025px) {
|
|
Chris@2
|
50 #page-wrapper {width:90%}
|
|
Chris@2
|
51 .two-sidebars #content .section {margin-left: 25%; margin-right: 25%}
|
|
Chris@2
|
52 .one-sidebar #content .section {margin-left: 25%;}
|
|
Chris@2
|
53 .sidebar-second #content .section {margin-left: 0; margin-right: 25%;}
|
|
Chris@2
|
54 #sidebar-first .section {margin-left: 0; margin-right: 10px;}
|
|
Chris@2
|
55 #sidebar-second .section {margin-right: 0; margin-left: 10px;}
|
|
Chris@2
|
56 #sidebar-first {width: 25%; margin-left: -100%}
|
|
Chris@2
|
57 #sidebar-second {width: 25%; margin-left: -25%}
|
|
Chris@2
|
58 } |
