volcanos/plugin/local/wiki/word.css

fieldset.word>div.legend {
    display:none;
}
fieldset.word>div.output fieldset.span>fieldset {
    float:left; overflow:auto;
}

fieldset.word>div.navmenu {
    clear:both;
    float:left;
    min-width:120px;
    background-color:inherit;
    margin-right:10px;
    overflow:auto;
}
fieldset.word>div.navmenu>div.item {
    font-weight:bold;
    font-size:24px;
    padding:4px 10px;
}
fieldset.word>div.navmenu>div.list>div.item {
    font-weight:bold;
    font-size:18px;
}
fieldset.word>div.navmenu div.item {
    font-family:cursive;
    padding:4px 10px;
}
fieldset.word>div.navmenu div.item.select {
    background-color:red;
}
fieldset.word>div.navmenu div.item:hover {
    cursor:pointer;
    background-color:red;
}
fieldset.word>div.navmenu div.list {
    margin-left:20px;
}

fieldset.word a {
    word-break:break-word;
}
fieldset.word ul.story[data-type=premenu] {
    cursor:pointer;
}
fieldset.word ul.story[data-type=premenu] li:hover {
    background:cyan;
    color:blue;
}
fieldset.word ul.story[data-type=endmenu] {
    clear:both;
}
fieldset.word ul.story li.H2 {
    font-weight:bold;
    font-size:20px;
}
fieldset.word br.story {
    clear:both;
}

fieldset.word p.story {
    white-space:pre;
}
fieldset.word p.story[data-name=inner] {
    padding:4px 10px; margin:10px 0px;
    background-color:#4b6c8a7a;
    border-left:solid 4px blue;
}
fieldset.word p.story[data-name=inner]:hover {
    background-color:#c10c8a;
    cursor:copy;
}
fieldset.word svg.story {
    display:block; float:left;
}
fieldset.word code.story {
    display:block; border:solid 3px green;
    color:white; background-color:#272822;
    font-size:14px; font-family:monospace;
    max-height:640px; overflow:auto;
    padding:10px; white-space:pre;
    clear:both;
}
fieldset.word video.story {
    max-height:320px;
}
fieldset.word fieldset.story {
    margin:10px; border:0;
    clear:both; float:left;
    box-shadow: 4px 4px 10px 1px #626bd0;
}
fieldset.word fieldset.story:hover {
    box-shadow: 12px 12px 12px 6px #5764efd1;
}

div.story[data-type=json] div.item {
    margin-left:10px;
    padding-left:10px;
    border:solid 1px #ff000000;
    border-left:dashed 1px gray;
}
div.story[data-type=json] div.item:hover {
    border:solid 1px red;
}
div.story[data-type=json] span.key {
    color:brown;
}
div.story[data-type=json] span.str {
    color:magenta;
}
div.story[data-type=json] span.value {
    cursor:copy;
}
div.story[data-type=json] span.toggle {
    cursor:pointer;
    color:gray;
}

fieldset.word.float {
    width:-webkit-fill-available;
    position:fixed; left:0; top:0;
    background-color:aliceblue;
    background-color:aliceblue;
    color:black; z-index:20;
}
fieldset.word.float>div.output {
    background-color:aliceblue;
    background-color:#f0f8ff80;
    overflow:auto;
    padding:20px;
}
fieldset.word.float div.project {
    background-color:#bad1e6a6;
    padding:10px;
}
fieldset.word.float div.content div.page {
    background-color:aliceblue;
    background-color:#194c79d4;
    margin-top:30px;
    display:none;
}
fieldset.word.float div.content div.page.select {
    display:block;
}
fieldset.word.float div.content.grid div.page {
    float:left; display:block;
    width:200px; height:200px;
    overflow:auto; margin:10px;
    background-color:#a4cbecb5;
}

fieldset.word.float h1 {
    text-align:center;
}
fieldset.word.float h2 {
    text-align:center;
}
fieldset.word.float h3 {
    text-align:center;
}

fieldset.panel.cmd fieldset.word>form.option {
    display:none;
}
fieldset.panel.cmd fieldset.word>div.action {
    display:none;
}
fieldset.panel.cmd fieldset.word>div.status {
    display:none;
}