-rw-r--r-- | htdocs/style.css | 168 |
1 files changed, 168 insertions, 0 deletions
diff --git a/htdocs/style.css b/htdocs/style.css new file mode 100644 index 0000000..01fd43a --- a/dev/null +++ b/htdocs/style.css | |||
@@ -0,0 +1,168 @@ | |||
1 | body { | ||
2 | font-family: sans-serif; | ||
3 | font-size: 11pt; | ||
4 | } | ||
5 | |||
6 | a { | ||
7 | text-decoration: none; | ||
8 | } | ||
9 | a:hover { | ||
10 | text-decoration: underline; | ||
11 | } | ||
12 | p { | ||
13 | margin: 1ex 1em; | ||
14 | text-indent: 2em; | ||
15 | text-align: justify; | ||
16 | } | ||
17 | p.note { | ||
18 | margin-left: 10%; | ||
19 | border-width: 1px 1px 1px 6px; | ||
20 | border-color: gray gray gray #0000a0; | ||
21 | border-style: solid solid solid double; | ||
22 | padding: 1ex 1ex 1ex 2em; | ||
23 | font-size: 80%; | ||
24 | background: #c0c0e0; | ||
25 | color: #202020; | ||
26 | } | ||
27 | code { | ||
28 | color: #d04040; | ||
29 | } | ||
30 | em { | ||
31 | white-space: nowrap; | ||
32 | } | ||
33 | |||
34 | div.google_ad { | ||
35 | text-align: center; | ||
36 | margin: 1ex; | ||
37 | } | ||
38 | div.google_ad.top { | ||
39 | padding-bottom: 1ex; | ||
40 | border-bottom: 1px gray solid; | ||
41 | } | ||
42 | div.google_ad.bottom { | ||
43 | padding-top: 1ex; | ||
44 | border-top: 1px gray solid; | ||
45 | } | ||
46 | |||
47 | div#sidepanel { | ||
48 | position: absolute; top: 0px; left: 0px; | ||
49 | margin: 0px; | ||
50 | width: 20%; | ||
51 | font-size: 80%; | ||
52 | } | ||
53 | div#content { | ||
54 | position: absolute; top: 0px; right: -0px; | ||
55 | margin: 0px; | ||
56 | width: 80%; | ||
57 | } | ||
58 | |||
59 | div#sidepanel h1 { | ||
60 | font-size: 80%; | ||
61 | text-align: center; | ||
62 | font-weight: normal; | ||
63 | color: #004080; | ||
64 | white-space: nowrap; | ||
65 | margin-top: 2ex; margin-bottom: 2ex; | ||
66 | } | ||
67 | div#sidepanel ul { | ||
68 | padding: 1ex 0.5ex 1ex 1ex; | ||
69 | margin: 0.5ex; | ||
70 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; | ||
71 | border-width: 1px 2px 2px 1px; | ||
72 | border-style: solid; | ||
73 | background: #d0d0d0; | ||
74 | list-style-type: none; | ||
75 | } | ||
76 | div#sidepanel ul ul { | ||
77 | margin: 0px; padding: 0px; | ||
78 | border: none 0px; | ||
79 | } | ||
80 | div#sidepanel li { | ||
81 | list-style-type: none; | ||
82 | margin: 0px; padding: 0px; | ||
83 | display: block; | ||
84 | } | ||
85 | div#sidepanel ul a { | ||
86 | display: block; | ||
87 | padding: 1px 1ex; | ||
88 | margin: 0.5ex; | ||
89 | border: 1px solid gray; | ||
90 | text-decoration: none; | ||
91 | background: white; | ||
92 | color: black; | ||
93 | } | ||
94 | div#sidepanel ul a:hover { | ||
95 | background: gray; | ||
96 | color: white; | ||
97 | } | ||
98 | div#sidepanel ul ul a { | ||
99 | padding-left: 2.5ex; | ||
100 | background: #e0e0e0; | ||
101 | } | ||
102 | div#sidepanel div.copyright { | ||
103 | text-align: center; | ||
104 | } | ||
105 | |||
106 | div#content h1 { | ||
107 | font-size: 140%; | ||
108 | color: gray; | ||
109 | font-weight: bold; | ||
110 | text-align: center; | ||
111 | margin: 1em; | ||
112 | } | ||
113 | |||
114 | div.insert { | ||
115 | text-align: center; | ||
116 | } | ||
117 | iframe#insert { | ||
118 | border: 1px solid black; | ||
119 | } | ||
120 | |||
121 | div.source h1 { | ||
122 | background: #e0e0e0; | ||
123 | border: 1px solid #808080; | ||
124 | padding-left: 1em; | ||
125 | margin: 0px; | ||
126 | font-size: 100%; | ||
127 | color: #000060; | ||
128 | overflow: hidden; | ||
129 | } | ||
130 | div.source ul { | ||
131 | background: #80c0c0; | ||
132 | margin: 0px; | ||
133 | padding: 1px 0.5ex; | ||
134 | font-family: monospace; | ||
135 | font-size: 80%; | ||
136 | overflow: hidden; | ||
137 | } | ||
138 | div.source li { | ||
139 | list-style-type: none; | ||
140 | white-space: nowrap; | ||
141 | } | ||
142 | |||
143 | ul.sourcebrowser { | ||
144 | font-size: 70%; | ||
145 | } | ||
146 | ul.sourcebrowser ul.dir { | ||
147 | padding: 1px 0px 2px 1em; | ||
148 | margin: 1px 0px 1px 0px; | ||
149 | } | ||
150 | ul.sourcebrowser li.dir { | ||
151 | margin: 1px 0px 1px 0px; | ||
152 | } | ||
153 | ul.sourcebrowser li.file { | ||
154 | list-style-type: none; | ||
155 | white-space: nowrap; | ||
156 | display: inline; | ||
157 | } | ||
158 | ul.sourcebrowser li.file a { | ||
159 | border: 1px solid gray; | ||
160 | padding: 1px 0.5ex; | ||
161 | text-decoration: none; | ||
162 | font-family: monospace; | ||
163 | } | ||
164 | ul.sourcebrowser li.file a:hover { | ||
165 | background: gray; | ||
166 | border: 1px solid black; | ||
167 | color: white; | ||
168 | } | ||