20 width: 200px; |
20 width: 200px; |
21 height: 100%; |
21 height: 100%; |
22 } |
22 } |
23 @media (max-width: 780px) { |
23 @media (max-width: 780px) { |
24 .document { |
24 .document { |
25 margin: 4em 10px 1em 10px; |
25 margin: 5px 10px 1em 10px; |
26 padding: 0; |
26 padding: 0; |
27 } |
27 } |
28 #sidebar { position: inherit; } |
28 #sidebar { position: inherit; } |
29 #sidebar, iframe { |
29 #sidebar, iframe { |
30 width: 100%; |
30 width: 100%; |
31 height: 4em; |
31 height: 7em; |
32 } |
32 } |
|
33 } |
|
34 |
|
35 .header { |
|
36 font-size: 1.2em; |
|
37 text-align: center; |
|
38 } |
|
39 .header.small { |
|
40 font-size: 0.8em; |
33 } |
41 } |
34 |
42 |
35 p.topic-title.first { display: none; } |
43 p.topic-title.first { display: none; } |
36 p.topic-title.first + ul { |
44 p.topic-title.first + ul { |
37 max-width: 400px; |
45 max-width: 400px; |
38 margin: 0 auto; |
46 margin: 0 auto; |
39 padding: 5px 0; |
47 padding: 5px 0; |
40 background: cornsilk; |
|
41 border: 1px solid red; |
|
42 border-radius: 10px; |
|
43 } |
48 } |
44 p.topic-title.first + ul > li { |
49 p.topic-title.first + ul > li { |
45 list-style: none; |
50 list-style: none; |
46 } |
51 } |
47 p.topic-title.first + ul > li > a { display: none; } |
52 p.topic-title.first + ul > li > a { display: none; } |
48 p.topic-title.first + ul li li { |
53 p.topic-title.first + ul li li { |
49 padding-right: 10px; |
54 padding-right: 10px; |
50 } |
55 } |
51 |
56 |
52 a { text-decoration:none; } |
57 a { |
53 a:link { color: brown; } |
58 text-decoration:none; |
54 a:visited { color: IndianRed; } |
59 color: hsl(240, 100%, 50%); |
55 a:hover { background: bisque; border-radius: 10px; padding: 1px; } |
60 } |
|
61 a:hover { |
|
62 transparency: .5; |
|
63 } |
|
64 h1 a { |
|
65 color: hsla(0, 0%, 0%, .8); |
|
66 } |
|
67 h2 a, h3 a, h4 a, #contents a { |
|
68 color: hsl(0, 100%, 25%); |
|
69 } |
|
70 h1 { text-align: center; } |
56 p { text-indent: 2em; } |
71 p { text-indent: 2em; } |
57 p:first-letter { font-weight: bold; } |
72 p:first-letter { font-weight: bold; } |
58 .literal-block { |
73 .literal-block { |
59 margin: 0 0 0 4em; |
74 margin: 0 0 0 4em; |
60 padding: 5px; |
75 padding: 5px; |
61 border: 1px; |
76 border: 1px; |
62 border-style: solid; |
77 border-style: solid; |
63 border-color: brown; |
78 border-color: hsl(0, 100%, 25%); |
64 background-color: LightYellow; |
79 background-color: hsl(0, 10%, 95%); |
65 overflow: auto; |
80 overflow: auto; |
66 } |
81 } |
67 tt.literal { |
82 tt.literal { |
68 background: LightYellow; |
|
69 outline: 1px dotted orange; |
83 outline: 1px dotted orange; |
70 padding: 1px; |
84 padding: 1px; |
71 } |
85 } |
72 table { border-collapse:collapse; margin-left:auto; margin-right:auto; } |
86 table { border-collapse:collapse; margin-left:auto; margin-right:auto; } |
73 table, tr, td { padding: 3px; border: 1px dotted maroon; background-color: cornsilk; } |
87 table, tr, td { padding: 3px; border: 1px dotted maroon; background-color: cornsilk; } |