summaryrefslogtreecommitdiff
path: root/themes/default/style.css
blob: 7e2f549357b51d47503b7bfd63889e62f568e0ba (plain)
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
/* global styles */
body { font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; text-align: left; }
div, h1, h2, h3, h4, h5 { padding: 0; margin: 0; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.3em; }
h3 { font-size: 0.9em; }
img { border: 0; }
p { font-size: 0.8em; }
pre { font-size: 0.7em; background-color: #ccc; padding: 15px 25px; }
pre, tt { font-family: Courier; }

/* page header */
#header { padding: .5em 0 1.5em 0; }
#header a { text-decoration: none; color: #aaa; }
#header h1 span { font-size: 0.5em; color: #ccc; }
#header h3 a:hover { color: #777; }

/* page content wrapper */
#wrapper { margin-left: 15%; margin-right: 10%; }

/* article wrapper */
#main { width: 65%; float: left; position: relative; }

/* admin functions */
#header #view { text-decoration: none; color: #777; }
#mod_story, #mod_story_disabled { font-size: 1.3em; font-weight: bold; }
#mod_user, #mod_date { font-size: 1.1em; font-weight: bold; }
#mod_story_disabled { color: #999; }
#preview { padding: 3% 5%; margin: 0 30% 10% 0; background-color: #fff; border: 1px dotted black; }
#preview h2 { color: #a14732; }
#preview div a { color: #a14732; text-decoration: none; border-bottom: 1px dashed; }
#preview ul { padding: 0; list-style: none; }

/* article display */
.article { width: 100%; padding: 4% 0; }
.article h2 { border-bottom: 1px solid #ccc; }
.article h2 a { text-decoration: none; }
.article h2 a, a#mod_story { color: #a14732; }
.article h3 { margin: 18px 0 10px 0; }
.article h3 span { font-size: 0.9em; color: #999; }
.article h3 span a { text-decoration: none; font-weight: normal; color: #09c; border-bottom: 1px dashed; }
.article div a { color: #a14732; text-decoration: none; border-bottom: 1px dashed; }
.article ul { padding: 0; list-style: none; }
.article ul li.comments_count { width: 20%; float: left; }
.article ul li.tags { width: 80%; float: right; text-align: right; }
.article ul li span, .tags span { font-size: 0.7em; }
.article ul li a, .tags span a { color: #09c; }
.article .comments h4 { padding-top: 30px; }
.article .comments h5 { font-size: 0.8em; font-weight: normal; }
.article .comments h5 span { font-size: 1.0em; font-weight: bold; }
.article .comments p { padding: 0 0 18px 10px; }
.article .tags span a { text-decoration: none; border-bottom: 1px dashed; }

/* sidebar archive/rss styles */
#sidebar { float: left; clear: none; position: relative; width: 30%; padding: 2% 0 0 5%; font-size: 0.8em; }
#sidebar h3 { font-size: 1.4em; color: #777; padding: 4px 0 17px 0; }
#sidebar h3 { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
#sidebar ul { list-style: none; padding: 0; margin: 0; }
#sidebar li span { color: #777; padding-left: 5px; }
#sidebar a { color: #c66; text-decoration: none; font-weight: bold; }
#sidebar ul li ul { padding-left: 20px; }
#sidebar #tagcloud h3, #feeds h3 { padding-top: 30px; }
#sidebar #feeds img { padding-right: 7px; }

/* tag cloud */
#tagcloud li { display: inline; }
#tagcloud .tagcloud_0 a { font-size: 1.0em; color: #8ea0d2; }
#tagcloud .tagcloud_1 a { font-size: 1.2em; color: #7c91cb; }
#tagcloud .tagcloud_2 a { font-size: 1.5em; color: #6981c3; }
#tagcloud .tagcloud_3 a { font-size: 1.8em; color: #5772bc; }
#tagcloud .tagcloud_4 a { font-size: 2.1em; color: #4764b3; }
#tagcloud .tagcloud_5 a { font-size: 2.4em; color: #405aa0; }

/* footer styles */
#footer { padding-top: 5%; clear: both; text-align: center; }
#footer ul { list-style: none; padding: 0; margin: 0; }
#footer li { padding: 15px 0; font-size: 0.9em; color: #aaa; border-top: 1px solid; }
#footer ul li.lastpage { float: left; border: none; }
#footer ul li.nextpage { float: right; text-align: right; border: none; }
#footer a { font-size: 0.9em; text-decoration: none; color: #777; }
#footer a:hover { text-decoration: underline; color: #09c; }

/* messages and debugging */
h3.error { padding-top: 2%; font-size: 1.1em; color: #c00; }
h3.message { padding-top: 2%; font-size: 0.9em; color: #060; }
pre#dump { background-color: #fff; }