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

/BlogEngine/BlogEngine.NET/themes/Standard/style.css

#
CSS | 937 lines | 702 code | 174 blank | 61 comment | 0 complexity | 8184f58c7dea3754ef98258420561933 MD5 | raw file
  1body, textarea, table, tr, td{
  2		font-family: calibri, arial;
  3		font-size: 11pt;
  4}
  5
  6body {
  7	background-color: #F1F1F1;
  8	color: #444444;
  9	margin: 0 auto;
 10	position: relative;
 11    text-align: center;
 12}
 13
 14form {
 15    width: 980px;
 16    margin-left: auto;
 17    margin-right: auto;
 18    text-align: left;
 19}
 20
 21h1 {
 22	font-size: 130%;
 23	letter-spacing: 1px;
 24}
 25
 26h2 {
 27	font-size: 110%;
 28}
 29
 30a {
 31	text-decoration: none;
 32	color: #5C80B1;
 33}
 34
 35a[href^="\/file.axd"] {
 36	font-weight: bold;
 37	background: url(download.png) no-repeat right center;
 38	padding-right: 15px;
 39}
 40
 41a:hover {
 42	text-decoration: underline;
 43}
 44
 45img {
 46	border: none;
 47}
 48
 49#content {
 50	float: left;
 51	width: 70%;
 52}
 53
 54#sidepanel {
 55	float: right;
 56	width: 28%;
 57}
 58
 59.loginbox{
 60	margin: 0 auto;
 61}
 62
 63.loginbox td {
 64    padding: 3px;
 65}
 66
 67#postnavigation{
 68	margin-bottom: 10px;
 69	text-align: center;
 70	color: Gray;
 71	background: white;
 72	border: 1px solid silver;
 73	padding: 3px;
 74}
 75
 76#footer{
 77	font-size: 80%;
 78	text-align:center
 79}
 80
 81/*----------------------------
 82					 Header
 83----------------------------*/
 84
 85#header {
 86	text-align: right;
 87	margin-bottom: 30px;
 88	width: 100%;
 89}
 90
 91#header p {
 92	font-family: Arial;
 93	font-size: 80px;
 94	font-weight: bold;
 95	margin: 0px;
 96	letter-spacing: 8px;
 97}
 98
 99#header span {
100	font-weight: normal;
101	letter-spacing: 4px;
102	color: silver;
103	margin: 0px;
104}
105
106#header a {
107	text-decoration: none;
108	color: white;
109}
110
111/*----------------------------
112						Menu
113----------------------------*/
114
115#menu{
116	background: white;
117	border: 1px solid silver;
118	padding: 5px;
119	margin-bottom: 20px;
120}
121
122#menu a.apmlfilter
123{
124    padding-left: 15px;
125	background:url(../../pics/apml.png) no-repeat left 14px; 
126}
127
128#menu .login
129{
130	float:right;
131	margin-right: 10px; 
132	padding-left:16px
133}
134
135#menu .login span
136{
137	color: #666;
138	padding-right: 5px;
139}
140
141#menu ul{
142	list-style: none;
143	margin: 0;
144	padding: 0;
145}
146
147#menu ul li{
148	display:inline;
149}
150
151#menu ul li a{
152	padding: 10px;
153	font-weight: bold;
154}
155
156#menu ul li a.feed img{
157	margin-right: 3px;
158	margin-bottom: -2px;
159}
160
161/*----------------------------
162					 Widgets
163----------------------------*/
164
165div.widgetzone{
166	padding: 0;
167	background: none;
168}
169
170div.widgetzone .clear{
171	clear: left;
172}
173
174div.widget{
175	background: white;
176	border: 1px solid silver;
177	padding: 10px 15px;
178	margin-bottom: 10px;
179	z-index: 1;
180	min-width: 1px;
181}
182
183div.widget .content{
184	line-height: 16px;
185	color: #666666;
186}
187
188div.widget h4{
189	font-size: 120%;
190	border-bottom: 1px solid silver;
191	padding-bottom: 5px;
192	margin: 0;
193	margin-bottom: 5px;
194	z-index: 0;
195	color: #999999;
196	letter-spacing: 1px;
197}
198
199div.widget a.edit, div.widget a.move, div.widget a.delete{
200	font-size: 85%;
201	font-weight: normal;
202	float: right;
203	z-index: 1;
204	margin-left: 2px;
205}
206
207.widgetzone .widget ul {
208	list-style-type: none;
209	margin: 0;
210	padding: 0;
211	text-transform: capitalize;
212}
213
214.widgetzone .widget ul li {
215	margin-bottom: 3px;
216}
217
218.widgetzone div.search{
219	background: none;
220	border: none;
221	padding-left: 10px;
222}
223
224.widgetzone img.rssButton {
225	margin-right: 3px;
226}
227
228.widgetzone div#moveWidgetToContainer {
229	display:block;
230	margin: 5px;
231}
232
233#moveWidgetTo {
234    margin-bottom: 5px;
235}
236
237/*----------------------------
238					 Blogroll
239----------------------------*/
240
241#blogroll ul {
242	list-style-type: none;
243	margin: 0 0 3px 0;
244	padding: 0px;
245}
246
247#blogroll ul li ul li a {
248	margin-left: 25px;
249	color: #666666;
250	font-size: 90%;
251}
252
253#blogroll ul li a img {
254	border: none;
255	margin-right: 3px;
256}
257
258/*----------------------------
259					 Posts
260----------------------------*/
261
262div.post, .mceContentBody {
263	border: 1px solid silver;
264	padding: 3px 10px;
265	margin-bottom: 20px;
266	background-color: white;
267	line-height: 125%;
268}
269
270div.post h1, .mceContentBody h1 {
271	margin: 5px 0 0 0;
272}
273
274div.post .author {
275	color: #666666;
276	font-size: 95%;
277	float: left;
278	text-transform: capitalize;
279}
280
281div.post .pubDate {
282	color: #666666;
283	font-size: 95%;
284	float: right;
285}
286
287div.post .text {
288	margin-top: 30px;
289}
290
291div.post .text h2 {
292	margin-bottom: -10px;
293}
294
295div.post .text h3 {
296	font-size: 11px;
297	margin-bottom: -10px;
298	padding: 0;
299}
300
301div.post .footer {
302	text-align: right;
303	border-top: 1px dashed silver;
304	padding-top: 4px;
305	padding-bottom: 2px;
306	clear: both;
307}
308
309div.post .bottom {
310	margin-bottom: 45px;
311}
312
313div.post .categories {
314	margin-bottom: 5px;
315	float: right;
316}
317
318div.post .tags {
319	float: left;
320	margin-bottom: 5px;
321}
322
323div.post .text a[href^="http:"] {
324	background: url(../../pics/remote.gif) right top no-repeat;
325	padding-right: 10px;
326  white-space: nowrap;
327}
328
329/*----------------------------
330			Related Posts
331----------------------------*/
332
333#relatedPosts div {
334	background: white;
335	padding: 5px 10px 10px 10px;
336	border: 1px solid silver;
337}
338
339#relatedPosts h1 {
340	margin: 0 0 10px 0;
341}
342
343#relatedPosts p
344{
345	font-size: 120%;
346	letter-spacing:1px;
347	font-weight: bold;
348}
349
350#relatedPosts a {
351	display: block;
352	margin-top: 5px;
353}
354
355#relatedPosts span {
356	color: #666666;
357	text-indent: 10px;
358	display: inline-block;
359}
360
361/*----------------------------
362				Recent posts
363----------------------------*/
364
365ul.recentPosts li{
366	padding-bottom: 10px;
367}
368
369ul.recentPosts li a{
370	font-weight: bold;
371}
372
373ul.recentPosts li span{
374	display: block;
375	text-indent: 10px;
376	text-transform: none;
377}
378
379/*----------------------------
380			Recent comments
381----------------------------*/
382
383ul.recentComments li{
384	padding-bottom: 10px;
385	text-transform: none;
386}
387
388ul.recentComments li a.postTitle{
389	font-weight: bold;
390}
391
392/*----------------------------
393			Social bookmarks
394----------------------------*/
395
396.bookmarks {
397	float: left;
398}
399
400/*----------------------------
401					Archive
402----------------------------*/
403
404#archive {
405	background-color: white;
406	border: 1px solid silver;
407	padding: 10px;
408}
409
410#archive h1 {
411	margin: 0;
412	border-bottom: 1px dashed silver;
413	padding-bottom: 9px;
414}
415
416#archive h2 {
417	border-bottom: 1px solid silver;
418	padding-bottom: 4px;
419	margin-bottom: 10px;
420}
421
422#archive h2 img {
423	margin-right: 3px;
424}
425
426#archive ul {
427	list-style-type: square;
428	margin: 0 10px;
429	padding: 10px;
430}
431
432#archive ul li {
433	margin-right: 20px;
434}
435
436#archive table{
437	width: 100%;	
438	border-collapse: collapse;
439}
440
441#archive table td, #archive table th{
442	text-align:left;
443}
444
445#archive table td{
446	text-align:left;
447	border-bottom: 1px solid #D8D8D8;
448	padding: 2px 0;
449	font-size: 95%;
450}
451
452#archive .date{
453	width: 70px;
454}
455
456#archive .comments{
457	width: 70px;
458	text-align: center;
459}
460
461#archive .rating{
462	width: 70px;
463	text-align: center;
464}
465
466/*----------------------------
467					 Search
468----------------------------*/
469
470#searchbox {
471	margin-top: 5px;
472	font-size: 85%;
473	display: inline-table;
474}
475
476#searchbox #searchbutton {
477	margin-left: 5px;
478}
479
480#searchbox #searchfield {
481	width: 175px;
482	margin-left: -8px;
483}
484
485/*----------------------------
486			Search on search
487----------------------------*/
488
489#searchonsearch {
490	background: white;
491	padding: 5px 10px;
492	margin-bottom: 20px;
493	border: 1px solid silver;
494}
495
496#searchonsearch h3 {
497	margin: 3px;
498	font-size: 13px;
499}
500
501#searchonsearch ol li {
502	margin: 2px 0;
503}
504
505/*----------------------------
506				Month list
507----------------------------*/
508
509#monthList li
510{
511	font-weight: normal;
512}
513
514#monthList .year
515{
516	cursor: pointer;
517	font-weight: bold;
518}
519
520#monthList .year li
521{
522	margin-left: 20px;
523}
524
525#monthList ul
526{
527	display: none;
528}
529
530#monthList .open
531{
532	display: block;
533}
534
535/*----------------------------
536				 Tag cloud
537----------------------------*/
538
539.tagcloud {
540	margin-bottom: 10px;
541	white-space: normal;
542}
543
544.tagcloud li {
545	display: inline;
546}
547
548.tagcloud a {
549	margin-right: 3px;
550	display: inline;
551}
552
553.tagcloud a.biggest {
554	font-size: 130%;
555}
556
557.tagcloud a.big {
558	font-size: 124%;
559}
560
561.tagcloud a.medium {
562	font-size: 115%;
563}
564
565.tagcloud a.small {
566	font-size: 100%;
567}
568
569.tagcloud a.smallest {
570	font-size: 90%;
571}
572
573/*----------------------------
574					 Page
575----------------------------*/
576
577#page {
578	border: 1px solid silver;
579	padding: 3px 10px;
580	margin-bottom: 20px;
581	background-color: white;
582	line-height: 17px;
583}
584
585#page h1 {
586	margin: 3px 0 10px 0;
587}
588
589#page #admin {
590	border-top: 1px solid silver;
591	margin-top: 10px;
592	padding: 5px 0;
593}
594
595/*----------------------------
596					 Calendar
597----------------------------*/
598
599#calendarContainer {
600	text-transform: capitalize;
601	margin: 0 auto;
602}
603
604.calendar {
605	border: none;
606	margin: 0 auto;
607}
608
609.calendar .weekend {
610	background-color: #F1F1F1;
611}
612
613.calendar .other {
614	color: silver;
615}
616
617.calendar a.exist {
618	display: block;
619	font-weight: bold;
620	background-color: #F1F1F1;
621}
622
623.calendar td {
624	vertical-align: top;
625	background: white;
626}
627
628/*----------------------------
629				Search page
630----------------------------*/
631
632#searchpage{
633	margin-bottom: 30px;
634}
635
636#searchpage input#q{
637	width: 300px;
638}
639
640#searchpage input#comment{
641	clear: both;
642}
643
644.searchresult{
645	margin-bottom: 20px;
646}
647
648.searchresult a{
649	font-weight: bold;
650}
651
652.searchresult span.text{
653	clear: both;
654	display: block;
655	margin: 3px 0;
656}
657
658.searchresult span.type{
659	display: block;
660}
661
662.searchresult span.url{
663	color: Gray;
664}
665
666.searchpage ul.paging{
667 list-style-type: none;
668 margin:0px;
669 margin-bottom: 20px;
670 padding:0px;
671}
672
673.searchpage ul.paging li{
674 display: inline;
675 border: 1px solid gray; 
676 background: #f1f1f1;
677 margin-right: 5px;
678}
679
680.searchpage ul.paging li a{
681 padding: 5px 8px;
682}
683
684.searchpage ul.paging li.active{
685 background: #f1f1f1;
686 border: 1px solid black;
687}
688
689/*----------------------------
690				Contact page
691----------------------------*/
692
693#contact{
694	background : white;
695	padding: 10px;
696	border: 1px solid silver;
697}
698
699#contact h1{
700	margin-top: 0;
701}
702
703#contact label{
704	display: block;
705	padding-top: 5px;	
706}
707
708#contact input.field{
709	width: 200px;
710}
711
712#contact textarea{
713	display: block;	
714	overflow: auto;
715	width: 75%;
716	height: 150px;
717	margin: 0;
718}
719
720/*----------------------------
721				Comments
722----------------------------*/
723
724#commentlist {
725    background-color: #FFF;
726    padding-top: 10px;
727}
728.comment_header{
729    height:36px;
730    display:block;
731    padding: 0 5px;
732    vertical-align:middle;
733    background-color: #F8F4FF;
734    -moz-border-radius: 5px;
735    -khtml-border-radius: 5px
736    -webkit-border-radius: 5px;
737    border-radius: 5px;
738    border: 1px solid #CCC;
739}
740
741.comment {
742	border: 0px solid silver;
743	background-color: white;
744	padding: 3px 10px;
745	margin-bottom: 10px;
746	border: 0px;
747}
748
749.comment .author {
750	margin: 0;
751	padding: 3px 5px;
752	font-size:90%;
753	border: 0px;
754	height: 16px;
755}
756
757#addcomment, #comment
758{
759	font-size: 120%;
760	letter-spacing:1px;
761	font-weight: bold;
762}
763
764.self {
765	background: #f8f8f8;
766}
767
768.comment .gravatar {
769	float: left;
770	clear: both;
771	margin: 3px 10px 6px 0;
772}
773
774.comment .gravatar img {
775	height: 28px;
776	border: 1px solid silver;
777	margin: 0;
778	padding: 0;
779}
780
781.comment img.flag {
782    margin-left: 5px;
783}
784
785.comment .content {
786	min-height: 25px;
787	margin: 1px;
788	padding: 5px;
789}
790
791.comment cite{
792	font-family: Monospace;
793	font-style: normal;
794}
795
796.visitor {
797    padding:8px 0px;
798}
799
800.visitor div {
801    font-size: 0.8em;
802    color: #666;
803}
804
805.comment {
806    padding: 5px;
807}
808
809/* nested comments */
810
811.comment-replies {
812	background: transparent url(../../pics/reply-arrow.gif) no-repeat 2px 15px;
813	padding: 0 0 0 15px;
814	margin: 5px 0 0 0;
815}
816
817#commentlist #comment-form {
818	border: solid 1px #ccc;
819	background: #fff;
820	padding: 10px;
821	margin: 10px 0;
822}
823
824/*  Comment notification unsubscription  */
825#commentNotificationUnsubscription {
826	margin-bottom: 10px;
827	color: Gray;
828	background: #ffc;
829	border: 1px solid silver;
830	padding: 10px;
831}
832
833#commentNotificationUnsubscription h1 {
834	margin: 0 auto 12px auto;
835	padding: 0;
836}
837
838/* comment menu */
839#commentMenu{
840	padding: 0;
841	margin:0;
842	clear:both;
843}
844
845#commentMenu li{
846	float:left;
847	border:1px solid silver;
848	border-bottom: transparent;
849	margin:0;
850	list-style:none;
851	margin-right:5px;
852	padding: 3px 8px;	
853	cursor:pointer;
854	position:relative;
855	top: 2px;
856	background:#d8d8d8;
857}
858
859#commentMenu li.selected{
860	background:white;
861	border-bottom:1px solid white;
862}
863
864.commentForm .bbcode {
865    font-size:90%;
866    float:right;
867    position:relative;
868    top:20px;
869    padding: 3px;
870}
871
872.commentForm .bbcodeNoLivePreview {
873	top: 0;
874}
875
876.bbcode a {
877    margin: 1px;
878    padding: 1px 3px 1px 3px;
879    background: #fff;
880    border: 1px solid #ccc;
881}
882
883/* comment form */
884.commentForm textarea {
885	width: 100%;
886	height: 150px;
887	border:1px solid silver;
888}
889
890.commentForm label {
891	float: left;
892	display: block;
893	width: 80px;
894	padding-top: 3px;
895}
896
897.commentForm input[type='text'] {
898	border: #ccc 1px solid;  
899	BACKGROUND-COLOR: #fff; 
900	width: 300px;
901	margin: 2px 0;
902}
903
904.commentForm select 
905{
906    border: #ccc 1px solid;  
907    width: 308px;
908}
909
910select {
911    padding: 3px;
912}
913
914input[type="text"], input[type="select"] {
915    padding: 3px;
916}
917
918input[type="submit"], input[type="button"], input[type="file"] {
919	color: #000000;
920	background: #FFFFFF;
921	border: 1px solid #B8C1CA;
922	padding: 3px 5px;
923}
924
925input[type="submit"]:hover, input[type="button"]:hover {
926	color: #FFFFFF;
927	background: #B8C1CA;
928	cursor: pointer;
929}
930
931#searchcomments {
932    margin: 10px 5px 0 0;
933}
934
935#newsletterform input[type="text"] {
936    margin: 10px 0;
937}