1body {
2	background-color: #FFF;
3	color: Black;
4	font: 14px Verdana, sans-serif;
5	margin: 0;
6	padding: 0;
7}
8h1,
9h2,
10h3,
11h4,
12h5 {
13	background-color: transparent;
14	border-bottom: none;
15	clear: left;
16	color: Black;
17	font-family: Helvetica, "Bitstream Vera Sans", "Nimbus Sans L", sans-serif;
18	font-size: 100%;
19	font-weight: bold;
20	margin: 0;
21	padding: 1em 0 0 0;
22	a {
23		color: __black__;
24		text-decoration: none;
25		&:hover {
26			color: __black__;
27			text-decoration: none;
28		}
29	}
30}
31h1 {
32	font-size: 15pt;
33}
34h2 {
35	border-bottom: 1px solid __dark__;
36	font-size: 14pt;
37}
38h3 {
39	font-size: 13pt;
40}
41h4 {
42	font-size: 11pt;
43}
44h5 {
45	font-size: 10pt;
46}
47table {
48	border: 0;
49	border-spacing: 0;
50	font-size: 100%;
51	margin: 0;
52	padding: 0;
53	tr,
54	td,
55	th {
56		margin: 0;
57		padding: 0;
58	}
59	&.inline {
60		background-color: __white__;
61		border-collapse: collapse;
62		border-spacing: 0;
63		th {
64			background-color: __medium__;
65			font-weight: normal;
66		}
67		td,
68		th {
69			border: 1px solid __dark__;
70			font: 85% Verdana, "Bitstream Vera Sans", "Nimbus Sans L", sans-serif;
71			padding: 3px;
72			width: auto;
73		}
74	}
75	&.newpage {
76		/*border: solid 1px #f5f5f5;
77		border-radius: 5px;*/
78		td {
79			border-right: solid 1px #ddd;
80			padding: 0 10px !important;
81			&:nth-last-of-type(1) {
82				border-right: 0;
83				text-align: center;
84			}
85			&:nth-last-of-type(2) {
86				text-align: center;
87			}
88			img.medialeft {
89				margin: 5px 5px 0 0;
90			}
91			.vyleft {
92				margin-top: 0;
93			}
94		}
95	}
96}
97div {
98	&.level1,
99	&.level2,
100	&.level3,
101	&.level4,
102	&.level5 {
103		margin: 1em 0 0 0;
104	}
105	&.error,
106	&.info,
107	&.success,
108	&.notify {
109		background-repeat: no-repeat;
110		border: 1px solid;
111		border-radius: 5px;
112		color: #000;
113		font-size: 110%;
114		overflow: hidden;
115		margin: 0 35px;
116		padding: .4em 32px;
117		position: relative;
118		z-index: 2;
119		[dir=ltr] & {
120			background-position: 8px 50%;
121		}
122		[dir=rtl] & {
123			background-position: right 8px top 50%;
124		}
125	}
126	&.error {
127		background-color: #fcc;
128		background-image: url(../../images/error.png);
129		border-color: #ebb;
130	}
131
132	&.info {
133		background-color: #ccf;
134		background-image: url(../../images/info.png);
135		border-color: #bbe;
136	}
137
138	&.success {
139		background-color: #cfc;
140		background-image: url(../../images/success.png);
141		border-color: #beb;
142	}
143
144	&.notify {
145		background-color: #ffc;
146		background-image: url(../../images/notify.png);
147		border-color: #eeb;
148	}
149	&.nothing {
150		margin: 2em;
151		text-align: center;
152	}
153	&#size__ctl {
154		float: right;
155		height: 2.7em;
156		width: 40px;
157		img {
158			cursor: pointer;
159		}
160	}
161	&.secedit {
162		button {
163			background-color: __white__;
164			border: 0 solid __dark__;
165			color: __darkgray__;
166			cursor: pointer;
167			display: inline;
168			float: right;
169			font-size: 10px;
170			margin: 0;
171			padding: 0;
172			text-decoration: none;
173			vertical-align: middle;
174		}
175	}
176	&.preview {
177		background: __lighter__;
178		border: 1px dashed __black__;
179		margin-left: 2em;
180		padding: 4px;
181	}
182	&.insitu-footnote {
183		background: __light__;
184		border: 1px solid __dark__;
185		font-size: 80%;
186		line-height: 1.2em;
187		max-width: 40%; /* IE's width is handled in javascript */
188		padding: 4px;
189		text-align: left;
190	}
191	&.picker {
192		background: __light__;
193		border: 1px solid __dark__;
194		width: auto;
195	}
196	&#spell__suggest {
197		background-color: __white__;
198		border: 1px solid __black__;
199		display: none;
200		font-size: 80%;
201		padding: 2px;
202	}
203	&#spell__result {
204		background-color: __lighter__;
205		border: 1px solid __dark__;
206		color: Black;
207		display: none;
208		font-size: 14px;
209		padding: 3px;
210	}
211	&.mediaedit {
212		div.data {
213			label {
214				display: block;
215				float: left;
216				margin-right: .5em;
217				text-align: right;
218				width: 20%;
219			}
220			input,
221			textarea {
222				margin: .1em;
223				padding: .1em;
224				width: 75%;
225			}
226			input.button {
227				display: block;
228				margin-left: auto;
229				margin-right: auto;
230				width: 10em;
231			}
232		}
233	}
234	&.areamenu {
235		color: __extern__;
236		font-size: 8pt;
237		text-decoration: none;
238		div#cloud {
239			text-align: center;
240			a {
241				&.cloud1_tag1,
242				&.cloud1_tag2 {
243					font-size: 10px;
244				}
245				&.cloud2_tag1,
246				&.cloud2_tag2 {
247					font-size: 12px;
248				}
249				&.cloud3_tag1,
250				&.cloud3_tag2 {
251					font-size: 14px;
252				}
253				&.cloud4_tag1,
254				&.cloud4_tag2 {
255					font-size: 16px;
256				}
257				&.cloud5_tag1,
258				&.cloud5_tag2 {
259					font-size: 18px;
260				}
261			}
262		}
263		p {
264			color: __black__;
265		}
266		a {
267			&.wikilink1 {
268				color: #080;
269			}
270			&:hover {
271				color: #F55;
272				text-decoration: underline;
273			}
274		}
275	}
276	&.taglist {
277		th,
278		td {
279			border: 1px #eee solid;
280			padding: 0 5px;
281		}
282		th {
283			text-align: center;
284		}
285		td {
286			ul {
287				list-style-type: none;
288				margin: 0;
289			}
290		}
291	}
292	&.mediaselect-right li,
293	&.uploadform {
294		clear: both;
295	}
296	&.comment_buttons {
297		padding-top: 12px;
298	}
299}
300form {
301	border: none;
302	display: inline;
303	font: 80% Verdana, sans-serif;
304	margin: 0;
305	&#subscribe__form {
306		display: block;
307		text-align: center;
308		width: 400px;
309		fieldset {
310			text-align: left;
311			margin: .5em 0;
312			legend {
313				background-color: white;
314				border: 1px solid __dark__;
315				border-radius: 5px;
316				box-shadow: 0 0 3px 1px __dark__;
317				padding: 2px 5px;
318			}
319			label {
320				display: block;
321				margin: 0 .5em .5em;
322				input {
323					vertical-align: middle;
324				}
325				span {
326					vertical-align: middle;
327				}
328			}
329		}
330		button {
331			background-image: linear-gradient(to bottom, #CCFFBB, #AADD99);
332			border-radius: 5px;
333			padding: 3px 5px;
334			&:hover {
335				background-image: linear-gradient(to bottom, #CCFFBB, #88BB77);
336			}
337		}
338	}
339}
340label {
341	&.block {
342		display: block;
343		font-weight: bold;
344		text-align: right;
345		input.edit {
346			width: 50%;
347		}
348	}
349	&.simple {
350		display: block;
351		font-weight: normal;
352		text-align: left;
353	}
354}
355fieldset {
356	border: 1px solid __dark__;
357	border-radius: 5px;
358	box-shadow: 0 0 3px 1px __dark__;
359	margin: auto;
360	padding: .5em;
361	text-align: center;
362	width: 400px;
363	legend {
364		color: black;
365		font-weight: bold;
366	}
367}
368textarea.edit {
369	background-color: __white__;
370	border: 1px solid __dark__;
371	border-radius: 5px;
372	box-shadow: 0 0 3px 1px __dark__;
373	color: Black;
374	font-family: monospace;
375	font-size: 14px;
376	padding: 3px 0 5px 3px;
377	width: 100%;
378}
379.lang-he textarea.edit {
380	text-align: right;
381}
382input.edit,
383select.edit {
384	background-color: __white__;
385	border: 1px solid __dark__;
386	border-radius: 5px;
387	box-shadow: 0 0 3px 1px __dark__;
388	color: __darkgray__;
389	display: inline;
390	font-size: 100%;
391	margin: 1px;
392	vertical-align: middle;
393}
394input.edit {
395	padding: .2em .3em;
396}
397select.edit {
398	padding: .1em 0;
399}
400input.missing {
401	background-color: #FCC;
402	border: 1px solid __dark__;
403	border-radius: 5px;
404	box-shadow: 0 0 3px 1px __dark__;
405	color: __darkgray__;
406	display: inline;
407	font-size: 100%;
408	margin: 1px;
409	padding: .2em .3em;
410	vertical-align: middle;
411}
412input.button,
413button.button {
414	background-color: __white__;
415	border: 1px solid __dark__;
416	box-shadow: 0 0 2px 0 __black__;
417	color: __black__;
418	cursor: pointer;
419	margin: 1px;
420	padding: .125em .4em;
421	text-decoration: none;
422	vertical-align: middle;
423}
424ul {
425	line-height: 1.5em;
426	list-style-image: none;
427	list-style-type: square;
428	padding: 0;
429	[dir=ltr] & { margin: 0 0 .5em 1.5em; }
430	[dir=rtl] & { margin: 0 1.5em .5em 0; }
431}
432ul + ul {
433	margin-top: 1.5em;
434}
435ul.tabs {
436	margin: 0;
437	overflow: hidden;
438	padding: 0;
439	li {
440		list-style: none;
441		margin: 0;
442		padding: 0;
443		[dir=ltr] & { float: left; }
444		[dir=rtl] & { float: right; }
445		a {
446			background-color: __background_neu__;
447		}
448		a, strong {
449			border-radius: .5em .5em 0 0;
450			color: __text__;
451			padding: .3em .8em;
452			[dir=ltr] & {
453				float: left;
454				margin: 0 .3em 0 0;
455			}
456			[dir=rtl] & {
457				float: right;
458				margin: 0 0 0 .3em;
459			}
460		}
461		a:hover,
462		a:active,
463		a:focus,
464		strong {
465			background-color: __background_alt__;
466			text-decoration: none;
467		}
468	}
469}
470ol {
471	font-weight: normal;
472	line-height: 1.5em;
473	list-style-image: none;
474	list-style-type: decimal;
475	margin: 0 0 .5em 1.5em;
476	padding: 0;
477	ol {
478		list-style-type: upper-roman;
479		ol {
480			list-style-type: lower-alpha;
481			ol {
482				list-style-type: lower-greek;
483			}
484		}
485	}
486}
487li {
488	&.level1,
489	&.level2,
490	&.level3,
491	&.level4,
492	&.level5 {
493		margin: 0;
494	}
495	&.open, &.closed {
496		list-style: none;
497		&::before {
498			border-bottom:2px solid black;
499			border-right:2px solid black;
500			content: '';
501			height:5px;
502			position: absolute;
503			width:5px;
504		}
505	}
506	&.open::before {
507		[dir=ltr] & { transform: translateX(-200%) translateY(100%) rotate(45deg); }
508		[dir=rtl] & { transform: translateX(200%) translateY(100%) rotate(45deg); }
509	}
510	&.closed::before {
511		[dir=ltr] & { transform: translateX(-200%) translateY(100%) rotate(-45deg); }
512		[dir=rtl] & { transform: translateX(200%) translateY(100%) rotate(135deg); }
513	}
514}
515pre {
516	&.pre,
517	&.code {
518		background-color: __lighter__;
519		border: 1px dashed __dark__;
520		color: Black;
521		font-size: 10pt;
522		overflow: auto;
523		padding: .5em;
524	}
525	&.file {
526		background-color: __medium__;
527		border: 1px dashed __dark__;
528		color: Black;
529		font-size: 10pt;
530		overflow: auto;
531		padding: .5em;
532	}
533}
534code {
535	background-color: inherit;
536	box-shadow: inset 0 0 .3em #999;
537	color: #333;
538	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
539	padding: 0 2px;
540}
541button {
542	&.toolbutton {
543		background-color: inherit;
544		border: 0;
545		cursor: pointer;
546		margin: 0 1px 0 0;
547		padding: 3px;
548	}
549	&.pickerbutton {
550		background-color: transparent;
551		border: 0;
552		cursor: pointer;
553		font-size: 80%;
554		margin: 0 1px 1px 0;
555		padding: 0;
556	}
557}
558hr {
559	border: 0;
560	border-top: 1px solid __dark__;
561	height: 0;
562	text-align: center;
563}
564blockquote {
565	border-left: 2px solid __dark__;
566	margin-left: 0;
567	padding-left: 3px;
568}
569p {
570	margin: .5em 0;
571	padding: 0;
572}
573span {
574	&.spell_noerr {
575		color: #093;
576	}
577	&.spell_wait {
578		color: #06c;
579	}
580}
581a {
582	color: __extern__;
583	text-decoration: none;
584	&:hover {
585		color: __black__;
586	}
587	&.urlextern {
588		color: __extern__;
589		&:visited {
590			color: Purple;
591		}
592	}
593	&.interwiki {
594		color: __extern__;
595		&:visited {
596			color: Purple;
597		}
598	}
599	&.media {
600		color: __extern__;
601	}
602	&.mail {
603		background: transparent url(data:image/gif;base64,R0lGODlhEAAQAPcAAE5OTmSh5e43IPBEL/JhT6Ojo4Kz6o298LHQ8rbT87nV873X9L7Y9MLa9cXc9cne9srf9tDj99Hj99bm+Nrp+dzq+d3q+d/s+uHt+uTu+ujx++ny++vz/O30/PD2/PL3/fX5/fn7/vz9/v7+/+0XF////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACQALAAAAAAQABAAAAhzAEkIHEiwoMGDCBMSLMCwocOGAAQWKEGRoggQHTJUiHAgIomJFUeE8KDhAoEBHSWWCGAggEsOGCYMEJDyY8WLGSlEcLCg5kSWLg1YkPCAQQKfJUR+2HBhAoQGChD4PEC1qlWqHgsA2Mq1K1eFYMOKHVswIAA7) 0 1px no-repeat;
604		color: __extern__;
605		padding: 1px 0 1px 16px;
606	}
607	&.wikilink1 {
608		color: __existing__;
609		text-shadow: 0 -15px 2.5px transparent,0 15px 2.5px transparent;
610		&:hover {
611			text-shadow: 0 0 2.5px #0f0,0 0 2.5px #0f0;
612			transition: all .4s linear 0s;
613		}
614	}
615	&.wikilink2 {
616		color: __missing__;
617		text-shadow: 0 -5px 2.5px transparent,0 5px 2.5px transparent;
618		&:hover {
619			text-shadow: 0 0 1px #f00,0 0 1px #f00;
620			transition: all .4s linear 0s;
621		}
622	}
623	&.spell_error {
624		color: #f00;
625		text-decoration: underline;
626	}
627}
628acronym {
629	border-bottom: 1px dotted __black__;
630	cursor: help;
631}
632img {
633	border: 0;
634	&.media {
635		margin: 3px;
636	}
637	&.medialeft {
638		margin: 0 1.5em 0 0;
639	}
640	&.mediaright {
641		margin: 0 0 0 1.5em;
642	}
643}
644audio {
645	padding: 5px 0;
646	vertical-align: middle;
647}
648