style.css - swerc - anselm's simpler werc fork | |
git clone git://git.suckless.org/swerc | |
Log | |
Files | |
Refs | |
README | |
--- | |
style.css (1891B) | |
--- | |
1 body { | |
2 background-color: #eee; | |
3 color: #222; /*#111;*/ | |
4 font-family: sans-serif; | |
5 padding: 0; | |
6 margin: 0; | |
7 } | |
8 | |
9 a { | |
10 color: #005386; /*#058;*/ | |
11 text-decoration: none; | |
12 } | |
13 | |
14 a:hover { | |
15 background-color: #eee; | |
16 } | |
17 | |
18 #menu { | |
19 clear: both; | |
20 overflow: hidden; | |
21 color: #069; | |
22 background-color: #17a; | |
23 padding: 0.7ex; | |
24 font-size: 94%; | |
25 border-top: 1px solid #ccc; | |
26 border-bottom: 1px solid #069; | |
27 } | |
28 | |
29 #menu a { | |
30 padding: 0.5ex 1ex 0.5ex 1ex; | |
31 color: #fff; | |
32 } | |
33 | |
34 #menu a:hover { | |
35 background-color: #069; | |
36 } | |
37 | |
38 #menu a.thisSite { | |
39 font-weight: bold; | |
40 /*font-style: italic;*/ | |
41 } | |
42 | |
43 #header { | |
44 clear: both; | |
45 color: #555; /*#666;*/ | |
46 /*text-shadow: 1px 1px #fff;*/ | |
47 font-size: 1.78em; /*1.7em;*/ | |
48 padding: 0.7ex 0.7ex 0.7ex 0.7em; | |
49 } | |
50 | |
51 #headerLink { | |
52 color: #17a; /*#666;*/ | |
53 margin-left: 5px; | |
54 } | |
55 | |
56 h1 { | |
57 margin: 1em 1ex 0.5ex 0; | |
58 font-size: 1.4em; | |
59 } | |
60 | |
61 h2 { | |
62 margin: 1em 1ex 0.5ex 0; | |
63 font-size: 1.3em; | |
64 } | |
65 | |
66 h3 { | |
67 margin: 1em 1ex 0.5ex 0; | |
68 font-size: 1.0em; | |
69 } | |
70 | |
71 h4 { | |
72 margin: 1em 1ex 0.5ex 0; | |
73 font-size: 0.9em; | |
74 } | |
75 | |
76 #headerSubtitle { | |
77 font-size: 0.75em; | |
78 font-style: italic; | |
79 margin-left: 1em; | |
80 } | |
81 | |
82 #content { | |
83 clear: both; | |
84 margin: 0; | |
85 padding: 0; | |
86 background-color: #fff; | |
87 overflow: hidden; | |
88 } | |
89 | |
90 #nav { | |
91 background-color: #fff; | |
92 float: left; | |
93 margin: 0 1px 0 0; | |
94 padding: 1em 0; | |
95 border-right: 1px dotted #ccc; | |
96 width: 200px; | |
97 } | |
98 | |
99 #nav ul { | |
100 margin: 0; | |
101 padding: 0; | |
102 } | |
103 | |
104 #nav li { | |
105 list-style: none; | |
106 padding: 0; | |
107 margin: 0; | |
108 } | |
109 | |
110 #nav li ul { | |
111 padding-left: 0.6em !important; | |
112 } | |
113 | |
114 #nav li a { | |
115 display: block; | |
116 margin: 0; | |
117 padding: 0.8ex 2em 0.8ex 1em; | |
118 } | |
119 | |
120 #nav li a.thisPage { | |
121 color: #222; /*#333;*/ | |
122 font-weight: bold; | |
123 /*font-style: italic;*/ | |
124 } | |
125 | |
126 #main { | |
127 margin: 0 0 0 200px; | |
128 padding: 1.5em; | |
129 max-width: 50em; | |
130 } | |
131 | |
132 #footer { | |
133 clear: both; | |
134 color: #666; | |
135 border-top: 1px solid #ccc; | |
136 font-size: 84%; | |
137 padding: 1em; | |
138 margin: 0 0 1.5em 0; | |
139 } | |
140 | |
141 .left { | |
142 float: left; | |
143 margin: 0; | |
144 padding: 0; | |
145 } | |
146 | |
147 .right { | |
148 float: right; | |
149 margin: 0; | |
150 padding: 0; | |
151 } |