path: root/static/css/txt/ciber.css

body {
  background: #000 url("../img/cyb.png");
  text-shadow: 1px 1px #000;
}
body,
h3 {
  color: #ba55d3;
}
body.threadpage {
  margin: 0;
  padding: 8px;
  box-shadow: inset 0 0 25px;
}
a,
h2 a,
#n2 {
  color: #db43b5;
}
a:active,
#n2:active {
  color: #f0f;
}
h4 {
  background: #2a4a75;
  padding: 0 7px;
  text-shadow: 0 2px #000;
  padding: 1px 0;
}
.threadpage h4 {
  padding: 0 3px;
}
h4,
h4 a {
  color: #9370db;
}
h1,
h2 a,
h3,
h5 {
  text-shadow: 1px 1px #000, 0 0 10px;
}
h1:after,
h2 a:after,
h3:after {
  content: "_";
  animation: blink 1s infinite;
}
@keyframes blink {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
h2,
.thread .threadnav {
  margin: 7px;
}
h3 {
  margin: 8px 0;
}
h3 span,
#size,
.abbrev {
  color: #639;
}
hr {
  background: #2a4a75;
  border: 0;
  height: 1px;
  box-shadow: 0 0 10px #2a4a75;
}
.spoil {
  background: #2a4a75;
  color: #2a4a75;
  text-shadow: none;
}
.spoil:hover {
  color: #000;
}
input:active,
input.active,
input:focus,
textarea:focus,
button:active,
select:focus {
  box-shadow: 0 0 10px;
}
.outerbox input,
.outerbox textarea,
select {
  background: #002f00;
  border: 1px solid #68f855;
  color: #68f855;
}
.outerbox input[type="submit"],
.outerbox input[type="button"],
.outerbox button {
  background: #0f0;
  border: 3px outset #0f0;
  color: #000;
}
.outerbox input[type="submit"]:active,
.outerbox input[type="button"]:active,
.outerbox input[type="button"].active,
.outerbox button:active {
  background: #0c0;
  border-style: inset;
}
.threadpage input,
.threadpage textarea,
.thread input,
.thread textarea {
  background: #000;
  border: 1px solid #2a4a75;
  color: #2a4a75;
  text-shadow: 1px 1px #000;
}
.threadpage input[type="submit"]:active,
.threadpage input[type="button"]:active,
.threadpage input[type="button"].active,
.thread input[type="submit"]:active,
.thread input[type="button"]:active,
.thread input[type="button"].active {
  background: #4c0747;
  border-color: #d21cea;
  color: #d21cea;
}
#main_nav {
  background: #000;
  box-shadow: 0 0 10px #68f855;
}
.outerbox {
  background: #111;
  color: #5fe44e;
  border: 3px outset #0f0;
  background: #0c0;
}
.outerbox a,
#main_nav a,
#footer a {
  color: #68f855;
}
.outerbox a:active,
#main_nav a:active,
#footer a:active {
  color: #ef6177;
}
#threadlist {
  background: rgba(26, 26, 26, 0.5);
  border: 3px solid #0c0;
}
#threadlist a {
  border-right: 1px solid #0c0;
  border-bottom: 1px solid #0c0;
}
.innerbox {
  border: 3px inset #0f0;
}
.outerbox .innerbox {
  background: #000 url("../img/green.gif");
}
.mainpage .thread,
.thread .innerbox {
  border: 1px solid #2a4a75;
}
.mainpage .thread {
  background: #2a4a75;
  box-shadow: 0 0 5px 5px #2a4a75;
}
.thread .innerbox,
.threadpage,
#q-p,
form .msg {
  background: #000 url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC");
}
.thread .innerbox {
  padding: 0;
}
.name em {
  color: #4b0082;
}
.q {
  color: #9932cc;
}
.deleted {
  background: none;
  border-color: #2a4a75;
  border-style: solid;
  border-width: 1px 0;
  color: inherit;
}
.yt {
  background: #000;
  border: 1px solid #2a4a75;
}
.mainpage .postform {
  border-top: 1px solid #2a4a75;
  padding: 1em 0 1em 40px;
}
.formpad {
  padding: 0;
}
form .msg {
  border: 1px dotted #2a4a75;
}
#q-p {
  border: 1px solid #000;
  padding: 0;
}
#q-p .reply {
  border: 3px double #2a4a75;
  margin: 0;
}
#footer {
  color: #0c0;
  text-shadow: 0 0 5px #0f0;
}
#footer a {
  color: #989898;
}
#threads tr:nth-child(odd) {
  background: #200020;
}
#threads a {
  color: #d500fb;
}
#threads a:hover {
  text-shadow: 0 0 8px;
}
@media (max-width: 600px) {
  body.threadpage {
    margin: 0;
    padding: 4px;
    box-shadow: inset 0 0 1em;
  }
  .mainpage .postform {
    padding: 4px;
  }
}