body, textarea, .lastposts #counter { background: #00a; color: #fff; } a, .lastposts #n2 { color: #ff0; text-decoration: none; } a:focus, a:active, #n2:active { background: #f00; color: #fff; outline: 0; } .mainpage .threadlinks a:before, #threadlinks a:before, .lastposts a:before, .lastposts label:before { content: "▶ "; } input[type="text"], textarea, select { background: #00a; border: 1px solid #fff; color: #fff; } input[type="submit"], input[type="button"], button { background: #fff; border: 0; color: #000; padding: 2px 9px; } input[type="submit"]:active, input[type="button"]:active, button:active, select:focus { background: #000; border-style: solid; color: #fff; } ::selection { background: #fff; color: #000; } ::-moz-selection { background: #fff; color: #000; } hr { display: none; } h2, .thread .threadnav { margin: 0.75em; } h3 { background: #fff; color: #00a; margin: 0 0 1px 0; padding: 2px 8px; } h3 span { background: #00a; color: #fff; padding: 2px; } #main_nav, #thread_nav { background: linear-gradient(270deg, #0000ff, #000000, #0000ff); background-position: 0% 50%; -webkit-animation: bios 6s linear infinite; -moz-animation: bios 6s linear infinite; animation: bios 6s linear infinite; background-size: 500% 500%; } @-webkit-keyframes bios { 0% { background-position: 0% 0%; } 50% { background-position: 250% 0%; } 100% { background-position: 500% 0%; } } @-moz-keyframes bios { 0% { background-position: 0% 0%; } 50% { background-position: 250% 0%; } 100% { background-position: 500% 0%; } } @keyframes bios { 0% { background-position: 0% 0%; } 50% { background-position: 250% 0%; } 100% { background-position: 500% 0%; } } #main_nav a, #thread_nav a, .threadpage .threadlinks a { color: #fff; text-decoration: underline; } #main_nav .cur_brd { background: #fff; color: #00a; padding: 1px; text-decoration: none; } #thread_nav { margin: -8px -8px 8px; padding: 6px 16px; } .innerbox { border: 1px solid #fff; margin: 3px; padding: 0.75em; } .innerbox.links { border-top: 0; margin-top: -3px; } #cur_stl { background: #ff0; color: #00a; } .outerbox, .mainpage .thread, #threadlist { border: 1px solid #fff; } #threadlist a { border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .thread .innerbox { padding: 0; } .threadpage .thread { border-color: #fff; border-style: double; border-width: 4px 4px 1px; } h4 { background: #fff; color: #00a; padding: 0 0.5em; } h4 a, a .name { color: #000; } h4 a:active, h4 a:focus, a:active .name, a:focus .name { color: #fff; } .name em { background: #fff; color: #00f; } .q, .abbrev { color: #5cf; } #size { margin-left: 0.5em; } .yt { border: 1px solid #ff0; } .yt:active { background: #f00; border: 1px solid #f00; color: #fff; } .msg hr { display: block; } #q-p { background: #00a; border: 1px solid #fff; box-shadow: 1em 1em #000; paddding: 0; } .lastposts { border-color: #fff; border-style: double; border-width: 0 4px; color: #00a; padding: 0.5em; } .mainpage .threadlinks { margin-top: 0.75em; } .threadpage .threadlinks { margin-top: 0; } .threadpage .postform { border-color: #fff; border-style: double; border-width: 1px 4px 4px; padding: 0.5em; } .formpad { padding-left: 0; } .mainpage .postform { border-top: 1px solid #fff; padding: 0.75em; } form .msg { border: 3px double #fff; } #threads { border-collapse: collapse; } #threads th, #threads td { border-bottom: 1px solid; } @media (max-width: 600px) { body.threadpage { margin: 8px 0; } h2 { margin-bottom: 0.5em; } .mainpage .msg { margin: 0.5em; } }