CSS editor for book creator - safeav-curriculum

/*@prince-options { -prince-image-resolution: 900dpi; } /* PAGE */ @page { size: B5; @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 */ /* Ei nummerda õppekaval. 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 { 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; } /* 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: 7pt; 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; }