/***************************************************/
/* Nastavitve, ki so skupne za zaslon in tiskalnik */
/***************************************************/

body, table { font-family: Verdana, Arial, sans-serif; font-size: 10pt }
pre { font-family: "Courier New", monospace }
tt, code { font-weight: bold; font-size: 110% }

body { text-align: left }
h1, h2, h3, pre, table { text-align: left }
p, ul, ol, dl { text-align: justify }

body > h1 { margin-top: 0 }

h1 { font-family: Arial, sans-serif; font-size: 20pt }
h2 { font-family: Arial, sans-serif; font-size: 16pt }
dd { margin-top: 4px; margin-bottom: 8pt }
ul.simple { list-style-type: disc }

table { border-collapse: collapse; margin-left: auto; margin-right: auto }

table.normal td, table.normal th { border: solid 1px black; padding: 2px 20px }

table.lastnosti { border-top: dotted 1px teal; width: 100% }
table.lastnosti col.lastnost { width: 201px }
table.lastnosti td { border-bottom: dotted 1px teal; vertical-align: top }

table.lastnosti td.opis { padding-bottom: 12px; padding-left: 40px }

dl.lastnosti dt { background-color: lightblue; padding-left: 10px }

div.glava { background-color: lightblue; margin-bottom: 10px; font-weight: bold; cursor: pointer; color: blue; border: solid black 1px; padding-left: 10px }
.skupina { margin-left: 20px }

table.vrednosti { width: 100% }
table.vrednosti col.vrednost { width: 191px }
table.vrednosti td { border-bottom: dotted 1px teal; vertical-align: top }
table.vrednosti thead td { font-weight: bold; color: teal }

table.barve col.ime { width: 210px }
table.barve td { padding: 2px 20px; font-family: "Courier New", monospace; border: solid 1px black; }

col.glava { width: 100px }
col.vrednost { width: 450px }

pre {
   margin-top: 0;
   margin-bottom: 12pt;
   border-style: solid;
   border-width: 2px;
   padding: 6px;
}

.keyword { font-weight: bold }

span.greek { font-family: Georgia }
span.sqrt { font-family: Georgia; font-size: 11pt; margin-right: -1px }
span.over { text-decoration: overline }

.element { font-family: "Courier New", monospace; text-transform: uppercase }
.attribute { font-family: monospace; text-decoration: underline; color: blue }

.center { text-align: center }
.applet { border: solid blue 1px }

.razmik > li { margin-bottom: 10pt }
ul.primeri { list-style-type: none }

dl.prototype dt {
   font-family: "Courier New", monospace;
   font-size: 12pt;
   font-weight: bold;
   background-color: skyblue;
   padding: 0px 10px;
}

dl.prototype dt var {
   font-family: sans-serif;
   font-size: 11pt;
   font-weight: normal;
}

.datoteka {
   font-family: monospace;
   font-size: 10pt;
   border-style: solid;
   border-width: 1px;
   padding: 2px 6px;
   margin-bottom: 1px;
   text-align: left;
}

.naloga {
   border: solid 1px;
   padding: 6px;
}

p.izdelek { text-align: center }
p.izdelek img { border: solid 1px black; margin: 10px auto }

span.tool { font-weight: bold }

.file { font-family: "Courier New"; font-weight: bold; font-size: 11pt }
.orodje { font-weight: bold; font-style: italic }

/***************************************************/
/* Nastavitve za prikaz na zaslonu                 */
/***************************************************/
@media screen {

html {
  background-color: azure;
}

body {
  padding: 10px 10px 10px 240px;
  margin: 0;
}

#kazalo {
  background-color: lightblue;
  padding: 10px;
  margin: 0;
  position: fixed;
  width: 210px;
  height: auto;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  overflow: auto;
  text-align: left;
  font-size: 8pt;
}

#kazalo h1 { color: red }
#kazalo div.group { margin-bottom: 8px; font-weight: bold }
#kazalo div.list { margin-left: 20px; font-weight: normal }
#kazalo div.item { margin: 2px }
#kazalo img { margin-right: 3px }
#kazalo > h1 { margin-top: 0 }

a { color: blue; text-decoration: none }
a:hover { color: red; text-decoration: underline  }

h1 a { color: red; text-decoration: none }
h1 a:hover { color: blue; text-decoration: underline  }

table.normal th { background-color: lightblue }
table.normal td { background-color: lightcyan }

.naloga {
   background-color: lightblue;
   border-color: blue;
}

.datoteka {
   background-color: blue;
   border-color: blue;
   color: yellow;
}

a.activeFileName { color: yellow }
.icon { float: right; cursor: pointer }

#coord {
   position: absolute;
   visibility: hidden;
   left: 0px;
   top: 0px;
   background-color: lightyellow;
   border: black solid 1px;
   font-family: "MS Sans Serif", sans-serif;
   font-size: 8pt;
   padding: 2px 5px;
}

.codeHTML {
   background-color: lightyellow;
   border-color: blue;
   color: black;
}

.codeJava {
   background-color: navy;
   border-color: blue;
   color: yellow;
}

.codeJS {
   background-color: lightyellow;
   border-color: blue;
   color: black;
}

.codeCommand {
   background-color: black;
   border-color: blue;
   color: white;
}

.tag { color: blue }
.attr { color: navy }
.value { color: teal }
.commentHTML { color: green }
.entity { color: green }

.key { color: white }
.class { color: lightblue }
.name { color: lime }
.string { color: red }
.number { color: cyan }
.char { color: magenta }
.comment { color: lightgrey }
.prep { color: cyan }

.prompt { color: yellow }
.command { color: cyan }
.input { color: lightgreen }
.output { color: white }

}
/***************************************************/
/* Nastavitve za izpis na tiskalnik                */
/***************************************************/
@media print {

#kazalo, #coord, .icon, .version { display: none }
a { color: black }

table.normal th { background-color: silver }

pre { border-color: black }
.key { font-weight: bold }
.comment { font-style: italic }

}
/***************************************************/