1/* DEFAULT STYLE STATE ------------------------------------------------------------- */
2
3* {
4	margin: 0px;
5	padding: 0px;
6}
7
8a:link,
9a:visited,
10a:hover,
11a:active {
12	color: inherit;
13	text-decoration: none;
14}
15
16a:hover {
17	text-decoration: underline;
18}
19
20body {
21	color: #333;
22	background-color: #EEE;
23	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
24	line-height: 1.5;
25}
26
27/* GENERAL PURPOSE CLASS TAGS ------------------------------------------------------ */
28
29h1,
30h2,
31h3,
32h4,
33h5,
34.title,
35.tocheader,
36legend,
37#link__wiz #link__wiz_header,
38.content table .row0 {
39	font-family: "Trebuchet MS", Arial, Sans-Serif;
40	font-weight: bold;
41}
42
43
44legend {
45	font-size: 1.25em;
46}
47
48.license .medialeft {
49	margin-right: 10px;
50}
51
52.icon_buttons input.button {
53	background: url(images/cog.png) no-repeat -18px 0px;
54	border: none;
55	padding-top: 18px;
56	height: 18px;
57	width: 18px;
58}
59
60.icon_buttons input.button:hover {
61	background: url(images/cog.png) no-repeat 0px 0px;
62	border: none;
63}
64
65.icon_buttons .btn_revs input.button {
66	background: url(images/page_revisions.png) no-repeat -18px 0px;
67}
68.icon_buttons .btn_revs input.button:hover {
69	background-position: 0px 0px;
70}
71
72.icon_buttons .btn_create input.button {
73	background: url(images/page_add.png) no-repeat -18px 0px;
74}
75
76.icon_buttons .btn_create input.button:hover {
77	background-position: 0px 0px;
78}
79
80.icon_buttons .btn_edit input.button,
81.icon_buttons .btn_draft input.button {
82	background: url(images/page_edit.png) no-repeat -18px 0px;
83}
84
85.icon_buttons .btn_edit input.button:hover,
86.icon_buttons .btn_draft input.button:hover {
87	background-position: 0px 0px;
88}
89
90.icon_buttons .btn_index input.button {
91	background: url(images/text_list_bullets.png) no-repeat -18px 0px;
92}
93
94.icon_buttons .btn_index input.button:hover {
95	background-position: 0px 0px;
96}
97
98.icon_buttons .btn_login input.button {
99	background: url(images/user.png) no-repeat -18px 0px;
100	color: #FFF;
101	text-shadow: #333 1px 1px 1px;
102}
103
104.icon_buttons .btn_login input.button:hover {
105	background-position: 0px 0px;
106}
107
108.icon_buttons .btn_logout input.button {
109	background: url(images/user_go.png) no-repeat -18px 0px;
110}
111
112.icon_buttons .btn_logout input.button:hover {
113	background-position: 0px 0px;
114}
115
116.icon_buttons .btn_show input.button {
117	background: url(images/page_white_magnify.png) no-repeat -18px 0px;
118}
119
120.icon_buttons .btn_show input.button:hover {
121	background-position: 0px 0px;
122}
123
124.icon_buttons .btn_source input.button {
125	background: url(images/page_white_code.png) no-repeat -18px 0px;
126}
127
128.icon_buttons .btn_source input.button:hover {
129	background-position: 0px 0px;
130}
131
132/* FORM FORMATTING ----------------------------------------------------------------- */
133
134input.button,
135button.toolbutton,
136button.pickerbutton {
137    background-color:#f5f5f5;
138    border:1px solid #dedede;
139	border-top: 1px solid #eee;
140	border-left: 1px solid #eee;
141	padding: 0px 5px;
142	font-weight: bold;
143	font-size: 12px;
144	color: #888;
145}
146
147input.button:hover,
148button.toolbutton:hover,
149button.pickerbutton:hover {
150	background-color: #DEDEDE;
151	border: 1px solid #CCC;
152}
153
154/* HEADER FORMATTING --------------------------------------------------------------- */
155
156.header {
157}
158
159.header .titlebar {
160	background-color: #888;
161	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#888));
162	background: -moz-linear-gradient(top, #999, #888);
163	color: #FFF;
164	padding: 5px 15px;
165	font-weight: bold;
166	border-bottom: 1px solid #666;
167	text-shadow: #333 1px 1px 1px;
168}
169
170.header .titlebar > div {
171	display: inline-block;
172}
173
174.header .titlebar > .search {
175	float: right;
176	margin-top: 5px;
177	position: relative;
178}
179
180.header .search #dw__search #qsearch__in {
181	margin-right:0;
182	width:208px;
183	padding-left:16px;
184	padding-top:0.2em;
185	padding-bottom:0.2em;
186	background: url(images/magnifier.png) no-repeat 0px 5px;
187	border: none;
188	border-bottom: 2px solid #FFF;
189	color: #FFF;
190	font-weight: bold;
191}
192
193.header #qsearch__out {
194	display: none;
195	position: absolute;
196	z-index: 3000;
197	color: #333;
198	left: inherit;
199	right: 0px;
200	background-color: #F7F7F7;
201	border: 1px solid #888;
202	border-bottom-width: thick;
203	padding: 5px;
204	overflow: hidden;
205	text-overflow: ellipsis;
206}
207
208.header #qsearch__out strong {
209	font-size: .9em;
210}
211
212.header #qsearch__out li {
213	font-size: .7em;
214}
215
216.header .search #dw__search .button {
217	display: none;
218}
219
220.header .titlebar > .title {
221	font-size: 1.5em;
222	line-height: 1.5em;
223	vertical-align: middle;
224	letter-spacing: -0.05em;
225}
226
227.header .titlebar > .pagetitle {
228	line-height: 1.5em;
229	vertical-align: middle;
230	font-style: italic;
231}
232
233.header .subtitlebar {
234	color: #FFF;
235	background-color: #AAA;
236	background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#AAA));
237	background: -moz-linear-gradient(top, #CCC, #AAA);
238	border-top: 1px solid #AAA;
239	border-bottom: 1px solid #888;
240	text-shadow: #333 1px 1px 1px;
241	background-color: #FFF;
242	padding: 4px 15px;
243	font-weight: bold;
244}
245
246.header .user {
247	float: right;
248	font-size: .7em;
249}
250
251.header .user .button.btn_logout {
252	float: right;
253	margin-left: 10px;
254}
255
256.header .user .btn_login input.button {
257	padding-top: 0px !important;
258	padding-left: 20px !important;
259	width: auto !important;
260}
261
262.header .breadcrumb {
263	font-size: .7em;
264}
265
266.header .breadcrumb .bchead {
267	display: none;
268}
269
270/* FOOTER FORMATTING --------------------------------------------------------------- */
271
272.footer {
273	border-top: thick solid #CCC;
274	padding: 0px 15px 0px 15px;
275}
276
277.footer a:link,
278.footer a:visited {
279	color: #4E506D;
280}
281
282.footer .pageinfo {
283	float: right;
284	color: #888;
285	font-size: .7em;
286	min-height: 35px;
287}
288
289.footer .actions {
290	margin-top: 3px;
291	float: left;
292	min-height: 35px;
293}
294
295.footer .actions .button {
296	display: inline-block;
297	margin-right: 3px;
298}
299
300.footer .copyright {
301	color: #888;
302	font-weight: bold;
303	font-size: .7em;
304	text-align: center;
305}
306
307/* CONTENT FORMATTING -------------------------------------------------------------- */
308
309.content {
310	border-top: 1px solid #DDD;
311	background-color: #FFF;
312	padding: 0px 30px;
313	font-size: .8em;
314}
315
316.content .headerclear {
317	width: 100%;
318	height: 1px;
319	clear: both;
320}
321
322.content .footerclear {
323	width: 100%;
324	height: 20px;
325	clear: both;
326}
327
328.content > .toc {
329	float: right;
330	margin: 10px -20px 10px 10px;
331	background-color: #FFF;
332	font-size: .8em;
333	min-width: 250px;
334}
335
336#toc__header {
337	background-color: #888;
338	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#888));
339	background: -moz-linear-gradient(top, #999, #888);
340	text-shadow: #333 1px 1px 1px;
341	border: 1px solid #666;
342	border-top: 1px solid #AAA;
343	border-left: 1px solid #AAA;
344	color: #FFF;
345	font-weight: bolder;
346	padding: 0px 1em;
347}
348
349#toc__inside {
350	background-color: #FBFBFB;
351	border: 1px solid #F0F0F0;
352	border-top: 1px solid: #DDD;
353	padding: 0px 5px 5px 5px;
354}
355
356#toc__inside > ul {
357	margin-top: 0px;
358}
359
360#toc__toggle {
361	display: inline-block;
362	width: 12px;
363	height: 8px;
364	background: url(images/bullet_toggle_plus.png) no-repeat -4px -3px;
365}
366
367#toc__toggle.toc_close {
368	background-image: url(images/bullet_toggle_minus.png);
369}
370
371#toc__toggle > span {
372	display: none;
373}
374
375.content .secedit {
376	float: right;
377}
378
379.content .secedit input.button {
380	background: url(images/page_edit.png) no-repeat -18px 0px;
381	border: none;
382	padding-top: 18px;
383	height: 18px;
384	width: 18px;
385}
386
387.content .secedit input.button:hover {
388	background-position: 0px 0px;
389}
390
391.content .section_highlight {
392	border-left: 10px solid #DDD;
393	padding-left: 10px;
394	margin-left: -20px;
395}
396
397.content pre {
398	font-family: "Consolas", "Courier New", Courier, monospace
399}
400
401#link__wiz {
402	font-size: 0.7em;
403}
404
405#link__wiz #link__wiz_header {
406	margin-bottom: 3px;
407}
408
409#link__wiz #link__wiz_result {
410	margin-top: 1em;
411	margin-left: 10px;
412}
413
414#link__wiz #link__wiz_result span {
415	padding-left: 10px;
416	font-style: italic;
417}
418
419#link__wiz #link__wiz_result .type_d {
420	font-weight: bold;
421}
422
423.content h1 {
424	font-size: 2em;
425	margin-top: .8em;
426	margin-bottom: -.4em;
427	text-shadow: #CCC 1px 1px 1px;
428}
429
430.content h2,
431#link__wiz #link__wiz_header {
432	font-size: 1.4em;
433	border-bottom: 1px dotted #DDD;
434	margin-top: .6em;
435	margin-bottom: -.4em;
436	text-shadow: #CCC 1px 1px 1px;
437}
438
439.content h3 {
440	font-size: 1.2em;
441	font-style: italic;
442	margin-top: .5em;
443	margin-bottom: -.4em;
444	text-shadow: #CCC 1px 1px 1px;
445}
446
447.content p,
448#tool__bar {
449	margin-top: .6em;
450}
451
452.content ul,
453.content ol {
454	margin-top: .6em;
455	list-style: none;
456}
457
458.content ul ul,
459.content ol ol {
460	margin-top: 0px;
461}
462
463.content.main li.level1,
464.content.main li.level3,
465.content.main li.level5,
466.content.main .search_quickhits li,
467.header #qsearch__out li{
468	padding-left: 16px;
469	background: url(images/bullet_black.png) no-repeat 0px .1em;
470}
471
472.content.main li.closed {
473	padding-left: 16px;
474	background: url(images/bullet_toggle_plus.png) no-repeat 0px .1em;
475}
476
477.content.main li.open {
478	padding-left: 16px;
479	background: url(images/bullet_toggle_minus.png) no-repeat 0px .1em;
480}
481
482.content.main li.level2,
483.content.main li.level4 {
484	padding-left: 16px;
485	background: url(images/bullet_gray.png) no-repeat 0px .1em;
486}
487
488.content .toc #toc__inside li {
489	background-position: 0px 0px;
490}
491
492.content a:link,
493.content a:visited {
494	color: #000EB9;
495}
496
497.content a.wikilink2,
498.content a.wikilink2:visited {
499	color: #CC7286;
500	border-bottom: 1px dashed #CC7286;
501}
502
503.content pre.code {
504	margin-bottom: 1em;
505	background-color: #F7F7F7;
506	border-left: thick solid #EEE;
507	padding: 10px;
508	margin: 1em 5em 1em 2em;
509	text-overflow: ellipsis;
510	overflow: hidden;
511}
512
513.content.main p > .mediafile {
514	display: block;
515	background-color: #F7F7F7;
516	border-left: thick solid #EEE;
517	padding: 10px 10px 10px 26px;
518	margin: 1em 5em 1em 2em;
519	background-position: 4px 10px;
520}
521
522.content .code dt {
523	border-bottom: thin solid #EEE;
524	padding-bottom: 3px;
525	margin: 1em 5em -1em 2em;
526}
527
528.content .code dt a {
529	font-weight: bold;
530	font-size: .7em;
531	padding-top: 5px;
532}
533
534.content table tr {
535	margin-left: 10px;
536}
537
538.content table td {
539	padding-left: 18px;
540	background: url(images/bullet_gray.png) no-repeat 0px center;
541}
542
543.content table td.col0 {
544	background: none;
545}
546
547.content table th {
548	text-align: left;
549	font-style: italic;
550}
551
552/* DETAIL FORMATTING --------------------------------------------------------------- */
553
554.content.detailmain {
555	background-color: #666;
556	color: #DDD;
557	text-align: center;
558}
559
560.content.detailmain h1 {
561	margin-top: 0em;
562	margin-bottom: .8em;
563	text-shadow: #333 2px 2px 5px;
564}
565
566.content.detailmain .img_big .img_detail {
567	border: thick solid #444;
568}
569
570.content.detailmain .img_caption {
571	font-weight: bold;
572}
573
574.content.detailmain .img_detail p {
575	display: inline-block;
576	margin: 0em 3em;
577}
578
579.content.detailmain .img_detail {
580	margin-top: .6em;
581}
582
583.content.detailmain .img_detail .img_tags {
584	margin-top: .6em;
585}
586
587.content.detailmain .img_detail .img_tags dt {
588	display: run-in;
589	margin: 0em 1em;
590}
591
592/* MEDIA MANAGER FORMATTING -------------------------------------------------------- */
593
594#media__left {
595	float: left;
596	width: 30%;
597}
598
599#media__right {
600	float: right;
601	width: 68%;
602}
603
604.content.mediamain li.open > img,
605.content.mediamain li.closed > img{
606	margin-right: 10px;
607}
608
609.content.mediamain li > ul {
610	margin-left: 16px;
611}
612
613.content.mediamain li .li {
614	display: inline-block;
615}
616
617.content.mediamain h1 {
618	border-bottom: 1px solid #DDD;
619	margin-bottom: 10px;
620}
621
622#media__opts label {
623	margin-top: -3px;
624	margin-left: 10px;
625	color: #888;
626	font-size: .8em;
627	font-weight: bold;
628}
629
630.content.main .gallery table .tn {
631	border: 2px solid #DDD;
632}
633
634.content.main .gallery table a {
635	font-size: .8em;
636	font-weight: bold;
637}
638
639/* ADMIN FORMATTING ---------------------------------------------------------------- */
640
641#wiki__text.edit {
642	width: 100%;
643}
644
645#wiki__editbar #size__ctl {
646	margin: .6em 0px;
647}
648
649#wiki__editbar .editButtons,
650#wiki__editbar .summary {
651	display: inline-block;
652}
653
654#wiki__editbar {
655	margin-bottom: .6em;
656}
657
658.search_quickresult {
659	margin-bottom: .6em;
660	padding-bottom: .6em;
661	border-bottom: 1px dotted #DDD;
662}
663
664.search_result {
665	margin-bottom: .6em;
666}
667
668.search_quickresult .curid,
669.search_result .curid {
670	text-decoration: underline;
671}
672
673.search_quickresult .wikilink1 {
674	font-weight: bold;
675}
676
677.search_result .search_cnt {
678	font-weight: bold;
679	font-style: italic;
680	color: #888;
681}
682
683.search_result .search_snippet {
684	font-size: .8em;
685	font-style: italic;
686	margin: 0 3em;
687}
688
689.content fieldset {
690	background-color: #F7F7F7 !important;
691	border: 1px solid #EEE;
692	border-top-width: thick;
693}
694
695#config__manager tr.default .input,
696#config__manager tr.default input,
697#config__manager tr.default textarea,
698#config__manager tr.default select,
699#config__manager .selectiondefault,
700#config__manager tr .input,
701#config__manager tr input,
702#config__manager tr textarea,
703#config__manager tr select {
704	background-color: #F7F7F7;
705	border: none;
706}
707
708#config__manager tr.default select,
709#config__manager tr select {
710	background-color: #DDD;
711}
712
713#config__manager tr.default input,
714#config__manager tr input {
715	border: none;
716	border-bottom: 2px solid #888;
717}
718
719#acl__tree li {
720	background: none;
721}
722
723#dw__login fieldset,
724#dw__register fieldset {
725	line-height: 2.5em;
726}
727