CSS editor for bookcreator

/* NB Currently one style.css applies to all books. If you do the modifications and generate whatever book again, the generator uses same style.css. But do not worry i have backup :) */
/* Add also comments if you have modifed somthing, detected the CSS tag purpose and how it affects the final PDF. Also you can put your name to comments, if modifed somthing */

/* After Saving this file, browser goes back -1 in history. If this function is annoying, let me know. I will remove it) */

/* PAGE */

@page {
	size: A5;

@footnotes {
		border-top: thin solid black;
		padding-top: 2pt;
		margin-top: 2pt;
		margin-left: 30%;
	}
}

/* Page headers */
@page :left {
	/* Even page margins top, right, bottom, left*/
	margin: 17mm 11mm 17mm 11mm;

@top-left {
		content: string(header1);
		text-align: left;
		vertical-align: bottom;
		font: 10pt Verdana, Lucida;
		border-bottom: thin solid black;
		padding-bottom: 2pt;
		margin-bottom: 3pt;
	}

@bottom-left {
		content: counter(page);
		text-align: left;
		vertical-align: top;
		font: 10pt Verdana, Lucida;
		border-top: thin solid black;
		padding-top: 2pt;
		margin-top: 3pt;
	}
}

@page :right {
	/* Odd page margins top, right, bottom, left*/
	margin: 17mm 11mm 17mm 11mm;

@top-right {
		content: string(header2);
		text-align: right;
		vertical-align: bottom;
		font: 10pt Verdana, Lucida;
		border-bottom: thin solid black;
		padding-bottom: 2pt;
		margin-bottom: 3pt;
	}

@bottom-right {
		content: counter(page);
		text-align: right;
		vertical-align: top;
		font: 10pt Verdana, Lucida;
		border-top: thin solid black;
		padding-top: 2pt;
		margin-top: 3pt;
	}
}

@page frontmatter :left {
	@top-left {
		content: none;
		border: none;
	}

@bottom-left {
		content: none;
		border: none;
	}
}

@page frontmatter :right {
	@top-right {
		content: none;
		border: none;
	}

@bottom-right {
		content: none;
		border: none;
	}
}

/*
@page second_level :left
{
	@top-left
	{
		content: none;		
	}

@bottom-left
	{
		content: none;		
	}
}

@page second_level :right
{
	@top-right
	{
		content: none;		
	}

@bottom-right
	{
		content: none;	
	}
}*/
@page cover {
	margin: 0;
}

/* which section uses which named page */
div.foreword,
div.toc,
div.preface {
	page: frontmatter;
}

/* Header numbering */
h1 {
	counter-increment: chapter1;
	counter-reset: chapter2 chapter3;
	string-set: header1 counter(chapter1) ". "content(), header2 counter(chapter1) ". "content();
}

h2 {
	counter-increment: chapter2;
	counter-reset: chapter3;
	string-set: header2 counter(chapter1) "."counter(chapter2) ". "content();
}

h3 {
	counter-increment: chapter3;
}

h3.toggle {
	counter-increment: none;
}

h1::before {
	content: counter(chapter1) ". ";
}

h2::before {
	content: counter(chapter1) "."counter(chapter2) ". ";
}

h3::before {
	content: counter(chapter1) "."counter(chapter2) "."counter(chapter3) ". ";
}

h3.toggle::before {
	content: "";
}

/* Page breaks */

h4:first-of-type {
	page-break-before: always;
}
/* +pczekalski - h1+h2 page modifications - pagebreak before */
h1, h2 {
	page-break-before: always;
}

h3,
h4,
h5,
h6 {
	page-break-after: avoid;
	clear: none;
}
/* -pczekalski */
div.third h3 {
	page-break-before: avoid;
}

div.toc {
	page-break-before: right;
	/*	page-break-after: always;*/
}

p,
table {
	page-break-inside: right;
}

div.third {
	/*	page: second_level;*/
}

/* Manual page-breaks 
#eessona_h
#registrid_h,
#katkestused_h,
#digitaalsed_sisendid-vaeljundid_h,
#integreeritud_robootika_oppe_kontseptsioon_h,
#robootika_opetamisest_h,
#tarkvara_windowsi_keskkonnas_h,
#tarkvara_linuxi_keskkonnas_h,
#valgusdiood_h,
#lueliti_h,
#lueliti_vaereluse_filtreerimine_h,
#kordamiskuesimused0_h,
#kordamiskuesimused1_h,
#kordamiskuesimused2_h,
#kordamiskuesimused3_h,
#kordamiskuesimused4_h,
#kordamiskuesimused5_h
{
	page-break-before: always;
}
*/
/* TOC - How many levels are included into numeration in ToC*/

ul.toc,
ul.toc ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.toc ul {
	margin-left: 1em;
	font-weight: normal;
}

ul.toc>li {
	font-weight: bold;
	margin-bottom: 0.5em;
}

ul.toc a::after {
	content: leader('.') target-counter(attr(href), page);
	font-style: normal;
}

ul.toc li.level1 a::before {
	content: target-counter(attr(href), chapter1) ". ";
}

ul.toc li.level2 a::before {
	content: target-counter(attr(href), chapter1) "."target-counter(attr(href), chapter2) ". ";
/* +pczekalski  */  
    padding: 0.5em;
}

ul.toc li.level3 a::before {
	content: target-counter(attr(href), chapter1) "."target-counter(attr(href), chapter2) "."target-counter(attr(href), chapter3) ". ";
/* +pczekalski  */
    padding: 1.0em;
}

/*
ul.toc li.level4 a::before {
	content: target-counter(attr(href), chapter1) "."target-counter(attr(href), chapter2) "."target-counter(attr(href), chapter3) "."target-counter(attr(href), chapter4) ". ";
}

ul.toc li.level4 a::before {
	content: target-counter(attr(href), chapter1) "."target-counter(attr(href), chapter2) "."target-counter(attr(href), chapter3) "."target-counter(attr(href), chapter4) "."target-counter(attr(href), chapter5) ". ";
}

/* Excludes chapter levels from ToC*/

ul.toc li.level3,
ul.toc li.level4,
ul.toc li.level5 {
	display: none;
}

/* Cover */
div.cover {
	page: cover;
	width: 148mm;
	height: 200mm;
	/* not 210mm */
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

div.cover {
	/*	background: url('cover.jpg');*/
}

div.cover div.title {
	position: absolute;
	left: 50mm;
	top: 100mm;
	font-size: 0pt;
	/*font-size: 20pt;*/
}

/* FIXES 
Figure captions

div.thumb2 div.thumbcaption
{
	margin-top: -3mm;
}
*/
/* +pczekalski exclusion zones for PDF book generator, wuing a wrap plugin*/
div.wrap_excludefrompdf
{
  display: none;
}

/* -pczekalski */
/*source code bolder*/

div.dokuwiki a.urlextern {
	background: none;
	padding: inherit;
	/*background-image:  url('urlextern.png');	*/
}

/* wiki.css failist kopeeritud
 * 
 * --------------------------------------------------------------------------------------------------------
 *  */
/* main font for content*/
body {
	font: 8pt Verdana, Lucida, Helvetica, Arial, sans-serif;
	color: #000;
}

/* Code coloring */
/* co1 one line comment, multi multi line comment */

.code .co1,
.code .coMULTI {
	color: #7E7E7E;
	font-style: italic;
}

/* # co2 define, kw3 keywords nn. int,const,void */
.code .co2 {
	color: #CC6600;
	font-weight: bold;
}

/* ------------------------- KEYWORDS ------------------------*/
/* kw1: if,while  if', 'return', 'while', 'case', 'continue', 'default', 'do', 'else', 'for', 'switch', 'goto', '#include', '#define' */
.code .kw1 {
	color: #5e6d03;
}

/* # kw3 'Serial','lcd','Servo','NewPing', */
.code .kw3 {
	color: #CC6600;
	font-weight: bold;
}

/*'OUTPUT','INPUT','HIGH','LOW','void','byte',*/
.code .kw4 {
	color: #00979c;
}

/*  kw5: 'setup', 'loop', 
		'pinMode','digitalWrite','analogRead','analogWrite','print','println','delay','begin','clear','setCursor','map','attach','write',*/
.code .kw5 {
	color: #d35400;
}

/* me1  */
.code .me1,
.code .me2 {
	color: #000;
}

/* nu0 numbers, sy0 aritmetic signs, br0 barenthesis, st1 strings */
.code .nu0,
.code .sy0,
.code .br0,
.code .st1 {
	color: #000000;
}

.code .re0,
.code .re1,
.code .re2 {
	color: #00f;
}

/*---------------------------------------------*/
.mediaright {
	float: right;
}

.mediacenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.centeralign {
	text-align: center;
}

em.u {
	font-style: normal;
	text-decoration: underline;
}

em em.u {
	font-style: italic;
}

div.box {
	width: 50%;
	border: 1px solid;
	overflow: hidden;
	margin: 1em auto;
	padding: 4px;
}

.xtop,
.xbottom {
	background: transparent;
	font-size: 0;
	line-height: 1px;
}

.xb1,
.xb2,
.xb3,
.xb4 {
	display: block;
	overflow: hidden;
	border-style: solid;
}

.xb2,
.xb3 {
	height: 1px;
}

.xb2,
.xb3,
.xb4 {
	border-width: 0 1px;
}

.xb1 {
	height: 0;
	border-width: 1px 0 0;
	margin: 0 5px;
}

.xb2 {
	border-width: 0 2px;
	margin: 0 3px;
}

.xb3 {
	margin: 0 2px;
}

.xb4 {
	height: 2px;
	margin: 0 1px;
}

div.box.round {
	border: none;
	background: transparent !important;
	padding: 0;
}

div.box p.box_title,
div.box p.box_caption {
	font-size: 100%;
	font-weight: 700;
	line-height: 1.2;
	background: #dee7ec;
	margin: 0;
	padding: 2px 6px;
}

div.box p.box_title {
	margin-bottom: 4px;
}

div.box p.box_caption {
	margin-top: 4px;
}

div.caption {
	text-align: center;
	margin-bottom: 10px;
}

/*Added @pczekalski*/
.plugin_caption_figure {
	text-align: left;
  	font-size: 0.8em;
    margin-bottom: 10px;
}

.plugin_caption_table {
	text-align: left;
    font-size: 0.8em;
    margin-top: 10px;
}

.plugin_caption_caption {
/*  clear: both;
  margin: 2ex 0;
  border-left: 5px #ccc solid;
  padding-left: 5px;*/
}

.plugin_caption_caption_number {
  clear: both;
  margin: 2ex 0;
  height: 80%;
  border-left: 5px #ccc solid;
  padding-left: 5px;
  font-weight: bold;
}

.plugin_note {
	margin: 2em auto;
	max-width: 70%;
	min-height: 20px;
	text-align: justify;
	vertical-align: middle;
	border-collapse: collapse;
	padding: 15px 20px 15px 20px;
	background-position: 20px 50%;
	background-repeat: no-repeat;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	color: black;
	overflow: hidden;
}

.notewarning {
  background-color: #fdd;
  page-break-before: avoid;
  break-inside: avoid;
}

.noteimportant {
  background-color: #ffc;
  page-break-before: avoid;
  break-inside: avoid;
}

.noteclassic {
  background-color: #eef;
  page-break-before: avoid;
  break-inside: avoid;
}

.notetip {
  background-color: #dfd;
  page-break-before: avoid;
  break-inside: avoid;
}

pre.code { 
  background-color: #f7f9fa;
  font-size: 6pt;
}

/* end @pczekalski*/

div.box .box_content {
	line-height: 1.2;
	background: #f7f9fa;
	border-style: dashed;
	border-width: 1px;
	margin: 0;
	padding: 0 6px;
}

div.box.left {
	float: left;
	margin-right: 1em;
}

div.box.right {
	float: right;
	margin-left: 1em;
}

* html div.box div.box .box_content {
	background: #f7f9fa;
}

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	white-space: nowrap;
	line-height: normal;
}

.dtree img {
	border: 0;
	vertical-align: top;
}

.dtree a {
	color: #56b04f;
	text-decoration: none;
}

.dtree a.node,
.dtree a.nodeSel a.navSel {
	white-space: nowrap;
	padding: 1px 2px;
}

.dtree a.navSel {
	background-color: #ff9;
}

div.li a.indexmenu_idx {
	color: #ed5353 !important;
	text-decoration: none !important;
}

div.dokuwiki div.indexmenu_list_themes {
	clear: both;
	border-top: 2px solid #ccc;
	padding-left: 1em;
}

.dtree a.nodeFdUrl:hover,
.dtree a.nodeSel:hover,
a.navSel:hover,
.dtree a.nodeUrl:hover {
	color: #56b04f;
	text-decoration: underline;
	background-color: #dee7ec;
}

.dtree a.node:hover {
	text-decoration: none;
}

.dtree .indexmenu_tocbullet {
	position: absolute;
	background: transparent url(/wiki/lib/plugins/indexmenu/images/toc_bullet.gif) no-repeat scroll;
	vertical-align: middle;
	width: 11px;
	height: 11px;
}

.dtree .indexmenu_larrow {
	position: absolute;
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
	background: transparent url(/wiki/lib/plugins/indexmenu/images/larrow.gif) repeat-y scroll;
	padding-left: 22px;
	z-index: 100;
}

.indexmenu_toc {
	font-size: 80%;
	line-height: 1.2em;
	white-space: normal;
	overflow: hidden;
	width: 200px !important;
	z-index: 100 !important;
	word-wrap: break-word;
}

.indexmenu_toc .indexmenu_toc_inside {
	border: 1px solid #ccc;
	background-color: #fff;
	text-align: left;
	padding: .5em 0 .7em;
}

.dtree .indexmenu_rarrow {
	position: absolute;
	background: #FFF url(/wiki/lib/plugins/indexmenu/images/rarrow.gif) no-repeat scroll;
	width: 11px;
	height: 15px;
}

.indexmenu_rmenu {
	position: absolute;
	z-index: 100;
	background-color: #fff;
	border: 1px solid #000;
	font-size: 80%;
	line-height: 100%;
	padding-bottom: 5px;
}

.indexmenu_rmenuhead {
	background: #CFC url(/wiki/lib/plugins/indexmenu/images/close.gif) no-repeat scroll;
	border-bottom: 1px solid #000;
	color: #000;
	font-size: 90%;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	width: 80px;
	margin: 0;
	padding: 1px 15px;
}

.indexmenu_rmenu ul,
.indexmenu_rmenu li {
	list-style-type: none !important;
	list-style-image: none !important;
	color: #000 !important;
	text-align: center;
	margin: 2px !important;
}

.indexmenu_rmenu a:hover {
	background-color: #000 !important;
	color: #fff !important;
}

.indexmenu_opts {
	font-size: 80%;
}

.dtree .emptynode {
	background: transparent url(/wiki/lib/plugins/indexmenu/images/empty.gif) no-repeat scroll;
	display: inline;
	width: 16px;
	height: 16px;
	vertical-align: top;
	zoom: 1;
	padding: 1px 8px;
}

.dokuwiki div.plugin_translation {
	float: right;
	font-size: 95%;
}

.dokuwiki div.plugin_translation ul {
	display: inline;
	margin: 0;
	padding: 0;
}

.dokuwiki div.plugin_translation ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.dokuwiki div.plugin_translation ul li a.wikilink1:link,
.dokuwiki div.plugin_translation ul li a.wikilink1:hover,
.dokuwiki div.plugin_translation ul li a.wikilink1:active,
.dokuwiki div.plugin_translation ul li a.wikilink1:visited {
	background-color: navy;
	color: #fff !important;
	text-decoration: none;
	border: none !important;
	margin: .1em .2em;
	padding: 0 .2em;
}

.dokuwiki div.plugin_translation ul li a.wikilink2:link,
.dokuwiki div.plugin_translation ul li a.wikilink2:hover,
.dokuwiki div.plugin_translation ul li a.wikilink2:active,
.dokuwiki div.plugin_translation ul li a.wikilink2:visited {
	background-color: gray;
	color: #fff !important;
	text-decoration: none;
	border: none !important;
	margin: .1em .2em;
	padding: 0 .2em;
}

.dokuwiki div.plugin_translation ul li a img {
	opacity: 0.5;
	border: 0;
}

div.trien {
	float: left;
	margin: .5em 1.4em .8em 0;
}

div.tleft {
	clear: left;
	float: left;
	margin: .5em 1.4em .8em 0;
}

div.tright {
	clear: right;
	float: right;
	margin: .5em 0 .8em 1.4em;
}

div.tcenter {
	clear: both;
	margin: .5em auto .8em;
}

div.thumb2 .thumbinner {
	background-color: #F9F9F9;
	border: 1px solid #CCC;
	overflow: hidden;
	margin: 0;
	padding: 3px;
}

div.thumb2 .mediabox2 {
	background-color: #FFF;
	border: 1px solid #CCC !important;
	margin: 0;
}

html .thumbcaption {
	border: none;
	text-align: left;
	margin: 0;
	padding: 2px;
}

div.thumb2 .magnify {
	background: transparent none repeat scroll 0 0;
	border: medium none !important;
	float: right;
}

div.thumb2 .magnify a,
div.thumb2 .magnify img {
	background: transparent none repeat scroll 0 0;
	border: medium none !important;
	display: block;
}

div.thumb2 .interwiki {
	background-position: 0 center;
	padding-left: 17px;
}

.progrecss_default {
	display: block;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #000;
}

.progrecss_default .border {
	display: block;
	height: 1.2em;
	border: 2px solid #000;
	background-color: #638c9c;
	padding: 0;
}

.progrecss_default .border .bar {
	display: block;
	height: .5em;
	border-bottom: 4px solid #56b04f;
	border-right: 1px solid #dee7ec;
	background-color: #56b04f;
	color: #fff;
	text-align: center;
	font-size: 75%;
	margin: 0;
	padding: 0;
}

.progrecss_default .caption {
	display: inline-block;
	font-family: Helvetica, Arial;
	font-size: 75%;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
}

.progrecss_gauge {
	position: relative;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	border: 2px solid #ed5353;
	padding-left: 4px;
	padding-right: 4px;
}

.progrecss_gauge .border {
	display: inline-block;
	height: 1.2em;
	background-color: #FFF;
	margin: 0;
	padding: 2px;
}

.progrecss_gauge .border .bar {
	display: block;
	height: 1.4em;
	margin-top: -.2em;
	background-color: #000;
	text-align: center;
	font-size: .75em;
	color: #FFF;
	padding: 0;
}

.progrecss_gauge:hover .caption {
	position: absolute;
	display: inline;
	z-index: 1;
	left: 0;
	right: 0;
	top: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	text-align: center;
	margin-left: 1em;
	margin-right: 1em;
	background-color: #dee7ec;
	border: 1px dotted #000;
}

.progrecss_inline {
	display: inline-block;
	margin-left: 1px;
	margin-right: 1px;
	min-width: 100px;
}

.progrecss_inline .border {
	display: inline-block;
	height: .3em;
	margin-top: -.1em;
	margin-bottom: 0;
	background-color: #ed5353;
}

.progrecss_inline .border .bar {
	display: inline-block;
	height: .1em;
	background-color: #56b04f;
	border: 0;
	text-align: center;
	font-size: 75%;
	color: gray;
}

.xterm {
	font-family: MiscFixed;
	white-space: pre;
}

div.dokuwiki .header {
	padding: 3px 0 0 2px;
}

div.dokuwiki .pagename {
	float: left;
	font-size: 200%;
	font-weight: bolder;
	color: #dee7ec;
	text-align: left;
	vertical-align: middle;
}

div.dokuwiki .pagename a {
	color: #000 !important;
	/* Heiko */
	text-decoration: none !important;
}

div.dokuwiki .logo {
	float: right;
	font-size: 220%;
	font-weight: bolder;
	text-align: right;
	vertical-align: middle;
}

div.dokuwiki .logo a {
	color: #dee7ec !important;
	text-decoration: none !important;
	font-variant: small-caps;
	letter-spacing: 2pt;
}

div.dokuwiki .bar {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #dee7ec;
	clear: both;
	padding: .1em .15em;
}

div.dokuwiki .bar-right {
	float: right;
	text-align: right;
}

div.dokuwiki #bar__bottom {
	margin-bottom: 3px;
}

div.dokuwiki div.meta {
	clear: both;
	margin-top: 1em;
	color: #638c9c;
	border-top: 1px solid #ccc;
	font-size: .9em;
	padding: 4px;
}

div.dokuwiki {
	text-align: justify;
}

div.dokuwiki table {
	font-size: 0.8em;
}

div.dokuwiki img {
	border: 0;
}

div.dokuwiki p,
div.dokuwiki blockquote,
div.dokuwiki table,
div.dokuwiki pre {
	margin: 0 0 1em;
}

div.dokuwiki hr {
	border: 0;
	border-top: 1px solid #ccc;
	text-align: center;
	height: 0;
}

div.dokuwiki div.nothing {
	text-align: center;
	margin: 2em;
}

div.dokuwiki a:link,
div.dokuwiki a:visited {
	color: #000;
	/*Heiko */
	text-decoration: none;
}

div.dokuwiki a:hover,
div.dokuwiki a:active {
	color: #000;
	text-decoration: underline;
}

div.dokuwiki h1 a,
div.dokuwiki h2 a,
div.dokuwiki h3 a,
div.dokuwiki h4 a,
div.dokuwiki h5 a,
div.dokuwiki a.nolink {
	color: #000 !important;
	text-decoration: none !important;
}

div.dokuwiki div.info_header {
	background-color: #f5f5f5;
	color: #666;
	font-size: 100%;
	padding: 0 0 0 4px;
}

div.dokuwiki span.user {
	color: #ccc;
	font-size: 90%;
}

div.dokuwiki li.minor {
	color: #666;
	font-style: italic;
}

div.dokuwiki img.media {
	margin: 3px;
}

div.dokuwiki img.medialeft {
	border: 0;
	float: left;
	margin: 0 1.5em 0 0;
}

div.dokuwiki img.mediaright {
	border: 0;
	float: right;
	margin: 0 0 0 1.5em;
}

div.dokuwiki img.mediacenter {
	border: 0;
	display: block;
	margin: 0 auto;
}

div.dokuwiki img.middle {
	vertical-align: middle;
}

div.dokuwiki acronym {
	cursor: help;
	border-bottom: 1px dotted #000;
}

/* -------------------------------------------- Header format --------------------------------------- */
div.dokuwiki h1,
div.dokuwiki h2,
div.dokuwiki h3,
div.dokuwiki h4,
div.dokuwiki h5 {
	color: #000;
	background-color: inherit;
	font-size: 100%;
	font-weight: 400;
	clear: left;
	margin: 0 0 1em;
	padding: .5em 0 0;
	font: Arial;
	/* Ruum peale pealkirja*/
}

div.dokuwiki h1 {
	font-size: 160%;
	margin-left: 0;
	font-weight: 700;
	margin-top: 6px;
	margin-bottom: 7px;
	/* Ruum peale pealkirja*/
}

div.dokuwiki h2 {
	font-size: 130%;
	margin-left: 0;
	font-weight: 700;
	padding: 0 0 0;
	margin-top: 6px;
	margin-bottom: 7px;
	/* Ruum peale pealkirja*/
}

div.dokuwiki h3 {
	font-size: 120%;
	margin-left: 0;
	border-bottom: none;
	font-weight: 700;
	margin-top: 6px;
	margin-bottom: 7px;
	/* Ruum peale pealkirja*/
}

div.dokuwiki h4 {
	font-size: 110%;
	margin-left: 0;
	border-bottom: none;
	font-weight: 700;
	margin-top: 6px;
	margin-bottom: 7px;
	/* Ruum peale pealkirja*/
}

div.dokuwiki h5 {
	font-size: 110%;
	margin-left: 0;
	border-bottom: none;
	font-weight: 700;
	margin-top: 6px;
	margin-bottom: 3px;
	/* Ruum peale pealkirja*/
}

/* listings */
/*bullets */
div.dokuwiki ul {
	list-style-type: square;
	list-style-image: none;
	color: #000;
	margin: 0 0 1.5em 1.5em;
}

/* numeric */
div.dokuwiki ol {
	list-style-image: none;
	color: #000;
	font-weight: 400;
	margin: 0 0 .5em 1.5em;
	padding-left: .3em;
	/*text-indent: -.5em;*/
}

/*list lines */
div.dokuwiki .li {
	margin-top: 5px;
	color: #000;
	font-weight: 400;
	padding-left: .3em;
	/*text-indent: -.5em;*/
}

/* Heiko
div.dokuwiki li.level1 {
color:#1B8DAA;
}

div.dokuwiki li.level2 {
color:#0896EC;
}
*/
div.dokuwiki ol {
	list-style-type: decimal;
}

div.dokuwiki ol ol {
	list-style-type: upper-roman;
}

div.dokuwiki ol ol ol {
	list-style-type: lower-alpha;
}

div.dokuwiki ol ol ol ol {
	list-style-type: lower-greek;
}

div.dokuwiki li.open {
	list-style-image: url(/wiki/lib/tpl/book/images/open.gif);
}

div.dokuwiki li.closed {
	list-style-image: url(/wiki/lib/tpl/book/images/closed.gif);
}

div.dokuwiki blockquote {
	border-left: 2px solid #ccc;
	padding-left: 3px;
}

div.dokuwiki pre {
	font-size: 6pt;
	border: 1px solid silver;
	color: #000;
	overflow: auto;
	padding: .5em;
}

div.dokuwiki table.inline {
	background-color: #fff;
	border-spacing: 0;
	border-collapse: collapse;
}

div.dokuwiki table.inline th {
	border: 1px solid #ccc;
	/*background-color: #dee7ec;*/
	background-color: #d7dde0;
	padding: 3px;
}

div.dokuwiki table.inline td {
	border: 1px solid #ccc;
	padding: 3px;
}

div.dokuwiki div.toc {
	clear: both;
}

div.dokuwiki div.tocheader {
	text-align: left;
	font-size: 160%;
	font-weight: 700;
}

div.dokuwiki span.toc_open,
div.dokuwiki span.toc_close {
	float: right;
	display: block;
	margin: .4em 3px 0 0;
}

div.dokuwiki span.toc_open {
	margin-top: .4em;
	border-top: .4em solid #000;
}

div.dokuwiki span.toc_close {
	margin-top: 0;
	border-bottom: .4em solid #000;
}

div.dokuwiki #toc__inside {
	text-align: left;
	padding: .5em 0 .7em;
}

div.dokuwiki ul.toc {
	list-style-type: none;
	list-style-image: none;
	line-height: 1.2em;
	padding-left: 1em;
	margin: 0;
}

div.dokuwiki ul.toc li.clear {
	background-image: none;
	padding-left: .4em;
}

div.dokuwiki a.toc:link,
div.dokuwiki a.toc:visited,
div.dokuwiki a.toc:hover,
div.dokuwiki a.toc:active {
	color: #000;
}

.row1,
.row2,
.row3 {
	text-align: left;
}

img {
	max-width: 400px;
}

xxxxxxxxxx
 
/* NB Currently one style.css applies to all books. If you do the modifications and generate whatever book again, the generator uses same style.css. But do not worry i have backup :) */
/* Add also comments if you have modifed somthing, detected the CSS tag purpose and how it affects the final PDF. Also you can put your name to comments, if modifed somthing */
​
/* After Saving this file, browser goes back -1 in history. If this function is annoying, let me know. I will remove it) */
​
​
/* PAGE */
​
@page {
    size: A5;
​
    @footnotes {
        border-top: thin solid black;
        padding-top: 2pt;
        margin-top: 2pt;
        margin-left: 30%;
    }
}
​
/* Page headers */
@page :left {
    /* Even page margins top, right, bottom, left*/
    margin: 17mm 11mm 17mm 11mm;
​
    @top-left {
        content: string(header1);
        text-align: left;
        vertical-align: bottom;
        font: 10pt Verdana, Lucida;
        border-bottom: thin solid black;
        padding-bottom: 2pt;
        margin-bottom: 3pt;
    }
​
    @bottom-left {
        content: counter(page);
        text-align: left;
        vertical-align: top;
        font: 10pt Verdana, Lucida;
        border-top: thin solid black;
        padding-top: 2pt;
        margin-top: 3pt;
    }
}
​
@page :right {
    /* Odd page margins top, right, bottom, left*/
    margin: 17mm 11mm 17mm 11mm;
​
    @top-right {
        content: string(header2);
        text-align: right;
        vertical-align: bottom;
        font: 10pt Verdana, Lucida;
        border-bottom: thin solid black;
        padding-bottom: 2pt;
        margin-bottom: 3pt;
    }
​
    @bottom-right {
        content: counter(page);
        text-align: right;
        vertical-align: top;
        font: 10pt Verdana, Lucida;
        border-top: thin solid black;
        padding-top: 2pt;
        margin-top: 3pt;
    }
}
​
@page frontmatter :left {
    @top-left {
        content: none;
        border: none;
    }
​
    @bottom-left {
        content: none;
        border: none;
    }
}
​
@page frontmatter :right {
    @top-right {
        content: none;
        border: none;
    }
​
    @bottom-right {
        content: none;
        border: none;
    }
}
​
/*
@page second_level :left
{
    @top-left
    {
        content: none;      
    }
​
    @bottom-left
    {
        content: none;      
    }
}
​
@page second_level :right
{
    @top-right
    {
        content: none;      
    }
​
    @bottom-right
    {
        content: none;  
    }
}*/
@page cover {
    margin: 0;
}
​
/* which section uses which named page */
div.foreword,
div.toc,
div.preface {
    page: frontmatter;
}
​
/* Header numbering */
h1 {
    counter-increment: chapter1;
    counter-reset: chapter2 chapter3;
    string-set: header1 counter(chapter1) ". "content(), header2 counter(chapter1) ". "content();
}
​
h2 {
    counter-increment: chapter2;
    counter-reset: chapter3;
    string-set: header2 counter(chapter1) "."counter(chapter2) ". "content();
}
​
h3 {
    counter-increment: chapter3;
}
​
h3.toggle {
    counter-increment: none;
}
​
h1::before {
    content: counter(chapter1) ". ";
}
​
h2::before {
    content: counter(chapter1) "."counter(chapter2) ". ";
}
​
h3::before {
    content: counter(chapter1) "."counter(chapter2) "."counter(chapter3) ". ";
}
​
h3.toggle::before {
    content: "";
}
​
/* Page breaks */
​
h4:first-of-type {
    page-break-before: always;
}
/* +pczekalski - h1+h2 page modifications - pagebreak before */
h1, h2 {
    page-break-before: always;
}
​
h3,
h4,
h5,
h6 {
    page-break-after: avoid;
    clear: none;
}
/* -pczekalski */
div.third h3 {
    page-break-before: avoid;
}
​
div.toc {
    page-break-before: right;
    /*  page-break-after: always;*/
}
​
p,
table {
    page-break-inside: right;
}
​
div.third {
    /*  page: second_level;*/
}
​
/* Manual page-breaks 
#eessona_h
#registrid_h,
#katkestused_h,
#digitaalsed_sisendid-vaeljundid_h,
#integreeritud_robootika_oppe_kontseptsioon_h,
#robootika_opetamisest_h,
#tarkvara_windowsi_keskkonnas_h,
#tarkvara_linuxi_keskkonnas_h,
#valgusdiood_h,
#lueliti_h,
#lueliti_vaereluse_filtreerimine_h,
#kordamiskuesimused0_h,
#kordamiskuesimused1_h,
#kordamiskuesimused2_h,
#kordamiskuesimused3_h,
#kordamiskuesimused4_h,
#kordamiskuesimused5_h
{
    page-break-before: always;
}
*/
/* TOC - How many levels are included into numeration in ToC*/
​
ul.toc,
ul.toc ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
​
ul.toc ul {
    margin-left: 1em;
    font-weight: normal;
}
​
ul.toc>li {
    font-weight: bold;
    margin-bottom: 0.5em;
}
​
ul.toc a::after {
    content: leader('.') target-counter(attr(href), page);
    font-style: normal;
}
​
ul.toc li.level1 a::before {
    content: target-counter(attr(href), chapter1) ". ";
}
​
​
ul.toc li.level2 a::before {
    content: target-counter(attr(href), chapter1) "."target-counter(attr(href), chapter2) ". ";
/* +pczekalski  */  
    padding: 0.5em;
}
​
ul.toc li.level3 a::before {
    content: target-counter(attr(href), chapter1) "."target-counter(attr(href), chapter2) "."target-counter(attr(href), chapter3) ". ";
/* +pczekalski  */
    padding: 1.0em;
}
​
/*
ul.toc li.level4 a::before {
    content: target-counter(attr(href), chapter1) "."target-counter(attr(href), chapter2) "."target-counter(attr(href), chapter3) "."target-counter(attr(href), chapter4) ". ";
}
​
ul.toc li.level4 a::before {
    content: target-counter(attr(href), chapter1) "."target-counter(attr(href), chapter2) "."target-counter(attr(href), chapter3) "."target-counter(attr(href), chapter4) "."target-counter(attr(href), chapter5) ". ";
}
​
*/
​
/* Excludes chapter levels from ToC*/
​
ul.toc li.level3,
ul.toc li.level4,
ul.toc li.level5 {
    display: none;
}
​
/* Cover */
div.cover {
    page: cover;
    width: 148mm;
    height: 200mm;
    /* not 210mm */
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
​
div.cover {
    /*  background: url('cover.jpg');*/
}
​
div.cover div.title {
    position: absolute;
    left: 50mm;
    top: 100mm;
    font-size: 0pt;
    /*font-size: 20pt;*/
}
​
/* FIXES 
Figure captions
​
​
div.thumb2 div.thumbcaption
{
    margin-top: -3mm;
}
*/
/* +pczekalski exclusion zones for PDF book generator, wuing a wrap plugin*/
div.wrap_excludefrompdf
{
  display: none;
}
​
/* -pczekalski */
/*source code bolder*/
​
div.dokuwiki a.urlextern {
    background: none;
    padding: inherit;
    /*background-image:  url('urlextern.png');  */
}
​
/* wiki.css failist kopeeritud
 * 
 * --------------------------------------------------------------------------------------------------------
 *  */
/* main font for content*/
body {
    font: 8pt Verdana, Lucida, Helvetica, Arial, sans-serif;
    color: #000;
}
​
/* Code coloring */
/* co1 one line comment, multi multi line comment */
​
​
.code .co1,
.code .coMULTI {
    color: #7E7E7E;
    font-style: italic;
}
​
/* # co2 define, kw3 keywords nn. int,const,void */
.code .co2 {
    color: #CC6600;
    font-weight: bold;
}
​
/* ------------------------- KEYWORDS ------------------------*/
/* kw1: if,while  if', 'return', 'while', 'case', 'continue', 'default', 'do', 'else', 'for', 'switch', 'goto', '#include', '#define' */
.code .kw1 {
    color: #5e6d03;
}
​
/* # kw3 'Serial','lcd','Servo','NewPing', */
.code .kw3 {
    color: #CC6600;
    font-weight: bold;
}
​
/*'OUTPUT','INPUT','HIGH','LOW','void','byte',*/
.code .kw4 {
    color: #00979c;
}
​
/*  kw5: 'setup', 'loop', 
        'pinMode','digitalWrite','analogRead','analogWrite','print','println','delay','begin','clear','setCursor','map','attach','write',*/
.code .kw5 {
    color: #d35400;
}
​
/* me1  */
.code .me1,
.code .me2 {
    color: #000;
}
​
/* nu0 numbers, sy0 aritmetic signs, br0 barenthesis, st1 strings */
.code .nu0,
.code .sy0,
.code .br0,
.code .st1 {
    color: #000000;
}
​
.code .re0,
.code .re1,
.code .re2 {
    color: #00f;
}
​
/*---------------------------------------------*/
.mediaright {
    float: right;
}
​
.mediacenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
​
.centeralign {
    text-align: center;
}
​
em.u {
    font-style: normal;
    text-decoration: underline;
}
​
em em.u {
    font-style: italic;
}
​
div.box {
    width: 50%;
    border: 1px solid;
    overflow: hidden;
    margin: 1em auto;
    padding: 4px;
}
​
.xtop,
.xbottom {
    background: transparent;
    font-size: 0;
    line-height: 1px;
}
​
.xb1,
.xb2,
.xb3,
.xb4 {
    display: block;
    overflow: hidden;
    border-style: solid;
}
​
.xb2,
.xb3 {
    height: 1px;
}
​
.xb2,
.xb3,
.xb4 {
    border-width: 0 1px;
}
​
.xb1 {
    height: 0;
    border-width: 1px 0 0;
    margin: 0 5px;
}
​
.xb2 {
    border-width: 0 2px;
    margin: 0 3px;
}
​
.xb3 {
    margin: 0 2px;
}
​
.xb4 {
    height: 2px;
    margin: 0 1px;
}
​
div.box.round {
    border: none;
    background: transparent !important;
    padding: 0;
}
​
div.box p.box_title,
div.box p.box_caption {
    font-size: 100%;
    font-weight: 700;
    line-height: 1.2;
    background: #dee7ec;
    margin: 0;
    padding: 2px 6px;
}
​
div.box p.box_title {
    margin-bottom: 4px;
}
​
div.box p.box_caption {
    margin-top: 4px;
}
​
div.caption {
    text-align: center;
    margin-bottom: 10px;
}
​
/*Added @pczekalski*/
.plugin_caption_figure {
    text-align: left;
    font-size: 0.8em;
    margin-bottom: 10px;
}
​
.plugin_caption_table {
    text-align: left;
    font-size: 0.8em;
    margin-top: 10px;
}
​
.plugin_caption_caption {
/*  clear: both;
  margin: 2ex 0;
  border-left: 5px #ccc solid;
  padding-left: 5px;*/
}
​
.plugin_caption_caption_number {
  clear: both;
  margin: 2ex 0;
  height: 80%;
  border-left: 5px #ccc solid;
  padding-left: 5px;
  font-weight: bold;
}
​
.plugin_note {
    margin: 2em auto;
    max-width: 70%;
    min-height: 20px;
    text-align: justify;
    vertical-align: middle;
    border-collapse: collapse;
    padding: 15px 20px 15px 20px;
    background-position: 20px 50%;
    background-repeat: no-repeat;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    color: black;
    overflow: hidden;
}
​
.notewarning {
  background-color: #fdd;
  page-break-before: avoid;
  break-inside: avoid;
}
​
.noteimportant {
  background-color: #ffc;
  page-break-before: avoid;
  break-inside: avoid;
}
​
.noteclassic {
  background-color: #eef;
  page-break-before: avoid;
  break-inside: avoid;
}
​
.notetip {
  background-color: #dfd;
  page-break-before: avoid;
  break-inside: avoid;
}
​
pre.code { 
  background-color: #f7f9fa;
  font-size: 6pt;
}
​
/* end @pczekalski*/
​
div.box .box_content {
    line-height: 1.2;
    background: #f7f9fa;
    border-style: dashed;
    border-width: 1px;
    margin: 0;
    padding: 0 6px;
}
​
div.box.left {
    float: left;
    margin-right: 1em;
}
​
div.box.right {
    float: right;
    margin-left: 1em;
}
​
* html div.box div.box .box_content {
    background: #f7f9fa;
}
​
.dtree {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    white-space: nowrap;
    line-height: normal;
}
​
.dtree img {
    border: 0;
    vertical-align: top;
}
​
.dtree a {
    color: #56b04f;
    text-decoration: none;
}
​
.dtree a.node,
.dtree a.nodeSel a.navSel {
    white-space: nowrap;
    padding: 1px 2px;
}
​
.dtree a.navSel {
    background-color: #ff9;
}
​
div.li a.indexmenu_idx {
    color: #ed5353 !important;
    text-decoration: none !important;
}
​
div.dokuwiki div.indexmenu_list_themes {
    clear: both;
    border-top: 2px solid #ccc;
    padding-left: 1em;
}
​
.dtree a.nodeFdUrl:hover,
.dtree a.nodeSel:hover,
a.navSel:hover,
.dtree a.nodeUrl:hover {
    color: #56b04f;
    text-decoration: underline;
    background-color: #dee7ec;
}
​
.dtree a.node:hover {
    text-decoration: none;
}
​
.dtree .indexmenu_tocbullet {
    position: absolute;
    background: transparent url(/wiki/lib/plugins/indexmenu/images/toc_bullet.gif) no-repeat scroll;
    vertical-align: middle;
    width: 11px;
    height: 11px;
}
​
.dtree .indexmenu_larrow {
    position: absolute;
    filter: alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
    background: transparent url(/wiki/lib/plugins/indexmenu/images/larrow.gif) repeat-y scroll;
    padding-left: 22px;
    z-index: 100;
}
​
.indexmenu_toc {
    font-size: 80%;
    line-height: 1.2em;
    white-space: normal;
    overflow: hidden;
    width: 200px !important;
    z-index: 100 !important;
    word-wrap: break-word;
}
​
.indexmenu_toc .indexmenu_toc_inside {
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: left;
    padding: .5em 0 .7em;
}
​
.dtree .indexmenu_rarrow {
    position: absolute;
    background: #FFF url(/wiki/lib/plugins/indexmenu/images/rarrow.gif) no-repeat scroll;
    width: 11px;
    height: 15px;
}
​
.indexmenu_rmenu {
    position: absolute;
    z-index: 100;
    background-color: #fff;
    border: 1px solid #000;
    font-size: 80%;
    line-height: 100%;
    padding-bottom: 5px;
}
​
.indexmenu_rmenuhead {
    background: #CFC url(/wiki/lib/plugins/indexmenu/images/close.gif) no-repeat scroll;
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 90%;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    width: 80px;
    margin: 0;
    padding: 1px 15px;
}
​
.indexmenu_rmenu ul,
.indexmenu_rmenu li {
    list-style-type: none !important;
    list-style-image: none !important;
    color: #000 !important;
    text-align: center;
    margin: 2px !important;
}
​
.indexmenu_rmenu a:hover {
    background-color: #000 !important;
    color: #fff !important;
}
​
.indexmenu_opts {
    font-size: 80%;
}
​
.dtree .emptynode {
    background: transparent url(/wiki/lib/plugins/indexmenu/images/empty.gif) no-repeat scroll;
    display: inline;
    width: 16px;
    height: 16px;
    vertical-align: top;
    zoom: 1;
    padding: 1px 8px;
}
​
.dokuwiki div.plugin_translation {
    float: right;
    font-size: 95%;
}
​
.dokuwiki div.plugin_translation ul {
    display: inline;
    margin: 0;
    padding: 0;
}
​
.dokuwiki div.plugin_translation ul li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
​
.dokuwiki div.plugin_translation ul li a.wikilink1:link,
.dokuwiki div.plugin_translation ul li a.wikilink1:hover,
.dokuwiki div.plugin_translation ul li a.wikilink1:active,
.dokuwiki div.plugin_translation ul li a.wikilink1:visited {
    background-color: navy;
    color: #fff !important;
    text-decoration: none;
    border: none !important;
    margin: .1em .2em;
    padding: 0 .2em;
}
​
.dokuwiki div.plugin_translation ul li a.wikilink2:link,
.dokuwiki div.plugin_translation ul li a.wikilink2:hover,
.dokuwiki div.plugin_translation ul li a.wikilink2:active,
.dokuwiki div.plugin_translation ul li a.wikilink2:visited {
    background-color: gray;
    color: #fff !important;
    text-decoration: none;
    border: none !important;
    margin: .1em .2em;
    padding: 0 .2em;
}
​
.dokuwiki div.plugin_translation ul li a img {
    opacity: 0.5;
    border: 0;
}
​
div.trien {
    float: left;
    margin: .5em 1.4em .8em 0;
}
​
div.tleft {
    clear: left;
    float: left;
    margin: .5em 1.4em .8em 0;
}
​
div.tright {
    clear: right;
    float: right;
    margin: .5em 0 .8em 1.4em;
}
​
div.tcenter {
    clear: both;
    margin: .5em auto .8em;
}
​
div.thumb2 .thumbinner {
    background-color: #F9F9F9;
    border: 1px solid #CCC;
    overflow: hidden;
    margin: 0;
    padding: 3px;
}
​
div.thumb2 .mediabox2 {
    background-color: #FFF;
    border: 1px solid #CCC !important;
    margin: 0;
}
​
html .thumbcaption {
    border: none;
    text-align: left;
    margin: 0;
    padding: 2px;
}
​
div.thumb2 .magnify {
    background: transparent none repeat scroll 0 0;
    border: medium none !important;
    float: right;
}
​
div.thumb2 .magnify a,
div.thumb2 .magnify img {
    background: transparent none repeat scroll 0 0;
    border: medium none !important;
    display: block;
}
​
div.thumb2 .interwiki {
    background-position: 0 center;
    padding-left: 17px;
}
​
.progrecss_default {
    display: block;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #000;
}
​
.progrecss_default .border {
    display: block;
    height: 1.2em;
    border: 2px solid #000;
    background-color: #638c9c;
    padding: 0;
}
​
.progrecss_default .border .bar {
    display: block;
    height: .5em;
    border-bottom: 4px solid #56b04f;
    border-right: 1px solid #dee7ec;
    background-color: #56b04f;
    color: #fff;
    text-align: center;
    font-size: 75%;
    margin: 0;
    padding: 0;
}
​
.progrecss_default .caption {
    display: inline-block;
    font-family: Helvetica, Arial;
    font-size: 75%;
    text-align: center;
    margin-left: 4px;
    margin-right: 4px;
}
​
.progrecss_gauge {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    border: 2px solid #ed5353;
    padding-left: 4px;
    padding-right: 4px;
}
​
.progrecss_gauge .border {
    display: inline-block;
    height: 1.2em;
    background-color: #FFF;
    margin: 0;
    padding: 2px;
}
​
.progrecss_gauge .border .bar {
    display: block;
    height: 1.4em;
    margin-top: -.2em;
    background-color: #000;
    text-align: center;
    font-size: .75em;
    color: #FFF;
    padding: 0;
}
​
.progrecss_gauge:hover .caption {
    position: absolute;
    display: inline;
    z-index: 1;
    left: 0;
    right: 0;
    top: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 75%;
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
    background-color: #dee7ec;
    border: 1px dotted #000;
}
​
.progrecss_inline {
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
    min-width: 100px;
}
​
.progrecss_inline .border {
    display: inline-block;
    height: .3em;
    margin-top: -.1em;
    margin-bottom: 0;
    background-color: #ed5353;
}
​
.progrecss_inline .border .bar {
    display: inline-block;
    height: .1em;
    background-color: #56b04f;
    border: 0;
    text-align: center;
    font-size: 75%;
    color: gray;
}
​
.xterm {
    font-family: MiscFixed;
    white-space: pre;
}
​
div.dokuwiki .header {
    padding: 3px 0 0 2px;
}
​
div.dokuwiki .pagename {
    float: left;
    font-size: 200%;
    font-weight: bolder;
    color: #dee7ec;
    text-align: left;
    vertical-align: middle;
}
​
div.dokuwiki .pagename a {
    color: #000 !important;
    /* Heiko */
    text-decoration: none !important;
}
​
div.dokuwiki .logo {
    float: right;
    font-size: 220%;
    font-weight: bolder;
    text-align: right;
    vertical-align: middle;
}
​
div.dokuwiki .logo a {
    color: #dee7ec !important;
    text-decoration: none !important;
    font-variant: small-caps;
    letter-spacing: 2pt;
}
​
div.dokuwiki .bar {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #dee7ec;
    clear: both;
    padding: .1em .15em;
}
​
div.dokuwiki .bar-right {
    float: right;
    text-align: right;
}
​
div.dokuwiki #bar__bottom {
    margin-bottom: 3px;
}
​
div.dokuwiki div.meta {
    clear: both;
    margin-top: 1em;
    color: #638c9c;
    border-top: 1px solid #ccc;
    font-size: .9em;
    padding: 4px;
}
​
div.dokuwiki {
    text-align: justify;
}
​
div.dokuwiki table {
    font-size: 0.8em;
}
​
div.dokuwiki img {
    border: 0;
}
​
div.dokuwiki p,
div.dokuwiki blockquote,
div.dokuwiki table,
div.dokuwiki pre {
    margin: 0 0 1em;
}
​
div.dokuwiki hr {
    border: 0;
    border-top: 1px solid #ccc;
    text-align: center;
    height: 0;
}
​
div.dokuwiki div.nothing {
    text-align: center;
    margin: 2em;
}
​
div.dokuwiki a:link,
div.dokuwiki a:visited {
    color: #000;
    /*Heiko */
    text-decoration: none;
}
​
div.dokuwiki a:hover,
div.dokuwiki a:active {
    color: #000;
    text-decoration: underline;
}
​
div.dokuwiki h1 a,
div.dokuwiki h2 a,
div.dokuwiki h3 a,
div.dokuwiki h4 a,
div.dokuwiki h5 a,
div.dokuwiki a.nolink {
    color: #000 !important;
    text-decoration: none !important;
}
​
div.dokuwiki div.info_header {
    background-color: #f5f5f5;
    color: #666;
    font-size: 100%;
    padding: 0 0 0 4px;
}
​
div.dokuwiki span.user {
    color: #ccc;
    font-size: 90%;
}
​
div.dokuwiki li.minor {
    color: #666;
    font-style: italic;
}
​
div.dokuwiki img.media {
    margin: 3px;
}
​
div.dokuwiki img.medialeft {
    border: 0;
    float: left;
    margin: 0 1.5em 0 0;
}
​
div.dokuwiki img.mediaright {
    border: 0;
    float: right;
    margin: 0 0 0 1.5em;
}
​
div.dokuwiki img.mediacenter {
    border: 0;
    display: block;
    margin: 0 auto;
}
​
div.dokuwiki img.middle {
    vertical-align: middle;
}
​
div.dokuwiki acronym {
    cursor: help;
    border-bottom: 1px dotted #000;
}
​
/* -------------------------------------------- Header format --------------------------------------- */
div.dokuwiki h1,
div.dokuwiki h2,
div.dokuwiki h3,
div.dokuwiki h4,
div.dokuwiki h5 {
    color: #000;
    background-color: inherit;
    font-size: 100%;
    font-weight: 400;
    clear: left;
    margin: 0 0 1em;
    padding: .5em 0 0;
    font: Arial;
    /* Ruum peale pealkirja*/
}
​
div.dokuwiki h1 {
    font-size: 160%;
    margin-left: 0;
    font-weight: 700;
    margin-top: 6px;
    margin-bottom: 7px;
    /* Ruum peale pealkirja*/
}
​
div.dokuwiki h2 {
    font-size: 130%;
    margin-left: 0;
    font-weight: 700;
    padding: 0 0 0;
    margin-top: 6px;
    margin-bottom: 7px;
    /* Ruum peale pealkirja*/
}
​
div.dokuwiki h3 {
    font-size: 120%;
    margin-left: 0;
    border-bottom: none;
    font-weight: 700;
    margin-top: 6px;
    margin-bottom: 7px;
    /* Ruum peale pealkirja*/
}
​
div.dokuwiki h4 {
    font-size: 110%;
    margin-left: 0;
    border-bottom: none;
    font-weight: 700;
    margin-top: 6px;
    margin-bottom: 7px;
    /* Ruum peale pealkirja*/
}
​
div.dokuwiki h5 {
    font-size: 110%;
    margin-left: 0;
    border-bottom: none;
    font-weight: 700;
    margin-top: 6px;
    margin-bottom: 3px;
    /* Ruum peale pealkirja*/
}
​
/* listings */
/*bullets */
div.dokuwiki ul {
    list-style-type: square;
    list-style-image: none;
    color: #000;
    margin: 0 0 1.5em 1.5em;
}
​
/* numeric */
div.dokuwiki ol {
    list-style-image: none;
    color: #000;
    font-weight: 400;
    margin: 0 0 .5em 1.5em;
    padding-left: .3em;
    /*text-indent: -.5em;*/
}
​
/*list lines */
div.dokuwiki .li {
    margin-top: 5px;
    color: #000;
    font-weight: 400;
    padding-left: .3em;
    /*text-indent: -.5em;*/
}
​
/* Heiko
div.dokuwiki li.level1 {
color:#1B8DAA;
}
​
div.dokuwiki li.level2 {
color:#0896EC;
}
*/
div.dokuwiki ol {
    list-style-type: decimal;
}
​
div.dokuwiki ol ol {
    list-style-type: upper-roman;
}
​
div.dokuwiki ol ol ol {
    list-style-type: lower-alpha;
}
​
div.dokuwiki ol ol ol ol {
    list-style-type: lower-greek;
}
​
div.dokuwiki li.open {
    list-style-image: url(/wiki/lib/tpl/book/images/open.gif);
}
​
div.dokuwiki li.closed {
    list-style-image: url(/wiki/lib/tpl/book/images/closed.gif);
}
​
div.dokuwiki blockquote {
    border-left: 2px solid #ccc;
    padding-left: 3px;
}
​
div.dokuwiki pre {
    font-size: 6pt;
    border: 1px solid silver;
    color: #000;
    overflow: auto;
    padding: .5em;
}
​
div.dokuwiki table.inline {
    background-color: #fff;
    border-spacing: 0;
    border-collapse: collapse;
}
​
div.dokuwiki table.inline th {
    border: 1px solid #ccc;
    /*background-color: #dee7ec;*/
    background-color: #d7dde0;
    padding: 3px;
}
​
div.dokuwiki table.inline td {
    border: 1px solid #ccc;
    padding: 3px;
}
​
div.dokuwiki div.toc {
    clear: both;
}
​
div.dokuwiki div.tocheader {
    text-align: left;
    font-size: 160%;
    font-weight: 700;
}
​
div.dokuwiki span.toc_open,
div.dokuwiki span.toc_close {
    float: right;
    display: block;
    margin: .4em 3px 0 0;
}
​
div.dokuwiki span.toc_open {
    margin-top: .4em;
    border-top: .4em solid #000;
}
​
div.dokuwiki span.toc_close {
    margin-top: 0;
    border-bottom: .4em solid #000;
}
​
div.dokuwiki #toc__inside {
    text-align: left;
    padding: .5em 0 .7em;
}
​
div.dokuwiki ul.toc {
    list-style-type: none;
    list-style-image: none;
    line-height: 1.2em;
    padding-left: 1em;
    margin: 0;
}
​
div.dokuwiki ul.toc li.clear {
    background-image: none;
    padding-left: .4em;
}
​
div.dokuwiki a.toc:link,