diff options
Diffstat (limited to 'stylesheets/dark.css')
| -rwxr-xr-x[-rw-r--r--] | stylesheets/dark.css | 149 |
1 files changed, 99 insertions, 50 deletions
diff --git a/stylesheets/dark.css b/stylesheets/dark.css index 91a9435f..ffa9a291 100644..100755 --- a/stylesheets/dark.css +++ b/stylesheets/dark.css @@ -1,6 +1,6 @@ /** * dark.css - * For AwsumChan by Circlepuller + * Stolen from circlepuller who stole it from derpcat */ body { background: #1E1E1E; @@ -11,12 +11,22 @@ body { span.quote { color:#B8D962; } +@font-face { + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); +} h1 { + font-family: 'lain', tahoma; + letter-spacing: -2px; font-size: 20pt; text-align: center; - letter-spacing: 0px; + color: #32DD72; } -div.title, h1 { +header div.subtitle { + color: #32DD72; +} +div.title { color: #32DD72; font-family: Arial, Helvetica, sans-serif; } @@ -28,27 +38,46 @@ a:link, a:visited, p.intro a.email span.name { text-decoration: none; font-family: sans-serif; } +a:link, a:visited, p.intro a.email span.name{ + -moz-transition: 0.15s text-shadow, 0.15s color; + -webkit-transition: 0.15s text-shadow, 0.15s color; + -khtml-transition: 0.15s text-shadow, 0.15s color; + -o-transition: 0.15s text-shadow, 0.15s color; + -ms-transition: 0.15s text-shadow, 0.15s color; + transition: 0.15s text-shadow, 0.15s color; +} +input[type="text"], textarea { + -moz-transition: 0.15s border-color; + -webkit-transition: 0.15s border-color; + -khtml-transition: 0.15s border-color; + -o-transition: 0.15s border-color; + -ms-transition: 0.15s border-color; + transition: 0.15s border-color; +} +input[type="submit"] { + -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; + -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; + -khtml-transition: 0.15s border-color, 0.15s background-color, 0.15s color; + -o-transition: 0.15s border-color, 0.15s background-color, 0.15s color; + -ms-transition: 0.15s border-color, 0.15s background-color, 0.15s color; + transition: 0.15s border-color, 0.15s background-color, 0.15s color; +} a:link:hover, a:visited:hover { - color: #fff; + color: #32DD72; font-family: sans-serif; text-decoration: none; - + text-shadow: 0px 0px 5px #fff; } a.post_no { - color: #AAAAAA; + color: #AAA; text-decoration: none; } -a.post_no:hover { - color: #32DD72 !important; - text-decoration: underline overline; +p.intro a.post_no:hover { + color: #32DD72!important; } div.post.reply { background: #333333; border: #555555 1px solid; - -webkit-border-radius: 10px; - -khtml-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; } div.post.reply.highlighted { @@ -82,10 +111,6 @@ input[type="text"], textarea, select { background: #333333; color: #CCCCCC; border: #666666 1px solid; - padding-left: 5px; - padding-right: -5px; - font-family: sans-serif; - font-size: 10pt; } input[type="password"] { background: #333333; @@ -95,75 +120,82 @@ input[type="password"] { form table tr th { background: #333333; color: #AAAAAA; - font-weight: 800; + font-weight: 600; text-align: left; - padding: 0; } div.banner { - background: #32DD72; - color: #000; + background: #E04000; + border: 1px solid hsl(17, 100%, 60%); + color: #EEE; text-align: center; - width: 250px; - padding: 4px; - padding-left: 12px; - padding-right: 12px; + height: 17px; + width: calc(100% - 4px); + padding: 3px 1px; margin-left: auto; margin-right: auto; - font-size: 12px; } div.banner a { color:#000; } input[type="submit"] { background: #333333; - border: #888888 1px solid; + border: #666 1px solid; color: #CCCCCC; } input[type="submit"]:hover { - background: #555555; - border: #888888 1px solid; + background: #555; + border: #888 1px solid; color: #32DD72; } -input[type="text"]:focus { - border:#aaa 1px solid; +input[type="text"]:focus, textarea:focus { + border:#888 1px solid; } p.fileinfo a:hover { text-decoration: underline; } span.trip { - color: #AAAAAA; + color: #AAA; } div.pages { - color: #AAAAAA; - background: #333333; - border: #666666 1px solid; + color: #AAA; + background: #333; + border: #666 1px solid; font-family: sans-serif; font-size: 10pt; } div.pages a.selected { - color: #CCCCCC; + color: #CCC; } hr { height: 1px; - border: #333333 1px solid; + border: #333 1px solid; } div.boardlist { - color: #999999; + color: #999; background-color: rgba(12%, 12%, 12%, 0.10); } div.ban { background-color: transparent; - border: transparent 0px solid; + border: 1px solid #555; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + text-align: left!important; } div.ban h2 { - background: transparent; - color: lime; - font-size: 12px; + background: #333; + color: #32DD72; + padding: 3px 7px; + font-size: 12pt; + border-bottom: 1px solid #555; +} +div.ban h2:not(:nth-child(1)) { + border-top: 1px solid #555; } table.modlog tr th { - background: #333333; - color: #AAAAAA; + background: #333; + color: #AAA; } .desktop-style div.boardlist:nth-child(1) { @@ -171,21 +203,38 @@ table.modlog tr th { } -.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu { +/*.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu { background-color: rgba(30%, 30%, 30%, 0.65); -} +}*/ div.report { - color: #666666; + color: #666; +} +.pages, .board_image, input, .reply, form table th, textarea, a img, select, .banner{ + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + -o-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; +} +.blur { + filter: blur(20px); + -webkit-filter: blur(23px); + -moz-filter: blur(23px); + -o-filter: blur(23px); + -ms-filter: blur(23px); + filter: url(svg/blur.svg#blur); } /* options.js */ #options_div { - background: #333333; + background: #333333; } .options_tab_icon { - color: #AAAAAA; + color: #AAAAAA; } .options_tab_icon.active { - color: #FFFFFF; + color: #FFFFFF; } + |