/* Anpassen: dark theme */
@font-face { font-family: terminus1; src: url(../fonts/TerminusRe33-Bold.ttf); }
@font-face { font-family: terminus2; src: url(../fonts/TerminusTTF-4.38.2.ttf); }
body { background-color: #151515; color: #B0B0B0; font-family: terminus1, terminus2, Courier, monospace; margin: 12px 0px; }
.header, .wrapper, .footer { max-width: 900px; text-align: left; margin: 0px auto; box-shadow: 0 0 3em #3a384f; }
/*.footer a { white-space:nowrap; } */
form.search { padding: 10px; margin: 5px; float: right; }
form.search p { display: inline; }
form.search input[type="text"] { width: 140px; padding: 3px 12px; margin-top: -3px; }
form.search input[type="submit"] { display: none; }
h1 { display: inline-block; width: 100%; }
h1>a.edit { float: right; text-decoration: none; font-size: 50%; font-weight: normal; color: #DDDDDD; padding: 8px; }
span.accesskey { text-decoration: underline; }
a { color: #6A9FB5; text-decoration: none; font-family: terminus1, terminus2, Courier, monospace; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }
.header .gotobar { font-family: terminus1; line-height: 50px; }
.header>h1 { margin-top: 32px; margin-bottom: 4px; position: inherit; font-weight: bold; }
div.page h1 { margin: 0px 3px; font-size: 18px; }
strong, th, h1, h2, h3, h4 { font-weight: bold; /* bold terminus does not look good */ }
/*h1:before { content: "you@ProgArm:/"; font-size: 17px; } h1:after { content: "$"; font-size: 17px; }*/ h2 { border-bottom: 1px solid #555; }
h3 { margin-top: 28px; /* font-weight: normal; */ }
.gotobar>a { font-size: 16px; padding: 14px; margin: 0px; font-weight: normal; white-space: nowrap; }
.header>.gotobar>a:hover { text-decoration: none; outline: #B0B0B0 solid 1px; }
.local { height: 100%; }
h1.entry-title { font-weight: bold; }
input, textarea { color: #B0B0B0; background-color: #111111; border-style: solid; border-color: #888888; border-width: 1px; font-family: terminus1, terminus2, Courier, monospace; }
.footer .edit a { margin-right: 25px; }
.footer br { margin-bottom: 5px; }
input { font-size:95%; }
table.user { border-collapse: collapse; }
table.user tr td { border: 1px solid #B0B0B0; padding: 3px; margin: 0px; }
.homepage { display: none; }
a.number { font-size: 60%; /* TODO fix px and % mess */ vertical-align: top; }
li { margin: 4px 0px; }
p.comment { margin: 50px 0px 0px 0px; }
div.page p.comment { margin: 0px 0px 0px 0px; }
strong { font-weight: bold; }
code { font-size: 16px; font-family: terminus1; }
.real { font-size: 14px; display: inline-block; background: #303030; border: #B0B0B0 dashed 1px; padding: 5px; margin-top: 3px; margin-bottom: 3px; }
.rc>p a { padding: 0px 10px; }
div.page { background-color: #202020; border-color: #BBBBBB; border-radius: 1px; padding: 10px; margin: 20px 0px 5px 0px; font-size: 100%; box-shadow:0 0 3em #3a384f; }
div.page>.userComment { counter-increment: commentscount; }
div.page p.comment:after { content: " (" counter(commentscount) ")"; }
div.page>.userComment, div.page>.commentsHeading { visibility: hidden; position: absolute; top: -9999px; left: -9999px; }
.commentsHeading { margin-top: 50px; }
.userComment { background-color: #202020; padding-left: 15px; padding-right: 15px; margin-top: 35px; margin-bottom: 35px; width: 70%; border-radius: 3px; }
.more { margin-top: 6px; margin-bottom: 35px; }
.logo { display: inline; }
img { max-width: 100%; }
.old, .diffactionold, .updaterold { background-color: #371111; }
.new, .diffactionnew, .updaternew { background-color: #113711; }
.left { float:left; }
.right { float:right; }
.right img { max-width: 300px; padding: 20px; }
.subroutine { color: #87cefa; }
.variable { color: #eedd82; }
.key { text-align: center; }
.foo_nextversion, .foo_currentversion, .foo_oldversion, .foo_yes, .foo_nope, .foo_kinda { padding: 3px; display: block; }
.foo_nextversion { background-color: #111137; }
.foo_kinda { background-color: #373711; }
.foo_currentversion, .foo_yes { background-color: #113711; }
.foo_oldversion, .foo_nope { background-color: #371111; }
.imageholder { display: inline-block; }
.imagecomment { text-align: center; font-size: 18px; border-style: solid; border-color: #880000; border-width: 3px; color: rgba(0,0,0,0); }
.component { border-color: #000088; }
.switch { border-color: #880000; }
.port { border-color: #00CC44;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;}.imagecomment:hover { color: #EEEEFF; text-shadow: 2px 0px #000000, -2px -0px #000000, 0px 2px #000000, 0px -2px #000000, -2px -2px #000000, 2px 2px #000000, -2px 2px #000000, 2px -2px #000000; /*display: inline-block !important;*/ /*width: auto !important;*/ border-style: none; }
.key { border-bottom: 1px dashed #B0B0B0; }
.key:hover { background: #333333; border-bottom: 1px dotted #B0B0B0; }
.keyspacer { width: 7px; }
.keyname { color: #DDDDDD; padding: 0px 4px; background: #333333; }
.key1, .foo_key1 { color: #90EE59; }
.key2, .foo_key2 { color: #6A9FFF; }
.keynone { color: #606060; }
.foo_todo { background-color: #111137; }
.foo_done { background-color: #113711; }
.foo_undecided { background-color: #373711; }
div.foo_outdated { font-size: 120%; padding: 12px 20px; margin-left: 20px; margin-right: 20px; border-left: 10px solid #FFCC33; background-image: repeating-linear-gradient(45deg, black 0px, black 25px, transparent 25px, transparent 50px, black 50px); }
div.foo_notimplemented { font-size: 120%; padding: 12px 20px; margin-left: 20px; margin-right: 20px; border-left: 10px solid #4466EE; background-image: repeating-linear-gradient(45deg, black 0px, black 25px, transparent 25px, transparent 50px, black 50px); }
.foo_donate>a { text-decoration: none; font-weight: normal; color: #DDDDDD; box-shadow: 0px 0px 4px #AAAAAA; border-radius: 2px; padding: 10px; background: -webkit-linear-gradient(#10B316 , #0B7D0F); /* For Safari */ background: -o-linear-gradient(#10B316, #0B7D0F); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#10B316, #0B7D0F); /* For Firefox 3.6 to 15 */ background: linear-gradient(#10B316, #0B7D0F); /* Standard syntax */ }
.question blockquote { display: inline-block; padding: 0px 20px; margin: 5px; background-color: #222222; }
.highlight { padding: 5px; border-style: dashed; border-width: 1px; }
code { padding: 2px; border-style: dashed; border-width: 1px; }
pre { margin: 2px; }