body {
background: #004040;
color: #fff;
}
a,
a .name,
#n2:active {
color: #efe;
}
a:active,
a:active .name,
#n2:active {
color: #f00;
}
h2:before {
content: "◆ ";
}
h2 {
display: inline-block;
margin: 0;
margin-bottom: 0.5em;
}
h2 span {
font-weight: initial;
font-size: 24px;
margin-left: 4px;
display: inline-block;
float: right;
}
h3 {
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
h4:before {
content: "＞";
color: #fffffe;
display: inline-block;
font-size: 16px;
width: 40px;
}
.first h4:before {
content: none;
}
input[type="submit"],
input[type="button"],
button {
border-width: 2px;
border-style: outset ridge ridge outset;
border-color: #fff #000 #000 #fff;
background: #ddd;
color: #000;
padding: 0 8px;
}
#main_nav,
.banner {
background: inherit;
text-align: left;
margin: 0;
padding-left: 2.5%;
}
.fix #main_nav {
background: inherit;
text-align: center;
}
#titlebox {
margin-bottom: 1em;
margin-top: 5px;
}
.threadnav a {
margin-left: 4px;
}
.innerbox {
margin: 0;
padding: 0;
}
.innerbox,
.mainpage .thread,
.deleted,
#content {
margin-bottom: 1em;
padding-bottom: 1em;
}
.innerbox,
.mainpage .thread,
.reply,
.deleted,
h3,
#content {
border-bottom: 2px groove gray;
}
.links,
#listmenu {
text-align: left;
}
#threadbox {
margin-bottom: 1em;
}
#threadlinks {
text-align: left;
margin-bottom: 0.5em;
}
#threadlist {
background: #003535;
border: 1px inset gray;
}
.reply {
clear: both;
margin-bottom: 1em;
overflow: hidden;
}
.reply:last-child {
border: 0;
margin-bottom: 0;
}
.name em {
color: #009;
}
.quoted {
font-size: 9pt;
}
.del a {
color: #fff;
}
.first .msg {
margin: 1em 40px;
}
.msg {
margin: 1em 60px;
}
.q {
color: #99b3b3;
}
.yt {
border: 1px solid #fff;
}
.abbrev {
margin-top: 1em;
}
.deleted {
text-decoration: line-through;
}
#size {
color: #fff;
margin-top: -0.5em;
}
#q-p {
background: #004040;
border: 1px solid #ddd;
}
#q-p h4:before {
display: none;
}
.postform,
.formpad {
padding-left: 0;
}
form .msg {
border: 1px dotted #fff;
}
#footer {
margin-bottom: 1em;
margin-top: 1em;
text-align: right;
}
.threads .outerbox {
margin-top: 1em;
}
#content.list #header div {
background: #001e1e;
}
#content.list .row:nth-child(odd) {
background: #003535;
}
#content.grid {
border-width: 2px 2px 0 0;
}
#content.grid .row {
border-width: 0 0 2px 2px;
}
#content.grid,
#content.grid .row {
border-style: groove;
border-color: gray;
}
.threads #footer {
text-align: center;
}
@media (max-width: 600px) {
body.mainpage,
body.threads {
margin-left: 8px;
margin-right: 8px;
}
h2 span {
margin-left: 0;
float: none;
}
h4:before {
font-size: 12px;
width: 20px;
}
div.msg,
.first .msg {
margin: 0.5em 0 0.5em 20px;
}
}
