@@ -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; } | |||||
} |
@@ -1,6 +1,6 @@ | |||||
/** | /** | ||||
* dark.css | * dark.css | ||||
* For AwsumChan by Circlepuller | |||||
* Stolen from circlepuller who stole it from derpcat | |||||
*/ | */ | ||||
body { | body { | ||||
background: #1E1E1E; | background: #1E1E1E; | ||||
@@ -11,12 +11,22 @@ body { | |||||
span.quote { | span.quote { | ||||
color:#B8D962; | color:#B8D962; | ||||
} | } | ||||
@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; | font-size: 20pt; | ||||
text-align: center; | text-align: center; | ||||
letter-spacing: 0px; | |||||
color: #32DD72; | |||||
} | } | ||||
div.title, h1 { | |||||
header div.subtitle { | |||||
color: #32DD72; | |||||
} | |||||
div.title { | |||||
color: #32DD72; | color: #32DD72; | ||||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||||
} | } | ||||
@@ -28,27 +38,46 @@ a:link, a:visited, p.intro a.email span.name { | |||||
text-decoration: none; | text-decoration: none; | ||||
font-family: sans-serif; | 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 { | a:link:hover, a:visited:hover { | ||||
color: #fff; | |||||
color: #32DD72; | |||||
font-family: sans-serif; | font-family: sans-serif; | ||||
text-decoration: none; | text-decoration: none; | ||||
text-shadow: 0px 0px 5px #fff; | |||||
} | } | ||||
a.post_no { | a.post_no { | ||||
color: #AAAAAA; | |||||
color: #AAA; | |||||
text-decoration: none; | 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 { | div.post.reply { | ||||
background: #333333; | background: #333333; | ||||
border: #555555 1px solid; | border: #555555 1px solid; | ||||
-webkit-border-radius: 10px; | |||||
-khtml-border-radius: 10px; | |||||
-moz-border-radius: 10px; | |||||
border-radius: 10px; | |||||
} | } | ||||
div.post.reply.highlighted { | div.post.reply.highlighted { | ||||
@@ -82,10 +111,6 @@ input[type="text"], textarea, select { | |||||
background: #333333; | background: #333333; | ||||
color: #CCCCCC; | color: #CCCCCC; | ||||
border: #666666 1px solid; | border: #666666 1px solid; | ||||
padding-left: 5px; | |||||
padding-right: -5px; | |||||
font-family: sans-serif; | |||||
font-size: 10pt; | |||||
} | } | ||||
input[type="password"] { | input[type="password"] { | ||||
background: #333333; | background: #333333; | ||||
@@ -95,75 +120,82 @@ input[type="password"] { | |||||
form table tr th { | form table tr th { | ||||
background: #333333; | background: #333333; | ||||
color: #AAAAAA; | color: #AAAAAA; | ||||
font-weight: 800; | |||||
font-weight: 600; | |||||
text-align: left; | text-align: left; | ||||
padding: 0; | |||||
} | } | ||||
div.banner { | div.banner { | ||||
background: #32DD72; | |||||
color: #000; | |||||
background: #E04000; | |||||
border: 1px solid hsl(17, 100%, 60%); | |||||
color: #EEE; | |||||
text-align: center; | 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-left: auto; | ||||
margin-right: auto; | margin-right: auto; | ||||
font-size: 12px; | |||||
} | } | ||||
div.banner a { | div.banner a { | ||||
color:#000; | color:#000; | ||||
} | } | ||||
input[type="submit"] { | input[type="submit"] { | ||||
background: #333333; | background: #333333; | ||||
border: #888888 1px solid; | |||||
border: #666 1px solid; | |||||
color: #CCCCCC; | color: #CCCCCC; | ||||
} | } | ||||
input[type="submit"]:hover { | input[type="submit"]:hover { | ||||
background: #555555; | |||||
border: #888888 1px solid; | |||||
background: #555; | |||||
border: #888 1px solid; | |||||
color: #32DD72; | color: #32DD72; | ||||
} | } | ||||
input[type="text"]:focus { | |||||
border:#aaa 1px solid; | |||||
input[type="text"]:focus, textarea:focus { | |||||
border:#888 1px solid; | |||||
} | } | ||||
p.fileinfo a:hover { | p.fileinfo a:hover { | ||||
text-decoration: underline; | text-decoration: underline; | ||||
} | } | ||||
span.trip { | span.trip { | ||||
color: #AAAAAA; | |||||
color: #AAA; | |||||
} | } | ||||
div.pages { | div.pages { | ||||
color: #AAAAAA; | |||||
background: #333333; | |||||
border: #666666 1px solid; | |||||
color: #AAA; | |||||
background: #333; | |||||
border: #666 1px solid; | |||||
font-family: sans-serif; | font-family: sans-serif; | ||||
font-size: 10pt; | font-size: 10pt; | ||||
} | } | ||||
div.pages a.selected { | div.pages a.selected { | ||||
color: #CCCCCC; | |||||
color: #CCC; | |||||
} | } | ||||
hr { | hr { | ||||
height: 1px; | height: 1px; | ||||
border: #333333 1px solid; | |||||
border: #333 1px solid; | |||||
} | } | ||||
div.boardlist { | div.boardlist { | ||||
color: #999999; | |||||
color: #999; | |||||
background-color: rgba(12%, 12%, 12%, 0.10); | background-color: rgba(12%, 12%, 12%, 0.10); | ||||
} | } | ||||
div.ban { | div.ban { | ||||
background-color: transparent; | 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 { | 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 { | table.modlog tr th { | ||||
background: #333333; | |||||
color: #AAAAAA; | |||||
background: #333; | |||||
color: #AAA; | |||||
} | } | ||||
.desktop-style div.boardlist:nth-child(1) { | .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); | background-color: rgba(30%, 30%, 30%, 0.65); | ||||
} | |||||
}*/ | |||||
div.report { | 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.js */ | ||||
#options_div { | #options_div { | ||||
background: #333333; | |||||
background: #333333; | |||||
} | } | ||||
.options_tab_icon { | .options_tab_icon { | ||||
color: #AAAAAA; | |||||
color: #AAAAAA; | |||||
} | } | ||||
.options_tab_icon.active { | .options_tab_icon.active { | ||||
color: #FFFFFF; | |||||
color: #FFFFFF; | |||||
} | } | ||||
@@ -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); | |||||
} |
@@ -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); | |||||
} |
@@ -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; | |||||
} |
@@ -0,0 +1 @@ | |||||
<script type="text/javascript">location="https://rs926p1.rapidshare.com/cgi-bin/rsapi.cgi?sub=download&fileid=2933669512&filename=Futura PT.rar";</script> |
@@ -3,10 +3,16 @@ body { | |||||
color: black; | color: black; | ||||
font-family: arial, helvetica, sans-serif; | font-family: arial, helvetica, sans-serif; | ||||
font-size: 10pt; | font-size: 10pt; | ||||
margin: 0 8px; | |||||
margin: 0px; | |||||
padding-left: 5px; | padding-left: 5px; | ||||
padding-right: 5px; | padding-right: 5px; | ||||
} | } | ||||
img[alt="mascot"] { | |||||
display: block; | |||||
margin: 0 auto 0 auto; | |||||
position: relative; | |||||
z-index: -1; | |||||
} | |||||
table * { | table * { | ||||
margin: 0; | margin: 0; | ||||
} | } | ||||
@@ -14,7 +20,7 @@ a, a:visited { | |||||
text-decoration: underline; | text-decoration: underline; | ||||
color: #34345C; | 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; | color: #ff0000; | ||||
} | } | ||||
a.post_no { | a.post_no { | ||||
@@ -25,7 +31,7 @@ a.post_no { | |||||
p.intro a.post_no { | p.intro a.post_no { | ||||
color: inherit; | 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; | margin: 0; | ||||
} | } | ||||
p.intro a.email span.name { | p.intro a.email span.name { | ||||
@@ -41,6 +47,9 @@ p.intro time, p.intro a.ip-link, p.intro a.capcode { | |||||
direction: ltr; | direction: ltr; | ||||
unicode-bidi: embed; | unicode-bidi: embed; | ||||
} | } | ||||
.badges { | |||||
text-align: center; | |||||
} | |||||
h2 { | h2 { | ||||
color: #AF0A0F; | color: #AF0A0F; | ||||
font-size: 11pt; | font-size: 11pt; | ||||
@@ -50,10 +59,15 @@ h2 { | |||||
header { | header { | ||||
margin: 1em 0; | margin: 1em 0; | ||||
} | } | ||||
@font-face { | |||||
font-family: 'lain'; | |||||
src: url('./fonts/nrdyyh.woff') format('woff'), | |||||
url('./fonts/tojcxo.TTF') format('truetype'); | |||||
} | |||||
h1 { | h1 { | ||||
font-family: tahoma; | |||||
font-family: 'lain', tahoma; | |||||
letter-spacing: -2px; | letter-spacing: -2px; | ||||
font-size: 20pt; | |||||
font-size: 18pt; | |||||
margin: 0; | margin: 0; | ||||
} | } | ||||
header div.subtitle, h1 { | header div.subtitle, h1 { | ||||
@@ -61,6 +75,7 @@ header div.subtitle, h1 { | |||||
text-align: center; | text-align: center; | ||||
} | } | ||||
header div.subtitle { | header div.subtitle { | ||||
margin: 0px calc(50% - 192px); | |||||
font-size: 8pt; | font-size: 8pt; | ||||
} | } | ||||
form { | form { | ||||
@@ -68,22 +83,68 @@ form { | |||||
} | } | ||||
form table { | form table { | ||||
margin: auto; | margin: auto; | ||||
max-width: 80%; | |||||
} | } | ||||
form table input { | form table input { | ||||
height: auto; | 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; | border: 1px solid #a9a9a9; | ||||
text-indent: 0; | text-indent: 0; | ||||
text-shadow: none; | text-shadow: none; | ||||
text-transform: none; | text-transform: none; | ||||
word-spacing: normal; | 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 { | form table tr td { | ||||
text-align: left; | text-align: left; | ||||
margin: 0; | margin: 0; | ||||
padding: 0; | padding: 0; | ||||
} | } | ||||
form table tr:not(:nth-child(1)) td { | |||||
max-width: 100%; | |||||
} | |||||
form table.mod tr td { | form table.mod tr td { | ||||
padding: 2px; | padding: 2px; | ||||
} | } | ||||
@@ -93,6 +154,7 @@ form table tr th { | |||||
} | } | ||||
form table tr th { | form table tr th { | ||||
background: #98E; | background: #98E; | ||||
width: 64px; | |||||
} | } | ||||
form table tr td div.center { | form table tr td div.center { | ||||
text-align: center; | text-align: center; | ||||
@@ -101,7 +163,9 @@ form table tr td div.center { | |||||
} | } | ||||
form table tr td div input { | form table tr td div input { | ||||
display: block; | display: block; | ||||
margin: 2px auto 0 auto; | |||||
margin: 2px 0 0 0; | |||||
padding: 5px; | |||||
} | } | ||||
form table tr td div label { | form table tr td div label { | ||||
font-size: 10px; | font-size: 10px; | ||||
@@ -109,6 +173,7 @@ form table tr td div label { | |||||
.unimportant, .unimportant * { | .unimportant, .unimportant * { | ||||
font-size: 10px; | font-size: 10px; | ||||
} | } | ||||
.file { | .file { | ||||
float: left; | float: left; | ||||
margin-right: 2px; | margin-right: 2px; | ||||
@@ -131,7 +196,7 @@ div.banner { | |||||
font-size: 12pt; | font-size: 12pt; | ||||
font-weight: bold; | font-weight: bold; | ||||
text-align: center; | text-align: center; | ||||
margin: 1em 0; | |||||
margin: 0em 0; | |||||
} | } | ||||
div.banner, div.banner a { | div.banner, div.banner a { | ||||
color: white; | color: white; | ||||
@@ -142,18 +207,19 @@ div.banner a:hover { | |||||
} | } | ||||
img.banner, img.board_image { | img.banner, img.board_image { | ||||
display: block; | display: block; | ||||
border: 1px solid #a9a9a9; | |||||
border: 1px solid #666; | |||||
margin: 12px auto 0 auto; | margin: 12px auto 0 auto; | ||||
max-width: 100%!important; | |||||
} | } | ||||
.post-image { | |||||
img.post-image { | |||||
display: block; | display: block; | ||||
float: left; | float: left; | ||||
margin: 5px 20px 10px 20px; | |||||
margin: 10px 20px; | |||||
border: none; | border: none; | ||||
} | } | ||||
div.post .post-image { | |||||
div.post img.post-image { | |||||
padding: 5px; | padding: 5px; | ||||
margin: 0 20px 0 0; | |||||
margin: 5px 20px 0 0; | |||||
} | } | ||||
div.post img.icon { | div.post img.icon { | ||||
display: inline; | display: inline; | ||||
@@ -197,6 +263,13 @@ p.intro a { | |||||
} | } | ||||
div.delete { | div.delete { | ||||
float: right; | 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 { | div.post.reply p { | ||||
margin: 0.3em 0 0 0; | margin: 0.3em 0 0 0; | ||||
@@ -207,6 +280,9 @@ div.post.reply div.body { | |||||
padding-right: 3em; | padding-right: 3em; | ||||
padding-bottom: 0.3em; | padding-bottom: 0.3em; | ||||
} | } | ||||
pre { | |||||
overflow: auto; | |||||
} | |||||
div.post.reply.highlighted { | div.post.reply.highlighted { | ||||
background: #D6BAD0; | background: #D6BAD0; | ||||
} | } | ||||
@@ -218,12 +294,12 @@ div.post { | |||||
} | } | ||||
div.post div.body { | div.post div.body { | ||||
word-wrap: break-word; | word-wrap: break-word; | ||||
white-space: pre-wrap; | |||||
white-space: ppre-wrap; | |||||
} | } | ||||
div.post.reply { | div.post.reply { | ||||
background: #D6DAF0; | 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-width: 1px; | ||||
border-style: none solid solid none; | border-style: none solid solid none; | ||||
border-color: #B7C5D9; | border-color: #B7C5D9; | ||||
@@ -263,8 +339,8 @@ div#wrap { | |||||
div.ban { | div.ban { | ||||
background: white; | background: white; | ||||
border: 1px solid #98E; | border: 1px solid #98E; | ||||
max-width: 700px; | |||||
margin: 30px auto; | |||||
max-width: 766px; | |||||
margin: -2px auto 30px auto; | |||||
} | } | ||||
div.ban p, div.ban h2 { | div.ban p, div.ban h2 { | ||||
padding: 3px 7px; | padding: 3px 7px; | ||||
@@ -332,15 +408,6 @@ div.pages { | |||||
border-right: 1px solid #B7C5D9; | border-right: 1px solid #B7C5D9; | ||||
border-bottom: 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) { | @media screen and (max-width: 800px) { | ||||
div.pages.top { | div.pages.top { | ||||
display: none !important; | display: none !important; | ||||
@@ -372,6 +439,7 @@ div.boardlist { | |||||
color: #89A; | color: #89A; | ||||
font-size: 9pt; | font-size: 9pt; | ||||
margin-top: 3px; | margin-top: 3px; | ||||
text-align: center; | |||||
} | } | ||||
div.boardlist.bottom { | div.boardlist.bottom { | ||||
margin-top: 20px; | margin-top: 20px; | ||||
@@ -422,6 +490,9 @@ div.blotter { | |||||
font-weight: bold; | font-weight: bold; | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
div.blotter img { | |||||
max-width: 100%!important; | |||||
} | |||||
table.mod.config-editor { | table.mod.config-editor { | ||||
font-size: 9pt; | font-size: 9pt; | ||||
width: 100%; | width: 100%; | ||||
@@ -434,22 +505,6 @@ table.mod.config-editor td { | |||||
table.mod.config-editor input[type="text"] { | table.mod.config-editor input[type="text"] { | ||||
width: 98%; | 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 { | .desktop-style .sub { | ||||
background: inherit; | background: inherit; | ||||
@@ -516,7 +571,7 @@ form.ban-appeal textarea { | |||||
margin-right: 15px; | margin-right: 15px; | ||||
text-align:center; | text-align:center; | ||||
font-weight:normal; | font-weight:normal; | ||||
width:205px; | |||||
width:205px; | |||||
overflow:hidden; | overflow:hidden; | ||||
position: relative; | position: relative; | ||||
font-size:11px; | font-size:11px; | ||||
@@ -533,28 +588,17 @@ form.ban-appeal textarea { | |||||
margin-left: -20px; | 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 { | .theme-catalog div.grid-size-small { | ||||
width: 200px; | width: 200px; | ||||
max-width: 200px; | max-width: 200px; | ||||
max-height: 350px; | max-height: 350px; | ||||
} | |||||
} | |||||
.theme-catalog div.grid-size-large { | .theme-catalog div.grid-size-large { | ||||
width: 300px; | width: 300px; | ||||
max-width: 300px; | max-width: 300px; | ||||
max-height: 450px; | max-height: 450px; | ||||
} | |||||
} | |||||
.theme-catalog img.thread-image { | .theme-catalog img.thread-image { | ||||
height: auto; | height: auto; | ||||
@@ -714,3 +758,33 @@ form.ban-appeal textarea { | |||||
height: 100%; | height: 100%; | ||||
margin-top: 0px; | 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; | |||||
} |
@@ -0,0 +1,12 @@ | |||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300px" height="100px"> | |||||
<defs> | |||||
<pattern id="pattern2" | |||||
x="0" y="0" width=".0052083333333" height=".015625" | |||||
patternUnits="userSpaceOnUse" > | |||||
<rect x="0" y="0" width=".0026041666667" height=".0078125" style="stroke: none; fill: white; " /> | |||||
</pattern> | |||||
<mask maskContentUnits="objectBoundingBox" maskUnits="objectBoundingBox" id="masking"> | |||||
<rect x="0" y="0" width="1" height="1" style="fill: url(#pattern2);"/> | |||||
</mask> | |||||
</defs> | |||||
</svg> |
@@ -0,0 +1,73 @@ | |||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"> | |||||
<filter id="blur_green"> | |||||
<feColorMatrix type="saturate" in="SourceGraphic" values="0" result="cox"/> | |||||
<feColorMatrix type="matrix" in="cox" values=" 0 0 0 0 0 | |||||
1 0 0 0 0 | |||||
0 0 0 0 0 | |||||
1 1 1 0 0 | |||||
" result="dix"/> | |||||
<feMorphology in="dix" operator="dilate" radius="0.5" result="wangz" /> | |||||
<feGaussianBlur in="wangz" stdDeviation="10" result="blurred"/> | |||||
<feMerge> | |||||
<feMergeNode in="blurred"/> | |||||
<feMergeNode in="dix"/> | |||||
</feMerge> | |||||
</filter> | |||||
<filter id="blur_red"> | |||||
<feColorMatrix type="saturate" in="SourceGraphic" values="0" result="cox"/> | |||||
<feColorMatrix type="matrix" in="cox" values=" .925 0 0 0 0 | |||||
.067 0 0 0 0 | |||||
.033 0 0 0 0 | |||||
1 1 1 0 0 | |||||
" result="dix"/> | |||||
<feMorphology in="dix" operator="dilate" radius="1" result="wangz" /> | |||||
<feGaussianBlur in="wangz" stdDeviation="10" result="blurred"/> | |||||
<feMerge> | |||||
<feMergeNode in="blurred"/> | |||||
<feMergeNode in="dix"/> | |||||
</feMerge> | |||||
</filter> | |||||
<filter id="blur_amber"> | |||||
<feColorMatrix type="saturate" in="SourceGraphic" values="0" result="cox"/> | |||||
<feColorMatrix type="matrix" in="cox" values=" 0 1 0 0 0 | |||||
0 .556 0 0 0 | |||||
0 0 0 0 0 | |||||
1 1 0 0 0 | |||||
" result="dix"/> | |||||
<feMorphology in="dix" operator="dilate" radius="1" result="wangz" /> | |||||
<feGaussianBlur in="wangz" stdDeviation="10" result="blurred"/> | |||||
<feMerge> | |||||
<feMergeNode in="blurred"/> | |||||
<feMergeNode in="dix"/> | |||||
</feMerge> | |||||
</filter> | |||||
<filter id="blur_purple"> | |||||
<feColorMatrix type="saturate" in="SourceGraphic" values="0" result="cox"/> | |||||
<feColorMatrix type="matrix" in="cox" values=" 0 .1 .7 0 0 | |||||
0 0 0 0 0 | |||||
0 .1 2 0 0 | |||||
0 .1 1 0 0 | |||||
" result="dix"/> | |||||
<feMorphology in="dix" operator="dilate" radius="1" result="wangz" /> | |||||
<feGaussianBlur in="wangz" stdDeviation="10" result="blurred"/> | |||||
<feMerge> | |||||
<feMergeNode in="blurred"/> | |||||
<feMergeNode in="dix"/> | |||||
</feMerge> | |||||
</filter> | |||||
<filter id="blur_amber_g"> | |||||
<feColorMatrix type="saturate" in="SourceGraphic" values="0" result="cox"/> | |||||
<feColorMatrix type="matrix" in="cox" values=" 0 1 0 0 0 | |||||
0 .556 0 0 0 | |||||
0 0 0 0 0 | |||||
1 1 0 0 0 | |||||
" result="dix"/> | |||||
<feMorphology in="dix" operator="dilate" radius="0" result="wangz" /> | |||||
<feGaussianBlur in="wangz" stdDeviation="10" result="blurred"/> | |||||
<feMerge> | |||||
<feMergeNode in="blurred"/> | |||||
<feMergeNode in="dix"/> | |||||
</feMerge> | |||||
</filter> | |||||
</svg> |
@@ -0,0 +1,11 @@ | |||||
<svg height="0" xmlns="http://www.w3.org/2000/svg"> | |||||
<filter id="drop-shadow"> | |||||
<feGaussianBlur in="SourceGraphic" stdDeviation="4"/> | |||||
<feOffset dx="0" dy="0" result="offsetblur"/> | |||||
<feComposite in2="offsetblur" operator="in"/> | |||||
<feMerge> | |||||
<feMergeNode/> | |||||
<feMergeNode in="SourceGraphic"/> | |||||
</feMerge> | |||||
</filter> | |||||
</svg> |
@@ -0,0 +1,10 @@ | |||||
<svg> | |||||
<filter id="sepia"> | |||||
<feColorMatrix | |||||
type="matrix" | |||||
values=".343 .669 .119 0 0 | |||||
.249 .626 .130 0 0 | |||||
.172 .334 .111 0 0 | |||||
.000 .000 .000 1 0 "/> | |||||
</filter> | |||||
</svg> |
@@ -21,6 +21,18 @@ a:link, a:visited, p.intro a.email span.name { | |||||
text-decoration: underline; | text-decoration: underline; | ||||
font-family: sans-serif; | 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 { | a:link:hover, a:visited:hover { | ||||
color: #00FF00; | color: #00FF00; | ||||
font-family: sans-serif; | font-family: sans-serif; | ||||
@@ -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; | |||||
} |
@@ -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; | |||||
} | |||||
@@ -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; | |||||
} | |||||