/*
 * CSS defaults for s4
 */

/* @import url("../id/id.css"); */
@import url("../default.css");
@media print {
    div.screen span.s3, div.screen span.s4 {color: red;}
    div.screen span.s3:before,
    div.screen span.s4:before {color: black;}
    .screen span.rc, .screen span.uc, .screen var {color: brown;}
    .screen span.u, .screen kbd {color: tomato; text-decoration: none;}
    div.list {border-left: dotted 2px #448;}
    address {display: none;}
    p.prologue + h2 {page-break-before: always;}
    h1 {page-break-before: right;}
}
@media screen{
  /* SQLite3 Prompt */
    div.screen span.s3:before,
    .screen span.s4:before {color: white;}
    .screen span.s3, div.screen span.s4 {color: yellow;}
}
p.prologue {
    border: 1px solid navy; padding: 20em 4em; text-align: center;
    margin: 3em;
}
.screen span.s3:before {content: "sqlite> "; color: white;}
.screen span.s4:before {content: "   ...> "; color: white;}
div.list span.see {background: #e6e4e4;}
div.topic p:first-child:before {content: "★";}
span.index {}
span.conceptindex {display: none;}
span.hidden {display: none;}

body {background: #fee;}
h1 {text-align: center; color: green;}
h2 {text-decoration: underline; color: green;}
h2:before {content: "■";}
h3 {color: navy;} h3:before {content: "◆";}
h4 {color: #00f;} h4:before {content: "●";}
h1, h2, h3, h4, h5, h6 {clear: both;}
.cbg {background: cyan;} .ybg {background: yellow;} .mbg {background: magenta;}
em {color: #e00; text-decoration: underline;}
div.list pre {background: #f6f4f4; margin: 0; padding: 0 0.5ex;}
div.list p {margin: 0.2ex;}
div.list {padding: 0 1ex;}
var {color: green;}
var:before {content: "《";} var:after {content: "》";}
p.h1 {font-size: 150%; text-indent: 0;}
span.fold:before {content: "↓"; background: magenta;}
div.screen span.uc:before {content: "$ ";}
pre.scroll {height: 30ex; overflow: auto;}

p.input {
    border: inset 2px black; background: white; width: 20em; margin: 0;
    padding: 1px;
}
p.textarea {
    border: inset 2px black; background: white; width: 22em;
    white-space: pre;
}
p.pre, p.textarea {margin: 0;}
table.sq3html td {white-space: pre;}

/* Definition List */
dl dt:before {text-decoration: none; content: "● "; margin-left: 1em;}

div.question {
    clear: both; margin-top: 3em; border: 1px solid #422;
    padding: 1ex; background: #ded
}
div.question:before {
    content: "問題"; font-size: 120%;
    border: double 10px navy; border-width: 0 15px;
    border-top: solid navy 2px; border-bottom: solid navy 2px; 
    margin-bottom: 1em; background: white;
    padding: 0 1ex; margin: 0 1ex 0 0;}
div.question .list pre {
    background: #ffe; border-left: dotted 2px #444; margin-left: 1em;
    padding: 0.5ex 1ex;
}


.clear {clear: both;}
th {background: #fbf;}

/* CSS for TABLE Schema definition */
table.schema {
    margin-left: 3em;  background: white; min-width: 20em;
}
table.schema, table.schema tr, table.schema th, table.schema td {
    border: 1px solid black; border-collapse: collapse;
    padding: 0 1ex;
}
table.schema th {background: #dec;}
table caption {
    caption-side: top; background: #ffb; padding: 0 1em;
}
table.tdr td {text-align: right;}
table.nocolor th {background: transparent;}

/* CSS for spread sheet like display */
table.calc {
    background: white; padding: 0.2ex 1ex; margin-left: 1ex;
}

/* CSS for totalizing table like display */
table.dot6 td:nth-child(n+3) {text-align: right;}
table.dot6 td:nth-child(6), table.dot6 th:nth-child(6) {
  border-left: hidden;
  background: transparent; width: 2em; text-align: center;
}
table.imoni td:nth-child(n+2) {text-align: center;}
table.c1bg tr:nth-child(-n+7) td:nth-child(2) {background: cyan;}
tr.dotr td {
  border-top: hidden; border-bottom: hidden;
  background: transparent; text-align: center;
}
table.td2r td:nth-child(n+2),
table.td3r td:nth-child(3),
table.td4r td:nth-child(4),
table.td6r td:nth-child(6),
table.td1r td:first-child {text-align: right;}
table.td1cbg td:nth-child(1), table.td2cbg td:nth-child(2),
table.td3cbg td:nth-child(3)  {background: cyan;}

table.td1pre td:nth-child(1),
table.td2pre td:nth-child(2),
table.td3pre td:nth-child(3),
table.td4pre td:nth-child(4) {white-space: pre;}

/* CSS for describing a Set */
div.set {margin-left: 2em; margin-bottom: 2em; ___width: 40%;}
div.set pre {
    background: #fee; border: 2px solid #338; min-height: 6ex;
    padding: 2em; margin: 0; text-align: center;
    border-radius: 50%;
}
div.set p {text-align: center; margin: 0;}

pre span.diff {color: blue; text-decoration: underline;}
span.link {text-decoration: underline; color: blue;}

/* CSS for describing a Tree by table */
table.tree, table.tree tr, table.tree td {border-collapse: collapse;}
table.tree td.n {border: 1px solid black;}
table.tree td.vb {border-left: 1px solid black;}
table.tree td.hb {border-bottom: 1px solid black;}

/* CSS for constant width table */
table.constw td {min-width: 10em;}
table.contw td.b {border: 1px solid black;}
table.contw  {border-collapse: collapse;}

/* Re-define :before/:after for compensation of encoding mismatch */
p.caption:before {content: "▲ "; color: #884;}
p.caption:after {content: " ▲"; color: #884;}