diff --git a/stylesheets/cyberpunk.css b/stylesheets/cyberpunk.css new file mode 100755 index 00000000..34fae3be --- /dev/null +++ b/stylesheets/cyberpunk.css @@ -0,0 +1,214 @@ +@namespace url(http://www.w3.org/1999/xhtml); + +@-moz-document domain("lainchan.org") { + + 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; + } + + .unkfunc { + color: #6E7856 !important; + } + + .logo { + color: #566E78 !important; + } + img { + opacity: 0.1 !important; + } + + 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; + } + + .omittedposts { + color: #333 !important; + } + + .abbr, + div.postingMode { + background-color: #242424 !important; + color: #555 !important; + border-color: #242424 !important; + } + + .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; } +} diff --git a/stylesheets/dark.css b/stylesheets/dark.css old mode 100644 new mode 100755 index 91a9435f..ffa9a291 --- 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; } + diff --git a/stylesheets/dark_purple.css b/stylesheets/dark_purple.css new file mode 100755 index 00000000..25043e99 --- /dev/null +++ b/stylesheets/dark_purple.css @@ -0,0 +1,223 @@ +/** + * dark.css + * For AwsumChan by Circlepuller + +modified by yuuko and kalyx + */ +body { + background: #1e1e1e; + color: #999999; + font-family: sans-serif; + font-size: 12px; +} + +span.quote { + color:#B87DF5; +} + +div.blotter { +color: #8725EC; +} + +@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; +} + +a:link:hover, a:visited:hover { + 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 new file mode 100755 index 00000000..bfe45319 --- /dev/null +++ b/stylesheets/dark_red.css @@ -0,0 +1,215 @@ +/** + * dark.css + * For AwsumChan by Circlepuller + */ +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; +} + +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; +} +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: #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 new file mode 100644 index 00000000..c60d4686 --- /dev/null +++ b/stylesheets/dicksinmyass.css @@ -0,0 +1,73 @@ +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: underline; + font-family: sans-serif; +} +a:link:hover, a:visited:hover { + color: #FF0000; + font-family: sans-serif; + text-decoration: underline overline; +} + +.box-wrap { + max-width: 670px; + min-width: 332px; + margin: 30px auto; + overflow: auto; + padding: 0; +} +.box { + background: white; + border: 1px solid #98E; + width: 330px; + margin: 8px 0; + padding: 0; +} +.box ul { + padding: 2px 15px; +} +.box ul li { + list-style: none; + margin: 0; +} +.box.left { + background: #333333; + color: #CCCCCC; + border: #555555 1px solid; + float: left; +} +.box.right { + background: #333333; + color: #CCCCCC; + border: #555555 1px solid; + float: right; +} + +.box h2 { + padding: 3px 7px; + font-size: 12pt; + border: #555555 1px solid; +} +.box.left h2 { + background: #333333; + color: #CCCCCC; + border: #555555 1px solid; +} +.box.right h2 { + background: #333333; + color: #CCCCCC; + border: #555555 1px solid; +} +.box img { + float: none; + margin: 10px auto; +} diff --git a/stylesheets/fonts/Fujiyama Bold Italic.ttf b/stylesheets/fonts/Fujiyama Bold Italic.ttf new file mode 100755 index 00000000..c5e702ab Binary files /dev/null and b/stylesheets/fonts/Fujiyama Bold Italic.ttf differ diff --git a/stylesheets/fonts/Fujiyama Plain.ttf b/stylesheets/fonts/Fujiyama Plain.ttf new file mode 100755 index 00000000..a44c8668 Binary files /dev/null and b/stylesheets/fonts/Fujiyama Plain.ttf differ diff --git a/stylesheets/fonts/Fujiyama.rar b/stylesheets/fonts/Fujiyama.rar new file mode 100755 index 00000000..1240a2c9 Binary files /dev/null and b/stylesheets/fonts/Fujiyama.rar differ diff --git a/stylesheets/fonts/Fujiyama.ttf b/stylesheets/fonts/Fujiyama.ttf new file mode 100755 index 00000000..9a61bd5f Binary files /dev/null and b/stylesheets/fonts/Fujiyama.ttf differ diff --git a/stylesheets/fonts/Fujiyama2 Plain.ttf b/stylesheets/fonts/Fujiyama2 Plain.ttf new file mode 100755 index 00000000..c8e89d96 Binary files /dev/null and b/stylesheets/fonts/Fujiyama2 Plain.ttf differ diff --git a/stylesheets/fonts/Fujiyama2.ttf b/stylesheets/fonts/Fujiyama2.ttf new file mode 100755 index 00000000..6fff9349 Binary files /dev/null and b/stylesheets/fonts/Fujiyama2.ttf differ diff --git a/stylesheets/fonts/FujiyamaExtraBold Italic.ttf b/stylesheets/fonts/FujiyamaExtraBold Italic.ttf new file mode 100755 index 00000000..e2ef81ce Binary files /dev/null and b/stylesheets/fonts/FujiyamaExtraBold Italic.ttf differ diff --git a/stylesheets/fonts/FujiyamaExtraBold Plain.ttf b/stylesheets/fonts/FujiyamaExtraBold Plain.ttf new file mode 100755 index 00000000..47194edf Binary files /dev/null and b/stylesheets/fonts/FujiyamaExtraBold Plain.ttf differ diff --git a/stylesheets/fonts/FujiyamaLight Plain.ttf b/stylesheets/fonts/FujiyamaLight Plain.ttf new file mode 100755 index 00000000..e81c687d Binary files /dev/null and b/stylesheets/fonts/FujiyamaLight Plain.ttf differ diff --git a/stylesheets/fonts/Fujiyama_ExtraBold-Normal.ttf b/stylesheets/fonts/Fujiyama_ExtraBold-Normal.ttf new file mode 100755 index 00000000..7817811b Binary files /dev/null and b/stylesheets/fonts/Fujiyama_ExtraBold-Normal.ttf differ diff --git a/stylesheets/fonts/Futura PT.rar b/stylesheets/fonts/Futura PT.rar new file mode 100755 index 00000000..46e312ca --- /dev/null +++ b/stylesheets/fonts/Futura PT.rar @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/stylesheets/fonts/TR Fujiyama Bold.ttf b/stylesheets/fonts/TR Fujiyama Bold.ttf new file mode 100755 index 00000000..72722960 Binary files /dev/null and b/stylesheets/fonts/TR Fujiyama Bold.ttf differ diff --git a/stylesheets/fonts/lain.TTF b/stylesheets/fonts/lain.TTF new file mode 100755 index 00000000..c8774306 Binary files /dev/null and b/stylesheets/fonts/lain.TTF differ diff --git a/stylesheets/fonts/nrdyyh.woff b/stylesheets/fonts/nrdyyh.woff new file mode 100755 index 00000000..6391b270 Binary files /dev/null and b/stylesheets/fonts/nrdyyh.woff differ diff --git a/stylesheets/fonts/vt220.ttf b/stylesheets/fonts/vt220.ttf new file mode 100755 index 00000000..ed8fd850 Binary files /dev/null and b/stylesheets/fonts/vt220.ttf differ diff --git a/stylesheets/img/banner_terminal_mask.png b/stylesheets/img/banner_terminal_mask.png new file mode 100755 index 00000000..63e6e02a Binary files /dev/null and b/stylesheets/img/banner_terminal_mask.png differ diff --git a/stylesheets/style.css b/stylesheets/style.css old mode 100644 new mode 100755 index eea2fb0d..97f57f38 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -3,10 +3,16 @@ body { color: black; font-family: arial, helvetica, sans-serif; font-size: 10pt; - margin: 0 8px; + margin: 0px; padding-left: 5px; padding-right: 5px; } +img[alt="mascot"] { + display: block; + margin: 0 auto 0 auto; + position: relative; + z-index: -1; +} table * { margin: 0; } @@ -14,7 +20,7 @@ a, a:visited { text-decoration: underline; color: #34345C; } -a:hover, p.intro a.post_no:hover { +p.intro a.post_no, p.intro a.email, p.intro a.post_anchor { color: #ff0000; } a.post_no { @@ -25,7 +31,7 @@ a.post_no { p.intro a.post_no { color: inherit; } -p.intro a.post_no, p.intro a.email, p.intro a.post_anchor { +p.intro a.post_no, p.intro a.email { margin: 0; } p.intro a.email span.name { @@ -41,6 +47,9 @@ p.intro time, p.intro a.ip-link, p.intro a.capcode { direction: ltr; unicode-bidi: embed; } +.badges { + text-align: center; +} h2 { color: #AF0A0F; font-size: 11pt; @@ -50,10 +59,15 @@ h2 { header { margin: 1em 0; } +@font-face { + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); +} h1 { - font-family: tahoma; + font-family: 'lain', tahoma; letter-spacing: -2px; - font-size: 20pt; + font-size: 18pt; margin: 0; } header div.subtitle, h1 { @@ -61,6 +75,7 @@ header div.subtitle, h1 { text-align: center; } header div.subtitle { + margin: 0px calc(50% - 192px); font-size: 8pt; } form { @@ -68,22 +83,68 @@ form { } form table { margin: auto; + max-width: 80%; } form table input { height: auto; } -input[type="text"], input[type="password"], textarea { +form table tbody td { + min-width: 312px!important; +} +input[type="text"], input[type="password"], input[type="submit"] { + height: 25px; +} +input[type="text"], input[type="password"], input[type="submit"], textarea { + -moz-appearance: none; + -webkit-appearance: none; + -khtml-appearance: none; + -o-appearance: none; + -ms-appearance: none; + /*appearance: none;*/ + font-family: monospace; + font-size: 13px; + background-color: white; border: 1px solid #a9a9a9; text-indent: 0; text-shadow: none; text-transform: none; word-spacing: normal; + padding: 3px 4px; + box-sizing: border-box; +} +input:focus, textarea:focus { + border-color: #98E; + outline: none; +} +form table tbody td{ + overflow: visible; +} +form table [type="text"]{ + width: 100%; +} +form table [name="subject"] { + width: calc(100% - 90px); +} +form table [name="post"] { + width: 88px; +} +form textarea { + min-width: 100%; + padding-top: 5px; + height: 79px; + min-height: 25px; +} +form table tr { + white-space: nowrap; } form table tr td { text-align: left; margin: 0; padding: 0; } +form table tr:not(:nth-child(1)) td { + max-width: 100%; +} form table.mod tr td { padding: 2px; } @@ -93,6 +154,7 @@ form table tr th { } form table tr th { background: #98E; + width: 64px; } form table tr td div.center { text-align: center; @@ -101,7 +163,9 @@ form table tr td div.center { } form table tr td div input { display: block; - margin: 2px auto 0 auto; + margin: 2px 0 0 0; + padding: 5px; + } form table tr td div label { font-size: 10px; @@ -109,6 +173,7 @@ form table tr td div label { .unimportant, .unimportant * { font-size: 10px; } + .file { float: left; margin-right: 2px; @@ -131,7 +196,7 @@ div.banner { font-size: 12pt; font-weight: bold; text-align: center; - margin: 1em 0; + margin: 0em 0; } div.banner, div.banner a { color: white; @@ -142,18 +207,19 @@ div.banner a:hover { } img.banner, img.board_image { display: block; - border: 1px solid #a9a9a9; + border: 1px solid #666; margin: 12px auto 0 auto; + max-width: 100%!important; } -.post-image { +img.post-image { display: block; float: left; - margin: 5px 20px 10px 20px; + margin: 10px 20px; border: none; } -div.post .post-image { +div.post img.post-image { padding: 5px; - margin: 0 20px 0 0; + margin: 5px 20px 0 0; } div.post img.icon { display: inline; @@ -197,6 +263,13 @@ p.intro a { } div.delete { float: right; + margin-bottom: 2px; +} +div.delete :not([type="submit"]):not([type="checkbox"]) { + width: 166px; +} +div.delete [type="submit"] { + margin-left: 2px; } div.post.reply p { margin: 0.3em 0 0 0; @@ -207,6 +280,9 @@ div.post.reply div.body { padding-right: 3em; padding-bottom: 0.3em; } +pre { + overflow: auto; +} div.post.reply.highlighted { background: #D6BAD0; } @@ -218,12 +294,12 @@ div.post { } div.post div.body { word-wrap: break-word; - white-space: pre-wrap; + white-space: ppre-wrap; } div.post.reply { background: #D6DAF0; - margin: 0.2em 16px; - padding: 0.2em 0.3em 0.5em 0.6em; + margin: 1.5px 16px; + padding: 0.2em 0.6em 0.5em 0.6em; border-width: 1px; border-style: none solid solid none; border-color: #B7C5D9; @@ -263,8 +339,8 @@ div#wrap { div.ban { background: white; border: 1px solid #98E; - max-width: 700px; - margin: 30px auto; + max-width: 766px; + margin: -2px auto 30px auto; } div.ban p, div.ban h2 { padding: 3px 7px; @@ -332,15 +408,6 @@ div.pages { border-right: 1px solid #B7C5D9; border-bottom: 1px solid #B7C5D9; } -div.pages.top { - display: block; - padding: 5px 8px; - margin-bottom: 5px; - position: fixed; - top: 0; - right: 0; - opacity: 0.9; -} @media screen and (max-width: 800px) { div.pages.top { display: none !important; @@ -372,6 +439,7 @@ div.boardlist { color: #89A; font-size: 9pt; margin-top: 3px; + text-align: center; } div.boardlist.bottom { margin-top: 20px; @@ -422,6 +490,9 @@ div.blotter { font-weight: bold; text-align: center; } +div.blotter img { + max-width: 100%!important; +} table.mod.config-editor { font-size: 9pt; width: 100%; @@ -434,22 +505,6 @@ table.mod.config-editor td { table.mod.config-editor input[type="text"] { width: 98%; } -.desktop-style div.boardlist:nth-child(1) { - position: fixed; - top: 0; - left: 0; - right: 0; - /*text-shadow: white 1px 0 6px, white 1px 0 6px, black 1px 0 3px;*/ - margin-top: 0; - z-index: 30; -} -.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu { - background-color: rgba(90%, 90%, 90%, 0.6); -} - -.desktop-style body { - padding-top: 20px; -} .desktop-style .sub { background: inherit; @@ -516,7 +571,7 @@ form.ban-appeal textarea { margin-right: 15px; text-align:center; font-weight:normal; - width:205px; + width:205px; overflow:hidden; position: relative; font-size:11px; @@ -533,28 +588,17 @@ form.ban-appeal textarea { margin-left: -20px; } -.theme-catalog div.grid-size-vsmall img { - max-width: 100%; - max-height: 100px; -} - -.theme-catalog div.grid-size-vsmall { - width: 100px; - max-width: 100px; - max-height: 150px; -} - .theme-catalog div.grid-size-small { width: 200px; max-width: 200px; max-height: 350px; -} +} .theme-catalog div.grid-size-large { width: 300px; max-width: 300px; max-height: 450px; -} +} .theme-catalog img.thread-image { height: auto; @@ -714,3 +758,33 @@ form.ban-appeal textarea { height: 100%; margin-top: 0px; } + +/* Containerchan */ + video.post-image { + display: block; + float: left; + margin: 10px 20px; + border: none; + } + div.post video.post-image { + padding: 0px; + margin: 10px 25px 5px 5px; + } +.pulse { + animation: pulse 0.53452115812918s linear 90; + -webkit-animation: pulse 0.53452115812918s linear 90; +} +@keyframes pulse { + 0% { height: 450px; margin-bottom: -25px; margin-top: -25px;} + 100% { height: 350px; margin-bottom: 25px; margin-top: 25px;} +} +@-webkit-keyframes pulse { + 0% { height: 450px; margin-bottom: -25px; margin-top: -25px;} + 100% { height: 350px; margin-bottom: 25px; margin-top: 25px;} +} +/*#threadbody .boardlist .sub:last-child, .recentbody .boardlist .sub:last-child, .donatebody .boardlist .sub:last-child { + float: right; +}*/ +span.sub { + white-space: nowrap; +} diff --git a/stylesheets/svg/bannermaks.svg b/stylesheets/svg/bannermaks.svg new file mode 100755 index 00000000..66daf771 --- /dev/null +++ b/stylesheets/svg/bannermaks.svg @@ -0,0 +1,12 @@ + + + + + + + + + + diff --git a/stylesheets/svg/blur.svg b/stylesheets/svg/blur.svg new file mode 100755 index 00000000..a5c8a850 --- /dev/null +++ b/stylesheets/svg/blur.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/stylesheets/svg/shadow.svg b/stylesheets/svg/shadow.svg new file mode 100755 index 00000000..a23d15e5 --- /dev/null +++ b/stylesheets/svg/shadow.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/stylesheets/svg/terminal.svg b/stylesheets/svg/terminal.svg new file mode 100755 index 00000000..17ddfad7 --- /dev/null +++ b/stylesheets/svg/terminal.svg @@ -0,0 +1,10 @@ + + + + + diff --git a/stylesheets/terminal2.css b/stylesheets/terminal2.css old mode 100644 new mode 100755 index f7463553..03904a1c --- a/stylesheets/terminal2.css +++ b/stylesheets/terminal2.css @@ -21,6 +21,18 @@ a:link, a:visited, p.intro a.email span.name { text-decoration: underline; font-family: sans-serif; } +.bic { + -moz-filter: url(./svg/blur.svg#blur_green); + filter: url(./svg/blur.svg#blur_green); + -webkit-filter: url(svg/blur.svg#blur_green); +} +img.board_image { + -moz-mask: url(./svg/bannermaks.svg#masking); + mask: url(./svg/bannermaks.svg#masking); + -webkit-mask: url(./img/banner_terminal_mask.png); + border: none!important; +} + a:link:hover, a:visited:hover { color: #00FF00; font-family: sans-serif; diff --git a/stylesheets/terminal_common.css b/stylesheets/terminal_common.css new file mode 100755 index 00000000..0c92d4af --- /dev/null +++ b/stylesheets/terminal_common.css @@ -0,0 +1,153 @@ +body { + background: #111111; + font-family: sans-serif; + font-size: 12px; +} +@font-face { + font-family: 'vt220'; + src: url('./fonts/vt220.ttf') format('truetype'); +} +h1 { + font-family: 'vt220', tahoma; + letter-spacing: -2px; + font-size: 18pt; + margin: 0; +} +div.title, h1 { + font-family: 'vt220'; +} +div.title p { + font-size: 10px; +} + + +div.blotter { + font-weight: bold; + text-align: center; +} +header div.subtitle, h1 { + text-align: center; +} +header div.subtitle { + font-size: 8pt; +} +img.board_image { + -moz-mask: url(./svg/bannermaks.svg#masking); + mask: url(./svg/bannermaks.svg#masking); + -webkit-mask: url(./img/banner_terminal_mask.png); + border: none!important; + overflow: visible!important; + +} +.bic { + padding: 20px!important; + overflow: visible!important; +} +a:link, a:visited, p.intro a.email span.name { + text-decoration: underline; + font-family: sans-serif; +} +a:link:hover, a:visited:hover { + font-family: sans-serif; + text-decoration: underline overline; +} +a.post_no { + text-decoration: none; +} +a.post_no:hover { + text-decoration: underline overline; +} +div.post.reply { + background: #111111; + border: 1px dotted; +} +div.post.reply.highlighted { + background: transparent; + border: transparent 1px dotted; +} +p.intro span.subject { + font-size: 12px; + font-family: sans-serif; + font-weight: 800; +} +p.intro span.name { + font-weight: 800; +} +p.intro a.capcode, p.intro a.nametag { + margin-left: 0; +} +input[type="text"], textarea, select { + background: #111111; + border: 1px dotted; + padding-left: 5px; + padding-right: -5px; + font-family: sans-serif; + font-size: 10pt; +} +input[type="password"] { + background: #111111; + border: 1px dotted; +} + +form table tr th { + background: #111111; + font-weight: 800; + text-align: left; + padding: 0; + border: #ffaf2b 1px dotted; +} +div.banner { + background: #AA6C00; + color: #FFFFFF; + 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: #111111; + border: 1px dotted; +} +input[type="submit"]:hover { + background: #111111; + border: 1px dotted; +} +p.fileinfo a:hover { + text-decoration: underline; +} +div.pages { + background: #111111; + border: 1px dotted; + font-family: sans-serif; + font-size: 10pt; +} +hr { + height: 1px; + border: 1px dotted; +} +div.ban { + border: transparent 0px dotted; +} +div.ban h2 { + background: transparent; + color: lime; + font-size: 12px; +} +table.modlog tr th { + background: #111111; +} + +.desktop-style div.boardlist:nth-child(1) { + background-color: #111111; +} +.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu { + background-color: #111111; +} + +.desktop-style .sub { + background: none; +} diff --git a/stylesheets/terminal_green.css b/stylesheets/terminal_green.css new file mode 100755 index 00000000..e629cf71 --- /dev/null +++ b/stylesheets/terminal_green.css @@ -0,0 +1,49 @@ +@import url(./terminal_common.css); + +body, div.title, h1, a:link, a:visited, p.intro a.email span.name, +a:link:hover, a:visited:hover, a.post_no, a.post_no:hover, +div.post.reply div.body a:link, div.post.reply div.body a:visited, +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"], +form table tr th, input[type="submit"], input[type="submit"]:hover, div.pages +{ + color: #00FF00; +} + +.boardlist, div.blotter, header div.subtitle, h1, span.quote +{ + color: #00FF00!important; +} + +p.intro span.subject, span.trip +{ + color: #00FF00; +} + + +div.ban h2 { + color: lime; +} + + +.bic { + -moz-filter: url(./svg/blur.svg#blur_green); + filter: url(./svg/blur.svg#blur_green); + -webkit-filter: url(svg/blur.svg#blur_green); +} + + +input[type="text"], textarea, select, input[type="password"], form table tr th, +input[type="submit"], input[type="submit"]:hover, div.pages, hr, div.ban, +div.post.reply, div.post.reply.highlighted +{ + border-color: #00FF00; +} + +.desktop-style div.boardlist:nth-child(1) { + border-bottom: #00FF00 1px dashed; +} + diff --git a/stylesheets/terminal_purple.css b/stylesheets/terminal_purple.css new file mode 100755 index 00000000..7766ef5f --- /dev/null +++ b/stylesheets/terminal_purple.css @@ -0,0 +1,49 @@ +@import url(./terminal_common.css); + +body, div.title, h1, a:link, a:visited, p.intro a.email span.name, +a:link:hover, a:visited:hover, a.post_no, a.post_no:hover, +div.post.reply div.body a:link, div.post.reply div.body a:visited, +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"], +form table tr th, input[type="submit"], input[type="submit"]:hover, div.pages +{ + color: #8725EC; +} + +.boardlist, div.blotter, header div.subtitle, h1, span.quote +{ + color: #A6D2FF!important; +} + +p.intro span.subject, span.trip +{ + color: #8725EC; +} + + +div.ban h2 { + color: lime; +} + + +.bic { + -moz-filter: url(./svg/blur.svg#blur_purple); + filter: url(./svg/blur.svg#blur_purple); + -webkit-filter: url(svg/blur.svg#blur_purple); +} + + +input[type="text"], textarea, select, input[type="password"], form table tr th, +input[type="submit"], input[type="submit"]:hover, div.pages, hr, div.ban, +div.post.reply, div.post.reply.highlighted +{ + border-color: #8725EC; +} + +.desktop-style div.boardlist:nth-child(1) { + border-bottom: #8725EC 1px dashed; +} +