body {
background: #fff url(../img/ginchan.png) no-repeat fixed bottom right;
}
body,
textarea {
color: #000;
}
a,
#n2 {
color: #32a;
}
a:active,
a:active .name,
h2 a:active,
#n2:active {
color: #f48;
}
#main_nav {
background: #cce;
}
h2 a,
h4,
h4 a {
color: #000;
}
h1 {
border-bottom: 2px solid #441188;
padding: 0 10px;
margin: 0 -10px 10px;
}
h2,
h3 {
background: #DDDDE7 url(../img/rose.png) no-repeat scroll;
background-position: 0 50%;
border-bottom: 2px solid #418;
display: table;
padding-left: 1em;
}
input,
input[type="submit"],
input[type="button"],
input[type="text"],
textarea,
button,
select {
border: 1px solid #000;
}
input[type="submit"],
input[type="button"],
button {
background: #ddd;
}
input[type="submit"]:active,
input[type="button"]:active,
input[type="button"].active,
button:active {
background: #ccc;
border-style: solid;
}
#titlebox {
background: #DDDDE7 url(../img/rose2.png) no-repeat scroll bottom right;
margin-bottom: 0;
}
.outerbox {
background: #DDDDE7;
}
.outerbox .innerbox {
border-bottom: 2px solid #aab;
margin: 0;
padding: 10px;
}
#threadlist {
border: 1px solid #aab;
}
#threadlist a {
border-right: 1px solid #aab;
border-bottom: 1px solid #aab;
}
#thread_nav {
border-bottom: 2px solid #318;
padding-bottom: 6px;
}
.mainpage .first div.msg::first-letter {
font-size: 1.5em;
text-transform: uppercase;
}
.reply {
border-bottom: 1px solid #DDDDE7;
margin-top: 0.5em;
}
.hidden, .deleted {
margin: 0;
}
.name em {
color: #009;
}
.q,
.abbrev {
color: #7f7f7f;
}
.yt {
background: #f2f2f2;
border: 1px solid #aab;
}
hr {
display: none;
}
.msg hr {
display: block;
}
#size {
color: #318;
}
#q-p {
background: #fff;
border: 1px solid #aab;
padding: 0;
}
#q-p .reply {
padding: 0 0.5em;
}
.reply:last-child,
#q-p .reply:last-child {
border-bottom: 0;
}
.mainpage .postform {
margin: 0;
}
.postform, #lastposts {
background: #cce url(../img/rose2.png) no-repeat scroll top right;
border-bottom: 2px solid #aab;
margin-top: 0;
padding: .5em;
}
#lastposts {
background-image: none;
}
#createbox {
background: #DDDDE7 url(../img/rose2.png) no-repeat scroll top right;
}
form .msg {
border: 1px dashed #000;
background: #fff;
}
#threads th {
background: #DDDDE7;
border-bottom: 2px solid #418;
}
#threads tr:nth-child(odd) {
background: #fff;
}
#threads tr:nth-child(even) {
background: #DDDDE7;
}
@media (max-width: 600px) {
body {
background-position: 100% 125%;
}
.innerbox {
margin: 0;
padding: 0;
}
h2,
h3 {
background-position: 2px 2px;
padding-left: 0;
}
.mainpage .postform,
.postform {
padding: .25em;
padding-left: .25em;
}
}