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, .name, .name 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; } }