1 rizwank 1.1 body {
2 font-family: Georgia, Verdana, Lucida Sans Unicode, sans-serif;
3 margin-left:8%;
4 margin-right:8%;
5 color: black;
6 background: white;
7 font-size:14px;
8 }
9
10 p {
11 margin-top: 0px;
12 text-align: justify;
13 text-indent: 2em;
14 margin-top: 0;
15 margin-bottom: 0;
16 }
17
18 h1 {
19 font-family: Garamond, "Times New Roman", serif;
20 font-size: 200%;
21 margin-left: -6%;
22 rizwank 1.1 }
23
24 h2 {
25 font-family: Garamond, "Times New Roman", serif;
26 font-size: 200%;
27 text-transform: lowercase;
28 margin-left: -4%;
29 }
30
31 h3 {
32 font-family: Garamond, "Times New Roman", serif;
33 font-size: 150%;
34 text-transform: lowercase;
35 margin-left: -4%;
36 }
37
38 /*
39 h3 {
40 font: italic normal 12pt georgia;
41 letter-spacing: 1px;
42 margin-bottom: 0px;
43 rizwank 1.1 color: #7D775C;
44 } */
45
46 a {
47 font-family: verdana, arial, sans-serif;
48 color: #003366;
49 }
50 a:link {
51 /* padding-right: 13px;
52 background: url(/outlink.gif) no-repeat right; */
53 /* border-bottom: dotted 1px black; */
54 border-bottom: thin 1px black;
55 /*font-weight:bold; */
56 }
57 a:visited {
58 color: #748D7C;
59 font-weight:none;
60 }
61 a:hover {
62 color: #ff813e;
63 }
64 rizwank 1.1
65 pre {
66 font-family: monospace;
67 background: #d7e3d4;
68 white-space: pre;
69 }
70
71
72 em { font-style: italic; font-weight: bold; }
73 strong { text-transform: uppercase; font-weight: bold; }
74
75 ul {
76 margin: 0px;
77 padding: 0px;
78 }
79 li {
80 display: block;
81 padding-left: 10px;
82 margin-bottom: 5px;
83 }
84 ul li ul {
85 rizwank 1.1 margin: 2px;
86 padding: 0px;
87 }
88 li ul li{
89 font-size: 80%;
90 padding-left: 10px;
91 margin-bottom: 2px;
92 }
93
94 div.intro {
95 background: rgb(204,204,255);
96 padding: 0.5em;
97 border: none;
98 margin-left: -6%;
99 }
100 div.quote {
101 background: rgb(255,190,170);
102 padding: 0.5em;
103 border: none;
104 margin-left: -6%;
105 font: italic normal 10pt Georgia, Verdana, Lucida Sans Unicode, sans-serif;
106 rizwank 1.1 letter-spacing: 1px;
107 margin-bottom: 0px;
108 color: #7D775C;
109 }
110
111 div.box {
112 border: solid;
113 border-width: thin;
114 width: 100%;
115 padding: 0.5em;
116 margin-left: -6%;
117 }
118
119 p.changed {
120 padding-left: 0.2em;
121 border-left: solid;
122 border-right: none;
123 border-top: none;
124 border-bottom: none;
125 border-left-width: thin;
126 border-color: red;
127 rizwank 1.1 }
128
129 #footer {
130 text-align: center;
131 }
132 #footer a:link, #footer a:visited {
133 font-family: verdana, arial, sans-serif;
134 color: #748D7C;
135 font-weight:none;
136 }
137
138 /*
139
140 line-height: 1ex;
141 list-style-type: none;
142 background: transparent url(cr1.gif) no-repeat top center;
143
144 padding-top: 100px;
145
146 }
147 li a:link {
148 rizwank 1.1 color: #988F5E;
149 }
150 li a:visited {
151 color: #B3AE94;
152 }
153
154
155
156
157
158
159 /*
160 a:link {
161 padding-right: 13px;
162 background: url(/outlink.gif) no-repeat right;
163 border-bottom:
164 dotted 1px black;
165 font-weight:bold;
166 }
167 a:visited {
168 color: #748D7C;
169 rizwank 1.1
170 }
171 a:hover {
172 color: #ff813e;
173 }
174
175
176 /*
177
178
179
180
181
182
183
184
185
186
187 font-weight:bold; }
188 p.margin {
189 border:1px solid #000000;
190 rizwank 1.1 padding: 5px;
191 margin-left: 1cm;
192 font-family: times;
193 font-size:12px;
194 }
195
196 .sidecolumnleft {
197 width:220px;
198 }
199 .sidecolumnright {
200 width:205px;
201 }
202 #banner {
203
204 color:#FFF;
205 font-size:24px;
206 font-weight:bold;
207 border:2px solid #ff813e;
208 background:#003366;
209 text-align:center;
210 width:350px;
211 rizwank 1.1 }
212
213 .description {
214 font-family:verdana, arial, sans-serif;
215 color:#FFF;
216 font-size:11px;
217 font-weight:bold;
218 background:#003366;
219 text-transform:none;
220 }
221
222 #content {
223 background:#999;
224 border:1px solid #ff813e;
225 padding-left:0px;
226 padding-right:0px;
227 width:100%
228 }
229
230 #container {
231 background:#FFF;
232 rizwank 1.1 border:1px solid #FFF;
233 }
234
235 .odd {
236 width:100%;
237 background:#888;
238 }
239
240 A.odd { color: #003366; font-family: verdana, arial, sans-serif; font-size:10px; text-decoration: none;
241
242 font-weight:bold; }
243 A.odd:link { color: #003366; text-decoration: none; padding-right: 13px; background:
244
245 url(http://www.geekymedia.com/outlink.gif) no-repeat right; border-bottom: dotted
246
247 1px black;
248 }
249 A.odd:visited { color: #003366; text-decoration: none; }
250 A.odd:active { color: #CCCCCC; text-decoration: none; }
251 A.odd:hover { color: #CCCCCC; text-decoration: none; }
252
253 rizwank 1.1 .even {
254 width:100%;
255 background:#999;
256 }
257
258 A.even { color: #003366; font-family: verdana, arial, sans-serif; font-size:10px; text-decoration: none;
259
260 font-weight:bold; }
261 A.even:link { color: #003366; text-decoration: none; padding-right: 13px; background:
262
263 url(http://www.geekymedia.com/outlink.gif) no-repeat right; border-bottom: dotted
264
265 1px black;}
266 A.even:visited { color: #003366; text-decoration: none; }
267 A.even:active { color: #CCCCCC; text-decoration: none; }
268 A.even:hover { color: #CCCCCC; text-decoration: none; }
269
270
271 .links {
272 border:1px solid #FFF;
273 margin-bottom:3px;
274 rizwank 1.1 }
275
276 .blogtable {
277 height:100%;
278 background:#FFF;
279 border:1px solid #000;
280 }
281 .linkimage {
282 border:0px;
283 }
284 .blog {
285 padding:15px;
286 font-family:georgia, verdana, arial, sans-serif;
287 color:#666;
288 font-size:11px;
289 font-weight:normal;
290 background:#FFF;
291 line-height:16px;
292 }
293 .blogquote {
294 padding-left:10px;
295 rizwank 1.1 padding-top:10px;
296 padding-bottom:10px;
297 padding-right:10px;
298 margin-left: 35px;
299 margin-bottom: 10px;
300 font-family:georgia, verdana, arial, sans-serif;
301 color:#FFF;
302 font-size:11px;
303 font-weight:normal;
304 background:#999;
305 line-height:16px;
306 border:1px solid #000;
307 }
308
309 .blog-image {
310 background:#FFF;
311 text-align:center;
312 }
313
314 .thumbnail {
315 background:#FFF;
316 rizwank 1.1 }
317
318
319 .comment-body{
320 padding:15px;
321 background:#FFF;
322 border:1px solid #000;
323 margin:15px;
324 }
325
326 .title {
327 font-family:Lucida Sans Unicode, sans-serif;
328 font-size: 11px;
329 color: #000000;
330 text-transform:uppercase;
331 FONT-STYLE: normal;
332 FONT-VARIANT: normal
333 }
334
335 .header {
336 font-family: verdana, arial, sans-serif;
337 rizwank 1.1 font-size: 11px;
338 color: #000000;
339 }
340
341 #menu {
342 margin-bottom:15px;
343 background:#FFF;
344 text-align:center;
345 }
346
347 .date {
348 font-family:georgia, verdana, arial, sans-serif;
349 font-size: 11px;
350 color: #666;
351 border-bottom:1px solid #999;
352 margin-bottom:10px;
353 font-weight:bold;
354 }
355
356 .posted {
357 font-family:verdana, arial, sans-serif;
358 rizwank 1.1 font-size: 11px;
359 color: #000000;
360 margin-bottom:25px;
361 }
362 .calendar {
363 font-family:verdana, arial, sans-serif;
364 color:#FFF;
365 font-size:10px;
366 font-weight:normal;
367 background:#888;
368 line-height:14px;
369 padding:1px;
370 text-align:center;
371 }
372
373 .calendarhead {
374 font-family:verdana, arial, sans-serif;
375 color:#FFF;
376 font-size:11px;
377 font-weight:bold;
378 background:#888;
379 rizwank 1.1 line-height:14px;
380 padding:1px;
381 }
382 .side
383 {
384 padding-right:2px;
385 padding-left:2px;
386 font-weight:Normal;
387 font-size:11px;
388 background:#888;
389 padding-bottom:2px;
390 line-height:14px;
391 padding-top:2px;
392 font-family:Verdana, Arial, Sans-Serif;
393 }
394 .sidetitle
395 {
396 padding-right:2px;
397 padding-left:2px;
398 font-weight:Bold;
399 font-size:11px;
400 rizwank 1.1 background:#999;
401 padding-bottom:2px;
402 text-transform:Uppercase;
403 line-height:14px;
404 padding-top:2px;
405 font-family:Georgia, Verdana, Arial, Sans-Serif;
406 letter-spacing:0.2em;
407 text-align:Center;
408 }
409
410 .syndicate {
411 font-family:verdana, arial, sans-serif;
412 font-size:9px;
413 font-weight:bold;
414 line-height:14px;
415 padding:2px;
416 margin-top:10px;
417 text-align:center;
418 background:#CCC;
419 }
420
421 rizwank 1.1 #powered {
422 font-family:verdana, arial, sans-serif;
423 color:#FFF;
424 font-size:9px;
425 font-weight:bold;
426 line-height:14px;
427 text-transform:uppercase;
428 padding:2px;
429 margin-top:10px;
430 text-align:center;
431 letter-spacing: .2em;
432 background:#666;
433 }
434
435
436 .comments-body {
437 font-family:georgia, verdana, arial, sans-serif;
438 color:#666;
439 font-size:11px;
440 font-weight:normal;
441 background:#FFF;
442 rizwank 1.1 line-height:14px;
443 padding-bottom:10px;
444 padding-top:10px;
445 }
446
447 .comments-post {
448 font-family:verdana, arial, sans-serif;
449 color:#666;
450 font-size:9px;
451 font-weight:normal;
452 background:#FFF;
453 }
454
455
456 .trackback-url {
457 font-family:georgia, verdana, arial, sans-serif;
458 color:#666;
459 font-size:11px;
460 font-weight:normal;
461 background:#FFF;
462 line-height:14px;
463 rizwank 1.1 padding:5px;
464 border:1px dotted #999;
465 }
466
467
468 .trackback-body {
469 font-family:georgia, verdana, arial, sans-serif;
470 color:#666;
471 font-size:11px;
472 font-weight:normal;
473 background:#FFF;
474 line-height:14px;
475 padding-bottom:10px;
476 padding-top:10px;
477 border-bottom:1px dotted #999;
478 }
479
480 .trackback-post {
481 font-family:verdana, arial, sans-serif;
482 color:#666;
483 font-size:9px;
484 rizwank 1.1 font-weight:normal;
485 background:#FFF;
486 }
487
488
489 .comments-head {
490 font-family:georgia, verdana, arial, sans-serif;
491 font-size: 11px;
492 color: #666;
493 border-bottom:1px solid #999;
494 margin-top:20px;
495 font-weight:bold;
496 background:#FFF;
497 }
498
499 #banner-commentspop {
500 font-family:georgia, verdana, arial, sans-serif;
501 color:#FFF;
502 font-size:18px;
503 font-weight:bold;
504 border-left:1px solid #FFF;
505 rizwank 1.1 border-right:1px solid #FFF;
506 border-top:1px solid #FFF;
507 background:#003366;
508 padding-left:15px;
509 padding-right:15px;
510 padding-top:5px;
511 padding-bottom:5px;
512 }
513 .newlink {
514 color:#FFF;
515 }
516
517 .l1 {
518 width:6px;
519 text-align:right;
520 }
521
522 .l2 {
523 width:16px;
524 text-align:right;
525 }
526 rizwank 1.1
527 .l3 {
528 width:26px;
529 text-align:right;
530 }
531 div.nicetitle {
532 position: absolute;
533 padding: 4px;
534 top: 0px;
535 left: 0px;
536 color:#FFF;
537 font-size: 13px;
538 font-family: Verdana, Helvetica, Arial, sans-serif;
539 width: 25em;
540 font-weight: bold;
541 background: url(ntbg.png);
542
543 /* Mozilla proprietary */
544 /* -moz-border-radius: 12px;
545 }
546 div.nicetitle p {
547 rizwank 1.1 margin: 0; padding: 0 3px;
548 }
549 div.nicetitle p.destination {
550 font-size: 9px;
551 text-align: left;
552 padding-top: 3px;
553 }
554
555 /* css Zen Garden default style v1.01 */
556 /* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */
557
558
559 /* This file based on 'Tranquille' by Dave Shea */
560 /* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
561 /* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */
562
563 /* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */
564
565
566 /* basic elements */
567
568 rizwank 1.1 /* specific divs */
569 /* #container {
570 background: url(zen-bg.jpg) no-repeat top left;
571 padding: 0px 175px 0px 110px;
572 margin: 0px;
573 }
574
575 #intro {
576 min-width: 470px;
577 }
578 #pageHeader {
579 margin-bottom: 20px;
580 }
581
582 /* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
583 /* #pageHeader h1 {
584 background: transparent url(h1.gif) no-repeat top left;
585 margin-top: 10px;
586 width: 219px;
587 height: 87px;
588 float: left;
589 rizwank 1.1 }
590 #pageHeader h1 span {
591 display:none
592 }
593 #pageHeader h2 {
594 background: transparent url(h2.gif) no-repeat top left;
595 margin-top: 58px;
596 margin-bottom: 40px;
597 width: 200px;
598 height: 18px;
599 float: right;
600 }
601 #pageHeader h2 span {
602 display:none;
603 }
604
605 #quickSummary {
606 clear:both;
607 margin: 20px 20px 20px 10px;
608 width: 160px;
609 float: left;
610 rizwank 1.1 }
611 #quickSummary p {
612 font: italic 10pt/22pt georgia;
613 text-align:center;
614 }
615
616 #preamble {
617 clear: right;
618 padding: 0px 10px 0px 10px;
619 }
620 #supportingText {
621 padding-left: 10px;
622 margin-bottom: 40px;
623 }
624
625
626
627 #linkList2 {
628 font: 10px verdana, sans-serif;
629 background: transparent url(paper-bg.jpg) top left repeat-y;
630 padding: 10px;
631 rizwank 1.1 margin-top: 150px;
632 width: 130px;
633 }
634 #linkList h3.select {
635 background: transparent url(h3.gif) no-repeat top left;
636 margin: 10px 0px 5px 0px;
637 width: 97px;
638 height: 16px;
639 }
640 #linkList h3.select span {
641 display:none
642 }
643 #linkList h3.favorites {
644 background: transparent url(h4.gif) no-repeat top left;
645 margin: 25px 0px 5px 0px;
646 width: 60px;
647 height: 18px;
648 }
649 #linkList h3.favorites span {
650 display:none
651 }
652 rizwank 1.1 #linkList h3.archives {
653 background: transparent url(h5.gif) no-repeat top left;
654 margin: 25px 0px 5px 0px;
655 width:57px;
656 height: 14px;
657 }
658 #linkList h3.archives span {
659 display:none
660 }
661 #linkList h3.resources {
662 background: transparent url(h6.gif) no-repeat top left;
663 margin: 25px 0px 5px 0px;
664 width:63px;
665 height: 10px;
666 }
667 #linkList h3.resources span {
668 display:none
669 }
670
671
672
673 rizwank 1.1
674
675
676 #extraDiv1 {
677 background: transparent url(cr2.gif) top left no-repeat;
678 position: absolute;
679 top: 40px;
680 right: 0px;
681 width: 148px;
682 height: 110px;
683 } */
|
Return to
styles-site.css
CVS log
Up to [RizwankCVS] / geekymedia_web