-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
95 lines (88 loc) · 5.71 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
* {padding:0; margin:0;}
html { display:block; height:100%; width:100%; background:url(images/htmlbg.jpg) repeat;
}
body { background:url(images/bodybg.jpg) repeat-x; font-family:Verdana, Geneva, sans-serif; font-size:0.88em;}
#wrap {background:url(images/wrapbg.jpg) no-repeat; width:960px; margin:auto; min-height:900px; margin-bottom:100px;}
#topbar {height:18px;}
#ribbon {height:102px;}
#header {height:200px; background:#222326;}
#topnav {background:#111; height:50px; background:url(images/menubar.jpg) repeat-x; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}
.clear {clear:both;}
#content {background:#efefef;}
#left {width:650px; float:left; background:#fff;}
#sidebar {width:300px; float:right; background:#efefef;}
#left .container, #sidebar .container {padding:10px;}
h1#sitename {font: bold 2.00em 'American Typewriter', Georgia, sans-serif; color:#fff; text-shadow:#000 1px 1px 1px; display:block; padding:30px 0 0 0;}
#header ul, #sidebar ul {list-style:none; display:block;}
#topnav li { display:inline; text-shadow:#000 1px 1px 1px;}
#topnav li a {display:block; color:#ccc; text-decoration:none; height:35px; float:left; padding:15px 15px 0 15px;}
#topnav li a:visited, #topnav li a:active {color:#ccc; text-decoration:none;}
#topnav li a:hover {color:#fff; background:#000;}
#topnav li.current a {color:#fff; background:#000;}
#introtext p {font:italic 1.3em Georgia, "Times New Roman", Times, serif; color:#ccc; display:block; padding:10px 15px 0 15px; width:60%; float:left; line-height:1.4em;}
#introtext h2 {display:block; padding:10px 15px 0 15px; width:60%; float:left; font:bold italic 1.8em 'American Typewriter', Georgia, sans-serif; color:#fff; text-shadow:#000 1px 1px 1px;}
#introtext p span {background:#000;}
#content p {line-height:1.5em; margin-bottom:1.5em;}
.post {padding-bottom:15px; margin-bottom:15px; border-bottom:solid 3px #ccc; min-height: 175px;}
.post h2 {display:block; font: bold 1.8em 'American Typewriter', Georgia, sans-serif; color:#306; margin-bottom:15px;}
.postcontent {margin-left:110px;}
.postheader {width:100px; float:left;}
.postheader .postinfo {font-size:0.80em!important; width:90px; padding:5px; display:block;}
.postheader .postinfo span {display:block;}
a {color:#306; text-decoration: none;}
.postcontent p a {border-bottom: 1px dashed #306;}
a:visited, a:active {color:#306; text-decoration:none;}
.post a:hover {color:#000; background:#ffc; border: none;}
.postheader .date { width:80px; float:left; background:#ffffcc; padding:3px; margin-bottom:18px;}
.postheader .date .year {display:block; background:#306; padding:3px; font-size:0.8em; font-weight:bold; color:#fff; text-align:center;}
.postheader .date .day {display:block; text-align:center; padding:3px; font: bold 3.00em 'American Typewriter', Georgia, sans-serif;}
.postheader .date .month {display:block; font-size:0.75em; background:#000; color:#fff; text-align:center; padding:3px;}
.shadow {
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
box-shadow: 1px 1px 5px rgba(0,0,0,.3);
}
.readmore a {display:inline-block; background:#936; color:#fff; font:bold 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px; border:none;}
.readmore a:visited, .readmore a:active {display:inline-block; background:#936; color:#fff; font:bold 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px; border:none;}
#sidebar h2 {display:block; font: bold 1.8em 'American Typewriter', Georgia, sans-serif; color:#306; margin-bottom:15px;}
#sidebar .categories li {display:block; height:29px; border-bottom:solid 1px #ddd;}
#sidebar .categories li a {display:block; height:22px; padding:6px 10px 0 10px; color:#333;}
#sidebar .categories li a:visited, #sidebar .categories li a:active {display:block; height:22px; padding:6px 10px 0 10px; color:#333;}
#sidebar li a:hover {background:#fff; color:#000;}
#sidebar ul { margin:5px 10px 20px 0; background:#f4f4f4; }
#sidebar .latestposts li {display:block;border-bottom:solid 1px #ddd;}
#sidebar .latestposts li a {display:block; padding:6px 10px 6px 10px; color:#333;}
#sidebar .latestposts li a:visited, #sidebar .categories li a:active {display:block; height:22px; padding:6px 10px 0 10px; color:#333;}
.pagination {background:#f4f4f4; margin:10px;}
.pagination span a {display:block; font:bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding:5px;}
.leftalign {float:left;}
.rightalign {float:right;}
#footer {background:#222; padding:15px; text-align:center; color:#ccc;}
#footer a {color:#fff; text-decoration:none;}
#footer a:visited, #footer a:active {color:#fff;}
#footer a:hover {color:#fff; text-decoration:underline;}
#credits {font-size:0.82em;}
#footer p {margin-bottom:10px;}
.alignleft {float:left;}
.alignright {float:right;}
.formcontainer {padding:20px 20px 10px 0;}
.formcontainer form {padding:0 15px 0 35px;}
.formcontainer .field {padding:5px;}
.formcontainer label {display:block;}
.formcontainer input {display:block;}
.formcontainer textarea {display:block;}
input.txt {border: solid 1px #ccc; width:230px; padding:2px;}
textarea.txt {border: solid 1px #ccc; width:230px; padding:2px;}
#pagebottom {font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.alignleft {float:left;}
.alignright {float:right;}
img.alignleft {margin-right:10px;}
img.alignright {margin-left:10px;}
.post ul {list-style:none; margin-bottom:18px;}
.post ul li { display:block; padding:3px 10px 3px 20px; border-bottom:dashed 1px #cacaca;}
.post ol {
padding-left:30px;
}
.post ol li { padding:3px 10px 3px 0; }
blockquote {display:block; width:230px; float:right; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left:15px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; padding:10px;}
blockquote p {margin-bottom:10px!important; color:#000!important;}