equal
deleted
inserted
replaced
1 html, body, iframe { |
1 html, body, iframe { |
2 margin: 0px; |
2 margin: 0px; |
3 padding: 0px; |
3 padding: 0px; |
4 } |
|
5 iframe { |
|
6 overflow: hidden; |
|
7 } |
|
8 .document { |
|
9 max-width: 800px; |
|
10 margin: .5em auto; |
|
11 padding-left: 210px; |
|
12 padding-right: 10px; |
|
13 overflow: hidden; |
|
14 } |
|
15 #sidebar { position: fixed; } |
|
16 iframe { border: none; } |
|
17 #sidebar, iframe { |
|
18 top: 0; |
|
19 left: 0; |
|
20 width: 200px; |
|
21 height: 100%; |
|
22 } |
|
23 @media (max-width: 780px) { |
|
24 .document { |
|
25 margin: 5px 10px 1em 10px; |
|
26 padding: 0; |
|
27 } |
|
28 #sidebar { position: inherit; } |
|
29 #sidebar, iframe { |
|
30 width: 100%; |
|
31 height: 7em; |
|
32 } |
|
33 } |
4 } |
34 |
5 |
35 .header { |
6 .header { |
36 font-size: 1.2em; |
7 font-size: 1.2em; |
37 text-align: center; |
8 text-align: center; |