0
|
1 /*#############################################################
|
|
2 Name: Transparentia
|
|
3 Date: 2006-08-20
|
|
4 Description: Simple, lightweight and slightly blue.
|
|
5 Author: Viktor Persson
|
|
6 URL: http://templates.arcsin.se
|
|
7
|
|
8 Feel free to use and modify but please provide credits.
|
|
9
|
|
10 Modified by @mojin
|
|
11 #############################################################*/
|
|
12
|
|
13 /* standard elements */
|
|
14 * {
|
|
15 margin: 0;
|
|
16 padding: 0;
|
|
17 }
|
|
18
|
|
19 a {
|
|
20 color: #149;
|
|
21 }
|
|
22
|
|
23 a:hover {
|
|
24 color: #04C;
|
|
25 }
|
|
26
|
|
27 body {
|
|
28 background: #EEE url(img/bg.gif);
|
|
29 color: #444;
|
|
30 font: normal 100% "Lucida Sans Unicode",sans-serif;
|
|
31 margin: 0;
|
|
32 }
|
|
33
|
|
34 input {
|
|
35 color: #555;
|
|
36 font: normal 1.1em "Lucida Sans Unicode",sans-serif;
|
|
37 }
|
|
38
|
|
39 p {
|
|
40 font-size: medium;
|
|
41 }
|
|
42
|
|
43 cite,code,ul {
|
|
44 font-size: 1.2em;
|
|
45 padding-bottom: 1.2em;
|
|
46 }
|
|
47
|
|
48 h1 {
|
|
49 font-size: 1.4em;
|
|
50 margin-bottom: 4px;
|
|
51 }
|
|
52
|
|
53 h2 {
|
|
54 font-size: 1.2em;
|
|
55 }
|
|
56
|
|
57 code {
|
|
58 background: url(img/bgcode.gif);
|
|
59 border: 1px solid #F0F0F0;
|
|
60 border-left: 6px solid #39F;
|
|
61 color: #555;
|
|
62 display: block;
|
|
63 font: normal 1.1em "Lucida Sans Unicode",serif;
|
|
64 margin-bottom: 12px;
|
|
65 padding: 8px 10px;
|
|
66 white-space: pre;
|
|
67 }
|
|
68
|
|
69 cite {
|
|
70 background: url(img/quote.gif) no-repeat;
|
|
71 color: #666;
|
|
72 display: block;
|
|
73 font: normal 1.3em "Lucida Sans Unicode",serif;
|
|
74 padding-left: 28px;
|
|
75 }
|
|
76
|
|
77 h1,h2,h3 {
|
|
78 color: #367EA6;
|
|
79 padding-top: 6px;
|
|
80 }
|
|
81
|
|
82 /* misc */
|
|
83 .clearer {
|
|
84 clear: both;
|
|
85 }
|
|
86
|
|
87 /* structure */
|
|
88 .container {
|
|
89 background: url(img/bgcontainer.gif) repeat-y;
|
|
90 margin: 0 auto;
|
|
91 padding-bottom: 6px;
|
|
92 width: 767px;
|
|
93 }
|
|
94
|
|
95 .header {
|
|
96 background: url(img/header.gif) repeat-x;
|
|
97 }
|
|
98
|
|
99 /* title */
|
|
100 .title h1 {
|
|
101 color: #FFF;
|
|
102 font: normal 2em Verdana,sans-serif;
|
|
103 height: 150px;
|
|
104 line-height: 150px;
|
|
105 margin-bottom: 8px;
|
|
106 text-align: center;
|
|
107 }
|
|
108
|
|
109 /* navigation */
|
|
110 .navigation {
|
|
111 margin-bottom: 4px;
|
|
112 }
|
|
113
|
|
114 .navigation a {
|
|
115 background-color: #4A91C3;
|
|
116 color: #FFF;
|
|
117 float: left;
|
|
118 font: bold 1.2em "Trebuchet MS",sans-serif;
|
|
119 padding: 8px 0;
|
|
120 width: 19%;
|
|
121 border-right: 1px solid #FFF;
|
|
122 text-align: center;
|
|
123 text-decoration: none;
|
|
124 }
|
|
125
|
|
126 .navigation a:hover {
|
|
127 background-color: #000;
|
|
128 color: #FFF;
|
|
129 }
|
|
130
|
|
131 /* main */
|
|
132 .main {
|
|
133 clear: both;
|
|
134 padding: 8px 18px;
|
|
135 }
|
|
136
|
|
137 /* main left */
|
|
138 .sidenav h1,.sidenav ul {
|
|
139 padding-left: 12px;
|
|
140 }
|
|
141
|
|
142 .sidenav {
|
|
143 background: #EEE;
|
|
144 border: 1px solid #E5E5E5;
|
|
145 float: left;
|
|
146 width: 200px;
|
|
147 }
|
|
148
|
|
149 .sidenav h1 {
|
|
150 color: #666;
|
|
151 font-size: 1.2em;
|
|
152 height: 20px;
|
|
153 margin-top: 1.2em;
|
|
154 }
|
|
155
|
|
156 .sidenav ul {
|
|
157 border-top: 1px solid #FAFAFA;
|
|
158 background: url(img/bgul.gif) repeat-x;
|
|
159 margin: 0;
|
|
160 padding: 0;
|
|
161 font-size: small;
|
|
162 }
|
|
163
|
|
164 .sidenav li {
|
|
165 color: #777;
|
|
166 display: block;
|
|
167 font-size: 0.9em;
|
|
168 padding: 3px 6px 3px 14px;
|
|
169
|
|
170 border: 1px solid #FAFAFA;
|
|
171 border-top: none;
|
|
172 list-style: none;
|
|
173 margin: 0;
|
|
174 }
|
|
175
|
|
176 .sidenav li a {
|
|
177 color: #777;
|
|
178 text-decoration: none;
|
|
179 }
|
|
180
|
|
181 .sidenav li a:hover {
|
|
182 color: #111;
|
|
183 }
|
|
184
|
|
185 /* content */
|
|
186 .content {
|
|
187 float: right;
|
|
188 width: 520px;
|
|
189 }
|
|
190
|
|
191 .content .item {
|
|
192 padding: 6px 12px;
|
|
193 border: 1px solid #EEE;
|
|
194 background: #FFF;
|
|
195 margin-bottom: 8px;
|
|
196 }
|
|
197
|
|
198 .content .descr {
|
|
199 color: #333;
|
|
200 margin-bottom: 6px;
|
|
201 }
|
|
202
|
|
203 .content li {
|
|
204 list-style: url(img/li.gif);
|
|
205 margin-left: 18px;
|
|
206 }
|
|
207
|
|
208 /* search form */
|
|
209 form {
|
|
210 padding: 0 0 6px 8px;
|
|
211 }
|
|
212
|
|
213 .styled {
|
|
214 border: 1px solid #DDD;
|
|
215 padding: 4px;
|
|
216 }
|
|
217
|
|
218 .button {
|
|
219 background: url(img/search.gif) no-repeat left bottom;
|
|
220 border: none;
|
|
221 height: 27px;
|
|
222 width: 27px;
|
|
223 }
|
|
224
|
|
225 /* footer */
|
|
226 .footer {
|
|
227 background: #FFF;
|
|
228 border: 1px solid #EEE;
|
|
229 color: #666;
|
|
230 font-size: 1.1em;
|
|
231 margin: 0 auto;
|
|
232 text-align: center;
|
|
233 padding: 6px;
|
|
234 width: 720px;
|
|
235 clear: both;
|
|
236 }
|
|
237
|
|
238 .footer a {
|
|
239 color: #36C;
|
|
240 text-decoration: none;
|
|
241 }
|
|
242
|
|
243 .footer a:hover {
|
|
244 color: #06F;
|
|
245 text-decoration: underline;
|
|
246 } |