body, textarea { color: #111; } body { background: #f5f5f5; } a, #n2 { color: #00f; text-decoration: none; } a:active, a:active .name, #n2:active { color: #f00; } .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 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; font-weight: normal; opacity: 0.7; } h4 { font-size: 12px; } .date, h2 span, .threadnav, 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 { background: #ddd; } #titlebox a, #threadbox a { color: #fff; } #titlebox, #createbox, #footer, .end { background: #303f9f; color: #fff; margin: 0; } #rules, #search { margin: 1em 1em 0; } #threadbox { background: rgb(63, 81, 181); color: #fff; margin: 0 0 -150px; padding-bottom: 150px; } #threadbox .innerbox:after { content: ""; box-shadow: 0 0 20px 25px #3f51b5; display: block; position: relative; z-index: 9; } #threadlinks { text-transform: uppercase; } #threadlist { overflow-y: hidden; } #threadlist a { background: #fff; border-bottom: 1px solid #182050; border-radius: 5px; color: #303f9f; display: inline-block; padding: 3px; margin: 3px; } .innerbox, .threadpage .threadlinks { margin: 0; } .thread, .outerbox, #content { background: #fff; margin: 2em 7%; } .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; } .mainpage .thread { margin: 2em 7%; } .threadpage .thread { max-width: 600px; margin: 0 auto; padding: 1em; } .threadpage .postform { max-width: 800px; margin: 0 auto; padding: 1em; text-align: center; } .threadpage .postform > span, .threadpage textarea { display: block; margin: 0.5em 0 0; } 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: 8px; } input[type="submit"]:active, input[type="button"]:active, button:active { background: #438ac1; } input[type="text"], textarea, #search input[type="text"] { border: 1px solid #ccc; border-radius: 2px; padding: 8px; } textarea { margin: 0.5em 0; 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; } .num, .del { float: right; } .name { background: #fff; float: left; margin-right: -20px; position: relative; z-index: 9; } a .name, .name, .abbrev { color: #2296f3; } .name:after { content: " dijo"; color: #ff4081; font-style: italic; text-decoration: none; } .name em { color: #009; } .del { margin-right: 4px; } .del a { color: #000; } .reply { margin-bottom: 0.5em; } .msg { margin: 0.5em 0 0 40px; } 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: #efefef; border: 1px solid #999; } #q-p .reply { margin-bottom: 8px; } .lastposts { padding: 16px 0; font-size: 1px; font-size: 0; text-align: center; } .lastposts a, .lastposts #n2 { background: #ff4081; margin: 0 5px; text-decoration: none; } #counter { 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; } .threadlinks a { background: #fff; border-radius: 0.2em; color: #00bcd4; display: inline-block; font-size: smaller; margin-right: 0.2em; padding: 0.2em; text-transform: uppercase; } form .msg { border: 1px dotted #000; background: #ddd; } h5 { font-variant: small-caps; text-align: center; } #createbox { padding-top: 1em; } #createbox .innerbox { padding: 0; } #createbox table { margin: 0 auto; } #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; }