PageRenderTime 50ms CodeModel.GetById 2ms app.highlight 44ms RepoModel.GetById 1ms app.codeStats 0ms

/themes/default/style/style.css

http://lightblog.googlecode.com/
CSS | 370 lines | 294 code | 61 blank | 15 comment | 0 complexity | 10f7ea35adf04c9fef802eccbbe765bb MD5 | raw file
  1/*********************************************
  2
  3	LightBlog 0.9
  4	SQLite blogging platform
  5
  6	themes/default/style/style.css
  7
  8	Š2008-2012 The LightBlog Team. All
  9	rights reserved. Released under the
 10	GNU General Public License 3. For
 11	all licensing information, please
 12	see the LICENSE.txt document
 13	included in this distribution.
 14
 15*********************************************/
 16
 17* { padding: 0; margin: 0; }
 18
 19.rounded {
 20	border-radius: 5px;
 21}
 22
 23.roundedt {
 24	border-top-left-radius: 5px;
 25	border-top-right-radius: 5px;
 26}
 27
 28.roundedb {
 29	border-bottom-left-radius: 5px;
 30	border-bottom-right-radius: 5px;
 31}
 32
 33html {
 34	background: #eeeeee;
 35}
 36
 37body {
 38	font-family: Arial, Helvetica, sans-serif;
 39	font-size: 13px;
 40	background: #eeeeee;
 41}
 42
 43#wrapper {
 44	background: #fff url('faux.png') repeat-y;
 45	margin: 20px auto 10px auto;
 46	width: 740px;
 47	padding-top: 4px;
 48	border: 1px solid #a1a1a1;
 49}
 50
 51#header {
 52	color: #fff;
 53	width: 700px;
 54	padding: 10px;
 55	height: 35px;
 56	margin: 10px;
 57	background: #5AA5CF;
 58}
 59
 60#header h3, #header a, #header a:link, #header a:visited {
 61	font-size: 1.5em;
 62	font-family: Georgia,Times,serif,sans-serif;
 63	font-weight: normal;
 64	color: #fff;
 65	text-decoration: none;
 66}
 67
 68#header a:hover {
 69	text-decoration: underline;
 70}
 71
 72#content {
 73	float: left;
 74	color: #333;
 75	margin: 10px 10px 0 10px;
 76	padding: 0 20px 0 20px;
 77	width: 450px;
 78}
 79
 80#content div.postbox {
 81	margin-bottom: 30px;
 82}
 83
 84#content h4.postname, #content a.postname {
 85	font-size: 1.3em;
 86	font-family: Georgia,Times,serif,sans-serif;
 87	margin-bottom: 12px;
 88	font-weight: normal;
 89	color: #333;
 90	text-decoration: none;
 91}
 92
 93#content a.postname:hover {
 94	text-decoration: underline;
 95}
 96
 97#content h4.postnamealt {
 98	font-size: 1.7em;
 99	font-family: Georgia,Times,serif,sans-serif;
100	margin-bottom: 12px;
101	font-weight: normal;
102	color: #333;
103	text-decoration: none;
104}
105
106#content div.post {
107	padding-left: 3px;
108	font-family: Georgia,Times,serif,sans-serif;
109	font-size: 1.0em;
110	font-weight: normal;
111	word-wrap: break-word;
112}
113
114#content div.post * {
115	font-family: Georgia,Times,serif,sans-serif;
116}
117
118#content div.post img {
119	max-width: 455px;
120}
121
122#content div.post ul, #content div.post ol {
123	margin-left: 40px;
124	list-style-type: circle;
125}
126
127#content div.post li {
128	padding-top: 2px;
129	padding-bottom: 2px;
130}
131
132#content div.post p {
133	margin-bottom: 15px;
134}
135
136#content div.post pre {
137	font-family: 'Consolas', 'DejaVu Sans Mono', 'Courier New', monospace;
138	background: #eee;
139	padding: 2px;
140}
141
142#content div.postdata {
143	padding: 4px 8px;
144	margin: 12px 0 8px 0;
145	background: url('metabg.png') no-repeat;
146	color: #000;
147	width: 450px;
148	height: 50px;
149	text-align: center;
150}
151
152#content span.postdata {
153	margin-right: 20px;
154	line-height: 180%;
155}
156
157#content span.postdata img {
158	margin: 0;
159	padding: 0;
160	vertical-align: middle;
161}
162
163#content h4.commenthead {
164	font-size: 1.5em;
165	color: #333;
166	font-family:Georgia,Times,serif,sans-serif;
167	font-weight: normal;
168	margin: -10px 0 -10px 0;
169	padding: 0;
170}
171
172#content div.comment {
173	width: 445px;
174	border: 1px solid #ddd;
175	background: #fff;
176	color: #000;
177	padding: 5px 5px 5px 10px;
178	margin: 15px 0 15px 0;
179}
180
181#content img.comment_gravatar {
182	float: right;
183	padding: 2px;
184	margin: 0;
185	border: 1px solid #eee;
186	background: #fff;
187}
188
189#content .comment_name {
190	text-decoration: none;
191	font-size: 1.05em;
192	font-weight: bold;
193}
194
195#content span.comment_name {
196	color: #333;
197}
198
199#content a.comment_name {
200	color: #06c;
201}
202
203#content a.comment_name:hover {
204	color: #147;
205	text-decoration: underline;
206}
207
208#content .commenter_registered {
209	font-size: 80%;
210	font-style: italic;
211}
212
213#content span.comment_says {
214	color: #333;
215	font-size: 0.9em;
216	font-weight: bold;
217}
218
219#content a.comment_date {
220	color: #06c;
221	font-size: 0.9em;
222	margin-top: 1px;
223	text-decoration: none;
224}
225
226#content a.comment_date:hover {
227	text-decoration: underline;
228}
229
230#content p.comment_text {
231	margin: 10px 0 10px 0;
232	word-wrap: break-word;
233}
234
235#content div.c1 {
236	background: #fff !important;
237}
238
239#content div.c2 {
240	background: #f8f8f8 !important;
241}
242
243#content h4.commentform-title {
244	font-size: 1.3em;
245	color: #333;
246	font-family:Georgia,Times,serif,sans-serif;
247	font-weight: normal;
248	margin-bottom: -10px;
249	margin-top: 30px;
250}
251
252#content #commentform {
253	margin: 5px 10px 0 0;
254}
255
256#content #commentform input {
257	width: 170px;
258	padding: 2px;
259	margin: 5px 5px 1px 0;
260}
261
262#content #commentform textarea {
263	width: 100%;
264	padding: 2px;
265	margin-top: 3px;
266}
267
268#content #commentform #cfsubmit {
269	margin: 5px -5px 5px auto;
270	float: right;
271}
272
273#content #commentform small {
274	line-height: 1.5em;
275}
276
277#content #notifybox {
278	background: #CFEBF7;
279	width: 100%;
280	border: 1px solid #2580B2;
281	padding: 5px;
282	height: 15px;
283	color: #000;
284	margin: 0px 0 5px 0;
285	cursor: pointer;
286}
287
288#content div.pagination {
289	width: 460px;
290}
291
292#content div.pagination a.prev {
293	float: left;
294}
295
296#content div.pagination a.next {
297	float: right;
298}
299
300#sidebar {
301	display: inline;
302	color: #333;
303	margin: 10px;
304	padding: 10px;
305	width: 178px;
306	float: right;
307}
308
309#sidebar div {
310	margin-bottom: 10px;
311}
312
313#sidebar div h4 {
314	font-size: 1.1em;
315	margin-bottom: 5px;
316}
317
318#sidebar div ul {
319	margin-left: 0px;
320	padding: 0 0 0 30px;
321	list-style: none;
322	padding-left: 10px;
323	text-indent: -10px;
324}
325
326#sidebar div ul li {
327	font-size: 0.9em;
328	list-style-type: none;
329	margin: 7px 0 8px 10px;
330}
331
332#sidebar div ul li:before {
333	content: "\00BB \0020";
334}
335
336#sidebar div ul li img.feed {
337	vertical-align: middle;
338	margin-right: 3px;
339}
340
341#footer {
342	width: 753px;
343	clear: both;
344	color: #333;
345	margin: 10px 0px 10px 0px;
346	padding: 20px 10px 10px 10px;
347	text-align: center;
348	font-size: 0.85em;
349}
350
351.clear { clear: both; background: none; }
352
353.rounded {
354	-moz-border-radius: 5px;
355	-webkit-border-radius: 5px;
356}
357
358.roundedt {
359	-moz-border-radius-topleft: 5px;
360	-moz-border-radius-topright: 5px;
361	-webkit-border-top-left-radius: 5px;
362	-webkit-border-top-right-radius: 5px;
363}
364
365.roundedb {
366	-moz-border-radius-bottomleft: 5px;
367	-moz-border-radius-bottomright: 5px;
368	-webkit-border-bottom-left-radius: 5px;
369	-webkit-border-bottom-right-radius: 5px;
370}