/source/app/NOS.Wiki/Themes/NOS/includes/3-base.css

  1html {
  2	min-height: 100%;
  3	margin-bottom: 1px;
  4	font-size: .9em;
  5}
  6
  7html, input, textarea {
  8	font-family: Segoe UI, Verdana, Tahoma, Arial, Sans-Serif;
  9}
 10
 11body {
 12	line-height: 1.5em;
 13	background: #e1df9e url(images/layout/page-background.png) repeat-x scroll left top;
 14	color: #111;
 15}
 16
 17body form {
 18	background: transparent url(images/layout/content-border.png) repeat-y scroll left top;
 19	padding: 0 6px;
 20}
 21
 22pre {
 23	font-family: Consolas, Lucida Console, Monospace;
 24	margin: .5em 1em;
 25	margin-top: 0;
 26	overflow: scroll;
 27}
 28
 29a {
 30	color: #648c13;
 31	text-decoration: none;
 32}
 33
 34a:hover {
 35	text-decoration: underline;
 36}
 37
 38a.preview {
 39	display: inline-block;
 40	color: #aaa;
 41}
 42
 43a.direct-link {
 44	display: inline;
 45	text-decoration: none;
 46	color: #fff;
 47	margin-left: .1em;
 48}
 49
 50.separator:hover a.direct-link {
 51	color: #648c13;
 52}
 53
 54strong, b, strong *, b * {
 55	font-weight: bold;
 56}
 57
 58em {
 59	font-style: italic;
 60}
 61
 62input[type="text"], input[type="password"], input[type="file"], select, textarea, span.prefix {
 63	color: #3f3e3e;
 64	padding: .2em;
 65	border: 1px solid #c2c2c2;
 66	margin-bottom: .5em;
 67	font-size: .9em;
 68}
 69
 70span.prefix {
 71	border-right: 0;
 72	color: #aaa;
 73	padding-right: 0;
 74}
 75
 76span.prefix.disabled {
 77	background-color: #F0F0F0;
 78}
 79
 80input.has-prefix {
 81	border-left: 0;
 82	padding-left: 0;
 83}
 84
 85label, input[type="submit"], input[type="image"], button {
 86	cursor: pointer;
 87}
 88
 89label {
 90	margin-right: .5em;
 91}
 92
 93select {
 94	padding-top: .07em;
 95	padding-bottom: .07em;
 96	vertical-align: top;
 97}
 98
 99hr {
100	border: 0;
101	border-bottom: 1px solid #f3f3f3;
102}
103
104blockquote {
105	border-left: 0.3em solid #5b5b5b;
106	margin-left: 1em;
107	padding-left: .5em;
108}
109
110.clearfix:after, 
111.cleanup:after {
112	clear: both;
113	content: ".";
114	display: block;
115	height: 0;
116	visibility: hidden;
117}
118
119.clearfix,
120.cleanup {
121	display: inline-block;
122}
123
124/* Hides from IE-mac \*/
125* html .clearfix,
126* html .cleanup {
127	height: 1%;
128}
129
130.clearfix,
131.cleanup {
132	display: block;
133}
134/* End hide from IE-mac */
135
136h1, h2, h3, h4, h5, h6 {
137	font-family: Georgia, Palatino, Serif;
138	font-size: 1.5em;
139	line-height: 1.6em;
140	padding-bottom: .5em;
141	color: #a12d0d;
142}
143
144h2 {
145	font-size: 1.4em;
146}
147
148h3 {
149	font-size: 1.3em;
150}
151
152h4 {
153	font-size: 1.2em;
154}
155
156h5 {
157	font-size: 1.1em;
158}
159
160h6 {
161	font-size: 1em;
162}
163
164ul li {
165	list-style-type: square;
166	margin-left: 2em;
167}
168
169ul li li {
170	list-style-type: disc;
171}
172
173ol li {
174	list-style-type: decimal;
175	margin-left: 2em;
176}
177
178ol li li {
179	list-style-type: lower-alpha;
180}
181
182.small {
183	font-size: .9em;
184}
185
186.smaller {
187	font-size: .8em;
188}
189
190.smallest {
191	font-size: .7em;
192}
193
194.large {
195	font-size: 1.1em;
196}
197
198.larger {
199	font-size: 1.2em;
200}
201
202.largest {
203	font-size: 1.3em;
204}
205
206/*
207Tables
208------------------------------------------------------------------------------------------------------------------------
209*/
210table {
211	vertical-align: top;
212	border-collapse: collapse;
213	width: 100%;
214}
215
216table th, table td {
217	padding: .2em;
218	vertical-align: top;
219}
220
221table th {
222	font-weight: bold;
223	background-color: #ddd;
224	border-color: #fff;
225}
226
227table th a {
228	font-weight: bold;
229}
230
231table.generic td,
232table.generictable td {
233	border-top: 1px solid #ccc;
234	border-bottom: 1px solid #ccc;
235	vertical-align: middle;
236}
237
238tr.tablerowalternate td {
239	background-color: #f5f5f5;
240}
241
242#PageContentDiv table {
243	border: 2px solid #ccc;
244	width: auto;
245}
246
247#PageContentDiv table th,
248#PageContentDiv table td {
249	border: 1px solid #ddd;
250}
251
252#PageContentDiv table th {
253	border-color: #fff;
254}
255
256#TocContainerTable,
257#TocContainerTable td,
258#PageContentDiv table.imageauto,
259#PageContentDiv table.imageauto td {
260	border: 0 !important;
261}
262
263/*
264Header
265------------------------------------------------------------------------------------------------------------------------
266*/
267#header {
268	background: transparent url(images/layout/header-background.png) no-repeat scroll left top;
269	height: 134px;
270}
271
272#header h1 {
273	left: -2500px;
274	position: absolute;
275}
276
277#header #logo {
278	background: transparent url(images/layout/header-logo.png) no-repeat scroll left top;
279	width: 500px;
280	height: 134px;
281	float: left;
282}
283
284#header a:hover {
285	text-decoration: none;
286}
287
288#header .basictab {
289	float: right;
290	width: 30%;
291	height: 134px;
292	font-size: 1.2em;
293	position: relative;
294}
295
296#header .basictab li {
297	display: block;
298	list-style-type: none;
299}
300
301#header .pos1 {
302	position: absolute;
303	top: 20px;
304	right: 7em;
305}
306
307#header .pos2 {
308	position: absolute;
309	top: 20px;
310	right: 25px;
311}
312
313#header .pos3 {
314	position: absolute;
315	top: 3.8em;
316	right: 7em;
317}
318
319#header .pos4 {
320	position: absolute;
321	top: 5.5em;
322	right: 15px;
323}
324
325#header .pos5 {
326	position: absolute;
327	top: 3.5em;
328	right: 54px;
329}
330
331#header .pos6 {
332	position: absolute;
333	top: 6em;
334	right: 12.5em;
335}
336
337#header .pos7 {
338	position: absolute;
339	top: 6em;
340	right: 6em;
341}
342
343#header .pos8 {
344	position: absolute;
345	top: 20px;
346	right: 15.1em;
347}
348
349#header .basictab li a {
350	color: #fff;
351	background-color: #9dab42;
352	padding: 5px 9px;
353}
354
355#header .basictab li a:hover {
356	background-color: #e1df9e;
357	color: #111;
358}
359
360#header .basictab li.selected a {
361	background-color: #a12d0d;
362}
363
364#header .basictab li .language a {
365	background-image: url(images/language.png);
366	background-repeat: no-repeat;
367	background-attachment: scroll;
368	background-position: 3px center;
369	padding-left: 21px;
370}
371
372#header .basictab ul.submenu {
373	margin-top: 7px;
374}
375
376#header .basictab ul.submenu li {
377	padding: 0;
378	margin: 0;
379}
380
381#header .basictab ul.submenu li a {
382	display: block;
383	padding: 3px 5px 3px 9px;
384}
385
386/*
387Sidebar
388------------------------------------------------------------------------------------------------------------------------
389*/
390#SidebarDiv .rss {
391	display: inline;
392	margin-left: 1em;
393}
394
395#SidebarDiv .separator a {
396	color: #a12d0d;
397}
398
399#SidebarDiv .editsectionlink,
400#SidebarContentDiv big {
401	display: none;
402}
403
404.other-years, .remote-spaces, .buzz {
405	color: #FFF;
406	background: #A12D0D none no-repeat scroll top right;
407}
408
409.other-years {
410	background-image: url(images/layout/other-years.png);
411	min-height: 123px;
412}
413
414.other-years .submenu, .remote-spaces .submenu {
415	display: none;
416	margin: 0 26px 0 .5em;
417	width: 7em;
418}
419
420.remote-spaces {
421	background-image: url(images/layout/remote-spaces.png);
422	min-height: 76px;
423}
424
425.other-years a, .remote-spaces a, .buzz a {
426	color: #FFF;
427}
428
429.buzz .content {
430	margin-left: .5em;
431	width: 8.8em;
432}
433
434.buzz .header {
435	background: transparent url("images/twitter.png") top left scroll no-repeat;
436	padding: 0 0 0 18px;
437}
438
439/*
440Partners
441------------------------------------------------------------------------------------------------------------------------
442*/
443.partner ul li {
444	margin-left: 0;
445	margin-bottom: .5em;
446	list-style-type: none;
447	}
448
449.partner ul li img {
450	border: 1px solid #ccc;
451	padding: .2em;
452}
453
454#SidebarDiv .partner {
455	margin-left: 2em;
456	}
457
458#PageContentDiv .partner li {
459	display: inline;
460	margin-right: .5em;
461	}
462
463/*
464Content
465------------------------------------------------------------------------------------------------------------------------
466*/
467#ContainerDiv,
468#ContainerSADiv {
469	background-color: #fff;
470}
471
472h1.pagetitle {
473	font-weight: bold;
474}
475
476#PageContentDiv {
477	margin-top: 1em;
478}
479
480#PageContentDiv pre {
481	width: 90%;
482	background-color: #f5f5f5;
483	border: 1px solid #e1df9e;
484	padding: 1em;
485}
486
487#PageContentDiv div.copy-code {
488	font-size: 0.8em;
489	display: block;
490	border: 1px solid #ccc;
491	border-bottom: none;
492	margin-top: 0.5em;
493	margin-left: 80%;
494	cursor: pointer;
495	width: 77px;
496}
497
498.highlight {
499	background-color: #E1DF9E;
500}
501
502/*
503Footer
504------------------------------------------------------------------------------------------------------------------------
505*/
506#footer {
507	background: transparent url(images/layout/footer-background.png) no-repeat scroll left bottom;
508}
509
510#footer .content {
511	background-color: #132e28;
512	color: #fff;
513}
514
515#footer .logos {
516	float: right;
517}
518
519#footer .logos ul li {
520	float: right;
521	list-style-type: none;
522	margin-left: 1em;
523}
524
525/*
526ScrewTurn Wiki-related styles
527------------------------------------------------------------------------------------------------------------------------
528*/
529.resulterror, .resultok {
530	padding-left: 18px;
531}
532
533.resulterror {
534	background: transparent url(images/error.png) no-repeat scroll left center;
535	color: red;
536}
537
538.resultok {
539	background: transparent url(images/success.png) no-repeat scroll left center;
540	color: green;
541}
542
543#NavigationSADiv {
544	background: #fff url(images/go-back.png) no-repeat scroll 1em center;
545	padding-left: 35px;
546	border-bottom: 1px solid #ccc;
547}
548
549body#VisualEditorBody,
550body#VisualEditorBody form,
551body#ToolWindowBody,
552body#ToolWindowBody form {
553	margin: 0;
554	width: auto;
555	padding: 0;
556	background: #fff;
557	background-image: none;
558}
559
560#EditNoticeDiv,
561#UploadAttachmentDiv p.small {
562	padding: .5em;
563	background-color: #F0F0F0;
564}
565
566div.draftmanagement
567{
568	padding: .5em;
569	background: none repeat scroll 0 0 #FFF6BF;
570	border: 2px solid #FFD324;
571	color: #514721;
572}
573
574#EditNoticeDiv,
575div.draftmanagement {
576	margin: 0 0 1em 0;
577}
578
579#ButtonsDiv {
580	float:right;
581}
582
583#PageNameAndTitleDiv {
584	width: 63%;
585}
586
587input.bigtextbox {
588	width: 95%;
589	font-size: 1.5em
590}
591
592#CategoriesDiv, #EditCommentDiv,
593#MainAttachmentManagerDiv, #UploadAttachmentDiv {
594	float: left;
595	width: 49%;
596}
597
598#EditCommentDiv input {
599	display: block;
600}
601
602#EditCommentDiv br {
603	display: none;
604}
605
606#CategoriesDiv, #MainAttachmentManagerDiv {
607	padding-right: 10px;
608}
609
610#AttachmentsDiv {
611	clear: both;
612}
613
614#AttachmentManagerTable {
615	font-size: .8em;
616}
617
618#EditHistoryLinkDiv {
619	float: right;
620	margin-left: 1em;
621}
622
623#EditHistoryLinkDiv a {
624	margin-left: 1em;
625	color: #132e28 !important;
626	border-color: #132e28 !important;
627	float: left;
628}
629
630#EditHistoryLinkDiv a:hover {
631	color: #fff !important;
632	background-color: #132e28 !important;
633	text-decoration: none;
634}
635
636a.externallink {
637	background-image: url(images/link-external.gif);
638	background-position: right;
639	background-repeat: no-repeat;
640	padding-right: 14px;
641}
642
643#EditHistoryLinkDiv a, a.editsectionlink {
644	margin: .5em 0 0 .5em;
645	padding: 0 .2em;
646	font-size: .8em;
647	border: 1px solid #e1df9e;
648	color: #e1df9e;
649}
650
651a.editsectionlink {
652	float: right;
653}
654
655a.editsectionlink:hover {
656	text-decoration: none;
657	background-color: #e1df9e;
658	color: #111;
659}
660
661/* HACK */
662a.editsectionlink:empty {
663	border: 0;
664}
665
666#RssLinkDiv, #PrintLinkDiv, #EmailNotificationDiv {
667	float: right;
668	position: relative;
669}
670
671input.activenotification,
672input.inactivenotification,
673#RssLink, #PrintLink {
674	background-repeat: no-repeat;
675	text-indent: -2500px;
676	display: block;
677	height: 16px;
678	width: 16px;
679	margin-left: .5em;
680	margin-top: .3em;
681}
682
683input.activenotification,
684input.inactivenotification {
685	height: 17px;
686}
687
688input.activenotification {
689	background-image: url(images/email-notification-on.png);
690}
691
692input.inactivenotification {
693	background-image: url(images/email-notification-off.png);
694}
695
696input.activenotification.discuss {
697	background-image: url(images/email-notification-discussion-on.png);
698}
699
700input.inactivenotification.discuss {
701	background-image: url(images/email-notification-discussion-off.png);
702}
703
704#RssLink {
705	background-image: url(images/RSS.png);
706}
707
708#PrintLink {
709	background-image: url(images/print.png);
710	margin-left: .5em;
711}
712
713#PageInfoDiv {
714	color: #aaa;
715	font-size: .8em;
716}
717
718a.formatlink:focus {
719	outline: 0;
720}
721
722div.imageleft {
723	float: left;
724	margin: .5em 1em .5em 0;
725}
726
727div.imageright {
728	float: right;
729	margin: .5em 0 .5em 1em;
730}
731
732div.transcludedpage {
733	clear: right;
734}
735
736a.unknownlink {
737	color: #a12d0d;
738	background-image: url(images/link-broken.png);
739	background-position: right;
740	background-repeat: no-repeat;
741	padding-right: 19px;
742}
743
744#PageAttachmentsLink, #AdminToolsLink {
745	background: transparent url(images/dropdown.png) scroll no-repeat right center;
746	padding-right: 16px !important;
747}
748
749#PageAttachmentsLink:hover, #AdminToolsLink:hover {
750	background-image: url(images/dropdown-selected.png);
751}
752
753#PageAttachmentsDiv, #AdminToolsDiv {
754	background-color: #fff;
755	border: 1px solid #132E28;
756	padding: .2em;
757	font-size: .8em;
758	/* HACK */
759	margin-left: -183px;
760	margin-top: -15px;
761}
762
763/* HACK */
764.menucontainer {
765	margin-left: -183px;
766	margin-top: -15px;
767}
768
769#AdminToolsDiv a {
770	display: block;
771}
772
773#PageDiscussionSpan {
774	font-size: 2em;
775}
776
777div.messagecontainer {
778	margin-left: 1em;
779}
780
781div.rootmessagecontainer {
782	border-top: 2px solid #648C13;
783	margin-bottom: 1em;
784}
785
786div.messageheader {
787	background-color: #f5f5f5;
788	padding: .2em;
789}
790
791span.messagesubject {
792	font-weight: bold;
793}
794
795span.messagedatetime {
796	font-size: .9em;
797	padding-left: 1em;
798}
799
800div.messagebody {
801	border: 1px solid #f5f5f5;
802	border-top: 0;
803	margin-bottom: .5em;
804	padding: .2em;
805}
806
807div.messagebody:hover {
808	background-color: #ffc;
809}
810
811div.reply {
812	float: right;
813	margin-right: 1em;
814	font-size: .75em;
815}
816
817a.reply, a.edit, a.delete {
818	background: transparent url(images/message-reply.png) scroll no-repeat left center;
819	padding-left: 12px;
820	margin-left: 1em;
821}
822
823a.edit {
824	background-image: url(images/message-edit.png);
825}
826
827a.delete {
828	background-image: url(images/message-delete.png);
829}
830
831input.txtsearchbox {
832	background: transparent url(images/search.png) scroll no-repeat 3px center;
833	padding-left: 20px;
834}
835
836#SearchControlsDiv {
837	margin-top: 1.5em;
838}
839
840#SearchControlsDiv input.textbox {
841	width: 80%;
842}
843
844#SearchControlsDiv input.textbox,
845#SearchControlsDiv input.button {
846	font-size: 1.5em;
847}
848
849#RadiosDiv {
850	margin-top: .5em;
851}
852
853#SearchStatsDiv {
854	margin-top: 1em;
855	color: #aaa;
856}
857
858#SearchStatsDiv b:last-child {
859	color: #000;
860}
861
862h3.searchresultpage,
863h3.searchresultmessage,
864h3.searchresultfile,
865h3.searchresultattachment {
866	margin-top: 1em;
867	background: transparent url(images/type-page.png) scroll no-repeat left 30%;
868	padding-left: 18px;
869}
870
871h3.searchresultmessage {
872	background-image: url(images/type-message.png);
873}
874
875h3.searchresultfile {
876	background-image: url(images/type-file.png);
877}
878
879h3.searchresultattachment {
880	background-image: url(images/type-attachment.png);
881}
882
883#UserGravatarDiv {
884	float: right;
885	border: 1px solid #f5f5f5;
886	padding: .2em;
887	margin: 0 0 1em 1em;
888	position: relative;
889	top: -49px;
890}
891
892table.recentchanges {
893	width: 88%;
894	margin-bottom: 1em;
895}
896
897#EmailMessageDiv textarea {
898	width: 95.5%;
899	height: 15em;
900}
901
902p.excerpt b.searchkeyword, b.searchkeyword {
903	font-weight: normal;
904	background-color: #FFEE64;
905}