fullscreen.css revision e4d8f1b1f5a6e2308bfeff04d7fa51ff7394c644 
1
2/* =============================================================================
3   Columns
4   ========================================================================== */
5.grid {
6  width:100%;
7  height:100%;
8  background:url(../images/grid.png) center repeat-y;
9  top:0px;
10  margin:auto;
11  position:absolute;
12}   
13
14@media screen, projection, print {
15.full {
16	padding: 2.5em 0;
17	border-top: solid 1px #ddd;
18	border-bottom: solid 1px #ddd;
19	background: #f7f7f7;	
20}
21.wrap {
22	margin: 0 auto;
23	width: 100%;
24	min-width:600px;
25	clear: both;
26}
27.cols {
28    height: 1%;
29    margin: 0 -1.533742331288343558282%;
30    width: 103.06748466257669%}
31*+html .cols {
32    margin-bottom: 20px;
33}
34.cols:after {
35    clear: both;
36    content: ' ';
37    display: block;
38    height: 0;
39    visibility: hidden;
40}
41.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
42.col-13, .col-14, .col-15, .col-16 {
43    float: left;
44    margin: 0 1.063829787234% 20px 1.063829787234%;
45}
46* html .col-1, * html .col-2, * html .col-3, * html .col-4, * html .col-5, * html .col-6, * html
47.col-7, * html .col-8, * html .col-9, * html .col-10, * html .col-11, * html .col-12, * html
48.col-13, * html .col-14, * html .col-15, * html .col-16  {
49    margin: 0;
50    margin: 0 1.063829787234% 20px 1.063829787234%;
51}
52[dir='rtl'] .col-1, [dir='rtl'] .col-2, [dir='rtl'] .col-3, [dir='rtl'] .col-4, [dir='rtl'] .col-5,
53[dir='rtl'] .col-6, [dir='rtl'] .col-7, [dir='rtl'] .col-8, [dir='rtl'] .col-9, [dir='rtl'] .col-10,
54[dir='rtl'] .col-11, [dir='rtl'] .col-12 {
55    float: right;
56}
57.col-1 {
58    width: 4.16666666666667%;
59}
60.col-2 {
61    width: 10.4166666666667%;
62}
63.col-3 {
64    width: 16.6666666666667%;
65}
66.col-4 {
67    width: 22.9166666666667%;
68}
69.col-5 {
70    width: 29.1666666666667%;
71}
72.col-6 {
73    width: 35.4166666666667%;
74}
75.col-7 {
76    width: 41.6666666666667%;
77}
78.col-8 {
79    width: 47.9166666666667%;
80}
81.col-9 {
82    width: 55.3333333333333%;
83}
84.col-10 {
85    width: 60.4166666666667%;
86}
87.col-11 {
88    width: 66.6666666666667%;
89}
90.col-12 {
91    width: 72.9166666666667%;
92}
93.col-13 {
94    width: 79.1666666666667%;
95}
96.col-14 {
97    width: 85.4166666666667%;
98}
99.col-15 {
100    width: 91.6666666666667%;
101}
102.col-16 {
103    width: 97.9166666666667%;
104}
105
106
107
108
109
110
111
112#header .col-1,
113#nav-x .col-1 { width: 40px }
114#header .col-2,
115#nav-x .col-2 { width: 100px }
116#header .col-3,
117#nav-x .col-3 { width: 160px }
118#header .col-4,
119#nav-x .col-4 { width: 220px }
120#header .col-5,
121#nav-x .col-5 { width: 280px }
122#header .col-6,
123#nav-x .col-6 { width: 340px }
124#header .col-7,
125#nav-x .col-7 { width: 400px }
126#header .col-8,
127#nav-x .col-8 { width: 460px }
128#header .col-9,
129#nav-x .col-9 { width: 520px }
130#header .col-10,
131#nav-x .col-10 { width: 580px }
132#header .col-11,
133#nav-x .col-11 { width: 640px }
134#header .col-12,
135#nav-x .col-12 { width: 700px }
136#header .col-13,
137#nav-x .col-13 { width: 760px }
138#header .col-14,
139#nav-x .col-14 { width: 820px }
140#header .col-15,
141#nav-x .col-15 { width: 880px }
142#header .col-16,
143#nav-x .col-16 { width: 940px }
144
145
146
147body {
148  padding:0 20px;
149}
150#header,
151#searchResults,
152#nav-x {
153  margin:0;
154}
155#body-content {
156  margin:0;
157}
158#body-content > .col-12 {
159  width:77.9804965%;
160  margin:0 0 0 0.97%; /* this percentage chosen to make IE9 happy */
161}
162#side-nav {
163  width: 19.9804965%;
164  margin:0 1.063829787234% 0 0;
165}
166
167#header .wrap {
168  max-width: 100%;
169}
170
171#nav-x .wrap,
172#searchResults.wrap {
173    max-width:100%;
174}
175
176.nav-x {
177  margin:-2px 0 0 0;
178}
179
180#devdoc-nav.fixed,
181#devdoc-nav.fixed a.totop {
182  left:20px !important;
183}
184
185
186
187
188}
189
190.col-right {
191  margin-right:0px;
192}
193
194@media screen and (max-width:772px) {
195.col-5, .col-6, .col-7 {
196    clear: both;
197    width: 97.0238096%}
198}