author | Eugen Sawin <sawine@me73.com> |
Mon, 18 Jul 2011 01:56:34 +0200 | |
changeset 59 | 191e1954c5b6 |
parent 34 | 782ab301ce82 |
child 71 | bf0295436e1c |
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: 11px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, 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 margin-top: 100px;
244 padding-top: 100px;
245 }
246 #header img {
247 position: relative;
248 top: 90px;
249 left: 22px;
250 border: 0px;
251 }
253 #header p#intro {
254 position: absolute;
255 margin: 0;
256 padding: 0;
257 font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
258 font-weight: bold;
259 font-size: 16px;
260 line-height: 1.5em;
261 font-style: normal;
262 text-transform: none;
263 /*color: #6D7D2D;*/
264 color: #5ad715;
265 width: 400px;
267 /* change the values of top and left to adjust the position */
268 top: 145px;
269 left: 22px;
270 }
272 /* Navigation */
273 #nav {
274 position: absolute;
275 margin: 0;
276 padding: 0;
277 height: 50px;
278 left: 0px;
279 top: 30px;
280 }
281 #nav ul {
282 float: left;
283 list-style: none;
284 height: 50px;
285 margin: 0 0 0 10px;
286 padding: 0;
287 display: inline;
288 }
289 #nav ul li {
290 display: inline;
291 margin: 0;
292 padding: 0;
293 }
294 #nav ul li a {
295 float: left;
296 margin: 0;
297 padding: 0 12px;
298 font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
299 text-decoration: none;
300 color: #c95723;
301 text-transform: uppercase;
302 }
303 #nav ul li a:hover,
304 #nav ul li a:active {
305 color: #eee;
306 background: none;
307 border: none;
308 }
309 #nav ul li#current a {
310 color: #D33972;
311 }
313 #subnav{
314 position: absolute;
315 margin: 17px 280px;
316 padding: 0;
317 height: 50px;
318 left: 10px;
319 top: 30px;
320 }
322 #subnav ul {
323 float: left;
324 list-style: none;
325 height: 50px;
326 margin: 0 0 0 10px;
327 padding: 0;
328 display: inline;
329 }
330 #subnav ul li {
331 display: inline;
332 margin: 0;
333 padding: 0;
334 }
335 #subnav ul li a {
336 float: left;
337 margin: 0;
338 padding: 0 12px;
339 font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
340 text-decoration: none;
341 color: #5ad715;
342 text-transform: uppercase;
343 }
344 #subnav ul li a:hover,
345 #subnav ul li a:active {
346 color: #eee;
347 background: none;
348 border: none;
349 }
350 #subnav ul li#current a {
351 color: #D33972;
352 }
354 /* Main Column */
355 #main {
356 float: left;
357 width: 670px;
358 padding: 0;
359 margin: 0 0 0 2px;
360 display: inline;
361 }
362 #main h2 {
363 padding: 5px 22px;
364 margin: 15px 5px 0px 0px;
365 /*font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif; */
366 /*color: #45D5E6;
367 color: #00cccc;*/
368 color: #FFF;
369 }
370 #main h2 a {
371 /*color: #45D5E6;*/
372 color: #FFF;
373 text-decoration: none;
374 border: none;
375 }
376 #main ul li {
377 /*list-style-image: url(images/bullet.png);*/
378 list-style: disc;
379 }
381 /* Sidebar */
382 #sidebar {
383 float: right;
384 width: 300px;
385 padding: 0;
386 margin: 0px 18px 0 0;
387 display: inline;
388 color: #5D5D5D;
389 /*border: 4px solid #262626;*/
390 }
392 #random_quote {
393 color: #c95723;
394 font-style: italic;
395 }
397 #sidebar h3 {
398 /*padding: 5px 12px;
399 margin: 15px 5px 10px 0;
400 font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
401 color: #45D5E6;*/
402 /*border-bottom: 1px solid #121212; */
403 /*background-image: url(pattern.gif); */
404 }
405 #sidebar ul.sidemenu {
406 text-align: left;
407 margin: 20px 5px 20px 0px;
408 padding: 0;
409 /*border-top: 1px solid #111; */
410 }
411 #sidebar ul.sidemenu li {
412 list-style: none;
413 padding: 8px 10px;
414 margin: 0;
415 /*border-bottom: 1px solid #111;*/
416 }
417 * html body #sidebar ul.sidemenu li {
418 height: 1%;
419 }
420 #sidebar ul.sidemenu li a {
421 text-decoration: none;
422 border: none;
423 color: #666666;
424 font-weight: bold;
425 /*font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;*/
426 font-size: 9pt;
427 }
428 #sidebar ul.sidemenu li a span {
429 color: #444;
430 /*font-family: Georgia, 'Times New Roman', Times, serif;*/
431 font-style: italic;
432 font-weight: normal;
433 font-size: 8pt;
434 }
435 #sidebar ul.sidemenu li a:hover,
436 #sidebar ul.sidemenu li a:hover span {
437 color: #fff;
438 }
439 #sidebar ul.sidemenu ul { margin: 0 0 0 0px; padding: 0; }
440 #sidebar ul.sidemenu ul li { border: none; }
442 /* header quick search */
443 #sidebar form#quick-search {
444 padding: 0;
445 margin: 20px 0 35px 0;
446 border: none;
447 width: 290px; height: 33px;
448 /*background: url(header-search.gif) no-repeat; */
449 }
450 #sidebar form#quick-search p {
451 margin: 0;
452 padding: 0;
453 }
454 #sidebar form#quick-search input {
455 float: left;
456 border: none;
457 background: transparent;
458 color: #4E4E4E;
459 margin: 0;
460 }
461 #sidebar form#quick-search .tbox {
462 margin: 5px 0 0 0px;
463 width: 240px;
464 display: inline;
465 }
466 #search form#quick-search .btn{
467 width: 24px; height: 24px;
468 }
469 #sidebar form#quick-search label {
470 display: none;
471 }
473 /* footer */
474 #footer {
475 clear: both;
476 /*padding: 1em 0 2.5em 0;*/
477 background: #222222;
478 color: #4E4E4E;
479 width: 100%;
480 float: left;
481 }
482 #footer a {
483 color: #4E4E4E;
484 /*color: #0E909C;*/
485 border: none;
486 }
487 #footer a:hover {
488 color: #fafafa;
489 }
490 #footer .rssfeed {
491 background: url(images/rss.gif) no-repeat left 1px;
492 padding-left: 17px;
493 }
494 #footer-left {
495 float: left;
496 width: 70%;
497 }
498 #footer-right {
499 float: right;
500 width: 25%;
501 }
503 .download a
504 {
505 color: #5ad715;
506 }
508 /* postmeta */
509 .postmeta {
510 padding: 7px 5px;
511 margin: 5px 5px 5px 5px;
512 font-size: 1em;
513 color: #545454;
514 /*border: 1px solid #111; */
515 background: #222222;
516 }
517 .postmeta .date{ margin: 0 10px 0 5px; }
518 .postmeta a.comments { margin: 0 10px 0 5px; }
519 .postmeta a.readmore { margin: 0 10px 0 5px; }
521 .post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444; }
522 .post-info a, .post-info a:visited { color: #AE275A; }
524 /* alignment classes */
525 .float-left { float: left; }
526 .float-right { float: right; }
527 .align-left { text-align: left; }
528 .align-right { text-align: right; }
530 /* display and additional classes */
531 .no-border { border: none; }
532 .clearer { clear: both; }
533 .clear { display:inline-block; }
534 .clear:after {
535 display:block;
536 visibility:hidden;
537 clear:both;
538 height:0;
539 content: ".";
540 }