comparison css/screen.css @ 0:4d8c01a28dd0

Initial import
author Radomir Dopieralski <devel@sheep.art.pl>
date Wed, 14 May 2008 10:21:39 +0200
parents
children cd9d29ba6f08
comparison
equal deleted inserted replaced
-1:000000000000 0:4d8c01a28dd0
1 body, html {
2 margin: 0;
3 padding: 0;
4 }
5
6 body {
7 font-family: "DejaVu Sans", "Verdana", sans-serif;
8 background: #8ea33a url(back.png) repeat top left;
9 }
10
11 .cont1 {
12 margin: 0 auto;
13 padding: 0;
14 background: #8ea33a url(lshadow.png) repeat-y top left;
15 position: absolute;
16 left: 50%;
17 margin-left: -25em;
18 }
19
20 .cont2 {
21 background: url(rshadow.png) repeat-y top right #8ea33a;
22 margin: 0;
23 padding: 0;
24 padding-right: 32px;
25 margin-left: 32px;
26 }
27
28 .cont3 {
29 margin: 0;
30 padding: 0;
31 border-left: 1px solid #444;
32 border-right: 1px solid #444;
33 background: #fff;
34 width: 45em;
35 overflow: hidden;
36 }
37
38 .bar {
39 background: #bc8;
40 color: #000;
41 border: none;
42 border-bottom: 1px solid #790;
43 border-top: 1px solid #790;
44 padding: 0.5em;
45 }
46
47 .menu {
48 float: right;
49 overflow: hidden;
50 margin: 0;
51 background: #efb url(fade.png) bottom left repeat-x;
52 padding: 0 0.5em;
53 padding-bottom: 64px;
54 color: #790;
55 width: 9em;
56 margin-left: -10em;
57 margin-right: -1px;
58 position: relative;
59 }
60
61
62 .menu h1 {
63 font: inherit;
64 font-size: 1em;
65 margin: 0;
66 padding: 0;
67 color: #000;
68 margin-top: 1em;
69 }
70
71 .menu ul {
72 display: block;
73 margin: 0 1ex;
74 padding: 0;
75 }
76
77 .menu li {
78 list-style: none;
79 display: block;
80 margin: 0.25ex 0;
81 padding: 0;
82 }
83
84 .menu li.current {
85 font-weight: bold;
86 text-decoration: inherit;
87 }
88
89 .menu a, .menu a:link {
90 display: block;
91 color: #570;
92 font: inherit;
93 text-decoration: inherit;
94 }
95
96 .menu a:visited {
97 color: #8a2;
98 }
99
100 .menu a:hover, .menu a:link:hover, .menu a:visited:hover {
101 color: #000;
102 background: #de9;
103 text-decoration: inherit;
104 }
105
106 * html .menu a {
107 display: inline;
108 }
109
110 .menu a.status {
111 font-size: smaller;
112 padding-left: 1ex;
113 }
114 .menu .date {
115 font-style: italic;
116 font-size: smaller;
117 padding-left: 1ex;
118 }
119
120 .ranking {
121 font-size: smaller;
122 }
123
124 .footer {
125 clear: both;
126 background: #bc8;
127 padding: 0;
128 padding-bottom: 1em;
129 border-top: 1px solid #790;
130 margin: 0;
131 position: relative;
132 width: 100%;
133 background: #1f6a1a url(straw.png) repeat bottom right;
134 color: #fff;
135 }
136
137
138 .header {
139 height: 128px;
140 background: #1f6a1a url(straw.png) repeat top left;
141 color: #fff;
142 }
143
144 .wynik {
145 color: #666;
146 margin: 1em 0;
147 border-top: 2px dashed #ddd;
148 }
149
150 #rozwform, #przyklad {
151 margin: 0 -1em;
152 padding: 1em;
153 background: #fafff0 url(bshadow.png) bottom left repeat-x;
154 color: #563;
155 border-top: 1px solid #cda;
156 }
157
158 .content {
159 border-left: 1px solid #444;
160 position: relative;
161 right: 1px;
162 float: left;
163 padding: 0;
164 color: #444;
165 background: #fff url(bshadow.png) top left repeat-x;
166 overflow: hidden;
167 width: 35em;
168 margin-right: -1px;
169 }
170
171
172
173 #page { margin: 0; padding: 0; }
174
175 #content {
176 border-right: 1px solid #cda;
177 padding: 1em;
178 min-height: 36em;
179 }
180 * html #content { height: 36em; }
181
182 #content p {
183 margin: 0.4em 0;
184 padding: 0;
185 text-align: justify;
186 }
187
188 .content h1,
189 .content h2,
190 .content h3,
191 .content h4 {
192 font: inherit;
193 color: #790;
194 margin: 0.25em 0;
195 margin-top: 1em;
196 padding: 0;
197 }
198
199 .content h1 { font-size: 1.8em; font-weight: normal; }
200 .content h2 { font-size: 1.4em; font-weight: normal; }
201 .content h3 { font-size: 1em; font-weight: normal; }
202
203 /* MoinMoin stuff */
204
205
206 #credits { display: block; text-align: center; font-size: small; }
207 #credits li { display: inline; padding: 0 0.5ex; }
208
209 #username li { display: inline; margin: 0.5em; }
210 #username form { display: inline; }
211 #username { display: block; margin: 0.125em 0; text-align: right; font-size: small; }
212 #username input { display: inline; background: transparent; border: none; font-family: inherit; color: #fff; cursor: pointer; font-size: inherit; padding: 0; }
213 #username input:hover { text-decoration: underline; }
214
215 a { color: #fa0; text-decoration: none; }
216 a.nonexistent, a.badinterwiki { color: #a94; }
217 a:visited { color: #d80; }
218 a:visited:hover, a:hover { text-decoration: underline; }
219
220 .footer a { color:#fff; }
221
222 #pagetrail, .editbar { display: inline; padding: 0; margin: 0; }
223
224 #iconbar li, #iconbar li a, #pagetrail li { display: inline; padding: 0; margin: 0; }
225 #iconbar { display: block; float: right; margin: 8px; position: absolute; top:0; right: 0; background: #fff; }
226 #iconbar a:hover { background: none; }
227
228 #pagetrail li:after { content: " ยป "; }
229 * html #pagetrail li { margin-right: 1ex; }
230 #pagetrail li:last-child { font-weight: bold; }
231 #pagetrail li:last-child:after { content: ""; }
232 #pagetrail { font-size: small; }
233 .bar a, #pagetrail li a { color: #790; }
234
235 .codenumbers {
236 display: block;
237 float: right;
238 font-size: small;
239 }
240
241 #searchform {
242 margin: 0.5em auto;
243 padding: 0;
244 }
245
246 #searchform input {
247 width: 3.5em;
248 margin: 0;
249 padding: 0;
250 }
251
252 #searchform input#searchinput {
253 border: 1px solid #790;
254 background: #fff;
255 color: #000;
256 margin: 0.25em 0;
257 width: 8em;
258 cursor: text;
259 display: block;
260 }
261
262 .menu select {
263 border: 1px solid #790;
264 margin: 0.5em 0;
265 font-size: small;
266 width: 8em;
267 color: #790;
268 }
269 .menu label {
270 font-size: small;
271 }
272
273 .editor {
274 background-color: #bc8;
275 width: 100%;
276 }
277
278 .editor textarea {
279 display: block;
280 width: 90%;
281 margin: 0.5em auto;
282 }
283
284 span.anchor { position: absolute; }
285
286 #logo {
287 padding: 16px;
288 }
289
290 #logo img {
291 vertical-align: bottom;
292 }
293
294 #logo a {
295 color: #fff;
296 font-size: 32px;
297 font-weight: bold;
298 text-decoration: none;
299 font-family: verdana, sans-serif;
300 }
301
302 #content #content { border: none; padding: 0; margin: 0; min-height: 32em; }
303
304 #content li p { text-align: left; }