| author | Eugen Sawin <sawine@me73.com> |
| Thu, 27 May 2010 13:10:55 +0200 | |
| changeset 1 | 9141a1dbd3c9 |
| child 2 | 98e7c7074764 |
| 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: #7D7D7D;
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.8em;
53 /*color: #895F30;*/
54 color: #FFF;
55 padding: 20px 10px 5px 10px;
56 }
57 h3 {
59 font-size: 1.7em;
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 code {
112 margin: 5px 0;
113 padding: 15px;
114 text-align: left;
115 display: block;
116 overflow: auto;
117 font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
118 /* white-space: pre; */
119 background: #070707;
120 /*border: 1px solid #111; */
121 }
122 acronym {
123 cursor: help;
124 border-bottom: 1px dotted #5B5B5B;
125 }
126 blockquote {
127 margin: 15px 10px;
128 padding: 10px 10px 10px 35px;
129 background: #070707 url(quote.gif) no-repeat 10px 10px;
130 border: 1px solid #111;
131 font-weight: normal;
132 font-size: 17px;
133 line-height: 1.6em;
134 font-style: italic;
135 font-family: Georgia, 'Times New Roman', Times, serif;
136 color: #808080;
137 }
139 /* start - table */
140 table {
141 margin: 15px 0px;
142 border-collapse: collapse;
143 }
144 th {
145 color: #FAFAFA;
146 height: 38px;
147 padding-left: 0px;
148 padding-right: 12px;
149 text-align: left;
150 }
151 tr {
152 color: #5b5b5b;
153 height: 15px;
154 }
155 td {
156 padding-left: 0px;
157 padding-right: 12px;
158 }
159 /* end - table */
162 /* form elements */
163 form {
164 margin: 20px 10px;
165 padding: 15px 25px 25px 20px;
166 background: #070707;
167 /*border: 1px solid #111; */
168 }
169 form p {
170 /*border-bottom: 1px solid #101010;*/
171 padding: 12px 0 5px 0; margin: 0;
172 }
173 label {
174 font-weight: bold;
175 color: #FAFAFA;
176 }
177 input, select, textarea {
178 margin: 5px 0;
179 padding: 5px;
180 font: normal 1em Verdana, Tahoma, sans-serif;
181 color: #6A6969;
182 background: #0C0C0C;
183 /*border: 1px solid #1C1C1C;*/
184 }
185 option { padding-right: 0.5em; }
187 #name, #email, #message{
188 width: 480px;
189 }
190 input.button {
191 font: bold 12px Arial, Verdana, Sans-serif;
192 height: 30px;
193 padding: 2px 3px;
194 margin-top: 8px;
195 color: #48780E;
196 background: #000;
197 border-width: 1px;
198 border-style: solid;
199 border-color: #1B1B1B;
200 }
203 /* ------------------------------------------
204 LAYOUT
205 ------------------------------------------- */
206 #wrap {
207 width: 1020px;
208 margin: 0 auto;
209 text-align: left;
210 }
211 #content-wrap {
212 clear: both;
213 width: 1020px;
214 float: left;
215 padding-top: 15px;
216 padding-bottom: 50px;
217 }
218 #header {
219 position: relative;
220 width: 1020px;
221 height: 170px;
222 margin: 0;
223 padding: 0;
224 }
225 #header h1#logo-text a {
226 position: absolute;
227 margin: 0; padding: 0;
228 font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
229 letter-spacing: -1.5px;
230 color: #F8F8F8;
231 text-decoration: none;
232 text-transform: none;
234 /* change the values of top and left to adjust the position of the logo*/
235 top: 70px; left: 25px;
236 }
237 #header h1#logo-text a:hover {
238 background: none;
239 border: none;
240 }
241 #header p#intro {
242 position: absolute;
243 margin: 0;
244 padding: 0;
245 font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
246 font-weight: bold;
247 font-size: 16px;
248 line-height: 1.5em;
249 font-style: normal;
250 text-transform: none;
251 /*color: #6D7D2D;*/
252 color: #5ad715;
253 width: 400px;
255 /* change the values of top and left to adjust the position */
256 top: 140px;
257 left: 30px;
258 }
260 /* Navigation */
261 #nav {
262 position: absolute;
263 margin: 0;
264 padding: 0;
265 height: 50px;
266 left: 10px;
267 top: 30px;
268 }
269 #nav ul {
270 float: left;
271 list-style: none;
272 height: 50px;
273 margin: 0 0 0 10px;
274 padding: 0;
275 display: inline;
276 }
277 #nav ul li {
278 display: inline;
279 margin: 0;
280 padding: 0;
281 }
282 #nav ul li a {
283 float: left;
284 margin: 0;
285 padding: 0 12px;
286 font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
287 text-decoration: none;
288 color: #c95723;
289 text-transform: uppercase;
290 }
291 #nav ul li a:hover,
292 #nav ul li a:active {
293 color: #eee;
294 background: none;
295 border: none;
296 }
297 #nav ul li#current a {
298 color: #D33972;
299 }
301 #subnav{
302 position: absolute;
303 margin: 17px 280px;
304 padding: 0;
305 height: 50px;
306 left: 10px;
307 top: 30px;
308 }
310 #subnav ul {
311 float: left;
312 list-style: none;
313 height: 50px;
314 margin: 0 0 0 10px;
315 padding: 0;
316 display: inline;
317 }
318 #subnav ul li {
319 display: inline;
320 margin: 0;
321 padding: 0;
322 }
323 #subnav ul li a {
324 float: left;
325 margin: 0;
326 padding: 0 12px;
327 font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
328 text-decoration: none;
329 color: #5ad715;
330 text-transform: uppercase;
331 }
332 #subnav ul li a:hover,
333 #subnav ul li a:active {
334 color: #eee;
335 background: none;
336 border: none;
337 }
338 #subnav ul li#current a {
339 color: #D33972;
340 }
342 /* Main Column */
343 #main {
344 float: left;
345 width: 670px;
346 padding: 0;
347 margin: 0 0 0 10px;
348 display: inline;
349 }
350 #main h2 {
351 padding: 5px 12px;
352 margin: 15px 5px 0px 0px;
353 /*font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif; */
354 /*color: #45D5E6;
355 color: #00cccc;*/
356 color: #FFF;
357 }
358 #main h2 a {
359 /*color: #45D5E6;*/
360 color: #FFF;
361 text-decoration: none;
362 border: none;
363 }
364 #main ul li {
365 /*list-style-image: url(images/bullet.png);*/
366 list-style: disc;
367 }
369 /* Sidebar */
370 #sidebar {
371 float: right;
372 width: 300px;
373 padding: 0;
374 margin: 0px 18px 0 0;
375 display: inline;
376 color: #5D5D5D;
377 /*border: 4px solid #262626;*/
378 }
380 #random_quote {
381 font-style: italic;
382 }
384 #sidebar h3 {
385 /*padding: 5px 12px;
386 margin: 15px 5px 10px 0;
387 font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
388 color: #45D5E6;*/
389 /*border-bottom: 1px solid #121212; */
390 /*background-image: url(pattern.gif); */
391 }
392 #sidebar ul.sidemenu {
393 text-align: left;
394 margin: 20px 5px 20px 0px;
395 padding: 0;
396 /*border-top: 1px solid #111; */
397 }
398 #sidebar ul.sidemenu li {
399 list-style: none;
400 padding: 8px 10px;
401 margin: 0;
402 /*border-bottom: 1px solid #111;*/
403 }
404 * html body #sidebar ul.sidemenu li {
405 height: 1%;
406 }
407 #sidebar ul.sidemenu li a {
408 text-decoration: none;
409 border: none;
410 color: #666666;
411 font-weight: bold;
412 /*font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;*/
413 font-size: 9pt;
414 }
415 #sidebar ul.sidemenu li a span {
416 color: #444;
417 /*font-family: Georgia, 'Times New Roman', Times, serif;*/
418 font-style: italic;
419 font-weight: normal;
420 font-size: 8pt;
421 }
422 #sidebar ul.sidemenu li a:hover,
423 #sidebar ul.sidemenu li a:hover span {
424 color: #fff;
425 }
426 #sidebar ul.sidemenu ul { margin: 0 0 0 0px; padding: 0; }
427 #sidebar ul.sidemenu ul li { border: none; }
429 /* header quick search */
430 #sidebar form#quick-search {
431 padding: 0;
432 margin: 20px 0 35px 0;
433 border: none;
434 width: 290px; height: 33px;
435 /*background: url(header-search.gif) no-repeat; */
436 }
437 #sidebar form#quick-search p {
438 margin: 0;
439 padding: 0;
440 }
441 #sidebar form#quick-search input {
442 float: left;
443 border: none;
444 background: transparent;
445 color: #4E4E4E;
446 margin: 0;
447 }
448 #sidebar form#quick-search .tbox {
449 margin: 5px 0 0 0px;
450 width: 240px;
451 display: inline;
452 }
453 #search form#quick-search .btn{
454 width: 24px; height: 24px;
455 }
456 #sidebar form#quick-search label {
457 display: none;
458 }
460 /* footer */
461 #footer {
462 clear: both;
463 padding: 1em 0 2.5em 0;
464 background: #222222;
465 color: #4E4E4E;
466 width: 100%;
467 float: left;
468 }
469 #footer a {
470 color: #0E909C;
471 border: none;
472 }
473 #footer a:hover {
474 color: #fafafa;
475 }
476 #footer .rssfeed {
477 background: url(images/rss.gif) no-repeat left 1px;
478 padding-left: 17px;
479 }
480 #footer-left {
481 float: left;
482 width: 70%;
483 }
484 #footer-right {
485 float: right;
486 width: 25%;
487 }
489 .download a
490 {
491 color: #5ad715;
492 }
494 /* postmeta */
495 .postmeta {
496 padding: 7px 5px;
497 margin: 5px 5px 5px 5px;
498 font-size: 1em;
499 color: #545454;
500 /*border: 1px solid #111; */
501 background: #222222;
502 }
503 .postmeta .date{ margin: 0 10px 0 5px; }
504 .postmeta a.comments { margin: 0 10px 0 5px; }
505 .postmeta a.readmore { margin: 0 10px 0 5px; }
507 .post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444; }
508 .post-info a, .post-info a:visited { color: #AE275A; }
510 /* alignment classes */
511 .float-left { float: left; }
512 .float-right { float: right; }
513 .align-left { text-align: left; }
514 .align-right { text-align: right; }
516 /* display and additional classes */
517 .no-border { border: none; }
518 .clearer { clear: both; }
519 .clear { display:inline-block; }
520 .clear:after {
521 display:block;
522 visibility:hidden;
523 clear:both;
524 height:0;
525 content: ".";
526 }