author | Michael Krelin <hacker@klever.net> | 2005-04-02 17:12:01 (UTC) |
---|---|---|
committer | Michael Krelin <hacker@klever.net> | 2005-04-02 17:12:01 (UTC) |
commit | 0234b0ae9ba19a37771a8e7d519137fa811c206c (patch) (unidiff) | |
tree | 0ea91c13e615a7abf70ad6d3ccdda7cacb97dd56 /htdocs/style.css | |
parent | 1a234a03b327b20bf7490c696ebc41a9d65117ac (diff) | |
download | sitecing-0234b0ae9ba19a37771a8e7d519137fa811c206c.zip sitecing-0234b0ae9ba19a37771a8e7d519137fa811c206c.tar.gz sitecing-0234b0ae9ba19a37771a8e7d519137fa811c206c.tar.bz2 |
1. minor changes to CSS
2. arrows added to walkthrough navigation
3. added new files to the list of sources
4. extra div-s added to metasytnax for the sake of validity
5. hyperlink added to the reference index page
6. changed the note about fastcgi being the only supported inface
7. flushing added to calendar for a bit of performance analysis.
-rw-r--r-- | htdocs/style.css | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/htdocs/style.css b/htdocs/style.css index 96e4c59..28aa8df 100644 --- a/htdocs/style.css +++ b/htdocs/style.css | |||
@@ -1,256 +1,262 @@ | |||
1 | body { | 1 | body { |
2 | font-family: sans-serif; | 2 | font-family: sans-serif; |
3 | font-size: 11pt; | 3 | font-size: 11pt; |
4 | } | 4 | } |
5 | 5 | ||
6 | a:link, a:visited { | 6 | a:link, a:visited { |
7 | text-decoration: none; | 7 | text-decoration: none; |
8 | } | 8 | } |
9 | a:link:hover, a:visited:hover { | 9 | a:link:hover, a:visited:hover { |
10 | text-decoration: underline; | 10 | text-decoration: underline; |
11 | } | 11 | } |
12 | p { | 12 | p { |
13 | margin: 1ex 1em; | 13 | margin: 1ex 1em; |
14 | text-indent: 2em; | 14 | text-indent: 2em; |
15 | text-align: justify; | 15 | text-align: justify; |
16 | } | 16 | } |
17 | p.note { | 17 | p.note { |
18 | margin-left: 10%; | 18 | margin-left: 10%; |
19 | border-width: 1px 1px 1px 6px; | 19 | border-width: 1px 1px 1px 6px; |
20 | border-color: gray gray gray #0000a0; | 20 | border-color: gray gray gray #0000a0; |
21 | border-style: solid solid solid double; | 21 | border-style: solid solid solid double; |
22 | padding: 1ex 1ex 1ex 2em; | 22 | padding: 1ex 1ex 1ex 2em; |
23 | font-size: 80%; | 23 | font-size: 80%; |
24 | background: #c0c0e0; | 24 | background: #c0c0e0; |
25 | color: #202020; | 25 | color: #202020; |
26 | } | 26 | } |
27 | code a, | 27 | code a, |
28 | code { | 28 | code { |
29 | color: #d04040; | 29 | color: #d04040; |
30 | } | 30 | } |
31 | em { | 31 | em { |
32 | white-space: nowrap; | 32 | white-space: nowrap; |
33 | } | 33 | } |
34 | 34 | ||
35 | div.google_ad { | 35 | div.google_ad { |
36 | text-align: center; | 36 | text-align: center; |
37 | margin: 1ex; | 37 | margin: 1ex; |
38 | } | 38 | } |
39 | div.google_ad.top { | 39 | div.google_ad.top { |
40 | padding-bottom: 1ex; | 40 | padding-bottom: 1ex; |
41 | border-bottom: 1px gray solid; | 41 | border-bottom: 1px gray solid; |
42 | } | 42 | } |
43 | div.google_ad.bottom { | 43 | div.google_ad.bottom { |
44 | padding-top: 1ex; | 44 | padding-top: 1ex; |
45 | border-top: 1px gray solid; | 45 | border-top: 1px gray solid; |
46 | } | 46 | } |
47 | 47 | ||
48 | div#sidepanel { | 48 | div#sidepanel { |
49 | position: absolute; top: 0px; left: 0px; | 49 | position: absolute; top: 0px; left: 0px; |
50 | margin: 0px; | 50 | margin: 0px; |
51 | width: 20%; | 51 | width: 20%; |
52 | font-size: 80%; | 52 | font-size: 80%; |
53 | } | 53 | } |
54 | div#content { | 54 | div#content { |
55 | position: absolute; top: 0px; right: -0px; | 55 | position: absolute; top: 0px; right: -0px; |
56 | margin: 0px; | 56 | margin: 0px; |
57 | width: 80%; | 57 | width: 80%; |
58 | } | 58 | } |
59 | 59 | ||
60 | div#sidepanel h1 { | 60 | div#sidepanel h1 { |
61 | font-size: 80%; | 61 | font-size: 80%; |
62 | text-align: center; | 62 | text-align: center; |
63 | font-weight: normal; | 63 | font-weight: normal; |
64 | color: #004080; | 64 | color: #004080; |
65 | white-space: nowrap; | 65 | white-space: nowrap; |
66 | margin-top: 2ex; margin-bottom: 2ex; | 66 | margin-top: 2ex; margin-bottom: 2ex; |
67 | } | 67 | } |
68 | div#sidepanel h2 { | 68 | div#sidepanel h2 { |
69 | font-size: 80%; | 69 | font-size: 80%; |
70 | text-align: justify; | 70 | text-align: justify; |
71 | font-weight: normal; | 71 | font-weight: normal; |
72 | color: gray; | 72 | color: gray; |
73 | margin: 1ex 1ex; | 73 | margin: 1ex 1ex; |
74 | } | 74 | } |
75 | div#sidepanel ul { | 75 | div#sidepanel ul { |
76 | padding: 1ex 0.5ex 1ex 1ex; | 76 | padding: 1ex 0.5ex 1ex 1ex; |
77 | margin: 0.5ex; | 77 | margin: 0.5ex; |
78 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; | 78 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; |
79 | border-width: 1px 2px 2px 1px; | 79 | border-width: 1px 2px 2px 1px; |
80 | border-style: solid; | 80 | border-style: solid; |
81 | background: #d0d0d0; | 81 | background: #d0d0d0; |
82 | list-style-type: none; | 82 | list-style-type: none; |
83 | } | 83 | } |
84 | div#sidepanel ul ul { | 84 | div#sidepanel ul ul { |
85 | margin: 0px; padding: 0px; | 85 | margin: 0px; padding: 0px; |
86 | border: none 0px; | 86 | border: none 0px; |
87 | } | 87 | } |
88 | div#sidepanel li { | 88 | div#sidepanel li { |
89 | list-style-type: none; | 89 | list-style-type: none; |
90 | margin: 0px; padding: 0px; | 90 | margin: 0px; padding: 0px; |
91 | display: block; | 91 | display: block; |
92 | } | 92 | } |
93 | div#sidepanel ul a { | 93 | div#sidepanel ul a { |
94 | display: block; | 94 | display: block; |
95 | padding: 1px 1ex; | 95 | padding: 1px 1ex; |
96 | margin: 0.5ex; | 96 | margin: 0.5ex; |
97 | border: 1px solid gray; | 97 | border: 1px solid gray; |
98 | text-decoration: none; | 98 | text-decoration: none; |
99 | background: white; | 99 | background: white; |
100 | color: black; | 100 | color: black; |
101 | } | 101 | } |
102 | div#sidepanel ul a:hover { | 102 | div#sidepanel ul a:hover { |
103 | background: gray; | 103 | background: gray; |
104 | color: white; | 104 | color: white; |
105 | } | 105 | } |
106 | div#sidepanel ul ul a { | 106 | div#sidepanel ul ul a { |
107 | padding-left: 2.5ex; | 107 | padding-left: 2.5ex; |
108 | background: #e0e0e0; | 108 | background: #e0e0e0; |
109 | } | 109 | } |
110 | div#sidepanel div.copyright { | 110 | div#sidepanel div.copyright { |
111 | text-align: center; | 111 | text-align: center; |
112 | } | 112 | } |
113 | 113 | ||
114 | div#content h1 { | 114 | div#content h1 { |
115 | font-size: 140%; | 115 | font-size: 140%; |
116 | color: gray; | 116 | color: gray; |
117 | font-weight: bold; | 117 | font-weight: bold; |
118 | text-align: center; | 118 | text-align: center; |
119 | margin: 1em; | 119 | margin: 1em; |
120 | clear: both; | 120 | clear: both; |
121 | } | 121 | } |
122 | div#content h2 { | 122 | div#content h2 { |
123 | font-size: 140%; | 123 | font-size: 140%; |
124 | color: #8080a0; | 124 | color: #8080a0; |
125 | font-weight: bold; | 125 | font-weight: bold; |
126 | text-align: center; | 126 | text-align: center; |
127 | margin: 1em; | 127 | margin: 1em; |
128 | clear: both; | 128 | clear: both; |
129 | } | 129 | } |
130 | div#content p a { | 130 | div#content p a { |
131 | font-weight: bold; | 131 | font-weight: bold; |
132 | } | 132 | } |
133 | div#content p a.internal { | 133 | div#content p a.internal { |
134 | font-weight: inherit !important; | 134 | font-weight: inherit !important; |
135 | } | 135 | } |
136 | 136 | ||
137 | div.insert { | 137 | div.insert { |
138 | text-align: center; | 138 | text-align: center; |
139 | } | 139 | } |
140 | iframe#insert { | 140 | iframe#insert { |
141 | border: 1px solid black; | 141 | border: 1px solid black; |
142 | } | 142 | } |
143 | 143 | ||
144 | div.source h1 { | 144 | div.source h1 { |
145 | background: #e0e0e0; | 145 | background: #e0e0e0; |
146 | border: 1px solid #808080; | 146 | border: 1px solid #808080; |
147 | padding-left: 1em; | 147 | padding-left: 1em; |
148 | margin: 0px; | 148 | margin: 0px; |
149 | font-size: 100%; | 149 | font-size: 100%; |
150 | color: #000060; | 150 | color: #000060; |
151 | overflow: hidden; | 151 | overflow: hidden; |
152 | } | 152 | } |
153 | div.source ul { | 153 | div.source ul { |
154 | background: #80c0c0; | 154 | background: #80c0c0; |
155 | margin: 0px; | 155 | margin: 0px; |
156 | padding: 1px 0px; | 156 | padding: 1px 0px; |
157 | font-family: monospace; | 157 | font-family: monospace; |
158 | font-size: 80%; | 158 | font-size: 80%; |
159 | overflow: hidden; | 159 | overflow: hidden; |
160 | width:100%; | 160 | width:100%; |
161 | } | 161 | } |
162 | div.source li { | 162 | div.source li { |
163 | list-style-type: none; | 163 | list-style-type: none; |
164 | white-space: nowrap; | 164 | white-space: nowrap; |
165 | margin: 0px 0.5ex; | 165 | margin: 0px 0.5ex; |
166 | } | 166 | } |
167 | 167 | ||
168 | ul.sourcebrowser { | 168 | ul.sourcebrowser { |
169 | font-size: 70%; | 169 | font-size: 70%; |
170 | } | 170 | } |
171 | ul.sourcebrowser ul.dir { | 171 | ul.sourcebrowser ul.dir { |
172 | padding: 1px 0px 2px 1em; | 172 | padding: 1px 0px 2px 1em; |
173 | margin: 1px 0px 1px 0px; | 173 | margin: 1px 0px 1px 0px; |
174 | } | 174 | } |
175 | ul.sourcebrowser li.dir { | 175 | ul.sourcebrowser li.dir { |
176 | margin: 1px 0px 1px 0px; | 176 | margin: 1px 0px 1px 0px; |
177 | } | 177 | } |
178 | ul.sourcebrowser li.file { | 178 | ul.sourcebrowser li.file { |
179 | list-style-type: none; | 179 | list-style-type: none; |
180 | white-space: nowrap; | 180 | white-space: nowrap; |
181 | display: inline; | 181 | display: inline; |
182 | } | 182 | } |
183 | ul.sourcebrowser li.file a { | 183 | ul.sourcebrowser li.file a { |
184 | border: 1px solid gray; | 184 | border: 1px solid gray; |
185 | padding: 1px 0.5ex; | 185 | padding: 1px 0.5ex; |
186 | text-decoration: none; | 186 | text-decoration: none; |
187 | font-family: monospace; | 187 | font-family: monospace; |
188 | } | 188 | } |
189 | ul.sourcebrowser li.file a:hover { | 189 | ul.sourcebrowser li.file a:hover { |
190 | background: gray; | 190 | background: gray; |
191 | border: 1px solid black; | 191 | border: 1px solid black; |
192 | color: white; | 192 | color: white; |
193 | } | 193 | } |
194 | 194 | ||
195 | div.prevnext { | 195 | div.prevnext { |
196 | margin: 1ex; | 196 | margin: 1ex; |
197 | } | 197 | } |
198 | div.prevnext a { | 198 | div.prevnext a { |
199 | margin: 0.5ex 1em; padding: 0.2ex 0.5ex; | 199 | margin: 0.5ex 1em; padding: 0.2ex 0.5ex; |
200 | display: block; width: 30%; | 200 | display: block; width: 30%; |
201 | border: solid 1px gray; | 201 | border: solid 1px gray; |
202 | color: black; | 202 | color: black; |
203 | text-decoration: none; | 203 | text-decoration: none; |
204 | } | 204 | } |
205 | div.prevnext a.prevnext-prev { | 205 | div.prevnext a.prevnext-prev { |
206 | float: left; | 206 | float: left; |
207 | text-align: left; | 207 | text-align: left; |
208 | } | 208 | } |
209 | div.prevnext a.prevnext-next { | 209 | div.prevnext a.prevnext-next { |
210 | float: right; | 210 | float: right; |
211 | text-align: right; | 211 | text-align: right; |
212 | } | 212 | } |
213 | div.prevnext a:hover { | 213 | div.prevnext a:hover { |
214 | background: gray; | 214 | background: gray; |
215 | border: black 1px solid; | 215 | border: black 1px solid; |
216 | color: white; | 216 | color: white; |
217 | text-decoration: none; | ||
217 | } | 218 | } |
218 | 219 | ||
219 | ul.quickref.toc { | 220 | ul.quickref.toc { |
220 | margin: 1em 20%; | 221 | margin: 1em 20%; |
221 | font-size: 90%; | 222 | font-size: 90%; |
222 | border: solid 1px gray; | 223 | border: solid 1px gray; |
223 | } | 224 | } |
224 | 225 | ||
225 | dl.quickref { | 226 | dl.quickref { |
226 | margin: 1ex 1em; | 227 | margin: 1ex 1em; |
228 | overflow: hidden; | ||
227 | } | 229 | } |
228 | dl.quickref dt { | 230 | dl.quickref dt { |
229 | margin: 0.4ex; | 231 | margin: 0.4ex; |
230 | padding: 2px 0.5ex; | 232 | padding: 2px 0.5ex; |
231 | background: #e0e0e0; | 233 | background: #e0e0e0; |
232 | display: compact; | 234 | display: compact; |
233 | } | 235 | } |
234 | dl.quickref dd { | 236 | dl.quickref dd { |
235 | margin: 0px 0.4ex 0.4ex 10%; | 237 | margin: 0px 0.4ex 0.4ex 10%; |
236 | padding: 0px; | 238 | padding: 0px; |
237 | border: 1px solid grey; | 239 | border: 1px solid gray; |
240 | overflow: hidden; | ||
238 | } | 241 | } |
239 | dl.quickref code kbd { | 242 | dl.quickref code kbd { |
240 | font-style: italic; | 243 | font-style: italic; |
241 | color: #0000c0; | 244 | color: #0000c0; |
242 | } | 245 | } |
243 | dl.quickref blockquote { | 246 | dl.quickref blockquote { |
244 | background: #ffffc0; | 247 | background: #ffffc0; |
245 | padding: 4px; | 248 | padding: 4px; |
246 | border: dotted 1px gray; | 249 | border: dotted 1px gray; |
247 | font-family: monospace; | 250 | font-family: monospace; |
251 | font-size: 90%; | ||
252 | overflow: hidden; | ||
248 | } | 253 | } |
249 | dl.quickref blockquote em { | 254 | dl.quickref blockquote em { |
250 | display: block; | 255 | display: block; |
251 | font-family: inherit !important; | 256 | font-family: inherit !important; |
252 | font-size: inherit !important; | 257 | font-size: inherit !important; |
253 | font-weight: inherit !important; | 258 | font-weight: inherit !important; |
254 | font-style: inherit !important; | 259 | font-style: inherit !important; |
255 | background: #ffc0c0; | 260 | background: #ffc0c0; |
261 | overflow: hidden; | ||
256 | } | 262 | } |