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