diff --git a/stylesheets/cupcake.css b/stylesheets/cupcake.css new file mode 100644 index 00000000..10240b4e --- /dev/null +++ b/stylesheets/cupcake.css @@ -0,0 +1,96 @@ +/** +* volafile.css fuck you +color change by kalyx +*/ +@import url("/stylesheets/dark.css"); +@font-face +{ + font-family: "DejaVuSansMono"; + src: url("/stylesheets/fonts/DejaVuSansMono.ttf") format("truetype"); +} +@font-face +{ + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); +} +body { + background: #000000; + color: rgb(193, 180, 146); + font-family: monospace; + font-size: 11px; +} +.boardlist +{ + text-shadow: none!important; +} +header h1, header div.subtitle, form table tr th, form table tr td input +{ + color: #F12D67!important; +} +header h1 +{ + font-family: "DejaVuSansMono",sans-serif; + font-style: normal; + font-weight: 400; + + font-size: 32px; + letter-spacing: 0px; + margin-top: calc(-16px / 3 - 6.5px); +} +p.intro span.subject { +color: #32BFAB; +} +div.topbar, input[type="text"], select, form table tr th, form table tr td input[type="text"], form table tr td textarea, div.post.reply, [type="submit"], input[type="password"], div.pages +{ + background: #303030!important; + border-color: #5A5A5A!important; + color: #F12D67!important; +} + +div.post.reply.highlighted{ + background-color: #303030!important; +} +form table tr td input[type="text"]:focus, form table tr td textarea:focus +{ + border-color: #5A5A5A!important; +} +input[type="submit"][name="post"] +{ + color: #3A4040!important; + background-color: #303030!important; + border-color: #5A5A5A!important; +} +.blotter +{ + color: #303030!important; +} +hr { + border-color: #5A5A5A; +} +a +{ + color: #32BFAB!important; +} + +p.intro span.name +{ + color: #F12D67; +} +span.quote { +color: #E6E1E9; +} +span[style="color:orange;font-weight:bold"] +{ + color: #D880FC!important; + +} +a:hover, p.intro a.post_no:hover +{ + color: #EDEDED!important; + text-shadow: none!important; +} +i.fa +{ + color: #303030; +} diff --git a/stylesheets/cyberpunk.css b/stylesheets/cyberpunk.css index 34fae3be..2e907966 100755 --- a/stylesheets/cyberpunk.css +++ b/stylesheets/cyberpunk.css @@ -1,214 +1,241 @@ -@namespace url(http://www.w3.org/1999/xhtml); +/*cyberpunk mod of ferus by kalyx -@-moz-document domain("lainchan.org") { +B332E6 = dark purp +33cccc = teal +00ff00 = green +FF46D2 = pink +dark blue = 00080C +*/ + +body { + background: #0C0001; + color: #FF46D2; + font-family: monospace; + font-size: 11px; + /*text-shadow: 0px 0px 3px #FF46D2;*/ +} +@font-face +{ + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); +} +h1 { + font-family: monospace, Arial; + font-size: 18pt; + text-align: center; + letter-spacing: 0px; +} +div.title, h1 { + color: #FF46D2; + font-family: lain, Helvetica, sans-serif; +} +header div.subtitle { +color: #00ff00; +text-align: center; + text-shadow: 0px 0px 3px #00ff00; +} +div.title p { + font-size: 13px; +} +a:link, a:visited, p.intro a.email span.name { + color: #00ff00; +text-shadow: 0px 0px 10px #00ff00; + font-family: monospace; +} +pre.prettyprint { +background: #00080C; + +font-size: 12px; +line-height: 1.5; +border: 1px solid #33cccc; +padding: 10px; +} + +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; +} - body { - background-image: none !important; - background-color: #222 !important; - color: #333 !important; - font-family: "Liberation Sans" ,arial,helvetica,sans-serif !important; - } - - div.pagelist { - background-color: #222 !important; - color: #333 !important; - border: none !important; - } - - .posteruid, - .dateTime, - div.post div.file div.fileInfo, - div.pagelist strong, - div#absbot { - color: #333 !important; - } - - table.postForm > tbody > tr > td:first-child { - color: #555 !important; - background-color: #333 !important; - border-color: #242424 !important; - } - - table.postForm > tbody input[type="text"], - input[type="password"], - table.postForm > tbody textarea { - color: #888 !important; - background-color: #333 !important; - border-color: #242424 !important; - } - - td.replyhl{ - color: #555 !important; - background-color: #333 !important; - border-color: #242424 !important; - } - - .reply, - hr{ - border-color: #242424 !important; - } - - .reply{ - color: #555 !important; - background-color: #242424 !important; - } - - .replytitle, - .filetitle{ - color: #8B3A3A !important; - } - - a.quotejs:active, - a.quotejs:link, - .doubledash{ - color: #555 !important; - } - - blockquote { - color: #9E9E9E !important; - } - - blockquote span { - background-color: #5B5678 !important; - color: #A4A987 !important; - } - - - .postertrip, - .subject, - div.boardBanner > div.boardTitle { - color: #567861 !important; - } - - .postername, - .commentpostername, - .name { - color: #566E78 !important; - } - - a, - a.quotelink { - color: #7E949E !important; - } - - .postblock, - .pages, - th{ - background: #333 !important; - color: #566E78 !important; - border: #333 !important; - } - th font{ - color: #222 !important; - } - - .pages{ - background: #242424 !important; - color: #566E78 !important; - border: #242424 !important; - } - - .pages td{ - color: #333 !important; - } - - .pages td b { - color: #8B3A3A !important; - } +a:link:hover, a:visited:hover { + color: #00ff00; + font-family: monospace;; + text-shadow: 0px 0px 10px #00ff00; +} +strong { + +color: #00ff00; +} +a.post_no { + color: #33cccc; + text-decoration: none; +} +span.quote +{ + color:#00ff00; +} +a.post_no:hover { + color: maroon; + /*text-decoration: underline overline;*/ +} +div.post.reply { + background: #0C0001; + border: #33cccc 2px solid !important; + border-radius: 5px; +} +.de-pview { + background: rgba(14, 14, 14, 0.84) !important; +} +div.post.reply.highlighted { + background: transparent; + border: #33cccc 2px solid; +} +div.post.reply div.body a:link, div.post.reply div.body a:visited { + color: #646464; +} +div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { + color: #00ff00; +} +p.intro span.subject { + font-size: 12px; + font-family: monospace; + color: #00ff00; + font-weight: 800; + text-shadow: 0px 0px 3px #00ff00; +} +p.intro span.name { + color: #00ff00; + font-weight: 900; + text-shadow: 0px 0px 3px #00ff00; +} +p.intro a.capcode, p.intro a.nametag { + color: #00ff00; + 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 { + color: #00ff00; + font-family: monospace; +} +input[type="text"], textarea, select { + background: #00080C; + color: #CCCCCC; + border: #33cccc 1px solid; + padding-left: 5px; + padding-right: -5px; + font-family: monospace; + font-size: 10pt; + border-radius: 5px; +} +input[type="password"] { + background: #00080C; + color: #CCCCCC; + border: #33cccc 1px solid; + border-radius: 5px; +} +form table tr th { + background: #00080C; + color: #00ff00; + border: #33cccc 1px solid; + font-weight: 800; + text-align: left; + padding: 0; + border-radius: 5px; + text-shadow: 0px 0px 3px #00ff00; +} +div.sidearrows{display:none;} - .unkfunc { - color: #6E7856 !important; - } - - .logo { - color: #566E78 !important; - } - img { - opacity: 0.1 !important; - } +div.banner { + background: #0C0001; + color: #00ff00; + text-align: center; + width: 250px; + padding: 4px; + padding-left: 12px; + padding-right: 12px; + margin-left: auto; + margin-right: auto; + font-size: 12px; + text-shadow: 0px 0px 3px #00ff00; - img:hover { - opacity: 1 !important; - } - - .logo img { - border: 0px !important; - } - - form a img { - opacity: 0.3 !important; - } - - form a img:hover { - opacity: 1 !important; - } - - .recaptcha_image_cell center img { - opacity: 0.4 !important; - } - - .recaptcha_image_cell center img:hover { - opacity: 1 !important; - } - - #recaptcha_image { - border: 1px solid #555 !important; - } - - #header, - #navbot, - #navbotr, - div#boardNavDesktop { - color: #555 !important; - } - - .inputtext, - #recaptcha_response_field { - background-color: #333 !important; - color: #9E9E9E !important; - border-color: #333 !important; - } - - input { - background-color: #333333 !important; - border-color: #333 !important; - opacity: 0.5 !important; - } +} +input[type="submit"] { + background: #00080C; + color: #00ff00; + border: #33cccc 1px solid; + border-radius: 5px; +} +input[type="submit"]:hover { + background: #00080C; - .omittedposts { - color: #333 !important; - } - - .abbr, - div.postingMode { - background-color: #242424 !important; - color: #555 !important; - border-color: #242424 !important; - } + border: #33cccc 1px solid; - .atn, - .atv, - .com, - .kwd, - .lit, - .prettyprint, - .pun, - .pln, - .str, - .tag, - .typ { - background-color: #262626 !important; - } - - .atn { color: #e7f6da !important; } - .atv { color: #e7f6da !important; } - .com { color: #99968b !important; } - .kwd { color: #9F9357 !important; } - .lit { color: #73B041 !important; } - .pun { color: #D0CEC4 !important; } - .pln { color: #C0655B !important; } - .str { color: #73B041 !important; } - .tag { color: #6794B5 !important; } - .typ { color: #64B27A !important; } + color: #FF46D2; + border-radius: 5px; +} +p.fileinfo a:hover { + text-decoration: underline; +} +span.trip { + color: #AAAAAA; +} +.topbar { + background-color: black; + border-bottom: 1px solid #33cccc; +} +div.pages { + color: #AAAAAA; + background: #333333; + border: #33cccc 1px solid; + font-family: sans-serif; + font-size: 10pt; +} +div.pages a.selected { + color: #8C8C8C; +} +hr { + height: 0px; + border: #33cccc 1px solid; +} +div.boardlist { + font-size: 10pt; + color: #999999; +} +div.ban { + background-color: transparent; + border: #33cccc 1px solid; +} +div.ban h2 { + background: transparent; + color: #00ff00; + font-size: 11px; + text-shadow: 0px 0px 3px #00ff00; +} +table.modlog tr th { + background: #FF46D2; + color: #AAAAAA; + /*text-shadow: 0px 0px 3px #00ff00;*/ } diff --git a/stylesheets/cyberpunk2.css b/stylesheets/cyberpunk2.css new file mode 100755 index 00000000..2e907966 --- /dev/null +++ b/stylesheets/cyberpunk2.css @@ -0,0 +1,241 @@ +/*cyberpunk mod of ferus by kalyx + +B332E6 = dark purp +33cccc = teal +00ff00 = green +FF46D2 = pink +dark blue = 00080C +*/ + +body { + background: #0C0001; + color: #FF46D2; + font-family: monospace; + font-size: 11px; + /*text-shadow: 0px 0px 3px #FF46D2;*/ +} +@font-face +{ + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); +} +h1 { + font-family: monospace, Arial; + font-size: 18pt; + text-align: center; + letter-spacing: 0px; +} +div.title, h1 { + color: #FF46D2; + font-family: lain, Helvetica, sans-serif; +} +header div.subtitle { +color: #00ff00; +text-align: center; + text-shadow: 0px 0px 3px #00ff00; +} +div.title p { + font-size: 13px; +} +a:link, a:visited, p.intro a.email span.name { + color: #00ff00; +text-shadow: 0px 0px 10px #00ff00; + font-family: monospace; +} +pre.prettyprint { +background: #00080C; + +font-size: 12px; +line-height: 1.5; +border: 1px solid #33cccc; +padding: 10px; +} + +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: #00ff00; + font-family: monospace;; + text-shadow: 0px 0px 10px #00ff00; +} +strong { + +color: #00ff00; +} +a.post_no { + color: #33cccc; + text-decoration: none; +} +span.quote +{ + color:#00ff00; +} +a.post_no:hover { + color: maroon; + /*text-decoration: underline overline;*/ +} +div.post.reply { + background: #0C0001; + border: #33cccc 2px solid !important; + border-radius: 5px; +} +.de-pview { + background: rgba(14, 14, 14, 0.84) !important; +} +div.post.reply.highlighted { + background: transparent; + border: #33cccc 2px solid; +} +div.post.reply div.body a:link, div.post.reply div.body a:visited { + color: #646464; +} +div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { + color: #00ff00; +} +p.intro span.subject { + font-size: 12px; + font-family: monospace; + color: #00ff00; + font-weight: 800; + text-shadow: 0px 0px 3px #00ff00; +} +p.intro span.name { + color: #00ff00; + font-weight: 900; + text-shadow: 0px 0px 3px #00ff00; +} +p.intro a.capcode, p.intro a.nametag { + color: #00ff00; + 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 { + color: #00ff00; + font-family: monospace; +} +input[type="text"], textarea, select { + background: #00080C; + color: #CCCCCC; + border: #33cccc 1px solid; + padding-left: 5px; + padding-right: -5px; + font-family: monospace; + font-size: 10pt; + border-radius: 5px; +} +input[type="password"] { + background: #00080C; + color: #CCCCCC; + border: #33cccc 1px solid; + border-radius: 5px; +} +form table tr th { + background: #00080C; + color: #00ff00; + border: #33cccc 1px solid; + font-weight: 800; + text-align: left; + padding: 0; + border-radius: 5px; + text-shadow: 0px 0px 3px #00ff00; +} +div.sidearrows{display:none;} + +div.banner { + background: #0C0001; + color: #00ff00; + text-align: center; + width: 250px; + padding: 4px; + padding-left: 12px; + padding-right: 12px; + margin-left: auto; + margin-right: auto; + font-size: 12px; + text-shadow: 0px 0px 3px #00ff00; + +} +input[type="submit"] { + background: #00080C; + color: #00ff00; + border: #33cccc 1px solid; + border-radius: 5px; +} +input[type="submit"]:hover { + background: #00080C; + + border: #33cccc 1px solid; + + color: #FF46D2; + border-radius: 5px; +} +p.fileinfo a:hover { + text-decoration: underline; +} +span.trip { + color: #AAAAAA; +} +.topbar { + background-color: black; + border-bottom: 1px solid #33cccc; +} +div.pages { + color: #AAAAAA; + background: #333333; + border: #33cccc 1px solid; + font-family: sans-serif; + font-size: 10pt; +} +div.pages a.selected { + color: #8C8C8C; +} +hr { + height: 0px; + border: #33cccc 1px solid; +} +div.boardlist { + font-size: 10pt; + color: #999999; +} +div.ban { + background-color: transparent; + border: #33cccc 1px solid; +} +div.ban h2 { + background: transparent; + color: #00ff00; + font-size: 11px; + text-shadow: 0px 0px 3px #00ff00; +} +table.modlog tr th { + background: #FF46D2; + color: #AAAAAA; + /*text-shadow: 0px 0px 3px #00ff00;*/ +} 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; } diff --git a/stylesheets/dark_irc.css b/stylesheets/dark_irc.css new file mode 100644 index 00000000..69cc45bc --- /dev/null +++ b/stylesheets/dark_irc.css @@ -0,0 +1,16 @@ +html, body +{ + height: 90%!important; +} +div.ban +{ + width: 80%!important; + max-width: 80%!important; + height: 100%!important; +} +iframe +{ + border: none!important; + width: 100%!important; + height: calc(100% - 24px)!important; +} diff --git a/stylesheets/dark_purple.css b/stylesheets/dark_purple.css index 25043e99..923273b8 100755 --- a/stylesheets/dark_purple.css +++ b/stylesheets/dark_purple.css @@ -1,223 +1,21 @@ /** - * dark.css - * For AwsumChan by Circlepuller - -modified by yuuko and kalyx + * dark.css, purple extension + * Clumps all rules into three rules to determine the new accent color */ -body { - background: #1e1e1e; - color: #999999; - font-family: sans-serif; - font-size: 12px; -} - -span.quote { - color:#B87DF5; -} -div.blotter { -color: #8725EC; -} +@import url("/stylesheets/dark.css"); -@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: 18pt; - -} -h1 { - font-size: 20pt; - text-align: center; - letter-spacing: -2px; - color: #8725EC; -} -h2 { - font-size: 20pt; - text-align: center; - - color: #8725EC; -} -header div.subtitle { - color: #8725EC; -} -div.title { - color: #8725EC; - font-family: Arial, Helvetica, sans-serif; -} -div.title p { - font-size: 10px; -} -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, input, textarea, .post { - -moz-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; - -webkit-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; - -khtml-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; - -o-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; - -ms-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; - transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; +span.quote { + color:#A6D2FF!important; } -a:link:hover, a:visited:hover { +div.blotter, h1, h2, header div.subtitle, div.title, a:link:hover, a:visited:hover p.intro a.post_no:hover, +div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover, p.intro span.name, +p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name, +input[type="submit"]:hover, div.ban h2 { color: #8725EC; - font-family: sans-serif; - text-decoration: none; - text-shadow: 0px 0px 5px #fff; } -a.post_no { - color: #AAA; - text-decoration: none; -} -p.intro a.post_no:hover { - color: #8725EC!important; -} -div.post.reply { - background: #333333; - border: #555555 1px solid; -} -div.post.reply.highlighted { - background: #555; - border: transparent 1px solid; -} -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 { - color: #8725EC; -} p.intro span.subject { - font-size: 12px; - font-family: sans-serif; color: #664445; - font-weight: 800; -} -p.intro span.name { - color: #8725EC; - font-weight: 800; -} -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 { - color: #8725EC; -} -input[type="text"], textarea, select { - background: #333333; - color: #CCCCCC; - border: #666666 1px solid; -} -input[type="password"] { - background: #333333; - color: #CCCCCC; - border: #666666 1px solid; -} -form table tr th { - background: #333333; - color: #AAAAAA; - font-weight: 600; - text-align: left; -} -div.banner { - background: #E04000; - border: 1px solid hsl(17, 100%, 60%); - color: #EEE; - text-align: center; - height: 17px; - width: calc(100% - 4px); - padding: 3px 1px; - margin-left: auto; - margin-right: auto; -} -div.banner a { - color:#000; -} -input[type="submit"] { - background: #333333; - border: #666 1px solid; - color: #CCCCCC; -} -input[type="submit"]:hover { - background: #555; - border: #888 1px solid; - color: #8725EC; -} -input[type="text"]:focus, textarea:focus { - border:#888 1px solid; -} -p.fileinfo a:hover { - text-decoration: underline; -} -span.trip { - color: #AAA; -} -div.pages { - color: #AAA; - background: #333; - border: #666 1px solid; - font-family: sans-serif; - font-size: 10pt; -} -div.pages a.selected { - color: #CCC; -} -hr { - height: 1px; - border: #333 1px solid; -} -div.boardlist { - color: #999; - background-color: rgba(12%, 12%, 12%, 0.10); -} - -div.ban { - background-color: transparent; - border: transparent 0px solid; -} -div.ban h2 { - background: transparent; - color: #8725EC; - font-size: 12px; -} -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 { - 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); } diff --git a/stylesheets/dark_red.css b/stylesheets/dark_red.css index bfe45319..ebcaa6c0 100755 --- a/stylesheets/dark_red.css +++ b/stylesheets/dark_red.css @@ -1,215 +1,21 @@ /** - * dark.css - * For AwsumChan by Circlepuller + * dark.css, red extension + * Clumps all rules into three rules to determine the new accent color */ -body { - background: #1e1e1e; - color: #999999; - font-family: sans-serif; - font-size: 12px; -} -span.quote { - color:#d96262; -} -@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: 18pt; - -} -h1 { - font-size: 20pt; - text-align: center; - letter-spacing: -2px; - color: #DD3232; -} -h2 { - font-size: 20pt; - text-align: center; - color: #DD3232; -} -header div.subtitle { - color: #DD3232; -} -div.title { - color: #DD3232; - font-family: Arial, Helvetica, sans-serif; -} -div.title p { - font-size: 10px; -} -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, input, textarea, .post { - -moz-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; - -webkit-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; - -khtml-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; - -o-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; - -ms-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; - transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color; -} +@import url("/stylesheets/dark.css"); -a:link:hover, a:visited:hover { - color: #DD3232; - font-family: sans-serif; - text-decoration: none; - text-shadow: 0px 0px 5px #fff; -} -a.post_no { - color: #AAA; - text-decoration: none; -} -p.intro a.post_no:hover { - color: #DD3232!important; +span.quote { + color:#D96262; } -div.post.reply { - background: #333333; - border: #555555 1px solid; -} -div.post.reply.highlighted { - background: #555; - border: transparent 1px solid; -} -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.blotter, h1, h2, header div.subtitle, div.title, a:link:hover, a:visited:hover p.intro a.post_no:hover, +div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover, p.intro span.name, +p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name, +input[type="submit"]:hover, div.ban h2 { color: #DD3232; } + p.intro span.subject { - font-size: 12px; - font-family: sans-serif; color: #664445; - font-weight: 800; -} -p.intro span.name { - color: #DD3232; - font-weight: 800; -} -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 { - color: #DD3232; -} -input[type="text"], textarea, select { - background: #333333; - color: #CCCCCC; - border: #666666 1px solid; -} -input[type="password"] { - background: #333333; - color: #CCCCCC; - border: #666666 1px solid; -} -form table tr th { - background: #333333; - color: #AAAAAA; - font-weight: 600; - text-align: left; -} -div.banner { - background: #E04000; - border: 1px solid hsl(17, 100%, 60%); - color: #EEE; - text-align: center; - height: 17px; - width: calc(100% - 4px); - padding: 3px 1px; - margin-left: auto; - margin-right: auto; -} -div.banner a { - color:#000; -} -input[type="submit"] { - background: #333333; - border: #666 1px solid; - color: #CCCCCC; -} -input[type="submit"]:hover { - background: #555; - border: #888 1px solid; - color: #DD3232; -} -input[type="text"]:focus, textarea:focus { - border:#888 1px solid; -} -p.fileinfo a:hover { - text-decoration: underline; -} -span.trip { - color: #AAA; -} -div.pages { - color: #AAA; - background: #333; - border: #666 1px solid; - font-family: sans-serif; - font-size: 10pt; -} -div.pages a.selected { - color: #CCC; -} -hr { - height: 1px; - border: #333 1px solid; -} -div.boardlist { - color: #999; - background-color: rgba(12%, 12%, 12%, 0.10); -} - -div.ban { - background-color: transparent; - border: transparent 0px solid; -} -div.ban h2 { - background: transparent; - color: #DD3232; - font-size: 12px; -} -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 { - 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); } diff --git a/stylesheets/dicksinmyass.css b/stylesheets/dicksinmyass.css index f918a33d..43fee6de 100755 --- a/stylesheets/dicksinmyass.css +++ b/stylesheets/dicksinmyass.css @@ -1,22 +1,45 @@ -body { - margin: 0px!important; +@import url("/stylesheets/dark.css"); +/*body { + color: #CCCCCC; + background: #1E1E1E; } +header div.subtitle, h1 { + color: #32DD72; +} + +/*a:link, a:visited, p.intro a.email span.name { + color: #CCCCCC; + text-decoration: none; + font-family: sans-serif; + transition: text-shadow 0.15s ease 0s color 0.15s ease 0s; +}*/ +/*a:link:hover, a:visited:hover { + color: #32DD72; + font-family: sans-serif; + text-decoration: none; + text-shadow: 0px 0px 5px #FFF; +} +*/ .box-wrap { max-width: 670px; min-width: 332px; + margin: 30px auto; overflow: auto; - margin: 0px auto; padding: 0; } .box { - border: 1px dashed #98E; + background: transparent; + border: 1px solid #555555; width: 330px; margin: 8px 0; padding: 0; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; + -webkit-border-radius: 2px; + -khtml-border-radius: 2px; + -moz-border-radius: 2px; + -o-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; } .box ul { padding: 2px 15px; @@ -24,40 +47,34 @@ body { .box ul li { list-style: none; margin: 0; - color: #32DD72; -} -.left li { - text-align: center; -} -.left li img { - display: block; - max-height: 300px; - max-width: 300px; } + .box.left { - color: #999; - border: #555 1px solid; float: left; + text-align: center; + margin-right: 6px; } .box.right { - color: #999; - border: #555 1px solid; float: right; } + +.box.right:nth-child(3) { + float: left; + margin: 0; +} .box h2 { padding: 3px 7px; + text-align: left; font-size: 12pt; border-bottom: #555555 1px solid; - background: #333333; - color: #32DD72; + color: #32DD72; + background: #333333; +} +.box strong { + color: #32DD72; } .box img { float: none; margin: 10px auto; } -.box:nth-child(3){ - margin-top: -2px; - position: relative; - right: 0px; -} diff --git a/stylesheets/fauux.css b/stylesheets/fauux.css new file mode 100644 index 00000000..5d5b7f59 --- /dev/null +++ b/stylesheets/fauux.css @@ -0,0 +1,202 @@ +/*fauux.neocities.org mod of ferus by kalyx + +B332E6 = dark purp#d2738a = teal #d2738a = green + +rgb(193, 180, 146) = pink +dark blue = 00080C +*/ + +body { + background: #000000; + color: rgb(193, 180, 146); + font-family: monospace; + font-size: 11px; +} +@font-face +{ + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); +} +h1 { + font-family: monospace, Arial; + font-size: 18pt; + text-align: center; + letter-spacing: 0px; +} +div.title, h1 { + color: rgb(193, 180, 146); + font-family: lain, Helvetica, sans-serif; +} +header div.subtitle { +color: #d2738a; +text-align: center; +} +div.title p { + font-size: 13px; +} +a:link, a:visited, p.intro a.email span.name { + color: #d2738a; + text-decoration: underline; + font-family: monospace; +} +pre.prettyprint { +background: #00080C; + +font-size: 12px; +line-height: 1.5; +border: 1px solid #d2738a; +padding: 10px; +} +a:link:hover, a:visited:hover { + color: #d2738a; + font-family: monospace;; + text-decoration: underline overline; +} +strong { + +color: #d2738a; +} +a.post_no { + color: #d2738a; + text-decoration: none; +} +span.quote +{ + color:#d2738a; +} +a.post_no:hover { + color: maroon; + text-decoration: underline overline; +} +div.post.reply { + background: #000000; + border: #d2738a 1px solid !important; + /*border-radius: 5px;*/ +} +.de-pview { + background: rgba(14, 14, 14, 0.84) !important; +} +div.post.reply.highlighted { + background: transparent; + border: #d2738a 1px solid; +} +div.post.reply div.body a:link, div.post.reply div.body a:visited { + color: #646464; +} +div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { + color: #d2738a; +} +p.intro span.subject { + font-size: 10px; + font-family: monospace; + color: #d2738a; + font-weight: 800; +} +p.intro span.name { + color: #d2738a; + font-weight: 900; +} +p.intro a.capcode, p.intro a.nametag { + color: #d2738a; + 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 { + color: #d2738a; + font-family: monospace; +} +input[type="text"], textarea, select { + background: #00080C; + color: #CCCCCC; + border: #d2738a 1px solid; + padding-left: 5px; + padding-right: -5px; + font-family: monospace; + font-size: 10pt; + /*border-radius: 5px;*/ +} +input[type="password"] { + background: #00080C; + color: #CCCCCC; + border: #d2738a 1px solid; + /*border-radius: 5px;*/ +} +form table tr th { + background: #00080C; + color: #d2738a; + border: #d2738a 1px solid; + font-weight: 800; + text-align: left; + padding: 0; + /*border-radius: 5px;*/ +} +div.sidearrows{display:none;} + +div.banner { + background: #000000; + color: #d2738a; + text-align: center; + width: 250px; + padding: 4px; + padding-left: 12px; + padding-right: 12px; + margin-left: auto; + margin-right: auto; + font-size: 12px; + +} +input[type="submit"] { + background: #00080C; + color: #d2738a; + border: #d2738a 1px solid; + /*border-radius: 5px;*/ +} +input[type="submit"]:hover { + background: #00080C; + + border: #d2738a 1px solid; + + color: rgb(193, 180, 146); + /*border-radius: 5px;*/ +} +p.fileinfo a:hover { + text-decoration: underline; +} +span.trip { + color: #AAAAAA; +} +.topbar { + background-color: black; + border-bottom: 1px solid #d2738a; +} +div.pages { + color: #AAAAAA; + background: #333333; + border: #d2738a 1px solid; + font-family: sans-serif; + font-size: 10pt; +} +div.pages a.selected { + color: #8C8C8C; +} +hr { + height: 1px; + border: #d2738a 1px solid; +} +div.boardlist { + font-size: 10pt; + color: #999999; +} +div.ban { + background-color: transparent; + border: transparent 0px solid; +} +div.ban h2 { + background: transparent; + color: lime; + font-size: 11px; +} +table.modlog tr th { + background: rgb(193, 180, 146); + color: #AAAAAA; +} diff --git a/stylesheets/ferus.css b/stylesheets/ferus.css index f84d86ca..b6d48415 100644 --- a/stylesheets/ferus.css +++ b/stylesheets/ferus.css @@ -4,20 +4,31 @@ body { font-family: monospace; font-size: 11px; } +@font-face +{ + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); +} h1 { - font-size: 20pt; + font-family: monospace, Arial; + font-size: 18pt; text-align: center; letter-spacing: 0px; } div.title, h1 { color: #00FF00; - font-family: Arial, Helvetica, sans-serif; + font-family: lain, Helvetica, sans-serif; +} +header div.subtitle { +color: #00ff00; +text-align: center; } div.title p { font-size: 13px; } a:link, a:visited, p.intro a.email span.name { - color: #16C816; + color: #B332E6; text-decoration: underline; font-family: monospace; } @@ -27,52 +38,56 @@ a:link:hover, a:visited:hover { text-decoration: underline overline; } a.post_no { - color: #464646; + color: #B332E6; text-decoration: none; } +span.quote +{ + color:#00ff00; +} a.post_no:hover { color: maroon; text-decoration: underline overline; } div.post.reply { background: #0E0E0E; - border: #414141 2px solid !important; + border: #B332E6 2px solid !important; } .de-pview { background: rgba(14, 14, 14, 0.84) !important; } div.post.reply.highlighted { background: transparent; - border: #414141 2px solid; + border: #B332E6 2px solid; } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #646464; } div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { - color: #00FF00; + color: #00ff00; } p.intro span.subject { font-size: 12px; font-family: monospace; - color: #446655; + color: #00ff00; font-weight: 800; } p.intro span.name { - color: #008200; + color: #00ff00; font-weight: 900; } p.intro a.capcode, p.intro a.nametag { - color: magenta; + color: #00ff00; 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 { - color: #00CC64; + color: #00ff00; font-family: monospace; } input[type="text"], textarea, select { background: #333333; color: #CCCCCC; - border: #666666 1px solid; + border: #B332E6 1px solid; padding-left: 5px; padding-right: -5px; font-family: monospace; @@ -81,7 +96,7 @@ input[type="text"], textarea, select { input[type="password"] { background: #333333; color: #8B8B8B; - border: #666666 1px solid; + border: #B332E6 1px solid; } form table tr th { background: #333333; @@ -100,7 +115,7 @@ div.banner { padding-right: 12px; margin-left: auto; margin-right: auto; - font-size: 12px; + font-size: 11px; } input[type="submit"] { background: #333333; @@ -118,12 +133,16 @@ p.fileinfo a:hover { span.trip { color: #AAAAAA; } +.topbar { + background-color: black; + border-bottom: 1px solid #B332E6; +} div.pages { color: #AAAAAA; background: #333333; - border: #666666 1px solid; + border: #B332E6 1px solid; font-family: sans-serif; - font-size: 10pt; + font-size: 9pt; } div.pages a.selected { color: #8C8C8C; @@ -133,6 +152,7 @@ hr { border: #333333 1px solid; } div.boardlist { + font-size: 9pt; color: #999999; } div.ban { @@ -142,7 +162,7 @@ div.ban { div.ban h2 { background: transparent; color: lime; - font-size: 12px; + font-size: 11px; } table.modlog tr th { background: #00FF00; diff --git a/stylesheets/fonts/DejaVuSans-Bold.ttf b/stylesheets/fonts/DejaVuSans-Bold.ttf new file mode 100644 index 00000000..08695f23 Binary files /dev/null and b/stylesheets/fonts/DejaVuSans-Bold.ttf differ diff --git a/stylesheets/fonts/DejaVuSans-BoldOblique.ttf b/stylesheets/fonts/DejaVuSans-BoldOblique.ttf new file mode 100644 index 00000000..7e3bcc10 Binary files /dev/null and b/stylesheets/fonts/DejaVuSans-BoldOblique.ttf differ diff --git a/stylesheets/fonts/DejaVuSans-ExtraLight.ttf b/stylesheets/fonts/DejaVuSans-ExtraLight.ttf new file mode 100644 index 00000000..f4b3041b Binary files /dev/null and b/stylesheets/fonts/DejaVuSans-ExtraLight.ttf differ diff --git a/stylesheets/fonts/DejaVuSans-Oblique.ttf b/stylesheets/fonts/DejaVuSans-Oblique.ttf new file mode 100644 index 00000000..e33ab144 Binary files /dev/null and b/stylesheets/fonts/DejaVuSans-Oblique.ttf differ diff --git a/stylesheets/fonts/DejaVuSans.ttf b/stylesheets/fonts/DejaVuSans.ttf new file mode 100644 index 00000000..9d40c325 Binary files /dev/null and b/stylesheets/fonts/DejaVuSans.ttf differ diff --git a/stylesheets/fonts/DejaVuSansCondensed-Bold.ttf b/stylesheets/fonts/DejaVuSansCondensed-Bold.ttf new file mode 100644 index 00000000..4c40003d Binary files /dev/null and b/stylesheets/fonts/DejaVuSansCondensed-Bold.ttf differ diff --git a/stylesheets/fonts/DejaVuSansCondensed-BoldOblique.ttf b/stylesheets/fonts/DejaVuSansCondensed-BoldOblique.ttf new file mode 100644 index 00000000..24b611b1 Binary files /dev/null and b/stylesheets/fonts/DejaVuSansCondensed-BoldOblique.ttf differ diff --git a/stylesheets/fonts/DejaVuSansCondensed-Oblique.ttf b/stylesheets/fonts/DejaVuSansCondensed-Oblique.ttf new file mode 100644 index 00000000..1e0526f9 Binary files /dev/null and b/stylesheets/fonts/DejaVuSansCondensed-Oblique.ttf differ diff --git a/stylesheets/fonts/DejaVuSansCondensed.ttf b/stylesheets/fonts/DejaVuSansCondensed.ttf new file mode 100644 index 00000000..7f168d13 Binary files /dev/null and b/stylesheets/fonts/DejaVuSansCondensed.ttf differ diff --git a/stylesheets/fonts/DejaVuSansMono-Bold.ttf b/stylesheets/fonts/DejaVuSansMono-Bold.ttf new file mode 100644 index 00000000..9c716794 Binary files /dev/null and b/stylesheets/fonts/DejaVuSansMono-Bold.ttf differ diff --git a/stylesheets/fonts/DejaVuSansMono-BoldOblique.ttf b/stylesheets/fonts/DejaVuSansMono-BoldOblique.ttf new file mode 100644 index 00000000..d6536a5c Binary files /dev/null and b/stylesheets/fonts/DejaVuSansMono-BoldOblique.ttf differ diff --git a/stylesheets/fonts/DejaVuSansMono-Oblique.ttf b/stylesheets/fonts/DejaVuSansMono-Oblique.ttf new file mode 100644 index 00000000..e1af3413 Binary files /dev/null and b/stylesheets/fonts/DejaVuSansMono-Oblique.ttf differ diff --git a/stylesheets/fonts/DejaVuSansMono.ttf b/stylesheets/fonts/DejaVuSansMono.ttf new file mode 100644 index 00000000..8b7bb2a4 Binary files /dev/null and b/stylesheets/fonts/DejaVuSansMono.ttf differ diff --git a/stylesheets/fonts/DejaVuSerif-Bold.ttf b/stylesheets/fonts/DejaVuSerif-Bold.ttf new file mode 100644 index 00000000..3fffea61 Binary files /dev/null and b/stylesheets/fonts/DejaVuSerif-Bold.ttf differ diff --git a/stylesheets/fonts/DejaVuSerif-BoldItalic.ttf b/stylesheets/fonts/DejaVuSerif-BoldItalic.ttf new file mode 100644 index 00000000..3a3a9dfe Binary files /dev/null and b/stylesheets/fonts/DejaVuSerif-BoldItalic.ttf differ diff --git a/stylesheets/fonts/DejaVuSerif-Italic.ttf b/stylesheets/fonts/DejaVuSerif-Italic.ttf new file mode 100644 index 00000000..46a718e3 Binary files /dev/null and b/stylesheets/fonts/DejaVuSerif-Italic.ttf differ diff --git a/stylesheets/fonts/DejaVuSerif.ttf b/stylesheets/fonts/DejaVuSerif.ttf new file mode 100644 index 00000000..712a59b0 Binary files /dev/null and b/stylesheets/fonts/DejaVuSerif.ttf differ diff --git a/stylesheets/fonts/DejaVuSerifCondensed-Bold.ttf b/stylesheets/fonts/DejaVuSerifCondensed-Bold.ttf new file mode 100644 index 00000000..673c66f0 Binary files /dev/null and b/stylesheets/fonts/DejaVuSerifCondensed-Bold.ttf differ diff --git a/stylesheets/fonts/DejaVuSerifCondensed-BoldItalic.ttf b/stylesheets/fonts/DejaVuSerifCondensed-BoldItalic.ttf new file mode 100644 index 00000000..5a3ba1ab Binary files /dev/null and b/stylesheets/fonts/DejaVuSerifCondensed-BoldItalic.ttf differ diff --git a/stylesheets/fonts/DejaVuSerifCondensed-Italic.ttf b/stylesheets/fonts/DejaVuSerifCondensed-Italic.ttf new file mode 100644 index 00000000..6f8d4e40 Binary files /dev/null and b/stylesheets/fonts/DejaVuSerifCondensed-Italic.ttf differ diff --git a/stylesheets/fonts/DejaVuSerifCondensed.ttf b/stylesheets/fonts/DejaVuSerifCondensed.ttf new file mode 100644 index 00000000..3291fc50 Binary files /dev/null and b/stylesheets/fonts/DejaVuSerifCondensed.ttf differ diff --git a/stylesheets/fonts/DroidSans-Bold.ttf b/stylesheets/fonts/DroidSans-Bold.ttf new file mode 100644 index 00000000..7ac04b6f Binary files /dev/null and b/stylesheets/fonts/DroidSans-Bold.ttf differ diff --git a/stylesheets/fonts/DroidSans.ttf b/stylesheets/fonts/DroidSans.ttf new file mode 100644 index 00000000..767c63ad Binary files /dev/null and b/stylesheets/fonts/DroidSans.ttf differ diff --git a/stylesheets/fonts/OpenSans-Light-webfont.eot? b/stylesheets/fonts/OpenSans-Light-webfont.eot? new file mode 100644 index 00000000..12430030 Binary files /dev/null and b/stylesheets/fonts/OpenSans-Light-webfont.eot? differ diff --git a/stylesheets/fonts/OpenSans-Light-webfont.svg b/stylesheets/fonts/OpenSans-Light-webfont.svg new file mode 100644 index 00000000..6d3acd24 --- /dev/null +++ b/stylesheets/fonts/OpenSans-Light-webfont.svg @@ -0,0 +1,252 @@ + + + + +This is a custom SVG webfont generated by Font Squirrel. +Copyright : Digitized data copyright 20102011 Google Corporation +Foundry : Ascender Corporation +Foundry URL : httpwwwascendercorpcom + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/stylesheets/fonts/OpenSans-Light-webfont.ttf b/stylesheets/fonts/OpenSans-Light-webfont.ttf new file mode 100644 index 00000000..6972e2b1 Binary files /dev/null and b/stylesheets/fonts/OpenSans-Light-webfont.ttf differ diff --git a/stylesheets/fonts/OpenSans-Light-webfont.woff b/stylesheets/fonts/OpenSans-Light-webfont.woff new file mode 100644 index 00000000..27afaf12 Binary files /dev/null and b/stylesheets/fonts/OpenSans-Light-webfont.woff differ diff --git a/stylesheets/forest.css b/stylesheets/forest.css new file mode 100644 index 00000000..d6de96fb --- /dev/null +++ b/stylesheets/forest.css @@ -0,0 +1,246 @@ +/*cyberpunk mod of ferus by kalyx + +B332E6 = dark purp +293728 = teal +59B451 = green +FF46D2 = pink +dark blue = 293728 +*/ + +body { + background: #0B110A; + color: #62C958; + font-family: DejaVuSansMono; + font-size: 10px; + /*text-shadow: 0px 0px 3px #FF46D2;*/ +} +@font-face +{ + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); + } + @font-face +{ + font-family: 'DejaVuSansMono'; + src: url('./fonts/DejaVuSansMono.ttf') format('truetype'); +} +h1 { + font-family: DejaVuSansMono, Arial; + font-size: 18pt; + text-align: center; + letter-spacing: 0px; +} +div.title, h1 { + color: #4CADA7; + font-family: lain, DejaVuSansMono, sans-serif; +} +header div.subtitle { +color: #59B451; +text-align: center; + text-shadow: 0px 0px 3px #59B451; +} +div.title p { + font-size: 13px; +} +a:link, a:visited, p.intro a.email span.name { + color: #4CADA7; +/*text-shadow: 0px 0px 10px #59B451;*/ + font-family: DejaVuSansMono; +} +pre.prettyprint { +background: #293728; + +font-size: 12px; +line-height: 1.5; +border: 1px solid #293728; +padding: 10px; +} + +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: #59B451; + font-family: DejaVuSansMono; + text-shadow: 0px 0px 5px #59B451; +} +strong { + +color: #4CADA7; +} +a.post_no { + color: #293728; + text-decoration: none; +} +span.quote +{ + color:#59B451; +} +a.post_no:hover { + color: maroon; + /*text-decoration: underline overline;*/ +} +div.post.reply { + background: #131C13; + border: #293728 1px solid !important; + border-radius: 0px; +} +.de-pview { + background: rgba(14, 14, 14, 0.84) !important; +} +div.post.reply.highlighted { + background: transparent; + border: #293728 1px solid; +} +div.post.reply div.body a:link, div.post.reply div.body a:visited { + color: #646464; +} +div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { + color: #59B451; +} +p.intro span.subject { + font-size: 12px; + font-family: DejaVuSansMono; + color: #59B451; + font-weight: 800; + text-shadow: 0px 0px 3px #59B451; +} +p.intro span.name { + color: #59B451; + font-weight: 900; + text-shadow: 0px 0px 3px #59B451; +} +p.intro a.capcode, p.intro a.nametag { + color: #59B451; + 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 { + color: #59B451; + font-family: DejaVuSansMono; +} +input[type="text"], textarea, select { + background: #0B110A; + color: #CCCCCC; + border: #293728 1px solid; + padding-left: 5px; + padding-right: -5px; + font-family: DejaVuSansMono; + font-size: 10pt; + border-radius: 5px; +} +input[type="password"] { + background: #0B110A; + color: #CCCCCC; + border: #293728 1px solid; + border-radius: 5px; +} +form table tr th { + background: #0B110A; + color: #59B451; + border: #293728 1px solid; + font-weight: 600; + text-align: center; + padding: 0; + border-radius: 0px; + /*text-shadow: 0px 0px 3px #59B451;*/ +} +div.sidearrows{display:none;} + +div.banner { + background: #0B110A; + color: #59B451; + text-align: center; + width: 250px; + padding: 4px; + padding-left: 12px; + padding-right: 12px; + margin-left: auto; + margin-right: auto; + font-size: 12px; + text-shadow: 0px 0px 3px #59B451; + +} +input[type="submit"] { + background: #0B110A; + color: #59B451; + border: #293728 1px solid; + border-radius: 0px; +} +input[type="submit"]:hover { + background: #0B110A; + + border: #293728 1px solid; + + color: #FF46D2; + border-radius: 0px; +} +p.fileinfo a:hover { + text-decoration: underline; +} +span.trip { + color: #AAAAAA; +} +.topbar { + background-color: #0B110A; + border-bottom: 1px solid #293728; +} +div.pages { + color: #AAAAAA; + background: #0B110A; + border: #293728 1px solid; + font-family: DejaVuSansMono; + font-size: 10pt; +} +div.pages a.selected { + color: #8C8C8C; +} +hr { + height: 0px; + border: #293728 1px solid; +} +div.boardlist { + font-size: 10pt; + color: #999999; +} +div.ban { + background-color: transparent; + border: #293728 1px solid; +} +div.ban h2 { + background: transparent; + color: #59B451; + font-size: 11px; + text-shadow: 0px 0px 3px #59B451; +} +table.modlog tr th { + background: #FF46D2; + color: #AAAAAA; + /*text-shadow: 0px 0px 3px #59B451;*/ +} diff --git a/stylesheets/img/matrix.jpg b/stylesheets/img/matrix.jpg new file mode 100644 index 00000000..39294780 Binary files /dev/null and b/stylesheets/img/matrix.jpg differ diff --git a/stylesheets/img/matrix_yellow.gif b/stylesheets/img/matrix_yellow.gif new file mode 100644 index 00000000..daa47649 Binary files /dev/null and b/stylesheets/img/matrix_yellow.gif differ diff --git a/stylesheets/jungle.css b/stylesheets/jungle.css index 1765b3a9..bffd9422 100644 --- a/stylesheets/jungle.css +++ b/stylesheets/jungle.css @@ -84,6 +84,9 @@ div.ban { div.ban p { color: black; } +.topbar { + background-image: url('img/jungle_td.png'); +} div.pages { padding: 7px 5px; color: #054500; diff --git a/stylesheets/kalyx_theme.css b/stylesheets/kalyx_theme.css new file mode 100644 index 00000000..71210cff --- /dev/null +++ b/stylesheets/kalyx_theme.css @@ -0,0 +1,303 @@ +/** + * dark.css + * Stolen from circlepuller who stole it from derpcat + */ +body +{ + background: #1E1E1E; + color: #999999; + font-family: sans-serif; + font-size: 11px; + + +} + +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; + color: #32DD72; +} +header div.subtitle +{ + color: #32DD72; +} +div.title +{ + color: #32DD72; + font-family: Arial, Helvetica, sans-serif; +} +div.title p +{ + font-size: 10px; +} +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 +{ + -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: #32DD72; + font-family: sans-serif; + text-decoration: none; + text-shadow: 0px 0px 5px #fff; +} +a.post_no +{ + color: #AAA; + text-decoration: none; +} +p.intro a.post_no:hover +{ + color: #32DD72!important; +} +div.post.reply +{ + background: #181818; + border: #555555 0px solid; + width:100%; + +} +div.postcontainer +{ + + width:100%; + +} +div.body +{ + + width:100%; + +} +div.sidearrows +{ + + display:none; + +} +div.post.reply.highlighted +{ + background: #555; + border: transparent 1px solid; +} +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 +{ + color: #32DD72; +} +p.intro span.subject +{ + font-size: 12px; + font-family: sans-serif; + color: #446655; + font-weight: 800; +} +p.intro span.name +{ + color: #32DD72; + font-weight: 800; +} +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 +{ + color: #32ddaf; +} +input[type="text"], textarea, select +{ + background: #333333!important; + color: #CCCCCC!important; + border: #666666 1px solid!important; +} +input[type="password"] +{ + background: #333333!important; + color: #CCCCCC!important; + border: #666666 1px solid!important; +} +form table tr th +{ + background: #333333!important; + color: #AAAAAA!important; + border: #333333 1px solid!important;; +} +div.banner +{ + background: #E04000; + border: 1px solid hsl(17, 100%, 60%); + color: #EEE; + text-align: center; + height: 15px; + padding: 1px 1px 4px 1px; + margin-left: auto; + margin-right: auto; +} +div.banner a +{ + color:#000; +} +input[type="submit"] +{ + background: #333333; + border: #666 1px solid; + color: #CCCCCC; +} +input[type="submit"]:hover +{ + background: #555; + border: #888 1px solid; + color: #32DD72; +} +input[type="text"]:focus, textarea:focus +{ + border:#888 1px solid!important; +} +p.fileinfo a:hover +{ + text-decoration: underline; +} +span.trip +{ + color: #AAA; +} +.topbar +{ + background: #333; + border-bottom: 0px solid #666; + widh:100%; +} +div.pages +{ + color: #AAA; + background: #333; + border: #666 1px solid; + font-family: sans-serif; + font-size: 10pt; +} +div.pages a.selected +{ + color: #CCC; +} +hr +{ + height: 0px; + border: #333 1px solid; +} +div.boardlist +{ + color: #999; +} + +div.ban +{ + background-color: #1e1e1e; + border: 1px solid #555; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + text-align: left!important; +} +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)) +{ + border-top: 1px solid #555; +} +table.modlog tr th +{ + background: #333; + color: #AAA; +} + +div.report +{ + 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; +} +.options_tab_icon +{ + color: #AAAAAA; +} +.options_tab_icon.active +{ + color: #FFFFFF; +} + + diff --git a/stylesheets/miku.css b/stylesheets/miku.css index 84e67933..b9428176 100644 --- a/stylesheets/miku.css +++ b/stylesheets/miku.css @@ -70,7 +70,10 @@ div.ban h2 { background: #B6DDDE; color: #0093AB; } - +.topbar { + background: #B6DDDE; + border-bottom: 1px solid #8FCCCD; +} div.pages { color: #8899AA; background: #B6DDDE; diff --git a/stylesheets/poison.css b/stylesheets/poison.css new file mode 100644 index 00000000..83e6b182 --- /dev/null +++ b/stylesheets/poison.css @@ -0,0 +1,97 @@ +/** +* volafile.css fuck you +color change by kalyx +*/ +@import url("/stylesheets/dark.css"); +@font-face +{ + font-family: "DejaVuSansMono"; + src: url("/stylesheets/fonts/DejaVuSansMono.ttf") format("truetype"); +} + +@font-face +{ + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); +} +body +{ + background: #140f16; + color: #D794F2; + font-size: 12px; +} +.boardlist +{ + text-shadow: none!important; +} +header h1, header div.subtitle, form table tr th, form table tr td input +{ + color: #D794F2!important; +} +header h1 +{ + font-family: "lain",sans-serif; + font-style: normal; + font-weight: 400; + + font-size: 28px; + letter-spacing: 0px; + margin-top: calc(-16px / 3 - 6.5px); +} +p.intro span.subject { +color: #32BFAB; +} +div.topbar, input[type="text"], select, form table tr th, form table tr td input[type="text"], form table tr td textarea, div.post.reply, [type="submit"], input[type="password"], div.pages +{ + background: #29202D!important; + border-color: #29202D!important; + color: #D794F2!important; +} + +div.post.reply.highlighted{ + background-color: #29202D!important; +} +form table tr td input[type="text"]:focus, form table tr td textarea:focus +{ + border-color: #5E7F9F!important; +} +input[type="submit"][name="post"] +{ + color: #3A4040!important; + background-color: #29202D!important; + border-color: #29202D!important; +} +.blotter +{ + color: #00ff00!important; +} +hr { + border-color: #29202D; +} +a +{ + color: #32BFAB!important; +} + +p.intro span.name +{ + color: #D794F2; +} +span.quote { +color: #E6E1E9; +} +span[style="color:orange;font-weight:bold"] +{ + color: #D880FC!important; + +} +a:hover, p.intro a.post_no:hover +{ + color: #EDEDED!important; + text-shadow: none!important; +} +i.fa +{ + color: #29202D; +} diff --git a/stylesheets/style.css b/stylesheets/style.css index 79fa83b5..d17d44dd 100755 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -9,6 +9,7 @@ body { margin: 0px; padding-left: 5px; padding-right: 5px; + padding-top: 32px; } img[alt="mascot"] { display: block; @@ -44,8 +45,9 @@ textarea{ input:not([type="checkbox"]) { height: 22px; } -textarea, input { - box-sizing: border-box; +textarea, input:not([type="file"]) { + -moz-box-sizing: border-box!important; + box-sizing: border-box!important; border: 1px solid #AAA; padding: 2px 4px 3px 4px; background-color: white; @@ -92,6 +94,9 @@ a, a:visited { p.intro a.post_no, p.intro a.email, p.intro a.post_anchor { color: #ff0000; } +p.intro > a:nth-child(5) { + margin-left: 0.6em; +} a.post_no { text-decoration: none; margin: 0; @@ -118,6 +123,7 @@ p.intro time, p.intro a.ip-link, p.intro a.capcode { } .badges { text-align: center; + clear: both; } h2 { color: #AF0A0F; @@ -166,7 +172,7 @@ header div.subtitle { } p.fileinfo { display: block; - margin: 0 0 0 20px; + margin: 0 0 0px 0px; } div.post p.fileinfo { padding-left: 5px; @@ -178,8 +184,7 @@ div.banner { font-weight: bold; text-align: center; margin: 0 auto; - width: 384px; - height: 20px; + height: 14px; } div.banner, div.banner a { color: white; @@ -193,16 +198,21 @@ img.banner, img.board_image { border: 1px solid #666; margin: 12px auto 0 auto; max-width: 100%!important; + clear: both; } img.post-image { display: block; float: left; - margin: 10px; + margin: 5px 10px 5.5px 19px; border: none; } div.post img.post-image { padding: 5px; - margin: 5px 20px 0 0; + padding-left: 0; + margin: 4px 10px 0 0; +} +div.post.reply img.post-image { + margin-left: 19px; } div.post img.icon { display: inline; @@ -227,7 +237,9 @@ p.intro { } input.delete { float: left; - margin: 1px 6px 0 0; + margin: 0px 6px 0 0; + position: relative; + top: 2px; } p.intro span.subject { color: #0F0C5D; @@ -241,7 +253,7 @@ p.intro span.capcode, p.intro a.capcode, p.intro a.nametag { color: #F00000; margin-left: 0; } -p.intro a { +p.intro .mentioned a{ margin-left: 8px; } div.delete { @@ -254,14 +266,28 @@ div.delete :not([type="submit"]):not([type="checkbox"]) { div.delete [type="submit"] { margin-left: 2px; } +div.sidearrows { + float: left; + font-size: 12px; + margin-right: 5px; + margin-top: 4px; +} +div.postcontainer +{ + display: inline-block; + white-space: nowrap; +} div.post.reply p { - margin: 0.3em 0 0 0; + margin: 3px 0 0 0; +} +div.post.reply p.fileinfo { + margin-left: -3.5px; } div.post.reply div.body { - margin-left: 1.8em; - margin-top: 0.8em; + margin-left:19px; + margin-top: 9px; padding-right: 3em; - padding-bottom: 0.3em; + padding-bottom: 8px; } pre { overflow: auto; @@ -273,15 +299,16 @@ div.post.reply div.body a { color: #D00; } div.post { - max-width: 97%; + max-width: calc(100% - 48px); } div.post div.body { word-wrap: break-word; - white-space: ppre-wrap; + white-space: pre-wrap; + margin-left: 19px; } div.post.reply { background: #D6DAF0; - margin: 1.5px 16px; + margin: 1.5px 10px 1.5px 0px; padding: 0.2em 0.6em 0.5em 0.6em; border-width: 1px; border-style: none solid solid none; @@ -297,6 +324,7 @@ span.quote { span.omitted { display: block; margin-top: 1em; + opacity: 0.7; } br.clear { clear: left; @@ -332,6 +360,7 @@ div.ban h2 { background: #98E; color: black; font-size: 12pt; + word-wrap: break-word; } div.ban p { font-size: 12px; @@ -383,18 +412,41 @@ table.test td img { fieldset label { display: block; } +.topbar { + width: 100%; + left: 0px; + text-align: center; + position: fixed; + top: 0px; + z-index: 3; + display: table; + background-color: #D6DAF0; + border-bottom: 1px solid #B7C5D9; +} +.topbar > :not(script) { + display: table-cell; + vertical-align: middle; +} +div.pages, div.boardlist { + padding: 2px 0px 3px 5px; + min-height: 17px!important; +} + div.pages { color: #89A; - background: #D6DAF0; - display: inline; - padding: 8px; + background: transparent!important; border-right: 1px solid #B7C5D9; border-bottom: 1px solid #B7C5D9; + border-width: 0 0 0 0!important; } -@media screen and (max-width: 800px) { - div.pages.top { - display: none !important; - } +div.pages.top { + font-size: 10pt; + text-align: left; + +} +.pages:nth-child(1) { + white-space: nowrap; + width: 1%; } div.pages a.selected { color: black; @@ -412,20 +464,47 @@ div.pages form input { margin: 0 5px; display: inline; } + +div.boardlist { + color: #89A; + font-size: 10pt; + margin-top: 0px; + text-align: center; + margin: 0 auto; +} +/*@media screen and (max-width: 920px) { + .boardlist { + clear: both; + white-space: normal; + } +}*/ +#style-select { + font-size: 10pt; + z-index: 2; + margin-top: 5px; + text-align: right; + white-space: nowrap; + width: 1%; +} +#style-select select { + margin-right: -1px; + padding: 3px 4px 3px 4px; + margin-bottom: -1px; + margin-top: -1px; +} hr { border: none; border-top: 1px solid #B7C5D9; height: 0; clear: left; } -div.boardlist { - color: #89A; - font-size: 9pt; - margin-top: 3px; - text-align: center; -} +/*#boardfront .boardlist { + bottom: 28px; + margin-bottom: -28px; +}*/ div.boardlist.bottom { - margin-top: 20px; + margin-top: 0px; + clear: right; } div.boardlist a { text-decoration: none; @@ -512,6 +591,9 @@ table.mod.config-editor input[type="text"] { text-align: center; overflow: hidden; } +.reply-hidden { + background-color: red!important; +} #attention_bar_form { display: none; padding: 0; @@ -771,3 +853,18 @@ form.ban-appeal textarea { span.sub { white-space: nowrap; } +@media (max-width: 600px) { + span.sub:nth-child(4){ + white-space: normal; + } + pages.top :nth-child(1) { + white-space: normal; + } +} +#irc-text { mask: url("/irc.svg#mask"); + + -webkit-mask-image: url("/irc.svg"); } + + + + diff --git a/stylesheets/terminal_purple.css b/stylesheets/terminal_purple.css index 7766ef5f..4caa942a 100755 --- a/stylesheets/terminal_purple.css +++ b/stylesheets/terminal_purple.css @@ -7,10 +7,10 @@ div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover, table.modlog tr th, p.intro span.name, p.intro a.capcode, p.intro a.nametag, div.pages a.selected, p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name, -div.boardlist input[type="text"], textarea, select, input[type="password"], +div.boardlist input[type="text"], form table tr td input[type="text"], textarea, select, input[type="password"], form table tr th, input[type="submit"], input[type="submit"]:hover, div.pages { - color: #8725EC; + color: #8725EC!important; } .boardlist, div.blotter, header div.subtitle, h1, span.quote diff --git a/stylesheets/volafile.css b/stylesheets/volafile.css new file mode 100755 index 00000000..2475f544 --- /dev/null +++ b/stylesheets/volafile.css @@ -0,0 +1,84 @@ +/** +* volafile.css fuck you +*/ +@import url("/stylesheets/dark.css"); +@font-face +{ + font-family: "Open Sans Light"; + src: url("/stylesheets/fonts/OpenSans-Light-webfont.eot") format("embedded-opentype"), url("/stylesheets/fonts/OpenSans-Light-webfont.woff") format("woff"), url("/stylesheets/fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("/stylesheets/fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg"); +} +body +{ + background: #395168; + color: #E0E0E0; +} +.boardlist +{ + text-shadow: none!important; +} +header h1, header div.subtitle, form table tr th, form table tr td input +{ + color: #E0E0E0!important; +} +header h1 +{ + font-family: "Open Sans Light",sans-serif; + font-style: normal; + font-weight: 400; + font-size: 32px; + letter-spacing: 0px; + margin-top: calc(-16px / 3 - 6.5px); +} + +div.topbar, input[type="text"], select, form table tr th, form table tr td input[type="text"], form table tr td textarea, div.post.reply, [type="submit"], input[type="password"], div.pages +{ + background: #435D78!important; + border-color: #486582!important; + color: #E0E0E0!important; +} +div.post.reply.highlighted{ + background-color: #486582!important; +} +form table tr td input[type="text"]:focus, form table tr td textarea:focus +{ + border-color: #5E7F9F!important; +} +input[type="submit"][name="post"] +{ + color: #3A4040!important; + background-color: #DCA1F5!important; + border-color: #DCA1F5!important; +} +.blotter +{ + color: #DCA1F5!important; +} +hr { + border-color: #486582; +} +a +{ + color: #D8D8D8!important; +} +p.intro span.subject +{ + color: #13C15F; +} +p.intro span.name +{ + color: #E0E0E0; +} +span[style="color:orange;font-weight:bold"] +{ + color: #D880FC!important; + +} +a:hover, p.intro a.post_no:hover +{ + color: #EDEDED!important; + text-shadow: none!important; +} +i.fa +{ + color: #DCA1F5; +} diff --git a/stylesheets/yotsuba.css b/stylesheets/yotsuba.css index 0b603399..aebadf7e 100644 --- a/stylesheets/yotsuba.css +++ b/stylesheets/yotsuba.css @@ -27,6 +27,11 @@ p.intro span.subject { } form table tr th { background: #EA8; + color: #800000; + border: 1px solid #800000; +} +textarea:focus, input:not([type="file"]):not([type="checkbox"]):focus, [type="submit"]:hover { + border: 1px solid #EA8; } div.ban h2 { background: #FCA; @@ -38,6 +43,10 @@ div.ban { div.ban p { color: black; } +.topbar { + background-color: #F0E0D6; + border-bottom: 1px solid #D9BFB7; +} div.pages { background: #F0E0D6; border-color: #D9BFB7;