PageRenderTime 61ms CodeModel.GetById 17ms app.highlight 41ms RepoModel.GetById 1ms app.codeStats 0ms

/examples/myblog/media/css/blog.css

http://blogmaker.googlecode.com/
CSS | 471 lines | 353 code | 107 blank | 11 comment | 0 complexity | 3dbd8f981339269c97b8a58f40aebe6e MD5 | raw file
  1
  2
  3/*  body styles */
  4body	{color: #000;
  5	font: 13px Verdana, "Lucida Grande", Lucida, sans-serif;
  6}
  7
  8body.base	{background-color: #D2E8DD;
  9}
 10
 11/* table and layout styles */
 12
 13table.overall			{border: 0px solid #FFFFFF;}
 14
 15td.left_side			{text-align: center; width: 125px;}	
 16	
 17td.center	{text-align: left; width: 518px; }
 18
 19td.right_side	{text-align: center; width: 300px;
 20	margin-left: 3px;
 21}
 22
 23div.logo	{text-align: center;
 24	padding-top: 25px;
 25	padding-bottom: 2px;
 26	background-color: white;
 27	margin-top: 3px;
 28	border: 1px solid #999;
 29	margin-left: 3px;
 30	width: 298px;
 31}
 32
 33div.left_submenu {
 34	margin-top: 3px;
 35	border: 1px solid #999;
 36	margin-right: 3px;
 37	text-align: right;
 38	width: 123px;
 39}
 40
 41div.right_submenu	{
 42	margin-top: 3px;
 43	border: 1px solid #999;
 44	margin-left: 3px;
 45	text-align: left;
 46	width: 298px;
 47}
 48
 49div.right_submenu_half	{
 50	border: 1px solid #999;
 51	margin-top: 3px;
 52	margin-right: 3px;
 53	background-color: white;
 54	width: 125px;
 55}
 56
 57div.subcenter	{border: 1px solid #999999; background-color: #FFFFFF; text-align: left; vertical-align: top;
 58	width: 518px;
 59}
 60
 61div.content_body	{padding: 20px; text-align: left; vertical-align: top;
 62}
 63
 64/* general menu styles */
 65div.menu_header			{background-color: #aed8f2; height: 17px;
 66	font-weight: bold;
 67	color: black;
 68	font-size: 12px;
 69	padding-left: 2px;
 70	padding-right: 2px;
 71	border: 1px solid white;
 72	padding-top: 1px;
 73}
 74
 75div.menu_content	{background-color: #FFFFFF; padding: 3px;
 76	font-size: 12px;
 77}
 78
 79div.menu_content a {
 80	color: black;
 81}
 82
 83div.menu_content a:hover {
 84	color: blue;
 85}
 86
 87div.goal        {
 88	font-weight: normal;
 89	font-style: normal;
 90	color: black;
 91	padding-left: 4px;
 92	padding-top: 4px;
 93	padding-bottom: 2px;
 94	font-size: 13px;
 95}
 96
 97.menu_current	{ color: #000; text-decoration: none;
 98	font-size: 12px;
 99	font-weight: bold;
100}
101
102/* generic site text styles */
103a {
104	color: #0F6499; 
105	text-decoration: none;
106}
107
108a:hover {text-decoration: underline;
109	color: blue;
110}
111
112.title {
113	font: bold 20px Georgia, "Times New Roman", Times, serif;
114	color: black;
115}
116
117.title_nospace {
118	font: bold 20px Georgia, "Times New Roman", Times, serif;
119	color: black;
120	margin: 0;
121	padding: 0;
122}
123
124h1 {
125	font: bold 20px Georgia, "Times New Roman", Times, serif;
126	color: black;
127	margin: 0;
128}
129
130.subtitle {
131	font: bold 16px Georgia, "Times New Roman", Times, serif;
132	padding: 0;
133	margin: 0;
134}
135
136.index_head {
137	font: bold 16px Georgia, "Times New Roman", Times, serif;
138	margin-top: 20px;
139	margin-bottom: 5px;
140	padding: 1px;
141	background-color: #AED8F2;
142	width: 100%;
143}
144
145h2 {
146	font: bold 16px Georgia, "Times New Roman", Times, serif;
147	margin-bottom: 0;
148	padding-top: 10px;
149}
150
151.very_small	{font-size: xx-small; font-weight: 200;vertical-align: text-top}
152
153.line {
154	padding: 0;
155	margin: 4px 0 0;
156}
157
158div.note {
159	color: gray;
160	font-size: 11px;
161	padding-top: 2px;
162}
163
164div.footnote {
165	color: gray;
166	font-size: 11px;
167	padding-top: 10px;
168}
169
170.gray:hover {
171	text-decoration: none;
172	color: gray;
173}
174
175.note {
176	color: gray;
177	font-size: 10px;
178}
179
180.super {
181	vertical-align: text-top;
182}
183
184.technorati {
185	color: green;
186	font-weight: bold;
187}
188
189.technorati a {
190	color: green;
191	font-weight: bold;
192}
193
194.technorati a:hover {
195	color: blue;
196	font-weight: bold;
197}
198
199.alexa {
200	color: #064cb6;
201	font-weight: bold;
202}
203
204.alexa a {
205	color: #064cb6;
206	font-weight: bold;
207}
208
209.alexa a:hover {
210	color: blue;
211	font-weight: bold;
212}
213
214.google {
215	color: #881010;
216	font-weight: bold;
217}
218
219.info_icon {
220	color: blue;
221	font: italic bold 14px Georgia, "Times New Roman", Times, serif;
222}
223
224.block {
225	display: block;
226}
227
228.nomargin {
229	padding: 0;
230	margin: 0;
231}
232
233.nopadding {
234	padding: 0;
235}
236
237div.noborder {
238	border-style: none;
239}
240
241.colorhighlight {
242	padding: 2px;
243}
244
245.colorhighlight a {
246	color: black;
247}
248
249.black {
250	color: black;
251}
252
253.gray {
254	color: gray;
255}
256
257.gray_hover {
258	color: gray;
259}
260
261/* generic site layout styles */
262
263td.blog_role_left {
264	text-align: left;
265	padding-left: 2px;
266}
267
268td.blog_role_right {
269	text-align: right;
270	padding-right: 2px;
271}
272
273table.blog_role {
274	width: 100%;
275}
276
277div.blog_role {
278	margin-top: 2px;
279}
280
281div.no_category {
282	border: 1px dashed silver;
283}
284
285
286/* main menu styles */
287div.main_menu_current	{background-color: #137DBF; text-align: right; margin-bottom: 1px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;
288}
289
290div.main_menu_current a	{color: #fff; font-size: 12px; font-weight: bold;
291}
292
293div.main_menu_current:hover	{background-color: #E6F3FA;
294	text-decoration: none;
295}
296
297div.main_menu_current:hover a	{color: #000;
298	text-decoration: none;
299}
300
301div.main_menu			{background-color: #aed8f2; text-align: right;margin-bottom: 1px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;
302}
303
304div.main_menu_block {
305	border: 1px solid #999999;
306	background-color: #fff;
307	padding-top: 1px;
308	padding-right: 1px;
309	padding-left: 1px;
310	margin-top: 3px;
311	margin-right: 3px;
312	width: 121px;
313}
314
315div.main_menu a			{color: #000; font-size: 12px; font-weight: bold;
316}
317
318div.main_menu:hover {background-color: #E6F3FA; text-decoration: none;
319}
320
321div.main_menu:hover a {color: #000; text-decoration: none;
322}
323
324
325
326/* category menu styles */
327div.category_menu			{text-align: center;
328	padding: 5px;
329	border-bottom: 1px solid #999999;
330	
331}
332
333div.category_menu_current			{text-align: center;
334	padding: 5px;
335	border-bottom: 1px solid #999999;
336	
337}
338
339div.category_block {
340	background-color: #fff;
341	border-left: 1px solid #999999;
342	border-top: 1px solid #999999;
343	border-right: 1px solid #999999;
344	margin-top: 3px;
345	margin-right: 3px;
346	width: 123px;
347}
348
349div.category_menu a			{font-size: 11px;
350	color: black;
351}
352
353
354div.category_menu_current a			{font-size: 11px;
355	color: black;
356	font-weight: bold;
357}
358
359div.category_menu a:hover			{
360	color: black;
361	text-decoration: none;
362}
363
364div.category_menu_current a:hover			{
365	color: black;
366	text-decoration: none;
367	font-weight: bold;
368}
369
370div.category_menu:hover a			{color: black;
371}
372
373div.category_menu_current:hover a			{color: black;
374	font-weight: bold;
375}
376
377/* image styles */
378
379.image		{border: none}
380
381/* BLOGMAKER index page blog preview styles */
382.index_blog_title	{
383	color: black;
384	font: bold 16px Georgia, "Times New Roman", Times, serif;
385}
386
387.index_blog_body		{font-size: 13px;}
388
389.index_blog_more		{font-size: 12px;
390	color: black;
391	font-weight: bold;
392}
393
394/* error and error list styles */
395
396.error	{color: red;}
397
398.errorlist	{color: red;
399	font-size: 10px;
400}
401
402ul.errorlist {margin: 0px; padding: 0px;}
403
404ul.errorlist li {margin: 0px; padding: 0px; list-style-position: inside; list-style-type: none;
405}
406
407/* comment and trackback styles */
408
409div.comments {
410	padding-top: 20px;
411}
412
413div.comments_trackbacks {
414	border-top: 2px solid gray;
415}
416
417div.comments_preview {
418	padding-top: 0px;
419}
420
421div.trackbacks {
422	padding-top: 20px;
423}
424
425div.add_comment {
426	padding-top: 20px;
427}
428
429div.comment_display {
430	border: 1px solid silver;	
431	margin-top: 15px;
432}
433
434div.comment_infos {
435	font-size: 11px;
436	color: gray;
437	padding: 2px 4px;
438}
439
440div.comment_body {
441	padding: 2px 4px 4px;
442}
443
444div.posts_first {
445	border-bottom:2px solid gray;
446	padding-bottom:20px;
447}
448
449div.posts_single {
450	padding-bottom:20px;
451}
452
453div.posts {
454	border-bottom:2px solid gray;
455	padding-bottom:20px;
456	padding-top:20px;
457}
458
459div.posts_last {
460	border-bottom-style:none;
461	padding-top:20px;
462}
463
464.comment_form {
465	padding-top: 10px;
466}
467
468.comment_form_submits {
469	text-align: right;
470	padding-top: 5px;
471}