/* * Copyright (c) 2007-2018 * Jeffrey Allen Neitzel . * All rights reserved. */ /* * The CSS presentation of each page @ v6shell.org / etsh.io needs * the following generalized document structure to achieve the * desired effect: * * * == Page head stuff == * *
*
* * * *
* == Main page content stuff == *
* *
* *
== Images & Links ==
* *
*
* * */ /* * Element selectors */ html { margin: 0; padding: 0; } body { background: #666666; color: #cccccc; font-family: Helvetica, sans-serif; font-size: 100%; line-height: 1.4em; margin: 3px; padding: 0; } h1, h2, h3 { /* border: thin solid #666666; */ color: #f1f1f1; } h1 { margin: 0.3em 3em 0.3em 3em; /* margin: 6px 10px 6px 10px; */ } h2, h3 { margin: 1em; /* margin: 6px 10px 6px 10px; */ } h1 { font-size: 1.6em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } p { margin: 1.5em 1em 1em 1em; /*text-align: justify;*/ } ol { list-style-type:decimal; } ol ol { list-style-type:upper-alpha; } li { line-height: 1.6em; margin: 0 1em 0 1em; } ul li, ul li ul li, ul li ol li { margin: 0; padding: 0; } code, pre { font-family: /*Terminus, Monaco,*/ "Lucida Console", Courier, monospace; } pre { background: #191919; color: #cccccc; margin-left: 4em; margin-right: 4em; padding: 8px 15px; border-radius: 3px; border: 1px solid #121212; box-shadow: inset 0 1px 3px rgba(128, 128, 128, 0.3); } code { /*background: #333333;*/ color: #f1f1f1; } pre.larger { font-size: 1.5em; margin-left: 4em; margin-right: 4em; } strong { /*background: #333333;*/ /*color: #9966ff;*//*mine*/ /*color: #9932cc;*//*darkorchid*/ /*color: #9400d3;*//*darkviolet*/ color: #9932cc; font-weight: bold; } em { /*background: #333333;*/ /*color: #ff6699;*//*mine*/ color: #ff1493;/*deeppink*/ } hr { border: none; background: #999999; color: #999999; height: 2px; } a, a:visited { color:#6699ff;text-decoration:underline; } /*a:hover { color:#3399cc;text-decoration:underline; }*/ /*a:hover { color:#cc6699;text-decoration:underline; }*/ a:hover { color:#8696bc;text-decoration:underline; } a:active { color:#ff69b4;text-decoration:underline; } /* * Class selectors */ div.imageCentered { margin: 1em 6em 1em 6em; padding: 0.5em; text-align: center; } div.forms { margin: 1.5em 6em 1em 6em; } div.misc { margin: 1em 2em 1em 2em; } a.feedLink { background: #333333; color: #8696bc; font-size: smaller; font-weight: bold; } a.feedLink, a:visited.feedLink { text-decoration:none; } a:active.feedLink, a:hover.feedLink { text-decoration:underline; } /* * ID selectors */ #container { border-radius: 3px; border: thin solid #999999; background: #8696bc; color: #000000; margin: 0; padding: 3px; } #content { border-radius: 3px; border: thin solid #999999; background: #333333; color: #cccccc; } #empty { margin: 0; padding: 0; } #gplusone { line-height: 0; margin: 0; padding: 0; width: 65px; } #header { margin: 0; padding: 5px 5px 0 5px; } #header img { border: none; float: left; margin: 0 6px 0 0; padding: 0; } #header table { float: right; margin: 0; padding: 0; } #header table tr { margin: 0; padding: 0; } #header table tr td { margin: 0; padding: 0; } #header table tr td img { padding: 4px 0 4px 2px; } #nav { margin:0; padding:0; width:60%; } #main { margin:0; padding:0; width:100%; } #navOuter, #navOuterSub { /* border-radius: 3px; border-top: thin solid #666666; border-right: thin solid #666666; border: none; */ border-bottom: thin solid #666666; background: #333333; color: #f1f1f1; } #navOuter { margin: 16px 0 0 0; padding: 0; } #navOuterSub { margin: 0 0 0 0; padding: 0; } #navInner, #navInnerSub { white-space: nowrap; } #navInner ul, #navInnerSub ul { list-style-type:none; margin: 0; } #navInner ul { padding: 0 0 0 8px; } #navInnerSub ul { padding: 0 0 0 16px; } #navInner li, #navInnerSub li { background: #999999; color: #000000; display: inline; margin: 0 0 0 4px; padding: 0; } #navInnerSub li { font-size: smaller; } #navInner li.currentPage, #navInnerSub li.currentPage { background: #999999; color: #000000; } #navInner li.currentPage a, #navInnerSub li.currentPage a { background: #999999; color: #990000; font-weight: bold; } #navInner a, #navInnerSub a { background: #999999; color: #000000; font-weight: bold; } #navInner a, #navInnerSub a, #navInner a:visited, #navInnerSub a:visited { text-decoration:none; } #navInner a:active, #navInnerSub a:active, #navInner a:hover, #navInnerSub a:hover { text-decoration:underline; } #floatRight { clear: both; float: right; padding: 1em 2em 2em 2em; } #floatRight img { border: none; padding: 0 0 0 0.25em; } #footer, #footer em { background: #333333; color: #f1f1f1; } #footer { font-size: smaller; line-height: 1.2em; padding: 1em 2em 2em 2em; } #success { background: #f1f1f1; color: #009900; font-weight: bold; } #failure { background: #f1f1f1; color: #990000; font-weight: bold; } @media screen and (max-width: 720px) { body { width: 99%; } h2, h3 { margin: 0.5em 1em 0.5em 1em; } p { margin: 0.75em 1em 0.5em 1em; /*margin: 1.5em 1em 1em 1em;*/ /*text-align: justify;*/ } li { line-height: 1.6em; margin: 0 1em 0 1em; } ul li, ul li ul li, ul li ol li { margin: 0; padding: 0; } pre, pre.larger { margin-left: 0; margin-right: 0; overflow: auto; overflow-y: hidden; } } @media screen and (max-width: 480px) { body { width: 125%; } h1 { font-size: 1.4em; margin: 0.3em 1em 0.3em 1em; } h2, h3 { margin: 0.5em 1em 0.5em 1em; } p { margin: 0.75em 1em 0.5em 1em; } li { line-height: 1.6em; margin: 0 1em 0 1em; } ul li, ul li ul li, ul li ol li { margin: 0; padding: 0; } pre, pre.larger { margin-left: 0; margin-right: 0; overflow: auto; overflow-y: hidden; } div.misc { margin: 1em; } #floatRight { padding: 1em 0.5em 2em 0.5em; } #footer { padding: 1em 0.5em 2em 0.5em; } #empty { margin: 5px 0 0 0; padding: 5px 0 0 0; } }