diff options
| author | Michael Walker <mike@barrucadu.co.uk> | 2014-11-13 00:09:18 +0000 |
|---|---|---|
| committer | Michael Walker <mike@barrucadu.co.uk> | 2014-11-13 00:09:18 +0000 |
| commit | a7bb7e302ffb22dd631aa907ea56ea1f4106e2b8 (patch) | |
| tree | a6dedb091ebf45d0efe8df57619e44e8d5d90132 /stylesheets/dark.css | |
| parent | 671f43b449498e2a1f3014016278cfe2e705e5a6 (diff) | |
Do something with stylesheets. idk, I should keep more up-to-date on this stuff
Diffstat (limited to 'stylesheets/dark.css')
| -rwxr-xr-x | stylesheets/dark.css | 156 |
1 files changed, 99 insertions, 57 deletions
diff --git a/stylesheets/dark.css b/stylesheets/dark.css index b350f15b..253850c1 100755 --- a/stylesheets/dark.css +++ b/stylesheets/dark.css @@ -2,43 +2,52 @@ * dark.css * Stolen from circlepuller who stole it from derpcat */ -body { +body +{ background: #1E1E1E; color: #999999; font-family: sans-serif; font-size: 12px; } -span.quote { +span.quote +{ color:#B8D962; } -@font-face { +@font-face +{ font-family: 'lain'; src: url('./fonts/nrdyyh.woff') format('woff'), url('./fonts/tojcxo.TTF') format('truetype'); } -h1 { +h1 +{ font-family: 'lain', tahoma; letter-spacing: -2px; font-size: 20pt; text-align: center; color: #32DD72; } -header div.subtitle { +header div.subtitle +{ color: #32DD72; } -div.title { +div.title +{ color: #32DD72; font-family: Arial, Helvetica, sans-serif; } -div.title p { +div.title p +{ font-size: 10px; } -a:link, a:visited, p.intro a.email span.name { +a:link, a:visited, p.intro a.email span.name +{ color: #CCCCCC; text-decoration: none; font-family: sans-serif; } -a:link, a:visited, p.intro a.email span.name{ +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; @@ -46,7 +55,8 @@ a:link, a:visited, p.intro a.email span.name{ -ms-transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color; } -input[type="text"], textarea {; +input[type="text"], textarea +{ -moz-transition: 0.15s border-color; -webkit-transition: 0.15s border-color; -khtml-transition: 0.15s border-color; @@ -54,7 +64,8 @@ input[type="text"], textarea {; -ms-transition: 0.15s border-color; transition: 0.15s border-color; } -input[type="submit"] { +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; @@ -62,117 +73,148 @@ input[type="submit"] { -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 { +a:link:hover, a:visited:hover +{ color: #32DD72; font-family: sans-serif; text-decoration: none; text-shadow: 0px 0px 5px #fff; } -a.post_no { +a.post_no +{ color: #AAA; text-decoration: none; } -p.intro a.post_no:hover { +p.intro a.post_no:hover +{ color: #32DD72!important; } -div.post.reply { +div.post.reply +{ background: #333333; border: #555555 1px solid; } -div.post.reply.highlighted { +div.post.reply.highlighted +{ background: #555; border: transparent 1px solid; } -div.post.reply div.body a:link, div.post.reply div.body a:visited { +div.post.reply div.body a:link, div.post.reply div.body a:visited +{ color: #CCCCCC; } -div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { +div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover +{ color: #32DD72; } -p.intro span.subject { +p.intro span.subject +{ font-size: 12px; font-family: sans-serif; color: #446655; font-weight: 800; } -p.intro span.name { +p.intro span.name +{ color: #32DD72; font-weight: 800; } -p.intro a.capcode, p.intro a.nametag { +p.intro a.capcode, p.intro a.nametag +{ color: magenta; margin-left: 0; } -p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name { +p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name +{ color: #32ddaf; } -input[type="text"], textarea, select { +input[type="text"], textarea, select +{ background: #333333!important; color: #CCCCCC!important; border: #666666 1px solid!important; } -input[type="password"] { +input[type="password"] +{ background: #333333!important; color: #CCCCCC!important; border: #666666 1px solid!important; } -form table tr th { +form table tr th +{ background: #333333!important; color: #AAAAAA!important; border: #333333 1px solid!important;; } -div.banner { +div.banner +{ background: #E04000; border: 1px solid hsl(17, 100%, 60%); color: #EEE; text-align: center; - height: 17px; - padding: 3px 1px; + height: 15px; + padding: 1px 1px 4px 1px; margin-left: auto; margin-right: auto; } -div.banner a { +div.banner a +{ color:#000; } -input[type="submit"] { +input[type="submit"] +{ background: #333333; border: #666 1px solid; color: #CCCCCC; } -input[type="submit"]:hover { +input[type="submit"]:hover +{ background: #555; border: #888 1px solid; color: #32DD72; } -input[type="text"]:focus, textarea:focus { +input[type="text"]:focus, textarea:focus +{ border:#888 1px solid!important; } -p.fileinfo a:hover { +p.fileinfo a:hover +{ text-decoration: underline; } -span.trip { +span.trip +{ color: #AAA; } -div.pages { +.topbar +{ + background: #333; + border-bottom: 1px solid #666; +} +div.pages +{ color: #AAA; background: #333; border: #666 1px solid; font-family: sans-serif; font-size: 10pt; } -div.pages a.selected { +div.pages a.selected +{ color: #CCC; } -hr { +hr +{ height: 1px; border: #333 1px solid; } -div.boardlist { +div.boardlist +{ color: #999; } -div.ban { +div.ban +{ background-color: #1e1e1e; border: 1px solid #555; -moz-border-radius: 2px; @@ -180,34 +222,30 @@ div.ban { border-radius: 2px; text-align: left!important; } -div.ban h2 { +div.ban h2 +{ background: #333; color: #32DD72; padding: 3px 7px; font-size: 12pt; border-bottom: 1px solid #555; } -div.ban h2:not(:nth-child(1)) { +div.ban h2:not(:nth-child(1)) +{ border-top: 1px solid #555; } -table.modlog tr th { +table.modlog tr th +{ background: #333; color: #AAA; } -.desktop-style div.boardlist:nth-child(1) { - text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px; -} - - -/*.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 { +div.report +{ color: #666; } -.pages, .board_image, input, .reply, form table th, textarea, a img, select, .banner{ +.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; @@ -215,7 +253,8 @@ div.report { -ms-border-radius: 2px; border-radius: 2px; } -.blur { +.blur +{ filter: blur(20px); -webkit-filter: blur(23px); -moz-filter: blur(23px); @@ -225,13 +264,16 @@ div.report { } /* options.js */ -#options_div { +#options_div +{ background: #333333; } -.options_tab_icon { +.options_tab_icon +{ color: #AAAAAA; } -.options_tab_icon.active { +.options_tab_icon.active +{ color: #FFFFFF; } |
