sawine@73
|
1 |
/*
|
sawine@73
|
2 |
ME73.com stylesheet
|
sawine@73
|
3 |
Author: Eugen Sawin <sawine@me73.com>
|
sawine@73
|
4 |
*/
|
sawine@73
|
5 |
|
sawine@73
|
6 |
* { margin: 0; padding: 0; outline: 0 }
|
sawine@73
|
7 |
|
sawine@73
|
8 |
html { background: #222222; }
|
sawine@73
|
9 |
|
sawine@73
|
10 |
body {
|
sawine@73
|
11 |
/*font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;*/
|
sawine@73
|
12 |
font: 12px/1.4 Helvetica Neue, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
|
sawine@73
|
13 |
color: #8D8D8D;
|
sawine@73
|
14 |
margin: 0;
|
sawine@73
|
15 |
padding: 0;
|
sawine@73
|
16 |
background: #222222;
|
sawine@73
|
17 |
text-align: center;
|
sawine@73
|
18 |
}
|
sawine@73
|
19 |
|
sawine@73
|
20 |
/* Links */
|
sawine@73
|
21 |
a, a:visited {
|
sawine@73
|
22 |
text-decoration: none;
|
sawine@73
|
23 |
color: #DEDEDE;
|
sawine@73
|
24 |
}
|
sawine@73
|
25 |
a:hover {
|
sawine@73
|
26 |
color: #fff;
|
sawine@73
|
27 |
border-bottom: 1px dotted #438800;
|
sawine@73
|
28 |
}
|
sawine@73
|
29 |
|
sawine@73
|
30 |
/* headers */
|
sawine@73
|
31 |
h1, h2, h3, h4 {
|
sawine@73
|
32 |
/*font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif;*/
|
sawine@73
|
33 |
/*color: #0AEAEA;*/
|
sawine@73
|
34 |
color: #FFF;
|
sawine@73
|
35 |
}
|
sawine@73
|
36 |
h1 {
|
sawine@73
|
37 |
font-size: 3.1em;
|
sawine@73
|
38 |
letter-spacing: -2px;
|
sawine@73
|
39 |
padding: 15px 10px 5px 10px;
|
sawine@73
|
40 |
}
|
sawine@73
|
41 |
h2 {
|
sawine@73
|
42 |
font-size: 1.7em;
|
sawine@73
|
43 |
/*color: #895F30;*/
|
sawine@73
|
44 |
color: #FFF;
|
sawine@73
|
45 |
padding: 20px 10px 5px 10px;
|
sawine@73
|
46 |
}
|
sawine@73
|
47 |
h3 {
|
sawine@73
|
48 |
font-size: 1.6em;
|
sawine@73
|
49 |
font-weight: normal;
|
sawine@73
|
50 |
padding: 10px 10px 10px 5px;
|
sawine@73
|
51 |
}
|
sawine@73
|
52 |
|
sawine@73
|
53 |
h4 {
|
sawine@73
|
54 |
color: #AbAbAb;
|
sawine@73
|
55 |
font-size: 1.1em;
|
sawine@73
|
56 |
/*font-weight: bold;*/
|
sawine@73
|
57 |
padding: 10px 5px 0px 0px;
|
sawine@73
|
58 |
}
|
sawine@73
|
59 |
|
sawine@73
|
60 |
h5 {
|
sawine@73
|
61 |
font-size: 1.0em;
|
sawine@73
|
62 |
padding: 0px 0px 0px 0px;
|
sawine@73
|
63 |
}
|
sawine@73
|
64 |
|
sawine@73
|
65 |
p, dl {
|
sawine@73
|
66 |
padding: 5px 20px;
|
sawine@73
|
67 |
margin: 0;
|
sawine@73
|
68 |
}
|
sawine@73
|
69 |
|
sawine@73
|
70 |
ul, ol {
|
sawine@73
|
71 |
margin: 5px 20px;
|
sawine@73
|
72 |
padding: 0px 20px;
|
sawine@73
|
73 |
}
|
sawine@74
|
74 |
ul {
|
sawine@74
|
75 |
list-style-type: square;
|
sawine@74
|
76 |
}
|
sawine@73
|
77 |
|
sawine@73
|
78 |
dt {
|
sawine@73
|
79 |
/*font-weight: bold;*/
|
sawine@73
|
80 |
color: #FAFAFA;
|
sawine@73
|
81 |
}
|
sawine@73
|
82 |
dd {
|
sawine@73
|
83 |
padding-left: 25px;
|
sawine@73
|
84 |
}
|
sawine@73
|
85 |
|
sawine@73
|
86 |
/* images */
|
sawine@73
|
87 |
img {
|
sawine@73
|
88 |
background: #1B1B1B;
|
sawine@73
|
89 |
border: 4px solid #262626;
|
sawine@73
|
90 |
padding: 0px;
|
sawine@73
|
91 |
}
|
sawine@73
|
92 |
|
sawine@73
|
93 |
img.float-right {
|
sawine@73
|
94 |
margin: 5px 0px 5px 10px;
|
sawine@73
|
95 |
}
|
sawine@73
|
96 |
|
sawine@73
|
97 |
img.float-left {
|
sawine@73
|
98 |
margin: 5px 10px 5px 0px;
|
sawine@73
|
99 |
}
|
sawine@73
|
100 |
|
sawine@73
|
101 |
canvas {
|
sawine@73
|
102 |
border: 4px solid #262626;
|
sawine@73
|
103 |
}
|
sawine@73
|
104 |
|
sawine@73
|
105 |
code {
|
sawine@73
|
106 |
margin: 5px 0;
|
sawine@73
|
107 |
padding: 15px;
|
sawine@73
|
108 |
text-align: left;
|
sawine@73
|
109 |
display: block;
|
sawine@73
|
110 |
overflow: auto;
|
sawine@73
|
111 |
font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
|
sawine@73
|
112 |
/* white-space: pre; */
|
sawine@73
|
113 |
background: #070707;
|
sawine@73
|
114 |
/*border: 1px solid #111; */
|
sawine@73
|
115 |
}
|
sawine@73
|
116 |
acronym {
|
sawine@73
|
117 |
cursor: help;
|
sawine@73
|
118 |
border-bottom: 1px dotted #5B5B5B;
|
sawine@73
|
119 |
}
|
sawine@73
|
120 |
blockquote {
|
sawine@73
|
121 |
margin: 15px 10px;
|
sawine@73
|
122 |
padding: 10px 10px 10px 35px;
|
sawine@73
|
123 |
background: #070707 url(quote.gif) no-repeat 10px 10px;
|
sawine@73
|
124 |
border: 1px solid #111;
|
sawine@73
|
125 |
font-weight: normal;
|
sawine@73
|
126 |
font-size: 17px;
|
sawine@73
|
127 |
line-height: 1.6em;
|
sawine@73
|
128 |
font-style: italic;
|
sawine@73
|
129 |
font-family: Georgia, 'Times New Roman', Times, serif;
|
sawine@73
|
130 |
color: #808080;
|
sawine@73
|
131 |
}
|
sawine@73
|
132 |
|
sawine@73
|
133 |
/* start - table */
|
sawine@73
|
134 |
table {
|
sawine@73
|
135 |
margin: 15px 0px;
|
sawine@73
|
136 |
border-collapse: collapse;
|
sawine@73
|
137 |
}
|
sawine@73
|
138 |
th {
|
sawine@73
|
139 |
color: #FAFAFA;
|
sawine@73
|
140 |
height: 38px;
|
sawine@73
|
141 |
padding-left: 0px;
|
sawine@73
|
142 |
padding-right: 12px;
|
sawine@73
|
143 |
text-align: left;
|
sawine@73
|
144 |
}
|
sawine@73
|
145 |
tr {
|
sawine@73
|
146 |
color: #5b5b5b;
|
sawine@73
|
147 |
height: 15px;
|
sawine@73
|
148 |
}
|
sawine@73
|
149 |
td {
|
sawine@73
|
150 |
padding-left: 0px;
|
sawine@73
|
151 |
padding-right: 12px;
|
sawine@73
|
152 |
}
|
sawine@73
|
153 |
/* end - table */
|
sawine@73
|
154 |
|
sawine@73
|
155 |
|
sawine@73
|
156 |
/* form elements */
|
sawine@73
|
157 |
form {
|
sawine@73
|
158 |
margin: 20px 10px;
|
sawine@73
|
159 |
padding: 15px 25px 25px 20px;
|
sawine@73
|
160 |
background: #070707;
|
sawine@73
|
161 |
/*border: 1px solid #111; */
|
sawine@73
|
162 |
}
|
sawine@73
|
163 |
form p {
|
sawine@73
|
164 |
/*border-bottom: 1px solid #101010;*/
|
sawine@73
|
165 |
padding: 12px 0 5px 0; margin: 0;
|
sawine@73
|
166 |
}
|
sawine@73
|
167 |
label {
|
sawine@73
|
168 |
font-weight: bold;
|
sawine@73
|
169 |
color: #FAFAFA;
|
sawine@73
|
170 |
}
|
sawine@73
|
171 |
input, select, textarea {
|
sawine@73
|
172 |
margin: 5px 0;
|
sawine@73
|
173 |
padding: 5px;
|
sawine@73
|
174 |
font: normal 1em Verdana, Tahoma, sans-serif;
|
sawine@73
|
175 |
color: #6A6969;
|
sawine@73
|
176 |
background: #0C0C0C;
|
sawine@73
|
177 |
/*border: 1px solid #1C1C1C;*/
|
sawine@73
|
178 |
}
|
sawine@73
|
179 |
option { padding-right: 0.5em; }
|
sawine@73
|
180 |
|
sawine@73
|
181 |
#name, #email, #message{
|
sawine@73
|
182 |
width: 480px;
|
sawine@73
|
183 |
}
|
sawine@73
|
184 |
input.button {
|
sawine@73
|
185 |
font: bold 12px Arial, Verdana, Sans-serif;
|
sawine@73
|
186 |
height: 30px;
|
sawine@73
|
187 |
padding: 2px 3px;
|
sawine@73
|
188 |
margin-top: 8px;
|
sawine@73
|
189 |
color: #48780E;
|
sawine@73
|
190 |
background: #000;
|
sawine@73
|
191 |
border-width: 1px;
|
sawine@73
|
192 |
border-style: solid;
|
sawine@73
|
193 |
border-color: #1B1B1B;
|
sawine@73
|
194 |
}
|
sawine@73
|
195 |
|
sawine@73
|
196 |
|
sawine@73
|
197 |
/* ------------------------------------------
|
sawine@73
|
198 |
LAYOUT
|
sawine@73
|
199 |
------------------------------------------- */
|
sawine@80
|
200 |
#logo {
|
sawine@80
|
201 |
border-style: none;
|
sawine@80
|
202 |
position: relative;
|
sawine@80
|
203 |
margin: 0;
|
sawine@80
|
204 |
padding: 0;
|
sawine@80
|
205 |
color: #F8F8F8;
|
sawine@80
|
206 |
/* change the values of top and left to adjust the position of the logo*/
|
sawine@80
|
207 |
top: 20px;
|
sawine@80
|
208 |
left: 25px;
|
sawine@80
|
209 |
height: 100px;
|
sawine@80
|
210 |
width: 670px;
|
sawine@82
|
211 |
}
|
sawine@82
|
212 |
|
sawine@82
|
213 |
#gameoflife {
|
sawine@82
|
214 |
background: black;
|
sawine@80
|
215 |
}
|
sawine@80
|
216 |
|
sawine@82
|
217 |
#sim {
|
sawine@80
|
218 |
border-style: none;
|
sawine@80
|
219 |
position: relative;
|
sawine@80
|
220 |
margin: 0;
|
sawine@80
|
221 |
padding: 0;
|
sawine@80
|
222 |
color: #F8F8F8;
|
sawine@80
|
223 |
/* change the values of top and left to adjust the position of the logo*/
|
sawine@80
|
224 |
top: 20px;
|
sawine@80
|
225 |
left: 25px;
|
sawine@80
|
226 |
height: 50px;
|
sawine@80
|
227 |
width: 670px;
|
sawine@80
|
228 |
}
|
sawine@80
|
229 |
|
sawine@73
|
230 |
#wrap {
|
sawine@73
|
231 |
position: relative;
|
sawine@73
|
232 |
width: 1020px;
|
sawine@73
|
233 |
margin: 0 auto;
|
sawine@73
|
234 |
text-align: left;
|
sawine@73
|
235 |
}
|
sawine@73
|
236 |
#content-wrap {
|
sawine@73
|
237 |
clear: both;
|
sawine@73
|
238 |
width: 1020px;
|
sawine@73
|
239 |
float: left;
|
sawine@73
|
240 |
padding-top: 15px;
|
sawine@73
|
241 |
padding-bottom: 50px;
|
sawine@73
|
242 |
}
|
sawine@73
|
243 |
#header {
|
sawine@73
|
244 |
position: relative;
|
sawine@73
|
245 |
width: 1020px;
|
sawine@80
|
246 |
height: 170px;
|
sawine@73
|
247 |
margin: 0;
|
sawine@80
|
248 |
padding: 0;
|
sawine@73
|
249 |
}
|
sawine@73
|
250 |
#header h1#logo-text a {
|
sawine@73
|
251 |
position: absolute;
|
sawine@73
|
252 |
margin: 0; padding: 0;
|
sawine@73
|
253 |
font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
|
sawine@73
|
254 |
letter-spacing: -1.5px;
|
sawine@73
|
255 |
color: #F8F8F8;
|
sawine@73
|
256 |
text-decoration: none;
|
sawine@73
|
257 |
text-transform: none;
|
sawine@73
|
258 |
|
sawine@73
|
259 |
/* change the values of top and left to adjust the position of the logo*/
|
sawine@73
|
260 |
top: 70px; left: 30px;
|
sawine@73
|
261 |
}
|
sawine@73
|
262 |
#header h1#logo-text a:hover {
|
sawine@73
|
263 |
background: none;
|
sawine@73
|
264 |
margin-top: 100px;
|
sawine@73
|
265 |
padding-top: 100px;
|
sawine@73
|
266 |
}
|
sawine@73
|
267 |
#header img {
|
sawine@73
|
268 |
position: relative;
|
sawine@73
|
269 |
top: 90px;
|
sawine@73
|
270 |
left: 22px;
|
sawine@73
|
271 |
border: 0px;
|
sawine@73
|
272 |
}
|
sawine@73
|
273 |
|
sawine@73
|
274 |
#header p#intro {
|
sawine@73
|
275 |
position: absolute;
|
sawine@73
|
276 |
margin: 0;
|
sawine@73
|
277 |
padding: 0;
|
sawine@73
|
278 |
font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
|
sawine@73
|
279 |
font-weight: bold;
|
sawine@73
|
280 |
font-size: 16px;
|
sawine@73
|
281 |
line-height: 1.5em;
|
sawine@73
|
282 |
font-style: normal;
|
sawine@73
|
283 |
text-transform: none;
|
sawine@73
|
284 |
/*color: #6D7D2D;*/
|
sawine@73
|
285 |
color: #5ad715;
|
sawine@73
|
286 |
width: 400px;
|
sawine@73
|
287 |
|
sawine@73
|
288 |
/* change the values of top and left to adjust the position */
|
sawine@73
|
289 |
top: 145px;
|
sawine@73
|
290 |
left: 22px;
|
sawine@73
|
291 |
}
|
sawine@73
|
292 |
|
sawine@73
|
293 |
/* Navigation */
|
sawine@73
|
294 |
#nav {
|
sawine@73
|
295 |
position: absolute;
|
sawine@73
|
296 |
margin: 0;
|
sawine@73
|
297 |
padding: 0;
|
sawine@73
|
298 |
height: 50px;
|
sawine@73
|
299 |
left: 0px;
|
sawine@73
|
300 |
top: 30px;
|
sawine@73
|
301 |
}
|
sawine@73
|
302 |
#nav ul {
|
sawine@73
|
303 |
float: left;
|
sawine@74
|
304 |
|
sawine@73
|
305 |
height: 50px;
|
sawine@73
|
306 |
margin: 0 0 0 10px;
|
sawine@73
|
307 |
padding: 0;
|
sawine@73
|
308 |
display: inline;
|
sawine@73
|
309 |
}
|
sawine@73
|
310 |
#nav ul li {
|
sawine@73
|
311 |
display: inline;
|
sawine@73
|
312 |
margin: 0;
|
sawine@73
|
313 |
padding: 0;
|
sawine@73
|
314 |
}
|
sawine@73
|
315 |
#nav ul li a {
|
sawine@73
|
316 |
float: left;
|
sawine@73
|
317 |
margin: 0;
|
sawine@73
|
318 |
padding: 0 12px;
|
sawine@73
|
319 |
font-weight: bold;
|
sawine@73
|
320 |
font-size: 1.25em;
|
sawine@73
|
321 |
text-decoration: none;
|
sawine@73
|
322 |
color: #c95723;
|
sawine@73
|
323 |
color: #999;
|
sawine@73
|
324 |
text-transform: uppercase;
|
sawine@73
|
325 |
}
|
sawine@73
|
326 |
#nav ul li a:hover,
|
sawine@73
|
327 |
#nav ul li a:active {
|
sawine@73
|
328 |
color: #eee;
|
sawine@73
|
329 |
background: none;
|
sawine@73
|
330 |
border: none;
|
sawine@73
|
331 |
}
|
sawine@73
|
332 |
#nav ul li#current a {
|
sawine@73
|
333 |
color: #D33972;
|
sawine@73
|
334 |
}
|
sawine@73
|
335 |
|
sawine@73
|
336 |
#subnav{
|
sawine@73
|
337 |
position: absolute;
|
sawine@73
|
338 |
margin: 17px 280px;
|
sawine@73
|
339 |
padding: 0;
|
sawine@73
|
340 |
height: 50px;
|
sawine@73
|
341 |
left: 10px;
|
sawine@73
|
342 |
top: 30px;
|
sawine@73
|
343 |
}
|
sawine@73
|
344 |
|
sawine@73
|
345 |
#subnav ul {
|
sawine@73
|
346 |
float: left;
|
sawine@74
|
347 |
|
sawine@73
|
348 |
height: 50px;
|
sawine@73
|
349 |
margin: 0 0 0 10px;
|
sawine@73
|
350 |
padding: 0;
|
sawine@73
|
351 |
display: inline;
|
sawine@73
|
352 |
}
|
sawine@73
|
353 |
#subnav ul li {
|
sawine@73
|
354 |
display: inline;
|
sawine@73
|
355 |
margin: 0;
|
sawine@73
|
356 |
padding: 0;
|
sawine@73
|
357 |
}
|
sawine@73
|
358 |
#subnav ul li a {
|
sawine@73
|
359 |
float: left;
|
sawine@73
|
360 |
margin: 0;
|
sawine@73
|
361 |
padding: 0 12px;
|
sawine@73
|
362 |
font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
|
sawine@73
|
363 |
text-decoration: none;
|
sawine@73
|
364 |
color: #5ad715;
|
sawine@73
|
365 |
text-transform: uppercase;
|
sawine@73
|
366 |
}
|
sawine@73
|
367 |
#subnav ul li a:hover,
|
sawine@73
|
368 |
#subnav ul li a:active {
|
sawine@73
|
369 |
color: #eee;
|
sawine@73
|
370 |
background: none;
|
sawine@73
|
371 |
border: none;
|
sawine@73
|
372 |
}
|
sawine@73
|
373 |
#subnav ul li#current a {
|
sawine@73
|
374 |
color: #D33972;
|
sawine@73
|
375 |
}
|
sawine@73
|
376 |
|
sawine@73
|
377 |
/* Main Column */
|
sawine@73
|
378 |
#main {
|
sawine@73
|
379 |
float: left;
|
sawine@73
|
380 |
width: 670px;
|
sawine@73
|
381 |
padding: 0;
|
sawine@73
|
382 |
margin: 0 0 0 2px;
|
sawine@73
|
383 |
display: inline;
|
sawine@73
|
384 |
}
|
sawine@73
|
385 |
#main h2 {
|
sawine@73
|
386 |
padding: 5px 22px;
|
sawine@73
|
387 |
margin: 15px 5px 0px 0px;
|
sawine@73
|
388 |
/*font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif; */
|
sawine@73
|
389 |
/*color: #45D5E6;
|
sawine@73
|
390 |
color: #00cccc;*/
|
sawine@73
|
391 |
color: #FFF;
|
sawine@73
|
392 |
}
|
sawine@73
|
393 |
#main h2 a {
|
sawine@73
|
394 |
/*color: #45D5E6;*/
|
sawine@73
|
395 |
color: #FFF;
|
sawine@73
|
396 |
text-decoration: none;
|
sawine@73
|
397 |
border: none;
|
sawine@73
|
398 |
}
|
sawine@73
|
399 |
#main ul li {
|
sawine@73
|
400 |
/*list-style-image: url(images/bullet.png);*/
|
sawine@74
|
401 |
list-style-type: square;
|
sawine@73
|
402 |
}
|
sawine@73
|
403 |
|
sawine@73
|
404 |
/* Sidebar */
|
sawine@73
|
405 |
#sidebar {
|
sawine@73
|
406 |
float: right;
|
sawine@111
|
407 |
width: 250px;
|
sawine@73
|
408 |
padding: 0;
|
sawine@73
|
409 |
margin: 0px 18px 0 0;
|
sawine@73
|
410 |
display: inline;
|
sawine@73
|
411 |
color: #5D5D5D;
|
sawine@73
|
412 |
/*border: 4px solid #262626;*/
|
sawine@73
|
413 |
}
|
sawine@73
|
414 |
|
sawine@80
|
415 |
#sidebar a {
|
sawine@80
|
416 |
display: inline-block;
|
sawine@80
|
417 |
border: 4px solid #262626;
|
sawine@109
|
418 |
margin-left: 18px;
|
sawine@109
|
419 |
margin-top: 5px;
|
sawine@80
|
420 |
background-image: url(images/me2.png);
|
sawine@80
|
421 |
height: 64px;
|
sawine@109
|
422 |
width: 64px;
|
sawine@109
|
423 |
color: #5D5D5D;
|
sawine@80
|
424 |
}
|
sawine@80
|
425 |
|
sawine@80
|
426 |
#sidebar a:hover {
|
sawine@80
|
427 |
background-image: url(images/me.png);
|
sawine@109
|
428 |
color: #eee;
|
sawine@80
|
429 |
}
|
sawine@80
|
430 |
|
sawine@109
|
431 |
#sidebar p {
|
sawine@109
|
432 |
margin: 0px 18px 0 0;
|
sawine@109
|
433 |
padding-top: 0px;
|
sawine@109
|
434 |
padding-left: 74px;
|
sawine@111
|
435 |
width: 250px;
|
sawine@109
|
436 |
}
|
sawine@109
|
437 |
|
sawine@109
|
438 |
#random_quote {
|
sawine@109
|
439 |
position: relative;
|
sawine@109
|
440 |
left: -74px;
|
sawine@109
|
441 |
margin-top: 5px;
|
sawine@73
|
442 |
color: #c95723;
|
sawine@73
|
443 |
font-style: italic;
|
sawine@73
|
444 |
}
|
sawine@73
|
445 |
|
sawine@74
|
446 |
#sidebar h2 {
|
sawine@74
|
447 |
font-size: 2.3em;
|
sawine@74
|
448 |
color: black;
|
sawine@74
|
449 |
}
|
sawine@74
|
450 |
|
sawine@73
|
451 |
#sidebar h3 {
|
sawine@73
|
452 |
/*padding: 5px 12px;
|
sawine@73
|
453 |
margin: 15px 5px 10px 0;
|
sawine@73
|
454 |
font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
|
sawine@73
|
455 |
color: #45D5E6;*/
|
sawine@73
|
456 |
/*border-bottom: 1px solid #121212; */
|
sawine@73
|
457 |
/*background-image: url(pattern.gif); */
|
sawine@73
|
458 |
}
|
sawine@73
|
459 |
#sidebar ul.sidemenu {
|
sawine@73
|
460 |
text-align: left;
|
sawine@73
|
461 |
margin: 20px 5px 20px 0px;
|
sawine@73
|
462 |
padding: 0;
|
sawine@73
|
463 |
/*border-top: 1px solid #111; */
|
sawine@73
|
464 |
}
|
sawine@73
|
465 |
#sidebar ul.sidemenu li {
|
sawine@73
|
466 |
list-style: none;
|
sawine@73
|
467 |
padding: 8px 10px;
|
sawine@73
|
468 |
margin: 0;
|
sawine@73
|
469 |
/*border-bottom: 1px solid #111;*/
|
sawine@73
|
470 |
}
|
sawine@73
|
471 |
* html body #sidebar ul.sidemenu li {
|
sawine@73
|
472 |
height: 1%;
|
sawine@73
|
473 |
}
|
sawine@73
|
474 |
#sidebar ul.sidemenu li a {
|
sawine@73
|
475 |
text-decoration: none;
|
sawine@73
|
476 |
border: none;
|
sawine@73
|
477 |
color: #666666;
|
sawine@73
|
478 |
font-weight: bold;
|
sawine@73
|
479 |
/*font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;*/
|
sawine@73
|
480 |
font-size: 9pt;
|
sawine@73
|
481 |
}
|
sawine@73
|
482 |
#sidebar ul.sidemenu li a span {
|
sawine@73
|
483 |
color: #444;
|
sawine@73
|
484 |
/*font-family: Georgia, 'Times New Roman', Times, serif;*/
|
sawine@73
|
485 |
font-style: italic;
|
sawine@73
|
486 |
font-weight: normal;
|
sawine@73
|
487 |
font-size: 8pt;
|
sawine@73
|
488 |
}
|
sawine@73
|
489 |
#sidebar ul.sidemenu li a:hover,
|
sawine@73
|
490 |
#sidebar ul.sidemenu li a:hover span {
|
sawine@73
|
491 |
color: #fff;
|
sawine@73
|
492 |
}
|
sawine@73
|
493 |
#sidebar ul.sidemenu ul { margin: 0 0 0 0px; padding: 0; }
|
sawine@73
|
494 |
#sidebar ul.sidemenu ul li { border: none; }
|
sawine@73
|
495 |
|
sawine@73
|
496 |
/* header quick search */
|
sawine@73
|
497 |
#sidebar form#quick-search {
|
sawine@73
|
498 |
padding: 0;
|
sawine@73
|
499 |
margin: 20px 0 35px 0;
|
sawine@73
|
500 |
border: none;
|
sawine@73
|
501 |
width: 290px; height: 33px;
|
sawine@73
|
502 |
/*background: url(header-search.gif) no-repeat; */
|
sawine@73
|
503 |
}
|
sawine@73
|
504 |
#sidebar form#quick-search p {
|
sawine@73
|
505 |
margin: 0;
|
sawine@73
|
506 |
padding: 0;
|
sawine@73
|
507 |
}
|
sawine@73
|
508 |
#sidebar form#quick-search input {
|
sawine@73
|
509 |
float: left;
|
sawine@73
|
510 |
border: none;
|
sawine@73
|
511 |
background: transparent;
|
sawine@73
|
512 |
color: #4E4E4E;
|
sawine@73
|
513 |
margin: 0;
|
sawine@73
|
514 |
}
|
sawine@73
|
515 |
#sidebar form#quick-search .tbox {
|
sawine@73
|
516 |
margin: 5px 0 0 0px;
|
sawine@73
|
517 |
width: 240px;
|
sawine@73
|
518 |
display: inline;
|
sawine@73
|
519 |
}
|
sawine@73
|
520 |
#search form#quick-search .btn{
|
sawine@73
|
521 |
width: 24px; height: 24px;
|
sawine@73
|
522 |
}
|
sawine@73
|
523 |
#sidebar form#quick-search label {
|
sawine@73
|
524 |
display: none;
|
sawine@73
|
525 |
}
|
sawine@73
|
526 |
|
sawine@73
|
527 |
/* footer */
|
sawine@73
|
528 |
#footer {
|
sawine@73
|
529 |
clear: both;
|
sawine@73
|
530 |
/*padding: 1em 0 2.5em 0;*/
|
sawine@73
|
531 |
background: #222222;
|
sawine@73
|
532 |
color: #4E4E4E;
|
sawine@73
|
533 |
width: 100%;
|
sawine@73
|
534 |
float: left;
|
sawine@73
|
535 |
}
|
sawine@73
|
536 |
#footer a {
|
sawine@73
|
537 |
color: #4E4E4E;
|
sawine@73
|
538 |
/*color: #0E909C;*/
|
sawine@73
|
539 |
border: none;
|
sawine@73
|
540 |
}
|
sawine@73
|
541 |
#footer a:hover {
|
sawine@73
|
542 |
color: #fafafa;
|
sawine@73
|
543 |
}
|
sawine@73
|
544 |
#footer .rssfeed {
|
sawine@73
|
545 |
background: url(images/rss.gif) no-repeat left 1px;
|
sawine@73
|
546 |
padding-left: 17px;
|
sawine@73
|
547 |
}
|
sawine@73
|
548 |
#footer-left {
|
sawine@73
|
549 |
float: left;
|
sawine@73
|
550 |
width: 70%;
|
sawine@73
|
551 |
}
|
sawine@73
|
552 |
#footer-right {
|
sawine@73
|
553 |
float: right;
|
sawine@73
|
554 |
width: 25%;
|
sawine@73
|
555 |
}
|
sawine@73
|
556 |
|
sawine@73
|
557 |
.download a
|
sawine@73
|
558 |
{
|
sawine@73
|
559 |
color: #5ad715;
|
sawine@73
|
560 |
}
|
sawine@73
|
561 |
|
sawine@73
|
562 |
/* postmeta */
|
sawine@73
|
563 |
.postmeta {
|
sawine@73
|
564 |
padding: 7px 5px;
|
sawine@73
|
565 |
margin: 5px 5px 5px 5px;
|
sawine@73
|
566 |
font-size: 1em;
|
sawine@73
|
567 |
color: #545454;
|
sawine@73
|
568 |
/*border: 1px solid #111; */
|
sawine@73
|
569 |
background: #222222;
|
sawine@73
|
570 |
}
|
sawine@73
|
571 |
.postmeta .date{ margin: 0 10px 0 5px; }
|
sawine@73
|
572 |
.postmeta a.comments { margin: 0 10px 0 5px; }
|
sawine@73
|
573 |
.postmeta a.readmore { margin: 0 10px 0 5px; }
|
sawine@73
|
574 |
|
sawine@73
|
575 |
.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444; }
|
sawine@73
|
576 |
.post-info a, .post-info a:visited { color: #AE275A; }
|
sawine@73
|
577 |
|
sawine@73
|
578 |
/* alignment classes */
|
sawine@73
|
579 |
.float-left { float: left; }
|
sawine@73
|
580 |
.float-right { float: right; }
|
sawine@73
|
581 |
.align-left { text-align: left; }
|
sawine@73
|
582 |
.align-right { text-align: right; }
|
sawine@73
|
583 |
|
sawine@73
|
584 |
/* display and additional classes */
|
sawine@73
|
585 |
.no-border {
|
sawine@73
|
586 |
border: none;
|
sawine@73
|
587 |
}
|
sawine@73
|
588 |
|
sawine@73
|
589 |
.clearer {
|
sawine@73
|
590 |
clear: both;
|
sawine@73
|
591 |
}
|
sawine@73
|
592 |
|
sawine@73
|
593 |
.clear {
|
sawine@73
|
594 |
display:inline-block;
|
sawine@73
|
595 |
}
|
sawine@73
|
596 |
|
sawine@73
|
597 |
.clear:after {
|
sawine@73
|
598 |
display:block;
|
sawine@73
|
599 |
visibility:hidden;
|
sawine@73
|
600 |
clear:both;
|
sawine@73
|
601 |
height:0;
|
sawine@73
|
602 |
content: ".";
|
sawine@73
|
603 |
}
|
sawine@73
|
604 |
|
sawine@73
|
605 |
|