body, textarea { color: #111; } body { background: #f5f5f5; } a { color: #00bcd4; text-decoration: none; } a:hover { color: #ff6961; } .msg a { color: #111; text-decoration: underline; } .msg a:hover { color: #438ac1; } h1 { font-size: 30px; margin: 0; background: #1a2357; margin: -7px -7px 16px; padding: 16px; font-variant: small-caps; box-shadow: 0 2px 10px #000; } h2 { margin-bottom: 0.5em; } h2 span { color: #ccc; } h2 a { color: #616161; } h3 { border-bottom: 1px solid #ccc; color: #4b01d1; font-weight: bold; margin: 0 0 8px; padding-bottom: 8px; text-align: center; } h3 span { display: block; font-size: smaller; opacity: 0.7; } h4 { color: #aaa; font-size: 12px; } hr, #size, #banner, .threadpage .postform br { display: none; } #main_nav { background: #4b01d1; font-size: 1px; font-size: 0; position: relative; z-index: 9; } #thread_nav { background: #303f9f; margin: -8px -8px -100px; padding: 16px 0 116px; text-align: center; } #main_nav a, #thread_nav a { background: #fff; border-radius: 2px; color: #000; display: inline-block; font-size: 14px; margin: 0 2px; padding: 2px; } #main_nav a:hover, .threadlinks a:hover, #thread_nav a:hover, #threadlist a:hover { background: #ddd; } #titlebox a, #threadbox a { color: #fff; } #rules a:hover, .links a:hover, #threadlinks a:hover { border-radius: 4px; margin: -2px; padding: 2px; background: #1f285a; display: inline-block; } #titlebox, #createbox, #footer, .end { background: #303f9f; color: #fff; margin: 0; } #rules, #search { margin: 1em 1em 0; } #threadbox { background: #3f51b5; color: #fff; margin: 0 0 -150px; padding: 0 1em 150px; } .mainpage #threadbox .innerbox:after { content: ""; box-shadow: 0 0 20px 25px #3f51b5; display: block; position: relative; z-index: 9; } #threadlinks { text-transform: uppercase; } #threadlist a { background: #fff; border-bottom: 1px solid #182050; border-radius: 5px; color: #303f9f; display: inline-block; padding: 3px; margin: 3px; } .threadnav a { color: #fff; padding: 4px; display: inline-block; } .innerbox { margin: 0; } .thread, .outerbox, #content { background: #fff; margin-top: 2em; } .mainpage .thread { margin-top: 2em; } .thread, #content, .threadpage .postform { box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .thread .innerbox { background: #fff; margin: 0; padding: 16px; } .threadpage .thread, .threadpage .postform { margin: 0 2.5%; padding: 1em; } .thread textarea, .threadpage textarea, .mainpage .threadlinks { margin-top: 0.5em; } input[type="submit"], input[type="button"], button, #lastposts a, #n2 { background: #2296f3; border: 0; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); color: #fff; text-transform: uppercase; padding: 6px; } input[type="submit"]:active, input[type="button"]:active, button:active, .threadnav a:hover { background: #438ac1; } input[type="text"], textarea, #search input[type="text"] { border: 1px solid #ccc; border-radius: 2px; padding: 6px; } textarea { width: 100%; } select { border-radius: 2px; background: #2296f3 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC) no-repeat 95%; border: 0; padding: 0; color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; } a .name, .name, .abbrev { color: #2296f3; } .name em { color: #009; } .del { margin-right: 4px; } .del a { color: #000; } a.thumb { margin-top: 4px; } .q { color: #666; } a.yt { background: #fff; border: 1px solid #ccc; box-shadow: 0 4px 10px -4px #ccc; color: #444; text-decoration: none; } a.yt, .yt .pvw { border-radius: 10px; } .deleted { color: #afafaf; margin-bottom: 24px; } #q-p { background: #fff; border: 1px solid #ddd; box-shadow: 0 0 5px #ccc; } #lastposts { padding: 16px 0; font-size: 1px; font-size: 0; text-align: center; } #lastposts a, #lastposts #n2 { background: #ff4081; margin-right: 5px; text-decoration: none; } #lastposts a:active, #n2:active { background: #b22d5a; } .threadpage .threadlinks { margin: 0; margin-bottom: 8px; } #counter, .threadnav a { background: #2296f3; border-radius: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); } #lastposts a, #n2, #counter { color: #fff; display: inline-block; font-size: 16px; padding: 5px; } .mainpage .postform, .formpad { padding-left: 0; } .mainpage .postform { margin: 1em -1em -1em; padding: 1em; } .postform { background: #eee; color: #666; text-align: center; } .threadlinks a { background: #fff; border-radius: 0.2em; color: #00bcd4; display: inline-block; font-size: smaller; padding: 0.2em; text-transform: uppercase; } form .msg { border: 1px dotted #aaa; background: #fff; color: #111; } h5 { font-variant: small-caps; text-align: center; } #createbox { margin-top: 2em; padding-top: 1em; } #createbox .innerbox { padding: 0; } #createbox table { margin: 0 auto; } #createbox .threadnav { right: 7px; position: relative; } #footer { padding: 1em; } #footer a { color: #fff; } .end { margin: -100px -8px -8px; padding: 116px 0 16px; position: relative; text-align: center; z-index: -1; } #content .thread { background: none; box-shadow: none; } #content.list #header div { background: #fff; border-bottom: 1px solid #ccc; } #content .row:hover { background: #eee; } #content.list .row div { border-bottom: 1px solid #eee; } #content.grid .row { border: 1px solid #eee; margin: 0; } @media (max-width: 720px) { #main_nav.mob select { font-size: 12px; } h1 { font-size: 18px; } #threadbox { padding-left: 0; padding-right: 0; } #rules, #search { margin-left: 0; margin-right: 0; } .thread .innerbox { padding: 0.5em; } .mainpage .thread { margin: 2em 0.5em; } .mainpage .postform { margin: 0.5em -0.5em -0.5em; padding: 0.5em; } .threadpage .thread, .threadpage .postform { margin: 0; padding: 0.5em; } #lastposts { padding: 8px 0; } .postform > span { margin-top: 0.5em; } }