-
39 changed files with 7019 additions and 186 deletions
@ -0,0 +1,372 @@ |
|||
/** |
|||
* 500px.css |
|||
* kalyx is terrible at css |
|||
*/ |
|||
|
|||
body |
|||
{ |
|||
display:block; |
|||
padding-top: 26px; |
|||
background: #0d1010; |
|||
color: #d2e7e8; |
|||
font-family: sans-serif; |
|||
font-size: 13px; |
|||
border: solid 1px #803474; |
|||
|
|||
max-width: 568px; |
|||
} |
|||
|
|||
html { |
|||
/* Size of largest container or bigger */ |
|||
background-image:url(http://a.pomf.se/qsoodu.png); |
|||
max-width: 568px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
border: double 0px #93e0e3; |
|||
box-shadow: 2px 3px #803474; |
|||
} |
|||
|
|||
.board_image{ |
|||
display: none; |
|||
} |
|||
|
|||
div.sidearrows{ |
|||
display: none; |
|||
} |
|||
|
|||
span.quote |
|||
{ |
|||
color:#6fc58a; |
|||
} |
|||
@font-face |
|||
{ |
|||
font-family: 'lain'; |
|||
src: url('./fonts/nrdyyh.woff') format('woff'), |
|||
url('./fonts/tojcxo.TTF') format('truetype'); |
|||
} |
|||
h1 |
|||
{ |
|||
display: none; |
|||
font-family: 'lain', tahoma; |
|||
|
|||
letter-spacing: -2px; |
|||
font-size: 42pt; |
|||
text-align: center; |
|||
color: #d2e7e8; |
|||
|
|||
} |
|||
header div.subtitle |
|||
{ |
|||
display: none; |
|||
color: #d2e7e8; |
|||
font-size: 13px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
max-width:385px; |
|||
} |
|||
div.title |
|||
{ |
|||
display: none; |
|||
color: #ce54ba; |
|||
font-family: Arial, Helvetica, sans-serif; |
|||
|
|||
} |
|||
div.title p |
|||
{ |
|||
font-size: 8px; |
|||
color: #ce54ba; |
|||
} |
|||
a:link, a:visited, p.intro a.email span.name |
|||
{ |
|||
color: #d2e7e8; |
|||
text-transform: uppercase; |
|||
font-size: 10px; |
|||
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: #ce54ba; |
|||
font-family: sans-serif; |
|||
text-decoration: none; |
|||
text-shadow: 0px 0px 5px #ce54ba; |
|||
} |
|||
a.post_no |
|||
{ |
|||
color: #ce54ba; |
|||
text-decoration: none; |
|||
} |
|||
p.intro a.post_no:hover |
|||
{ |
|||
color: #32DD72!important; |
|||
} |
|||
div.post.reply |
|||
{ |
|||
background: #0d1010; |
|||
align: center; |
|||
max-width:96% !important; |
|||
min-width: 96%!important; |
|||
border: solid 1px #ce54ba; |
|||
box-shadow: 2px 2px #803474; |
|||
|
|||
|
|||
} |
|||
|
|||
div.postcontainer |
|||
{ |
|||
max-width:100% !important; |
|||
min-width: 100%!important; |
|||
|
|||
} |
|||
div.post.reply.highlighted |
|||
{ |
|||
background: #1e2324; |
|||
border: solid 1px #93e0e3; |
|||
box-shadow: 3px 5px #5c8c8e; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
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: #ce54ba; |
|||
|
|||
} |
|||
p.intro span.subject |
|||
{ |
|||
font-size: 12px; |
|||
font-family: sans-serif; |
|||
color: #ce54ba; |
|||
font-weight: 800; |
|||
|
|||
} |
|||
p.intro span.name |
|||
{ |
|||
color: #32DD72; |
|||
font-weight: 800; |
|||
} |
|||
p.intro a.capcode, p.intro a.nametag |
|||
{ |
|||
color: magenta; |
|||
margin-left: 0; |
|||
} |
|||
p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name |
|||
{ |
|||
color: #32ddaf; |
|||
|
|||
} |
|||
input[type="text"], textarea, select |
|||
{ |
|||
background: #0d1010!important; |
|||
color: #CCCCCC!important; |
|||
border: solid 1px #ce54ba; |
|||
box-shadow: 1px 1px #803474; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
|
|||
|
|||
} |
|||
input[type="password"] |
|||
{ |
|||
background: #0d1010!important; |
|||
color: #CCCCCC!important; |
|||
border: #d2e7e8 1px double!important; |
|||
} |
|||
form table tr th |
|||
{ |
|||
background: #0d1010!important; |
|||
color: #d2e7e8!important; |
|||
border: solid 1px #ce54ba; |
|||
box-shadow: 1px 1px #803474; |
|||
text-align: right; |
|||
|
|||
} |
|||
div.banner |
|||
{ |
|||
|
|||
background: #E04000; |
|||
border: 0px solid hsl(17, 100%, 60%); |
|||
color: #EEE; |
|||
text-align: center; |
|||
height: 15px; |
|||
padding: 1px 1px 4px 1px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
div.banner a |
|||
{ |
|||
color:#000; |
|||
} |
|||
input[type="submit"] |
|||
{ |
|||
background: #333333; |
|||
border: #666 1px solid; |
|||
color: #CCCCCC; |
|||
} |
|||
input[type="submit"]:hover |
|||
{ |
|||
background: #555; |
|||
border: #888 1px solid; |
|||
color: #32DD72; |
|||
} |
|||
input[type="text"]:focus, textarea:focus |
|||
{ |
|||
border:#888 1px solid!important; |
|||
} |
|||
p.fileinfo a:hover |
|||
{ |
|||
text-decoration: underline; |
|||
} |
|||
span.trip |
|||
{ |
|||
color: #AAA; |
|||
} |
|||
.bar |
|||
{ |
|||
background: #0c0c0c!important; |
|||
-moz-box-shadow: 0 0 40px #000; |
|||
-webkit-box-shadow: 0 0 40px #000; |
|||
|
|||
|
|||
|
|||
|
|||
} |
|||
.bar.top |
|||
{ |
|||
border: solid 1px #803474; |
|||
box-shadow: 6px 2px #803474; |
|||
|
|||
} |
|||
.bar.bottom |
|||
{ |
|||
border-top: 0px solid #666; |
|||
border: solid 1px #803474; |
|||
|
|||
|
|||
} |
|||
div.pages |
|||
{ |
|||
color: #d2e7e8 ; |
|||
background: #333; |
|||
border: #666 0px solid; |
|||
font-family: sans-serif; |
|||
font-size: 10pt; |
|||
} |
|||
div.pages a.selected |
|||
{ |
|||
color: #d2e7e8 ; |
|||
} |
|||
hr |
|||
{ |
|||
height: 0px; |
|||
border: #d2e7e8 2px solid; |
|||
|
|||
} |
|||
div.boardlist |
|||
{ |
|||
color: #d2e7e8; |
|||
} |
|||
|
|||
div.ban |
|||
{ |
|||
background-color: #0d1010; |
|||
border: 0px solid #555; |
|||
-moz-border-radius: 2px; |
|||
-webkit-border-radius: 2px; |
|||
border-radius: 2px; |
|||
text-align: left!important; |
|||
font-size: 13px; |
|||
|
|||
} |
|||
div.ban h2 |
|||
{ |
|||
background: #333; |
|||
color: #d2e7e8; |
|||
padding: 3px 7px; |
|||
font-size: 12pt; |
|||
border-bottom: 1px solid #555; |
|||
} |
|||
div.ban h2:not(:nth-child(1)) |
|||
{ |
|||
border-top: 0px solid #555; |
|||
} |
|||
table.modlog tr th |
|||
{ |
|||
background: #333; |
|||
color: #AAA; |
|||
} |
|||
|
|||
div.report |
|||
{ |
|||
color: #666; |
|||
} |
|||
.pages, .board_image, input, .reply, form table th, textarea, a img, select, .banner |
|||
{ |
|||
-webkit-border-radius: 2px; |
|||
-khtml-border-radius: 2px; |
|||
-moz-border-radius: 2px; |
|||
-o-border-radius: 2px; |
|||
-ms-border-radius: 2px; |
|||
border-radius: 2px; |
|||
} |
|||
.blur |
|||
{ |
|||
filter: blur(20px); |
|||
-webkit-filter: blur(23px); |
|||
-moz-filter: blur(23px); |
|||
-o-filter: blur(23px); |
|||
-ms-filter: blur(23px); |
|||
filter: url(svg/blur.svg#blur); |
|||
} |
|||
|
|||
/* options.js */ |
|||
#options_div |
|||
{ |
|||
background: #333333; |
|||
} |
|||
.options_tab_icon |
|||
{ |
|||
color: #AAAAAA; |
|||
} |
|||
.options_tab_icon.active |
|||
{ |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
|
|||
|
|||
.blotter |
|||
{ |
|||
color: #DCA1F5!important; |
|||
} |
|||
@ -0,0 +1,482 @@ |
|||
DIV.announcement.apr212015.board-owners-or-users-feel-free-to-hide |
|||
{color: #fff;} |
|||
|
|||
form table tr td { |
|||
background-color: rgb(43, 43, 43);} |
|||
|
|||
/*monoelains ez css for VIP quality imageboards. steal this .css and edit it to your liking. */ |
|||
|
|||
|
|||
|
|||
|
|||
/*Bottom bar settings for lainchan.org CSS theft by kalyx*/ |
|||
|
|||
.bar { |
|||
-moz-box-shadow: 0 0 0px #d1d5ee; |
|||
-webkit-box-shadow: 0 0 0px #d1d5ee; |
|||
box-shadow: 0 0 0px #d1d5ee; |
|||
display: table; |
|||
position: fixed; |
|||
width: 100%; |
|||
left: 0px; |
|||
z-index: 3; |
|||
background-color: #35363b; |
|||
border-color: #39d958; |
|||
} |
|||
.bar.bottom { |
|||
bottom: 0px; |
|||
border-top: 1px solid #333333; |
|||
background-color: #1A1A1A !important; |
|||
} |
|||
|
|||
/* OPTION HIDING */ |
|||
|
|||
|
|||
/*removes footer (STI pls dont sue) |
|||
footer { |
|||
display:none; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
/* hides AA in catalog */ |
|||
.theme-catalog span.aa { |
|||
display: none !important; |
|||
} |
|||
|
|||
/* hides expand all images */ |
|||
#expand-all-images { |
|||
display: none; |
|||
} |
|||
|
|||
/* hides hints*/ |
|||
.hint { |
|||
display: none; |
|||
} |
|||
|
|||
/* hides horizontal bar */ |
|||
hr { |
|||
display: none; |
|||
} |
|||
|
|||
/*banner stuff*/ |
|||
img.banner, img.board_image { |
|||
border: 1px solid #989898; |
|||
background-color: #B2A50F; |
|||
display: ; |
|||
box-shadow: 3px 5px #989898; |
|||
margin: 30px auto 0px; |
|||
margin-top: 50px; |
|||
} |
|||
|
|||
/* hides delete options (obsolete) */ |
|||
div.delete { |
|||
display: none; |
|||
} |
|||
|
|||
/*makes files align vertically (hw pls fix this shit)*/ |
|||
.file { |
|||
display: block; |
|||
margin-right: 11px; |
|||
} |
|||
|
|||
|
|||
/*expanded image border/shadow*/ |
|||
.full-image { |
|||
border-top-right-radius: 0; |
|||
box-shadow: 3px 5px #2e8b57; |
|||
border: solid 1px #2e8b57; |
|||
border-bottom-right-radius: 0; |
|||
border-bottom-left-radius: 0; |
|||
border-top-left-radius: 0; |
|||
padding: 5px; |
|||
margin: 0px 0px 0px; |
|||
border-radius: 0; |
|||
max-width: 80% !important; |
|||
float: none; |
|||
background-color: #2b2b2b; |
|||
} |
|||
|
|||
/*gives quick reply its border/shadow*/ |
|||
#quick-reply table { |
|||
background: none repeat scroll 0 0 #2b2b2b; |
|||
border: 1px solid #989898; |
|||
margin: 0; |
|||
box-shadow: 3px 5px #989898; |
|||
width: auto !important; |
|||
} |
|||
|
|||
/*makes posting form maroon*/ |
|||
form table tr th { |
|||
background-color: #2e8b57; |
|||
color: #2b2b2b; |
|||
font-family: "Lucida Console", Monaco, monospace; |
|||
} |
|||
|
|||
/*gives images border/shadow*/ |
|||
div.files img.post-image { |
|||
box-shadow: 3px 5px #4D4D4D; |
|||
background-color: #2b2b2b; |
|||
border: solid 1px #4D4D4D; |
|||
padding: 0px; |
|||
border-radius: 0; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
/* makes Youtube thumbs not obscenely big */ |
|||
div.video-container { |
|||
width: auto !important; |
|||
height: auto !important; |
|||
max-height: 50% !important; |
|||
max-width: 50% !important; |
|||
} |
|||
|
|||
/* Image thumbs size limit (make as big as you want)*/ |
|||
.post-image { |
|||
border: solid 1px #2e8b57; |
|||
height: auto !important; |
|||
width: auto !important; |
|||
max-height: 60%; |
|||
max-width: 60%; |
|||
box-shadow: 3px 5px #2e8b57; |
|||
padding: 5px; |
|||
background-color: #2b2b2b; |
|||
} |
|||
|
|||
/* Keep small thumbnails in replies */ |
|||
.post.reply a:not([data-expanded="true"]) .post-image { |
|||
width: auto !important; |
|||
height: auto !important; |
|||
max-height: 60%; |
|||
max-width: 60%; |
|||
} |
|||
|
|||
/* reply box size */ |
|||
.input[type="text"], textarea { |
|||
min-height: 117px; |
|||
min-width: 240px; |
|||
} |
|||
|
|||
/*boardwide font stuff goes here also background image*/ |
|||
body { |
|||
padding: 0; |
|||
font-family: "Lucida Console", Monaco, monospace; |
|||
font-size: 14px; |
|||
background: url("../static/rRLs7q4.png") fixed repeat top #000000; |
|||
float: left; |
|||
margin-left: 10px; |
|||
margin-right: 35px; |
|||
} |
|||
/*saves one pixel of space*/ |
|||
header { |
|||
margin-bottom: 0px; |
|||
} |
|||
|
|||
/*gives posting table its border/shadow*/ |
|||
form table { |
|||
max-width: 500px; |
|||
min-width: 100% |
|||
|
|||
display: inline-block; |
|||
margin: 5px auto; |
|||
background-color: #2b2b2b; |
|||
border: solid 1px #989898; |
|||
color: #61CE3C; |
|||
padding: 5px; |
|||
box-shadow: 3px 3px #989898 !important; |
|||
} |
|||
|
|||
/*gives threads its border/shadow*/ |
|||
div[id^="thread_"] { |
|||
background-color: #1A1A1A; |
|||
color: #61CE3C; |
|||
margin-bottom: 20px; |
|||
padding: 10px; |
|||
border: solid 1px #7b68ee; |
|||
width: 100%; |
|||
box-shadow: 3px 5px #7b68ee; |
|||
} |
|||
|
|||
/*adds horizontal bar below subject*/ |
|||
p.intro { |
|||
background-image: "../static/Ua5aMb0.png"; |
|||
background-repeat: repeat-x; |
|||
background-position: bottom; |
|||
padding-bottom: 7px; |
|||
} |
|||
|
|||
/*gives replies border/shadow*/ |
|||
div.post.reply { |
|||
max-width: 95% !important; |
|||
box-shadow: 3px 5px #2e8b57; |
|||
padding: 4px; |
|||
margin-top: 9px; |
|||
border: solid 1px #2e8b57; |
|||
background-color: #2b2b2b; |
|||
} |
|||
|
|||
/*unfucks highlighting replies and gives border/shadow*/ |
|||
div.post.reply.highlighted { |
|||
background-color: #2b2b2b; |
|||
border: solid 1px #93e0e3; |
|||
box-shadow: 3px 5px #93e0e3; |
|||
} |
|||
|
|||
/*dont touch this*/ |
|||
div.body { |
|||
display: block; |
|||
clear: both; |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
/*makes page bar have border/shadow*/ |
|||
div.pages { |
|||
box-shadow: 3px 5px #2e8b57; |
|||
width: 100%; |
|||
display: block; |
|||
clear: both; |
|||
border: solid 1px #2e8b57; |
|||
/*background-color: #2b2b2b;*/ |
|||
} |
|||
|
|||
/*hovered links have underline*/ |
|||
a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
/*stops textbox resizing shenanigans*/ |
|||
.input[type="text"], textarea { |
|||
font-size: 14px; |
|||
max-width: 9000px; |
|||
font-family: "Lucida Console", Monaco, monospace; |
|||
min-height: 115px; |
|||
min-width: 270px; |
|||
background-color: #1A1A1A; |
|||
color: #61CE3C; |
|||
} |
|||
|
|||
input { |
|||
background-color: #1A1A1A; |
|||
color: #61CE3C; |
|||
} |
|||
select { |
|||
background-color: #1A1A1A; |
|||
color: #61CE3C; |
|||
} |
|||
|
|||
/*boardname nice font. replace with something classy someday*/ |
|||
header div.subtitle, h1 { |
|||
font-family: "Lucida Console", Monaco, monospace; |
|||
color: #cc0000; |
|||
} |
|||
|
|||
/*announcement font and color*/ |
|||
div.blotter { |
|||
padding: 15px; |
|||
color: #cc0000; |
|||
font-family: "Lucida Console", Monaco, monospace; |
|||
} |
|||
|
|||
/*makes links red*/ |
|||
a { |
|||
color: #c80b63; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
/*top boardlist stuff. change position to "fixed" to make it behave like normal 8chan*/ |
|||
div.boardlist:not(.bottom) { |
|||
background-color: #1A1A1A !important; |
|||
text-align: center; |
|||
padding: 5px 1px; |
|||
letter-spacing: -2px; |
|||
color: #989898; |
|||
font-size: 11px; |
|||
border-bottom: double 3px #989898 !important; |
|||
position:fixed; |
|||
} |
|||
|
|||
/*favorites in a new line*/ |
|||
div.boardlist span.favorite-boards { |
|||
display: ; |
|||
} |
|||
|
|||
@-moz-document url-prefix() { |
|||
|
|||
div.boardlist { |
|||
word-spacing:-1px !important; |
|||
} |
|||
|
|||
} |
|||
|
|||
/*subject color*/ |
|||
p.intro span.subject { |
|||
color: #7b68ee; |
|||
} |
|||
|
|||
/*bottom boardlist centered*/ |
|||
|
|||
div.boardlist.bottom { |
|||
text-align: center; |
|||
background-color: #1A1A1A; |
|||
border: solid 1px #989898; |
|||
box-shadow: 3px 7px #989898; |
|||
width: 100%; |
|||
margin: 15px; |
|||
|
|||
|
|||
} |
|||
|
|||
/*colors name*/ |
|||
p.intro span.name { |
|||
color: #989898; |
|||
font-family: ; |
|||
} |
|||
|
|||
/*catalog stuff*/ |
|||
.theme-catalog div.thread { |
|||
background-color: #2b2b2b; |
|||
color: #61CE3C; |
|||
border: solid 1px #2e8b57; |
|||
} |
|||
|
|||
.theme-catalog div.thread:hover { |
|||
background-color: #383838; |
|||
border: solid 1px #2e8b57; |
|||
} |
|||
|
|||
span.trip { |
|||
color: rgb(34, 136, 84); |
|||
} |
|||
|
|||
#updater, #thread-links { |
|||
background-color: #2b2b2b; |
|||
border:solid 1px #989898; |
|||
padding: 5px; |
|||
margin: 5px; |
|||
box-shadow: 3px 5px #989898; |
|||
color: #989898; |
|||
} |
|||
|
|||
A#update_thread |
|||
{color: #ffffff;} |
|||
A#thread-catalog |
|||
{color: #ffffff;} |
|||
A#thread-top |
|||
{color: #ffffff;} |
|||
A#thread-return |
|||
{color: #ffffff;} |
|||
|
|||
div.banner { |
|||
width: 380px; |
|||
display:block; |
|||
margin-left:auto; |
|||
margin-right:auto; |
|||
|
|||
} |
|||
|
|||
#quick-reply th .close-btn{ |
|||
color:#ffffff; |
|||
|
|||
} |
|||
|
|||
div.post-hover { |
|||
|
|||
border: solid 1px #2e8b57; |
|||
box-shadow: 3px 5px #2e8b57; |
|||
max-width: 50%; |
|||
} |
|||
|
|||
span.subject:after { content: '\A'; white-space:pre; } |
|||
SPAN.controls.op:before { content: '\A'; white-space:pre; } |
|||
|
|||
a:visited {color: #97094b} |
|||
|
|||
.quote {color: #93e0e3;} |
|||
a:hover,p.intro a.post_no:hover { |
|||
color: #ff0000 !important; |
|||
} |
|||
|
|||
p.intro {color: #989898} |
|||
|
|||
p.intro a {color: #ffffff !important} |
|||
A.post_no {color:#989898} |
|||
|
|||
|
|||
p.fileinfo |
|||
{color: #989898 !important} |
|||
|
|||
p.fileinfo a:link{ |
|||
color: #989898; |
|||
} !important; |
|||
max-width: 50%; |
|||
} |
|||
|
|||
span.subject:after { content: '\A'; white-space:pre; } |
|||
SPAN.controls.op:before { content: '\A'; white-space:pre; } |
|||
|
|||
a:visited {color: #97094b} |
|||
|
|||
|
|||
p.intro {color: #989898} |
|||
|
|||
p.intro a {color: #ffffff !important} |
|||
A.post_no {color:#989898} |
|||
|
|||
|
|||
p.fileinfo |
|||
{color: #989898 !important} |
|||
|
|||
p.fileinfo a:link{ |
|||
color: #989898; |
|||
} |
|||
|
|||
DIV#thread_stats |
|||
{ |
|||
border: solid 1px #989898; |
|||
box-shadow: 3px 5px #989898; |
|||
color: #989898; |
|||
} |
|||
|
|||
DIV.file-hint |
|||
{background-color: #383838;} |
|||
div.dropzone |
|||
{background-color: #383838; |
|||
color: #ffffff} |
|||
|
|||
#options_div |
|||
{background-color: #383838; color: #61CE3C; |
|||
} |
|||
div.options_tab_icon |
|||
{color: #61CE3C;} |
|||
div.options_tab_icon.active |
|||
{color: #ffffff;} |
|||
#filter-container |
|||
{background-color: #707070; |
|||
color: #ffffff;} |
|||
#treeview |
|||
{display:none} |
|||
span.heading |
|||
{color: #FF6400} |
|||
body > footer:nth-child(19) |
|||
{color: #ffffff;} |
|||
div.boardlist a {color: #ffffff;} |
|||
|
|||
form table tr th { |
|||
color: #ffffff !important; |
|||
} |
|||
|
|||
p.intro a.email span.name{color: #c80b63} |
|||
p.intro span.capcode {color: #FBDE2D} |
|||
p.intro span.capcode:before {font-family: MS PGothic; content: "（ ´∀｀） 🔰"} |
|||
|
|||
|
|||
label {display:none} |
|||
|
|||
div.post-menu {color: #ffffff} |
|||
|
|||
|
|||
|
|||
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { |
|||
|
|||
div.boardlist:not(.bottom) {position: static;} |
|||
body { min-width: 100%;} |
|||
} |
|||
@ -0,0 +1,175 @@ |
|||
body { |
|||
background: #1D1F21; |
|||
color: #ACACAC; |
|||
font-family: Courier, monospace; |
|||
font-size: 13px; |
|||
} |
|||
|
|||
/* LINKS */ |
|||
a, a:link, a:visited, .intro a.email span.name { |
|||
color: #FFB300; |
|||
text-decoration: none; |
|||
} |
|||
a:link:hover, a:visited:hover { |
|||
color: #FFB300; |
|||
text-shadow: 0px 0px 5px #117743; |
|||
} |
|||
div.pages a.selected { |
|||
color: #FFB300; |
|||
} |
|||
|
|||
/* INTRO */ |
|||
h1, div.title, header div.subtitle { |
|||
color: #663E11; |
|||
font-family: Courier, monospace; |
|||
} |
|||
h1 { |
|||
font-size: 24pt; |
|||
font-weight: normal; |
|||
letter-spacing: 0px; |
|||
} |
|||
header div.subtitle { |
|||
font-size: 12pt; |
|||
} |
|||
|
|||
/* FORMS AND BUTTONS */ |
|||
div.banner { |
|||
background-color: inherit; |
|||
color: #ACACAC; |
|||
} |
|||
form table { |
|||
border: 1px dashed #117743; |
|||
padding-right: 1px; |
|||
} |
|||
form table tr th { |
|||
background: #282A2E; |
|||
border: 1px solid #117743; |
|||
border-radius: 5px; |
|||
} |
|||
input[type="text"], input[type="password"], textarea, select { |
|||
border: 1px double #07371F; |
|||
border-radius: 5px; |
|||
background: #282A2E; |
|||
color: #ACACAC; |
|||
font-family: Courier, monospace; |
|||
} |
|||
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { |
|||
box-shadow: 0px 0px 5px 2px #117743; |
|||
} |
|||
input[type="submit"] { |
|||
border: 3px double #07371F; |
|||
border-radius: 5px; |
|||
background: #16171A; |
|||
color: #ACACAC; |
|||
font-family: Courier, monospace; |
|||
font-weight: bold; |
|||
} |
|||
.dropzone { |
|||
background: #16171A; |
|||
border: 3px double #07371F; |
|||
color: #ACACAC; |
|||
} |
|||
.dropzone .file-hint { |
|||
color: #ACACAC; |
|||
font-weight: bold; |
|||
} |
|||
#quick-reply table { |
|||
background: #1D1F21 !important; |
|||
} |
|||
fieldset { |
|||
border: 1px dashed #117743; |
|||
} |
|||
|
|||
/* POST IDENTIFIERS */ |
|||
.intro span.subject { |
|||
color: #34ED3A; |
|||
} |
|||
.intro span.name { |
|||
color: #117743; |
|||
} |
|||
.intro span.trip { |
|||
color: #117743; |
|||
} |
|||
.intro a.capcode, p.intro a.nametag { |
|||
color: #FF0000; |
|||
font-weight: bold; |
|||
} |
|||
.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name { |
|||
color: #34ED97; |
|||
} |
|||
.intro time { |
|||
font-weight: bold; |
|||
} |
|||
.intro a.post_no { |
|||
color: #ACACAC; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
/* POST BOXES */ |
|||
div.post.reply { |
|||
background: #282A2E; |
|||
border: 1px solid #117743; |
|||
border-radius: 5px; |
|||
} |
|||
div.post.reply.highlighted { |
|||
background: rgba(59, 22, 43, 0.4); |
|||
border: 1px solid #117743; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
/* POST CONTENT */ |
|||
div.post.reply div.body a { |
|||
color: #FFB300; |
|||
} |
|||
.quote { |
|||
color: #789922; |
|||
} |
|||
|
|||
/* BARS */ |
|||
.bar { |
|||
background-color: #151515; |
|||
} |
|||
.bar.top { |
|||
border-bottom: 1px solid #B0790A; |
|||
} |
|||
.bar.bottom { |
|||
border-top: 1px solid #B0790A; |
|||
} |
|||
div.boardlist { |
|||
color: #ACACAC; |
|||
} |
|||
hr { |
|||
border: none; |
|||
border-top: 1pt solid #117743; |
|||
} |
|||
|
|||
/* CATALOG */ |
|||
.theme-catalog h1 { |
|||
color: #ACACAC; |
|||
font-size: 18pt; |
|||
font-weight: bold; |
|||
} |
|||
.theme-catalog h1 a { |
|||
font-weight: normal; |
|||
} |
|||
.theme-catalog div.thread, .theme-catalog div.thread:hover { |
|||
background: #282A2E; |
|||
border: 1px solid #117743; |
|||
border-radius: 5px; |
|||
font-size: 10pt; |
|||
} |
|||
|
|||
/* OPTIONS */ |
|||
#options_div, #alert_div { |
|||
background: #1D1F21; |
|||
border: 1px dashed #117743; |
|||
} |
|||
#options_tablist { |
|||
border-right: 1px dashed #117743; |
|||
} |
|||
.options_tab_icon { |
|||
color: #ACACAC; |
|||
} |
|||
.options_tab_icon.active { |
|||
color: #FFB300; |
|||
} |
|||
@ -0,0 +1,96 @@ |
|||
/** |
|||
* volafile.css fuck you |
|||
color change by kalyx |
|||
*/ |
|||
@import url("/stylesheets/dark.css"); |
|||
@font-face |
|||
{ |
|||
font-family: "DejaVuSansMono"; |
|||
src: url("/stylesheets/fonts/DejaVuSansMono.ttf") format("truetype"); |
|||
} |
|||
@font-face |
|||
{ |
|||
font-family: 'lain'; |
|||
src: url('./fonts/nrdyyh.woff') format('woff'), |
|||
url('./fonts/tojcxo.TTF') format('truetype'); |
|||
} |
|||
body { |
|||
background: #000000; |
|||
color: rgb(193, 180, 146); |
|||
font-family: monospace; |
|||
font-size: 11px; |
|||
} |
|||
.boardlist |
|||
{ |
|||
text-shadow: none!important; |
|||
} |
|||
header h1, header div.subtitle, form table tr th, form table tr td input |
|||
{ |
|||
color: #F12D67!important; |
|||
} |
|||
header h1 |
|||
{ |
|||
font-family: "DejaVuSansMono",sans-serif; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
|
|||
font-size: 32px; |
|||
letter-spacing: 0px; |
|||
margin-top: calc(-16px / 3 - 6.5px); |
|||
} |
|||
p.intro span.subject { |
|||
color: #32BFAB; |
|||
} |
|||
div.topbar, input[type="text"], select, form table tr th, form table tr td input[type="text"], form table tr td textarea, div.post.reply, [type="submit"], input[type="password"], div.pages |
|||
{ |
|||
background: #303030!important; |
|||
border-color: #5A5A5A!important; |
|||
color: #F12D67!important; |
|||
} |
|||
|
|||
div.post.reply.highlighted{ |
|||
background-color: #303030!important; |
|||
} |
|||
form table tr td input[type="text"]:focus, form table tr td textarea:focus |
|||
{ |
|||
border-color: #5A5A5A!important; |
|||
} |
|||
input[type="submit"][name="post"] |
|||
{ |
|||
color: #3A4040!important; |
|||
background-color: #303030!important; |
|||
border-color: #5A5A5A!important; |
|||
} |
|||
.blotter |
|||
{ |
|||
color: #303030!important; |
|||
} |
|||
hr { |
|||
border-color: #5A5A5A; |
|||
} |
|||
a |
|||
{ |
|||
color: #32BFAB!important; |
|||
} |
|||
|
|||
p.intro span.name |
|||
{ |
|||
color: #F12D67; |
|||
} |
|||
span.quote { |
|||
color: #E6E1E9; |
|||
} |
|||
span[style="color:orange;font-weight:bold"] |
|||
{ |
|||
color: #D880FC!important; |
|||
|
|||
} |
|||
a:hover, p.intro a.post_no:hover |
|||
{ |
|||
color: #EDEDED!important; |
|||
text-shadow: none!important; |
|||
} |
|||
i.fa |
|||
{ |
|||
color: #303030; |
|||
} |
|||
@ -0,0 +1,278 @@ |
|||
/*cyberpunk mod of ferus by kalyx |
|||
|
|||
B332E6 = dark purp |
|||
33cccc = teal |
|||
00ff00 = green |
|||
FF46D2 = pink |
|||
dark blue = 00080C |
|||
*/ |
|||
|
|||
body { |
|||
background: #0C0001; |
|||
color: #FF46D2; |
|||
font-family: monospace; |
|||
font-size: 11px; |
|||
/*text-shadow: 0px 0px 3px #FF46D2;*/ |
|||
} |
|||
.bar |
|||
{ |
|||
background-color: #0C0001; |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
div.boardlist{ |
|||
background-color: #0C0001!important; |
|||
|
|||
} |
|||
.bar.top |
|||
{ |
|||
border-bottom: 2px solid #3CC!important; |
|||
background-color: #0C0001; |
|||
|
|||
} |
|||
.bar.bottom |
|||
{ |
|||
border-top: 2px solid #3CC!important; |
|||
background-color: #0C0001; |
|||
|
|||
} |
|||
@font-face |
|||
{ |
|||
font-family: 'lain'; |
|||
src: url('./fonts/nrdyyh.woff') format('woff'), |
|||
url('./fonts/tojcxo.TTF') format('truetype'); |
|||
} |
|||
h1 { |
|||
font-family: monospace, Arial; |
|||
font-size: 18pt; |
|||
text-align: center; |
|||
letter-spacing: 0px; |
|||
} |
|||
div.title, h1 { |
|||
color: #FF46D2; |
|||
font-family: lain, Helvetica, sans-serif; |
|||
} |
|||
header div.subtitle { |
|||
color: #00ff00; |
|||
text-align: center; |
|||
text-shadow: 0px 0px 3px #00ff00; |
|||
} |
|||
div.title p { |
|||
font-size: 13px; |
|||
} |
|||
a:link, a:visited, p.intro a.email span.name { |
|||
color: #00ff00; |
|||
text-shadow: 0px 0px 10px #00ff00; |
|||
font-family: monospace; |
|||
} |
|||
pre.prettyprint { |
|||
background: #00080C; |
|||
|
|||
font-size: 12px; |
|||
line-height: 1.5; |
|||
border: 1px solid #33cccc; |
|||
padding: 10px; |
|||
} |
|||
|
|||
a:link, a:visited, p.intro a.email span.name |
|||
{ |
|||
-moz-transition: 0.15s text-shadow, 0.15s color; |
|||
-webkit-transition: 0.15s text-shadow, 0.15s color; |
|||
-khtml-transition: 0.15s text-shadow, 0.15s color; |
|||
-o-transition: 0.15s text-shadow, 0.15s color; |
|||
-ms-transition: 0.15s text-shadow, 0.15s color; |
|||
transition: 0.15s text-shadow, 0.15s color; |
|||
} |
|||
input[type="text"], textarea |
|||
{ |
|||
-moz-transition: 0.15s border-color; |
|||
-webkit-transition: 0.15s border-color; |
|||
-khtml-transition: 0.15s border-color; |
|||
-o-transition: 0.15s border-color; |
|||
-ms-transition: 0.15s border-color; |
|||
transition: 0.15s border-color; |
|||
} |
|||
input[type="submit"] |
|||
{ |
|||
-moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
-webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
-khtml-transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
-o-transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
-ms-transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
} |
|||
|
|||
|
|||
a:link:hover, a:visited:hover { |
|||
color: #00ff00; |
|||
font-family: monospace;; |
|||
text-shadow: 0px 0px 10px #00ff00; |
|||
} |
|||
strong { |
|||
|
|||
color: #00ff00; |
|||
} |
|||
a.post_no { |
|||
color: #33cccc; |
|||
text-decoration: none; |
|||
} |
|||
span.quote |
|||
{ |
|||
color:#00ff00; |
|||
} |
|||
a.post_no:hover { |
|||
color: maroon; |
|||
/*text-decoration: underline overline;*/ |
|||
} |
|||
div.post.reply { |
|||
background: #0C0001; |
|||
border: #33cccc 2px solid; |
|||
border-radius: 5px; |
|||
} |
|||
.de-pview { |
|||
background: rgba(14, 14, 14, 0.84) !important; |
|||
} |
|||
div.post.reply.highlighted { |
|||
background: transparent; |
|||
border: #1A6666 2px solid; |
|||
} |
|||
div.post.reply div.body a:link, div.post.reply div.body a:visited { |
|||
color: #646464; |
|||
} |
|||
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { |
|||
color: #00ff00; |
|||
} |
|||
p.intro span.subject { |
|||
font-size: 12px; |
|||
font-family: monospace; |
|||
color: #00ff00; |
|||
font-weight: 800; |
|||
text-shadow: 0px 0px 3px #00ff00; |
|||
} |
|||
p.intro span.name { |
|||
color: #00ff00; |
|||
font-weight: 900; |
|||
text-shadow: 0px 0px 3px #00ff00; |
|||
} |
|||
p.intro a.capcode, p.intro a.nametag { |
|||
color: #00ff00; |
|||
margin-left: 0; |
|||
} |
|||
p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name { |
|||
color: #00ff00; |
|||
font-family: monospace; |
|||
} |
|||
input[type="text"], textarea, select { |
|||
background: #00080C; |
|||
color: #CCCCCC; |
|||
border: #33cccc 1px solid; |
|||
padding-left: 5px; |
|||
padding-right: -5px; |
|||
font-family: monospace; |
|||
font-size: 10pt; |
|||
border-radius: 5px; |
|||
} |
|||
input[type="password"] { |
|||
background: #00080C; |
|||
color: #CCCCCC; |
|||
border: #33cccc 1px solid; |
|||
border-radius: 5px; |
|||
} |
|||
form table tr th { |
|||
background: #00080C; |
|||
color: #00ff00; |
|||
border: #33cccc 1px solid; |
|||
font-weight: 800; |
|||
text-align: left; |
|||
padding: 0; |
|||
border-radius: 5px; |
|||
text-shadow: 0px 0px 3px #00ff00; |
|||
} |
|||
div.sidearrows{display:none;} |
|||
|
|||
div.banner { |
|||
background: #0C0001; |
|||
color: #00ff00; |
|||
text-align: center; |
|||
width: 250px; |
|||
padding: 4px; |
|||
padding-left: 12px; |
|||
padding-right: 12px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
font-size: 12px; |
|||
text-shadow: 0px 0px 3px #00ff00; |
|||
|
|||
} |
|||
input[type="submit"] { |
|||
background: #00080C; |
|||
color: #00ff00; |
|||
border: #33cccc 1px solid; |
|||
border-radius: 5px; |
|||
} |
|||
input[type="submit"]:hover { |
|||
background: #00080C; |
|||
|
|||
border: #33cccc 1px solid; |
|||
|
|||
color: #FF46D2; |
|||
border-radius: 5px; |
|||
} |
|||
p.fileinfo a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
span.trip { |
|||
color: #AAAAAA; |
|||
} |
|||
.topbar { |
|||
background-color: black; |
|||
border-bottom: 1px solid #33cccc; |
|||
} |
|||
div.pages { |
|||
color: #AAAAAA; |
|||
font-family: sans-serif; |
|||
font-size: 10pt; |
|||
} |
|||
div.pages a.selected { |
|||
color: #8C8C8C; |
|||
} |
|||
hr { |
|||
height: 0px; |
|||
border: #33cccc 1px solid; |
|||
} |
|||
div.boardlist { |
|||
font-size: 9pt; |
|||
color: #999999; |
|||
} |
|||
div.ban { |
|||
background-color: transparent; |
|||
border: #33cccc 1px solid; |
|||
} |
|||
div.ban h2 { |
|||
background: transparent; |
|||
color: #00ff00; |
|||
font-size: 11px; |
|||
text-shadow: 0px 0px 3px #00ff00; |
|||
} |
|||
table.modlog tr th { |
|||
background: #FF46D2; |
|||
color: #AAAAAA; |
|||
/*text-shadow: 0px 0px 3px #00ff00;*/ |
|||
} |
|||
.options_tab_icon { |
|||
color: #FF46D2; |
|||
} |
|||
.options_tab_icon.active { |
|||
color: #00ff00; |
|||
text-shadow: 0px 0px 10px #00ff00; |
|||
} |
|||
#options_div { |
|||
background-color: #0C0001; |
|||
border: #33cccc 2px solid; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
#options_tablist { |
|||
border: #33cccc 1px solid; |
|||
} |
|||
@ -0,0 +1,240 @@ |
|||
/** |
|||
* dark.css, red accent |
|||
*/ |
|||
|
|||
/*dark.css has been prepended (2021-11-11) instead of @import'd for performance*/ |
|||
body { |
|||
background: #1E1E1E; |
|||
color: #999999; |
|||
font-family: Verdana, sans-serif; |
|||
font-size: 14px; |
|||
} |
|||
.quote { |
|||
color:#B8D962; |
|||
} |
|||
@font-face { |
|||
font-family: 'lain'; |
|||
src: url('./fonts/nrdyyh.woff') format('woff'), |
|||
url('./fonts/tojcxo.TTF') format('truetype'); |
|||
} |
|||
h1 |
|||
{ |
|||
letter-spacing: -2px; |
|||
font-size: 20pt; |
|||
text-align: center; |
|||
color: #32DD72; |
|||
} |
|||
div.title, h1 { |
|||
color: #32DD72; |
|||
} |
|||
div.title p { |
|||
font-size: 10px; |
|||
} |
|||
a:link, a:visited, .intro a.email span.name { |
|||
color: #CCCCCC; |
|||
text-decoration: none; |
|||
font-family: sans-serif; |
|||
} |
|||
a:link:hover, a:visited:hover { |
|||
color: #fff; |
|||
font-family: sans-serif; |
|||
text-decoration: none; |
|||
} |
|||
a.post_no { |
|||
color: #AAAAAA; |
|||
text-decoration: none; |
|||
} |
|||
a.post_no:hover { |
|||
color: #32DD72 !important; |
|||
text-decoration: underline overline; |
|||
} |
|||
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: #32DD72; |
|||
} |
|||
.intro span.subject { |
|||
font-size: 12px; |
|||
font-family: sans-serif; |
|||
color: #446655; |
|||
font-weight: 800; |
|||
} |
|||
.intro span.name { |
|||
color: #32DD72; |
|||
font-weight: 800; |
|||
} |
|||
.intro a.capcode, p.intro a.nametag { |
|||
color: magenta; |
|||
margin-left: 0; |
|||
} |
|||
.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name { |
|||
color: #32ddaf; |
|||
} |
|||
input[type="text"], textarea, select { |
|||
background: #333333; |
|||
color: #CCCCCC; |
|||
border: #666666 1px solid; |
|||
padding-left: 5px; |
|||
padding-right: -5px; |
|||
font-family: sans-serif; |
|||
font-size: 10pt; |
|||
} |
|||
input[type="password"] { |
|||
background: #333333; |
|||
color: #CCCCCC; |
|||
border: #666666 1px solid; |
|||
} |
|||
form table tr th { |
|||
background: #333333; |
|||
color: #AAAAAA; |
|||
font-weight: 800; |
|||
text-align: left; |
|||
padding: 0; |
|||
} |
|||
div.banner { |
|||
background: #32DD72; |
|||
color: #000; |
|||
text-align: center; |
|||
width: 250px; |
|||
padding: 4px; |
|||
padding-left: 12px; |
|||
padding-right: 12px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
font-size: 12px; |
|||
} |
|||
div.banner a { |
|||
color:#000; |
|||
} |
|||
input[type="submit"] { |
|||
background: #333333; |
|||
border: #888888 1px solid; |
|||
color: #CCCCCC; |
|||
} |
|||
input[type="submit"]:hover { |
|||
background: #555555; |
|||
border: #888888 1px solid; |
|||
color: #32DD72; |
|||
} |
|||
input[type="text"]:focus { |
|||
border:#aaa 1px solid; |
|||
} |
|||
p.fileinfo a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
span.trip { |
|||
color: #AAAAAA; |
|||
} |
|||
div.pages { |
|||
background: #1E1E1E; |
|||
font-family: sans-serif; |
|||
} |
|||
.bar.bottom { |
|||
bottom: 0px; |
|||
border-top: 1px solid #333333; |
|||
background-color: #1E1E1E; |
|||
} |
|||
div.pages a.selected { |
|||
color: #CCCCCC; |
|||
} |
|||
hr { |
|||
height: 1px; |
|||
border: #333333 1px solid; |
|||
} |
|||
div.boardlist { |
|||
text-align: center; |
|||
color: #999999; |
|||
} |
|||
div.ban { |
|||
background-color: transparent; |
|||
border: transparent 0px solid; |
|||
} |
|||
div.ban h2 { |
|||
background: transparent; |
|||
color: lime; |
|||
font-size: 12px; |
|||
} |
|||
table.modlog tr th { |
|||
background: #333333; |
|||
color: #AAAAAA; |
|||
} |
|||
div.boardlist:not(.bottom) { |
|||
background-color: #1E1E1E; |
|||
|
|||
} |
|||
.desktop-style div.boardlist:not(.bottom) { |
|||
position:static; |
|||
text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px; |
|||
color: #999999; |
|||
background-color: #1E1E1E; |
|||
} |
|||
div.report { |
|||
color: #666666; |
|||
} |
|||
#options_div, #alert_div { |
|||
background: #333333; |
|||
} |
|||
.options_tab_icon { |
|||
color: #AAAAAA; |
|||
} |
|||
.options_tab_icon.active { |
|||
color: #FFFFFF; |
|||
} |
|||
#quick-reply table { |
|||
background: none repeat scroll 0% 0% #333 !important; |
|||
} |
|||
.modlog tr:nth-child(even), .modlog th { |
|||
background-color: #282A2E; |
|||
} |
|||
.box { |
|||
background: #333333; |
|||
border-color: #555555; |
|||
color: #C5C8C6; |
|||
border-radius: 10px; |
|||
} |
|||
.box-title { |
|||
background: transparent; |
|||
color: #32DD72; |
|||
} |
|||
table thead th { |
|||
background: #333333; |
|||
border-color: #555555; |
|||
color: #C5C8C6; |
|||
border-radius: 4px; |
|||
} |
|||
table tbody tr:nth-of-type( even ) { |
|||
background-color: #333333; |
|||
} |
|||
table.board-list-table .board-uri .board-sfw { |
|||
color: #CCCCCC; |
|||
} |
|||
tbody.board-list-omitted td { |
|||
background: #333333; |
|||
border-color: #555555; |
|||
} |
|||
table.board-list-table .board-tags .board-cell:hover { |
|||
background: #1e1e1e; |
|||
} |
|||
table.board-list-table tr:nth-of-type( even ) .board-tags .board-cell { |
|||
background: #333333; |
|||
} |
|||
/* red accents */ |
|||
div.blotter, h1, h2, header div.subtitle, div.title, a:link:hover, a:visited:hover p.intro a.post_no:hover, |
|||
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover, p.intro span.name, |
|||
p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name, |
|||
input[type="submit"]:hover, div.ban h2 { |
|||
color: #DD3232; |
|||
} |
|||
|
|||
p.intro span.subject { |
|||
color: #962C22; |
|||
} |
|||
@ -0,0 +1,398 @@ |
|||
/** |
|||
* dark.css, solar extension |
|||
* copypasta from oneechan css/Colors.css, and UbuntuSolarized colors |
|||
*/ |
|||
|
|||
@import url("/stylesheets/dark.css"); |
|||
|
|||
/* Text Colors */ |
|||
/* General */ |
|||
html, |
|||
body, |
|||
div.boardBanner, |
|||
#menu, |
|||
input:not(.jsColor), |
|||
textarea, |
|||
#qr-filename-container, |
|||
#post-preview, |
|||
.post-hover, |
|||
.post-last, |
|||
.pln, |
|||
select, |
|||
.captcha-root, |
|||
.tegaki-label, |
|||
.dd-menu ul, |
|||
.boxbar { |
|||
color: #93a1a1 !important; |
|||
} |
|||
/* Names */ |
|||
.name { |
|||
color: #586e75 !important; |
|||
} |
|||
.capcode { |
|||
color: #ca00ca !important; |
|||
} |
|||
|
|||
/* Tripcodes */ |
|||
.tripcode, |
|||
.tag { |
|||
color: #2aa198 !important; |
|||
} |
|||
/* Links */ |
|||
a, |
|||
.typ, |
|||
.atn, |
|||
body.is_catalog .button, |
|||
:root.catalog-mode .button, |
|||
.options-button, |
|||
.tegaki-tb-btn { |
|||
color: #696bba !important; |
|||
} |
|||
a.summary, |
|||
.pages strong>a { |
|||
color: #93a1a1 !important; |
|||
} |
|||
.blotter #notifications a { |
|||
color: #ffffff !important; |
|||
} |
|||
a:hover, |
|||
body.is_catalog .button:hover, |
|||
:root.catalog-mode .button:hover, |
|||
.lit, |
|||
.blotter #notifications a:hover, |
|||
.tegaki-tb-btn:hover { |
|||
color: #d33682 !important; |
|||
} |
|||
/* Header */ |
|||
.blotter, a.current { |
|||
color: #93a1a1 !important; |
|||
} |
|||
.blotter a:not(.current) { |
|||
color: #696bba !important; |
|||
} |
|||
.blotter a:hover { |
|||
color: #d33682 !important; |
|||
} |
|||
#custom-board-list .current { |
|||
border-bottom: 1px solid rgba(105,107,186,1) !important;; |
|||
} |
|||
#custom-board-list .current:hover { |
|||
border-bottom: 1px solid rgba(211,54,130,1) !important;; |
|||
} |
|||
/* Greentext */ |
|||
.postMessage>.quote, |
|||
s:hover .quote, |
|||
.str, |
|||
.atv, |
|||
.new, |
|||
.catalog-thread > .comment > .quote { |
|||
color: #859900 !important; |
|||
} |
|||
/* Headers */ |
|||
.heading { |
|||
color: #bec2c4 !important; |
|||
} |
|||
/* Subject and Option labels */ |
|||
.subject, |
|||
.replytitle, |
|||
.teaser b, |
|||
.post-subject, |
|||
.option.header .option-title, |
|||
.kwd { |
|||
color: #bec2c4 !important; |
|||
} |
|||
.option.header { |
|||
font-size: 140%; |
|||
} |
|||
/* Board Title */ |
|||
h1, h2 { |
|||
color: #93a1a1 !important; |
|||
text-shadow: none !important; |
|||
} |
|||
.subtitle { |
|||
color: #93a1a1 !important; |
|||
text-shadow: none !important; |
|||
} |
|||
/* Backlinks */ |
|||
.backlink { |
|||
color: #4f5f8f !important; |
|||
} |
|||
.quotelink { |
|||
color: #696bba !important; |
|||
} |
|||
/* Code Tags */ |
|||
.prettyprint, |
|||
.catalog-code { |
|||
background: none repeat scroll 0 0 rgba(" + $SS.theme.codeBackground + ") !important; |
|||
border: 1px solid rgba(" + $SS.theme.codeBorder + ") !important; |
|||
} |
|||
.pun { |
|||
color: rgba(147,161,161,.4) !important; |
|||
} |
|||
::-webkit-input-placeholder { |
|||
color:rgba(147,161,161,.4) !important; |
|||
} |
|||
#qr .field::-moz-placeholder, |
|||
::-moz-placeholder, |
|||
#qr-no-file { |
|||
color: rgba(147,161,161,.4) !important; |
|||
} |
|||
/* Backgrounds */ |
|||
body { |
|||
background: #073642 !important; |
|||
} |
|||
.reply, |
|||
body.is_catalog .panel, |
|||
:root.catalog-mode .panel, |
|||
.dialog, |
|||
.tab-label, |
|||
#post-preview, |
|||
#tegaki, |
|||
#options_div, |
|||
#alert_div, |
|||
.bar, |
|||
.boardlist, |
|||
.pages, |
|||
:root.op-background .postContainer.opContainer, |
|||
.flashListing tr:nth-of-type(2n+1), |
|||
.dd-menu ul, |
|||
:root.catalog-hover-expand .catalog-container:hover > .post { |
|||
background: rgba(3,43,54,1)!important; |
|||
} |
|||
:root.recolor-even .thread>.replyContainer:nth-of-type(even):not(.hidden) .post { |
|||
background: rgb(0,33,44) !important; |
|||
} |
|||
:root:not(.header-gradient) .blotter { |
|||
background: rgba(3,43,54,.9) !important; |
|||
} |
|||
:root.header-gradient .blotter { |
|||
background: linear-gradient(rgb(18,58,69),rgba(3,43,54,.9)) !important; |
|||
} |
|||
:root.header-shadow .blotter { |
|||
box-shadow: none !important; |
|||
} |
|||
:root:not(.fixed) .blotter { |
|||
background: none !important; |
|||
} |
|||
.options-button, |
|||
.qr-link, |
|||
.pages.cataloglink, |
|||
.pages strong>a { |
|||
background:linear-gradient(rgb(18,58,69),rgb(3,43,54)) !important; |
|||
} |
|||
.options-button:hover, |
|||
.import-input:hover + .options-button, |
|||
.pages strong>a:hover, |
|||
.dd-menu li:hover { |
|||
background:rgb(18,58,69); |
|||
} |
|||
.focused.entry { |
|||
background:rgb(13,53,64) !important; |
|||
} |
|||
.qr-link:hover, |
|||
:root.vertical-qr #qr .move { |
|||
background:rgb\(3,43,54); |
|||
} |
|||
input:not(.jsColor), |
|||
textarea, |
|||
.riceCheck, |
|||
#qr-filename-container, |
|||
select, |
|||
.captcha-root { |
|||
background: #073642 !important; |
|||
transition: background .2s; |
|||
} |
|||
input[type=checkbox], |
|||
.riceCheck { |
|||
background: rgb(32,79,91) !important; |
|||
} |
|||
input:not(.jsColor):hover, |
|||
.riceCheck:hover, |
|||
#qr-filename-container:hover, |
|||
textarea:hover, |
|||
select:hover, |
|||
.captcha-root:hover { |
|||
background: #0d272e !important; |
|||
transition: background .2s; |
|||
} |
|||
hr { |
|||
background-image: linear-gradient(to left, rgba(211,54,130,0), rgb(211,54,130), rgba(211,54,130,0)); |
|||
} |
|||
#unread-line { |
|||
background-image: linear-gradient(to left, rgba(105,111,192,0), rgb(105,111,192), rgba(105,111,192,0)); |
|||
} |
|||
.inline { |
|||
background:rgba(0,27,38,.8)!important; |
|||
} |
|||
:root.post-info .reply>.postInfo { |
|||
background: rgba(0,27,38,.2); |
|||
border-bottom:1px solid rgb(3,47,58); |
|||
} |
|||
form table tr th {background: #073642;} |
|||
tr, td {background: #073642;} |
|||
#quick-reply table {background: #073642 !important;} |
|||
div.banner {background-color: rgba(200, 200, 200, 0.5);} |
|||
/* Borders */ |
|||
.reply, |
|||
:root.op-background .postContainer.opContainer, |
|||
.dd-menu ul { |
|||
border-width: 0 1px 1px 0; |
|||
border-style: solid; |
|||
} |
|||
:root.borders-all .reply, |
|||
:root.borders-all.op-background .postContainer.opContainer { |
|||
border-width: 1px !important; |
|||
} |
|||
:root.borders-none .reply, |
|||
:root.borders-none.op-background .postContainer.opContainer { |
|||
border: none; |
|||
} |
|||
#menu, |
|||
.catalog-thumb { |
|||
border-radius: 0 !important; |
|||
} |
|||
:root.rounded-corners .reply, |
|||
:root.rounded-corners.op-background .postContainer.opContainer, |
|||
:root.rounded-corners .dialog:not(.blotter), |
|||
:root.rounded-corners .inline, |
|||
:root.rounded-corners #thread-stats |
|||
:root.rounded-corners #updater, |
|||
:root.rounded-corners #menu, |
|||
:root.rounded-corners .thumb, |
|||
:root.rounded-corners .fileThumb img:not(.full-image), |
|||
:root.rounded-corners .catalog-thumb, |
|||
:root.rounded-corners .dd-menu ul, |
|||
:root.rounded-corners.werkTyme .catalog-thread:not(:hover), |
|||
:root.rounded-corners.werkTyme:not(.catalog-hover-expand) .catalog-thread, |
|||
:root.rounded-corners.catalog-hover-expand .catalog-container:hover > .post, |
|||
:root.rounded-corners.catalog-hover-expand .catalog-container:hover .catalog-reply { |
|||
border-radius: 3px !important; |
|||
} |
|||
:root.post-info.rounded-corners .reply>.postInfo, |
|||
:root.rounded-corners #qr, |
|||
:root.rounded-corners:root.vertical-qr #qr > .move { |
|||
border-radius: 3px 3px 0 0 !important; |
|||
} |
|||
:root:not(.rounded-corners) #post-preview { |
|||
border-radius: 0 !important; |
|||
} |
|||
.reply, |
|||
:root.op-background .postContainer.opContainer, |
|||
.dialog, |
|||
.entry, |
|||
.inline, |
|||
fieldset, |
|||
#post-preview, |
|||
.flashListing td:not(:last-of-type):not(.postblock), |
|||
:root.vertical-qr #qr .move, |
|||
#qr select, |
|||
select { |
|||
border-color: #133942 !important; |
|||
} |
|||
.dd-menu li { |
|||
border-bottom: #133942 !important; |
|||
} |
|||
input, |
|||
textarea, |
|||
.riceCheck, |
|||
#qr-filename-container, |
|||
#search-box, |
|||
#index-search, |
|||
.captcha-img, |
|||
:root.vertical-qr #qr .move, |
|||
#qr select, |
|||
select, |
|||
#post-preview, |
|||
.captcha-root, |
|||
.dd-menu ul, |
|||
:root.werkTyme .catalog-thread:not(:hover), |
|||
:root.werkTyme:not(.catalog-hover-expand) .catalog-thread, |
|||
:root.catalog-hover-expand .catalog-container:hover > .post, |
|||
:root.catalog-hover-expand .catalog-container:hover .catalog-reply { |
|||
border: 1px solid #0d272e !important; |
|||
} |
|||
.options-button, |
|||
.qr-link, |
|||
.pages.cataloglink, |
|||
.pages strong>a { |
|||
border-style: solid; |
|||
border-width: 1px; |
|||
border-color: rgb(0,28,39) rgb(0,28,39) rgb(0,13,24) !important; |
|||
} |
|||
a.quotelink.forwardlink, a.backlink.forwardlink { |
|||
border-bottom: 1px dashed; |
|||
} |
|||
input:focus, |
|||
textarea:focus, |
|||
#qr-filename-container:focus, |
|||
#qr-filename-container.focus, |
|||
select:focus, |
|||
.captcha-root:focus { |
|||
border: 1px solid #696bba !important; |
|||
} |
|||
#search-box:hover, |
|||
#index-search:hover, |
|||
.captcha-img:hover { |
|||
border-color: #696bba !important; |
|||
} |
|||
.blotter { |
|||
border: none !important; |
|||
} |
|||
.flashListing td:not(:last-of-type):not(.postblock) { |
|||
border-width: 1px; |
|||
border-style: solid; |
|||
} |
|||
:root.header-highlight #custom-board-list .current:hover, |
|||
:root.header-highlight #custom-board-list .current { |
|||
border-bottom: none !important; |
|||
} |
|||
/* 4chan X Menu */ |
|||
.suboption-list > div:last-of-type { |
|||
background: rgba(3,43,54,1)!important; |
|||
} |
|||
.suboption-list > div::before, |
|||
.suboption-list::before { |
|||
border-color: #133942 !important; |
|||
left: 0.5em !important; |
|||
} |
|||
/* Shadows */ |
|||
#navlinks a { |
|||
text-shadow:#032b36 -1px -1px, |
|||
#032b36 1px -1px, |
|||
#032b36 -1px 1px, |
|||
#032b36 1px 1px, |
|||
#032b36 -1px 0, |
|||
#032b36 1px 0, |
|||
#032b36 0 -1px, |
|||
#032b36 0 1px, |
|||
rgba(0,0,0,.6) 0 2px 4px, |
|||
rgba(0,0,0,.6) 0 0 2px; |
|||
} |
|||
.thumb { |
|||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); |
|||
} |
|||
#qr, |
|||
#thread-watcher { |
|||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) !important; |
|||
} |
|||
.highlighted { |
|||
border-color: #6c71c4 !important; |
|||
} |
|||
/* Thread Stats */ |
|||
:root.style-stats #thread-stats, |
|||
:root.style-stats #updater, |
|||
:root.style-stats #stats { |
|||
box-shadow: 0 1px 2px rgba(0, 0, 0, .15); |
|||
padding: 3px 6px !important; |
|||
border: 1px solid; |
|||
} |
|||
/* Mascots */ |
|||
:root.mascot-grayscale #mascot img { |
|||
filter: url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 height=%220%22 color-interpolation-filters=%22sRGB%22><filter id=%22grayscale%22><feColorMatrix id=%22color%22 type=%22saturate%22 values=%220%22 /></filter></svg>#grayscale'); |
|||
-webkit-filter: grayscale(100%); |
|||
} |
|||
/* Closed Threads */ |
|||
.closed { |
|||
margin-top: 10px; |
|||
color: red; |
|||
} |
|||
@ -0,0 +1,59 @@ |
|||
/** |
|||
* dead.css, gray extension |
|||
* Clumps all rules into a few rules to determine the new accent color |
|||
*/ |
|||
|
|||
@import url("/stylesheets/dark.css"); |
|||
|
|||
div.blotter, h1, h2, header div.subtitle, div.title, a:link:hover, a:visited:hover p.intro a.post_no:hover, |
|||
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover, p.intro span.name, |
|||
p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name, |
|||
input[type="submit"]:hover, div.ban h2 { |
|||
font-family: 'Times'; |
|||
color: #888888; |
|||
} |
|||
|
|||
p.intro span.subject { |
|||
color: #5C5C5C; |
|||
} |
|||
|
|||
.quote, span.orangeQuote, span.heading { |
|||
color:#CDCDCD; |
|||
} |
|||
|
|||
input[type="submit"]:hover { |
|||
background: #555555; |
|||
border: #888888 1px solid; |
|||
color: #CCCCCC; |
|||
} |
|||
|
|||
div.banner { |
|||
background: #DDDDDD; |
|||
} |
|||
|
|||
a:link { |
|||
font-family: 'Times'; |
|||
} |
|||
|
|||
body, div.pages { |
|||
font-family: 'Times'; |
|||
} |
|||
|
|||
button, input, input[type="submit"], input[type="text"], textarea, select { |
|||
font-family: 'Times'; |
|||
} |
|||
|
|||
input, textarea { |
|||
-webkit-filter: grayscale(100%) contrast(1.25); /* Chrome, Safari, Opera */ |
|||
filter: grayscale(100%) contrast(1.25); |
|||
} |
|||
|
|||
img, .file-tmb { |
|||
-webkit-filter: grayscale(100%) contrast(1.25); /* Chrome, Safari, Opera */ |
|||
filter: grayscale(100%) contrast(1.25); |
|||
} |
|||
|
|||
video { |
|||
-webkit-filter: grayscale(100%) contrast(1.25); /* Chrome, Safari, Opera */ |
|||
filter: grayscale(100%) contrast(1.25); |
|||
} |
|||
Binary file not shown.
@ -0,0 +1,212 @@ |
|||
/* Demain_light theme for leftypol.org adapted from "Tomorrow" theme for 4chan, with large font size for wide screens */ |
|||
/* Work in progress*/ |
|||
/* General */ |
|||
/* Main page */ |
|||
legend { |
|||
color: indianred |
|||
} |
|||
div.module, div.ban { |
|||
background: #1d1f21;; |
|||
border: 1px solid #373b41; |
|||
max-width: 700px; |
|||
margin: 30px auto; |
|||
} |
|||
/* Text */ |
|||
body { |
|||
background: #1d1f21; |
|||
color: #ACACAC; |
|||
font-size: 11pt; |
|||
font-family: "LiberationSansRegular"; |
|||
} |
|||
/* Link colors */ |
|||
a:link, a:visited, .intro a.email span.name { |
|||
color: #81a2be; |
|||
} |
|||
a:hover, |
|||
.intro a.post_no:hover { |
|||
color: #cc6666; |
|||
} |
|||
/* Board title and subtitle */ |
|||
header div.subtitle, |
|||
h1 { |
|||
color: indianred; |
|||
font-size: 20pt; |
|||
font-family: "LiberationSansRegular"; |
|||
} |
|||
header div.subtitle { |
|||
font-size: 10pt; |
|||
} |
|||
/* Post number*/ |
|||
a.post_no { |
|||
color: #c5c8c6; |
|||
} |
|||
/* Replies */ |
|||
/* Background color and border */ |
|||
div.post.reply { |
|||
background: #282A2E; |
|||
border-color: #373b41; |
|||
border-style: solid; |
|||
border-width: 0.8px; |
|||
border-radius: 5px; |
|||
} |
|||
div.post.reply.highlighted { |
|||
background: #1b1c21; |
|||
border-color: #5f89ac; |
|||
border-style: solid; |
|||
border-width: 0.8px; |
|||
border-radius: 5px; |
|||
} |
|||
div.post.reply div.body a { |
|||
color: #5f89ac; |
|||
} |
|||
.intro span.subject { |
|||
color: #b294bb; |
|||
} |
|||
/* Greentext */ |
|||
span.quote { |
|||
color: #b5bd68 |
|||
} |
|||
/* Orangetext */ |
|||
span.orangeQuote { |
|||
color: #b294bb |
|||
} |
|||
/* Catalog grids */ |
|||
/* Background color and green border */ |
|||
.thread.grid-li.grid-size-vsmall, |
|||
.thread.grid-li.grid-size-small, |
|||
.thread.grid-li.grid-size-large { |
|||
background-color: #282A2E; |
|||
border: 1px solid #373b41; |
|||
} |
|||
.thread.grid-li.grid-size-vsmall:hover, |
|||
.thread.grid-li.grid-size-small:hover, |
|||
.thread.grid-li.grid-size-large:hover { |
|||
background: #1b1c21; |
|||
border-color: #5f89ac; |
|||
border-style: solid; |
|||
border-width: 0.8px; |
|||
border-radius: 5px; |
|||
} |
|||
/* Posting form */ |
|||
/* Field names */ |
|||
form table tr th { |
|||
background: #282A2E; |
|||
color: #ACACAC; |
|||
border: 1px solid #373b41; |
|||
} |
|||
/* Input fields */ |
|||
textarea, input:not([type="file"]):not([type="checkbox"]), [type="submit"], select { |
|||
color: #ACACAC; |
|||
background: #282A2E; |
|||
border: 1px double #1d1f21; |
|||
border-radius: 5px; |
|||
} |
|||
/* Input fields, focused */ |
|||
textarea:focus, input:not([type="file"]):not([type="checkbox"]):focus, [type="submit"]:hover { |
|||
border: 1px solid #1d1f21; |
|||
-moz-box-shadow: 0 0 10px #1d1f21; |
|||
-webkit-box-shadow: 0 0 10px #1d1f21; |
|||
box-shadow: 0 0 10px #1d1f21; |
|||
} |
|||
/* Top bar */ |
|||
/* Background, border and fade */ |
|||
.bar { |
|||
background-color: #151515; |
|||
border-color: #81a2be!important;; |
|||
/* comment these out to remove the fade */ |
|||
/* |
|||
-moz-box-shadow: 0 0 40px #FFB300; |
|||
-webkit-box-shadow: 0 0 40px #FFB300; |
|||
box-shadow: 0 0 40px #FFB300; |
|||
*/ |
|||
} |
|||
/* Bottom bar, not visible in catalog mode */ |
|||
div.pages { |
|||
background: #151515; |
|||
border-color: #81a2be; |
|||
} |
|||
div.pages a.selected { |
|||
color: #cc6666; |
|||
} |
|||
hr { |
|||
border-color: #373b41; |
|||
} |
|||
div.boardlist { |
|||
color: #81a2be; |
|||
font-size: 11pt; |
|||
} |
|||
div.boardlist a { |
|||
color: #cc6666; |
|||
} |
|||
table.modlog tr th { |
|||
background: #1d1f21; |
|||
} |
|||
/* options.js */ |
|||
#options_div, #alert_div { |
|||
background: #151515; |
|||
} |
|||
.options_tab_icon { |
|||
color: gray; |
|||
} |
|||
.desktop-style div.boardlist:nth-child(1) { |
|||
background-color: #151515; |
|||
} |
|||
/* Red text */ |
|||
span.heading { |
|||
color: indianred; |
|||
font-size: 11pt; |
|||
} |
|||
/* Buggy shit */ |
|||
div.post.reply div.body a { |
|||
color: #5f89ac; |
|||
text-decoration: none; |
|||
} |
|||
/* OP */ |
|||
/* Subject */ |
|||
.intro span.subject { |
|||
color: #b294bb; |
|||
} |
|||
/* name */ |
|||
.intro span.name { |
|||
color: #5f89ac; |
|||
} |
|||
.desktop-style div.boardlist:nth-child(1) { |
|||
background-color: #151515; |
|||
} |
|||
/* Upper part of a post */ |
|||
div.post p { |
|||
display: block; |
|||
margin: 0; |
|||
line-height: 1.16em; |
|||
min-height: 1.16em; |
|||
} |
|||
/* Buggy shit */ |
|||
div.post.reply div.body a { |
|||
color: #5f89ac; |
|||
text-decoration: none; |
|||
} |
|||
/* Watchlist options */ |
|||
#watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts { |
|||
color: indianred |
|||
} |
|||
/* Mod things */ |
|||
div.report { |
|||
color: grey; |
|||
} |
|||
.banlist-opts .checkboxes label { |
|||
display: block; |
|||
color: grey; |
|||
} |
|||
tr.tblhead > th { |
|||
color: grey; |
|||
} |
|||
.desktop-style div.boardlist:not(.bottom) { |
|||
background-color: #151515; |
|||
} |
|||
.banlist-opts .checkboxes label { |
|||
display: block; |
|||
color: grey; |
|||
} |
|||
tr.tblhead > th { |
|||
color: indianred |
|||
} |
|||
@ -0,0 +1,213 @@ |
|||
/* Demain_light theme for leftypol.org adapted from "Tomorrow" theme for 4chan, with large font size for wide screens */ |
|||
/* Work in progress*/ |
|||
/* General */ |
|||
/* Main page */ |
|||
legend { |
|||
color: indianred |
|||
} |
|||
div.module, div.ban { |
|||
background: #1d1f21;; |
|||
border: 1px solid #373b41; |
|||
max-width: 700px; |
|||
margin: 30px auto; |
|||
} |
|||
/* Text */ |
|||
body { |
|||
background: #1d1f21; |
|||
color: #ACACAC; |
|||
font-size: 14pt; |
|||
font-family: "LiberationSansRegular"; |
|||
} |
|||
/* Link colors */ |
|||
a:link, a:visited, .intro a.email span.name { |
|||
color: #81a2be; |
|||
} |
|||
a:hover, |
|||
.intro a.post_no:hover { |
|||
color: #cc6666; |
|||
} |
|||
/* Board title and subtitle */ |
|||
header div.subtitle, |
|||
h1 { |
|||
color: indianred; |
|||
font-size: 20pt; |
|||
font-family: "LiberationSansRegular"; |
|||
} |
|||
header div.subtitle { |
|||
font-size: 10pt; |
|||
} |
|||
/* Post number*/ |
|||
a.post_no { |
|||
color: #c5c8c6; |
|||
} |
|||
/* Replies */ |
|||
/* Background color and border */ |
|||
div.post.reply { |
|||
background: #282A2E; |
|||
border-color: #373b41; |
|||
border-style: solid; |
|||
border-width: 0.8px; |
|||
border-radius: 5px; |
|||
} |
|||
div.post.reply.highlighted { |
|||
background: #1b1c21; |
|||
border-color: #5f89ac; |
|||
border-style: solid; |
|||
border-width: 0.8px; |
|||
border-radius: 5px; |
|||
} |
|||
div.post.reply div.body a { |
|||
color: #5f89ac; |
|||
} |
|||
.intro span.subject { |
|||
color: #b294bb; |
|||
} |
|||
/* Greentext */ |
|||
span.quote { |
|||
color: #b5bd68 |
|||
} |
|||
/* Orangetext */ |
|||
span.orangeQuote { |
|||
color: #b294bb |
|||
} |
|||
/* Catalog grids */ |
|||
/* Background color and green border */ |
|||
.thread.grid-li.grid-size-vsmall, |
|||
.thread.grid-li.grid-size-small, |
|||
.thread.grid-li.grid-size-large { |
|||
background-color: #282A2E; |
|||
border: 1px solid #373b41; |
|||
} |
|||
.thread.grid-li.grid-size-vsmall:hover, |
|||
.thread.grid-li.grid-size-small:hover, |
|||
.thread.grid-li.grid-size-large:hover { |
|||
background: #1b1c21; |
|||
border-color: #5f89ac; |
|||
border-style: solid; |
|||
border-width: 0.8px; |
|||
border-radius: 5px; |
|||
} |
|||
/* Posting form */ |
|||
/* Field names */ |
|||
form table tr th { |
|||
background: #282A2E; |
|||
color: #ACACAC; |
|||
border: 1px solid #373b41; |
|||
} |
|||
/* Input fields */ |
|||
textarea, input:not([type="file"]):not([type="checkbox"]), [type="submit"], select { |
|||
color: #ACACAC; |
|||
background: #282A2E; |
|||
border: 1px double #1d1f21; |
|||
border-radius: 5px; |
|||
} |
|||
/* Input fields, focused */ |
|||
textarea:focus, input:not([type="file"]):not([type="checkbox"]):focus, [type="submit"]:hover { |
|||
border: 1px solid #1d1f21; |
|||
-moz-box-shadow: 0 0 10px #1d1f21; |
|||
-webkit-box-shadow: 0 0 10px #1d1f21; |
|||
box-shadow: 0 0 10px #1d1f21; |
|||
} |
|||
/* Top bar */ |
|||
/* Background, border and fade */ |
|||
.bar { |
|||
background-color: #151515; |
|||
border-color: #81a2be!important;; |
|||
/* comment these out to remove the fade */ |
|||
/* |
|||
-moz-box-shadow: 0 0 40px #FFB300; |
|||
-webkit-box-shadow: 0 0 40px #FFB300; |
|||
box-shadow: 0 0 40px #FFB300; |
|||
*/ |
|||
} |
|||
/* Bottom bar, not visible in catalog mode */ |
|||
div.pages { |
|||
background: #151515; |
|||
border-color: #81a2be; |
|||
} |
|||
div.pages a.selected { |
|||
color: #cc6666; |
|||
} |
|||
hr { |
|||
border-color: #373b41; |
|||
} |
|||
div.boardlist { |
|||
color: #81a2be; |
|||
font-size: 14pt; |
|||
} |
|||
div.boardlist a { |
|||
color: #cc6666; |
|||
} |
|||
table.modlog tr th { |
|||
background: #1d1f21; |
|||
} |
|||
/* options.js */ |
|||
#options_div, #alert_div { |
|||
background: #151515; |
|||
} |
|||
.options_tab_icon { |
|||
color: gray; |
|||
} |
|||
.desktop-style div.boardlist:nth-child(1) { |
|||
background-color: #151515; |
|||
} |
|||
/* Red text */ |
|||
span.heading { |
|||
color: indianred; |
|||
font-size: 14pt; |
|||
} |
|||
/* Buggy shit */ |
|||
div.post.reply div.body a { |
|||
color: #5f89ac; |
|||
text-decoration: none; |
|||
} |
|||
/* OP */ |
|||
/* Subject */ |
|||
.intro span.subject { |
|||
color: #b294bb; |
|||
} |
|||
/* name */ |
|||
.intro span.name { |
|||
color: #5f89ac; |
|||
} |
|||
.desktop-style div.boardlist:nth-child(1) { |
|||
background-color: #151515; |
|||
} |
|||
/* Upper part of a post */ |
|||
div.post p { |
|||
display: block; |
|||
margin: 0; |
|||
line-height: 1.16em; |
|||
font-size: 13pt; |
|||
min-height: 1.16em; |
|||
} |
|||
/* Buggy shit */ |
|||
div.post.reply div.body a { |
|||
color: #5f89ac; |
|||
text-decoration: none; |
|||
} |
|||
/* Watchlist options */ |
|||
#watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts { |
|||
color: indianred |
|||
} |
|||
/* Mod things */ |
|||
div.report { |
|||
color: grey; |
|||
} |
|||
.banlist-opts .checkboxes label { |
|||
display: block; |
|||
color: grey; |
|||
} |
|||
tr.tblhead > th { |
|||
color: grey; |
|||
} |
|||
.desktop-style div.boardlist:not(.bottom) { |
|||
background-color: #151515; |
|||
} |
|||
.banlist-opts .checkboxes label { |
|||
display: block; |
|||
color: grey; |
|||
} |
|||
tr.tblhead > th { |
|||
color: indianred |
|||
} |
|||
@ -0,0 +1,226 @@ |
|||
/*fauux.neocities.org mod of ferus by kalyx |
|||
|
|||
B332E6 = dark purp#d2738a = teal #d2738a = green |
|||
|
|||
rgb(193, 180, 146) = pink |
|||
dark blue = 00080C |
|||
*/ |
|||
|
|||
body { |
|||
background: #000000; |
|||
color: rgb(193, 180, 146); |
|||
font-family: monospace; |
|||
font-size: 11px; |
|||
} |
|||
.bar |
|||
{ |
|||
background-color: #000; |
|||
border-color: #D2738A!important; |
|||
-moz-box-shadow: none; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
background-color: #000!important; |
|||
} |
|||
div.boardlist{ |
|||
background-color: #000!important; |
|||
|
|||
} |
|||
@font-face |
|||
{ |
|||
font-family: 'lain'; |
|||
src: url('./fonts/nrdyyh.woff') format('woff'), |
|||
url('./fonts/tojcxo.TTF') format('truetype'); |
|||
} |
|||
h1 { |
|||
font-family: monospace, Arial; |
|||
font-size: 18pt; |
|||
text-align: center; |
|||
letter-spacing: 0px; |
|||
} |
|||
div.title, h1 { |
|||
color: rgb(193, 180, 146); |
|||
font-family: lain, Helvetica, sans-serif; |
|||
} |
|||
header div.subtitle { |
|||
color: #d2738a; |
|||
text-align: center; |
|||
} |
|||
div.title p { |
|||
font-size: 13px; |
|||
} |
|||
a:link, a:visited, p.intro a.email span.name { |
|||
color: #d2738a; |
|||
text-decoration: underline; |
|||
font-family: monospace; |
|||
} |
|||
pre.prettyprint { |
|||
background: #00080C; |
|||
|
|||
font-size: 12px; |
|||
line-height: 1.5; |
|||
border: 1px solid #d2738a; |
|||
padding: 10px; |
|||
} |
|||
a:link:hover, a:visited:hover { |
|||
color: #d2738a; |
|||
font-family: monospace;; |
|||
text-decoration: underline overline; |
|||
} |
|||
strong { |
|||
|
|||
color: #d2738a; |
|||
} |
|||
a.post_no { |
|||
color: #d2738a; |
|||
text-decoration: none; |
|||
} |
|||
span.quote |
|||
{ |
|||
color:#d2738a; |
|||
} |
|||
a.post_no:hover { |
|||
color: maroon; |
|||
text-decoration: underline overline; |
|||
} |
|||
div.post.reply { |
|||
background: #000000; |
|||
border: #d2738a 1px solid; |
|||
/*border-radius: 5px;*/ |
|||
} |
|||
.de-pview { |
|||
background: rgba(14, 14, 14, 0.84) !important; |
|||
} |
|||
div.post.reply.highlighted { |
|||
background: transparent; |
|||
border: #EDC7D0 1px solid; |
|||
} |
|||
div.post.reply div.body a:link, div.post.reply div.body a:visited { |
|||
color: #646464; |
|||
} |
|||
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { |
|||
color: #d2738a; |
|||
} |
|||
p.intro span.subject { |
|||
font-size: 10px; |
|||
font-family: monospace; |
|||
color: #d2738a; |
|||
font-weight: 800; |
|||
} |
|||
p.intro span.name { |
|||
color: #d2738a; |
|||
font-weight: 900; |
|||
} |
|||
p.intro a.capcode, p.intro a.nametag { |
|||
color: #d2738a; |
|||
margin-left: 0; |
|||
} |
|||
p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name { |
|||
color: #d2738a; |
|||
font-family: monospace; |
|||
} |
|||
input[type="text"], textarea, select { |
|||
background: #00080C; |
|||
color: #CCCCCC; |
|||
border: #d2738a 1px solid; |
|||
padding-left: 5px; |
|||
padding-right: -5px; |
|||
font-family: monospace; |
|||
font-size: 10pt; |
|||
/*border-radius: 5px;*/ |
|||
} |
|||
input[type="password"] { |
|||
background: #00080C; |
|||
color: #CCCCCC; |
|||
border: #d2738a 1px solid; |
|||
/*border-radius: 5px;*/ |
|||
} |
|||
form table tr th { |
|||
background: #00080C; |
|||
color: #d2738a; |
|||
border: #d2738a 1px solid; |
|||
font-weight: 800; |
|||
text-align: left; |
|||
padding: 0; |
|||
/*border-radius: 5px;*/ |
|||
} |
|||
div.sidearrows{display:none;} |
|||
|
|||
div.banner { |
|||
background: #000000; |
|||
color: #d2738a; |
|||
text-align: center; |
|||
width: 250px; |
|||
padding: 4px; |
|||
padding-left: 12px; |
|||
padding-right: 12px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
font-size: 12px; |
|||
|
|||
} |
|||
input[type="submit"] { |
|||
background: #00080C; |
|||
color: #d2738a; |
|||
border: #d2738a 1px solid; |
|||
/*border-radius: 5px;*/ |
|||
} |
|||
input[type="submit"]:hover { |
|||
background: #00080C; |
|||
|
|||
border: #d2738a 1px solid; |
|||
|
|||
color: rgb(193, 180, 146); |
|||
/*border-radius: 5px;*/ |
|||
} |
|||
p.fileinfo a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
span.trip { |
|||
color: #AAAAAA; |
|||
} |
|||
.topbar { |
|||
background-color: black; |
|||
border-bottom: 1px solid #d2738a; |
|||
} |
|||
div.pages { |
|||
color: #AAAAAA; |
|||
/*background: #333333; |
|||
border: #d2738a 1px solid;*/ |
|||
font-family: sans-serif; |
|||
font-size: 10pt; |
|||
} |
|||
div.pages a.selected { |
|||
color: #8C8C8C; |
|||
} |
|||
hr { |
|||
height: 1px; |
|||
border: #d2738a 1px solid; |
|||
} |
|||
div.boardlist { |
|||
font-size: 10pt; |
|||
color: #999999; |
|||
} |
|||
div.ban { |
|||
background-color: transparent; |
|||
border: transparent 0px solid; |
|||
} |
|||
div.ban h2 { |
|||
background: transparent; |
|||
color: lime; |
|||
font-size: 11px; |
|||
} |
|||
table.modlog tr th { |
|||
background: rgb(193, 180, 146); |
|||
color: #AAAAAA; |
|||
} |
|||
#options_div { |
|||
background-color: #000000; |
|||
} |
|||
|
|||
.options_tab_icon { |
|||
color: #c1b492; |
|||
} |
|||
|
|||
.options_tab_icon.active { |
|||
color: #d2738a; |
|||
} |
|||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,272 @@ |
|||
/*cyberpunk mod of ferus by kalyx |
|||
|
|||
B332E6 = dark purp |
|||
293728 = teal |
|||
59B451 = green |
|||
FF46D2 = pink |
|||
dark blue = 293728 |
|||
*/ |
|||
|
|||
body { |
|||
background: #0B110A; |
|||
color: #62C958; |
|||
font-family: DejaVuSansMono; |
|||
font-size: 10px; |
|||
/*text-shadow: 0px 0px 3px #FF46D2;*/ |
|||
} |
|||
div.boardlist{ |
|||
background-color: #0b110a!important; |
|||
|
|||
} |
|||
|
|||
@font-face |
|||
{ |
|||
font-family: 'lain'; |
|||
src: url('./fonts/nrdyyh.woff') format('woff'), |
|||
url('./fonts/tojcxo.TTF') format('truetype'); |
|||
} |
|||
@font-face |
|||
{ |
|||
font-family: 'DejaVuSansMono'; |
|||
src: url('./fonts/DejaVuSansMono.ttf') format('truetype'); |
|||
} |
|||
.bar { |
|||
-moz-box-shadow: 0 0 40px #293728; |
|||
-webkit-box-shadow: 0 0 40px #293728; |
|||
box-shadow: 0 0 40px #293728; |
|||
background-color: #131C13; |
|||
border-color: #293728!important; |
|||
background-color: #0b110a!important; |
|||
} |
|||
h1 { |
|||
font-family: DejaVuSansMono, Arial; |
|||
font-size: 18pt; |
|||
text-align: center; |
|||
letter-spacing: 0px; |
|||
} |
|||
div.title, h1 { |
|||
color: #4CADA7; |
|||
font-family: lain, DejaVuSansMono, sans-serif; |
|||
} |
|||
header div.subtitle { |
|||
color: #59B451; |
|||
text-align: center; |
|||
text-shadow: 0px 0px 3px #59B451; |
|||
} |
|||
div.title p { |
|||
font-size: 13px; |
|||
} |
|||
a:link, a:visited, p.intro a.email span.name { |
|||
color: #4CADA7; |
|||
/*text-shadow: 0px 0px 10px #59B451;*/ |
|||
font-family: DejaVuSansMono; |
|||
} |
|||
pre.prettyprint { |
|||
background: #293728; |
|||
|
|||
font-size: 12px; |
|||
line-height: 1.5; |
|||
border: 1px solid #293728; |
|||
padding: 10px; |
|||
} |
|||
|
|||
a:link, a:visited, p.intro a.email span.name |
|||
{ |
|||
-moz-transition: 0.15s text-shadow, 0.15s color; |
|||
-webkit-transition: 0.15s text-shadow, 0.15s color; |
|||
-khtml-transition: 0.15s text-shadow, 0.15s color; |
|||
-o-transition: 0.15s text-shadow, 0.15s color; |
|||
-ms-transition: 0.15s text-shadow, 0.15s color; |
|||
transition: 0.15s text-shadow, 0.15s color; |
|||
} |
|||
input[type="text"], textarea |
|||
{ |
|||
-moz-transition: 0.15s border-color; |
|||
-webkit-transition: 0.15s border-color; |
|||
-khtml-transition: 0.15s border-color; |
|||
-o-transition: 0.15s border-color; |
|||
-ms-transition: 0.15s border-color; |
|||
transition: 0.15s border-color; |
|||
} |
|||
input[type="submit"] |
|||
{ |
|||
-moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
-webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
-khtml-transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
-o-transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
-ms-transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
transition: 0.15s border-color, 0.15s background-color, 0.15s color; |
|||
} |
|||
|
|||
|
|||
a:link:hover, a:visited:hover { |
|||
color: #59B451; |
|||
font-family: DejaVuSansMono; |
|||
text-shadow: 0px 0px 5px #59B451; |
|||
} |
|||
strong { |
|||
|
|||
color: #4CADA7; |
|||
} |
|||
a.post_no { |
|||
color: #293728; |
|||
text-decoration: none; |
|||
} |
|||
span.quote |
|||
{ |
|||
color:#4CADA7; |
|||
} |
|||
a.post_no:hover { |
|||
color: maroon; |
|||
/*text-decoration: underline overline;*/ |
|||
} |
|||
div.post.reply { |
|||
background: #131C13; |
|||
border: #293728 1px solid !important; |
|||
border-radius: 0px; |
|||
} |
|||
.de-pview { |
|||
background: rgba(14, 14, 14, 0.84) !important; |
|||
} |
|||
div.post.reply.highlighted { |
|||
background: transparent; |
|||
border: #293728 1px solid; |
|||
} |
|||
div.post.reply div.body a:link, div.post.reply div.body a:visited { |
|||
color: #646464; |
|||
} |
|||
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { |
|||
color: #59B451; |
|||
} |
|||
p.intro span.subject { |
|||
font-size: 12px; |
|||
font-family: DejaVuSansMono; |
|||
color: #59B451; |
|||
font-weight: 800; |
|||
text-shadow: 0px 0px 3px #59B451; |
|||
} |
|||
p.intro span.name { |
|||
color: #59B451; |
|||
font-weight: 900; |
|||
text-shadow: 0px 0px 3px #59B451; |
|||
} |
|||
p.intro a.capcode, p.intro a.nametag { |
|||
color: #59B451; |
|||
margin-left: 0; |
|||
} |
|||
p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name { |
|||
color: #59B451; |
|||
font-family: DejaVuSansMono; |
|||
} |
|||
input[type="text"], textarea, select { |
|||
background: #0B110A; |
|||
color: #CCCCCC; |
|||
border: #293728 1px solid; |
|||
padding-left: 5px; |
|||
padding-right: -5px; |
|||
font-family: DejaVuSansMono; |
|||
font-size: 10pt; |
|||
border-radius: 5px; |
|||
} |
|||
input[type="password"] { |
|||
background: #0B110A; |
|||
color: #CCCCCC; |
|||
border: #293728 1px solid; |
|||
border-radius: 5px; |
|||
} |
|||
form table tr th { |
|||
background: #0B110A; |
|||
color: #59B451; |
|||
border: #293728 1px solid; |
|||
font-weight: 600; |
|||
text-align: center; |
|||
padding: 0; |
|||
border-radius: 0px; |
|||
/*text-shadow: 0px 0px 3px #59B451;*/ |
|||
} |
|||
div.sidearrows{display:none;} |
|||
|
|||
div.banner { |
|||
background: #0B110A; |
|||
color: #59B451; |
|||
text-align: center; |
|||
width: 250px; |
|||
padding: 4px; |
|||
padding-left: 12px; |
|||
padding-right: 12px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
font-size: 12px; |
|||
text-shadow: 0px 0px 3px #59B451; |
|||
|
|||
} |
|||
input[type="submit"] { |
|||
background: #0B110A; |
|||
color: #59B451; |
|||
border: #293728 1px solid; |
|||
border-radius: 0px; |
|||
} |
|||
input[type="submit"]:hover { |
|||
background: #0B110A; |
|||
|
|||
border: #293728 1px solid; |
|||
|
|||
color: #FF46D2; |
|||
border-radius: 0px; |
|||
} |
|||
p.fileinfo a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
span.trip { |
|||
color: #AAAAAA; |
|||
} |
|||
.topbar { |
|||
background-color: #0B110A; |
|||
border-bottom: 1px solid #293728; |
|||
} |
|||
div.pages { |
|||
color: #AAAAAA; |
|||
background: #0B110A; |
|||
border: #293728 1px solid; |
|||
font-family: DejaVuSansMono; |
|||
font-size: 10pt; |
|||
} |
|||
div.pages a.selected { |
|||
color: #8C8C8C; |
|||
} |
|||
hr { |
|||
height: 0px; |
|||
border: #293728 1px solid; |
|||
} |
|||
div.boardlist { |
|||
font-size: 10pt; |
|||
color: #999999; |
|||
} |
|||
div.ban { |
|||
background-color: transparent; |
|||
border: #293728 1px solid; |
|||
} |
|||
div.ban h2 { |
|||
background: transparent; |
|||
color: #59B451; |
|||
font-size: 11px; |
|||
text-shadow: 0px 0px 3px #59B451; |
|||
} |
|||
|
|||
table.modlog tr th { |
|||
background: #FF46D2; |
|||
color: #AAAAAA; |
|||
/*text-shadow: 0px 0px 3px #59B451;*/ |
|||
} |
|||
|
|||
#options_div { |
|||
background-color: #0B110A; |
|||
} |
|||
|
|||
.options_tab_icon { |
|||
color: #62C958; |
|||
} |
|||
|
|||
.options_tab_icon.active { |
|||
color: #4CADA7; |
|||
} |
|||
@ -0,0 +1,346 @@ |
|||
html, body { |
|||
background: #191919; |
|||
color: #9a9a9a; |
|||
font-family: sans-serif; |
|||
font-size: 9pt; |
|||
} |
|||
|
|||
@font-face { |
|||
font-family: 'lain'; |
|||
src: url('./fonts/nrdyyh.woff') format('woff'), |
|||
url('./fonts/lain.TTF') format('truetype'); |
|||
} |
|||
|
|||
#pagewrap { |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
margin-bottom: 0; |
|||
margin-top: 0; |
|||
max-width: 1200px !important; |
|||
} |
|||
|
|||
.bar .top {position: fixed;} |
|||
|
|||
.boardlist {padding: 10px;} |
|||
|
|||
.desktop-style div.boardlist:not(.bottom) {background: #191919;} |
|||
|
|||
div.boardlist { |
|||
color: #3E3E3E; |
|||
} |
|||
|
|||
.boardlist, .boardlist a { |
|||
color: white; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.boardlist .sub {display: inline-block;} |
|||
|
|||
header { |
|||
margin-bottom: 20px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.subtitle {color: grey;} |
|||
|
|||
form table {margin: auto;} |
|||
|
|||
.blotter {text-align: center;} |
|||
|
|||
.thread { |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
|
|||
.op {margin-bottom: 2rem;} |
|||
|
|||
.intro span.subject {color: #1e6aad;} |
|||
|
|||
.sidearrows {display: none;} |
|||
|
|||
p.intro {margin: 0.2rem;} |
|||
|
|||
.files {margin-bottom: 0.5rem;} |
|||
|
|||
div.post.reply { |
|||
background: #141313; |
|||
border: none; |
|||
padding: 1rem; |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
hr { |
|||
border-top: 1px solid #3E3E3E; |
|||
margin: 10px 0px; |
|||
} |
|||
|
|||
h1 { |
|||
font-family: 'lain', tahoma, sans-serif; |
|||
padding: 15px 0 5px 0; |
|||
font-size: 15pt; |
|||
text-align: center; |
|||
color: #1e6aad; |
|||
} |
|||
|
|||
h2 {margin: 5px 0;} |
|||
|
|||
a { |
|||
color: #ddd; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a:hover { |
|||
color: #969696; |
|||
} |
|||
|
|||
a:visited { |
|||
color: #ddd; |
|||
} |
|||
|
|||
div.post.reply div.body a { |
|||
color: #ffffff; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
div.post.reply div.body a:hover { |
|||
color: #5d5d5d; |
|||
} |
|||
|
|||
div.post.reply div.body a:visited { |
|||
color: #ddd; |
|||
} |
|||
|
|||
#options_div {background-color: #191919;} |
|||
|
|||
p.fileinfo {margin: 0 10px 0 0;} |
|||
|
|||
.post-image {margin: 5px 20px 10px 0;} |
|||
|
|||
.options_tab_icon {color: #9a9a9a;} |
|||
|
|||
.options_tab_icon.active {color: #ffffff;} |
|||
|
|||
.threadlinks {background-color: #191919;} |
|||
|
|||
form table tr th { |
|||
background: inherit; |
|||
padding: 4px 10px; |
|||
} |
|||
|
|||
.bar.bottom { |
|||
background: #191919; |
|||
padding: 5px; |
|||
} |
|||
|
|||
input[type="text"], input[type="password"], input[type="file"], textarea, select { |
|||
background: #333333; |
|||
color: #bcbcbc; |
|||
border: 1px solid #474545; |
|||
padding: 3px !important; |
|||
margin-top: 2px; |
|||
margin-bottom: 2px; |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
textarea#body { |
|||
clear: both; |
|||
float: left; |
|||
} |
|||
|
|||
#quick-reply .format-text { |
|||
float: none; |
|||
} |
|||
|
|||
#quick-reply .format-text > a { |
|||
display: inline !important; |
|||
} |
|||
|
|||
input[type="submit"] { |
|||
color: #bcbcbc; |
|||
font-size: 12px; |
|||
background: #333333; |
|||
padding: 3px 12px 3px 12px; |
|||
border: solid #474545 1px; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
input[type="submit"]:hover { |
|||
background: #555555; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
input[name="spoiler"] { |
|||
position: relative; |
|||
top: 3px; |
|||
left: 1px; |
|||
} |
|||
|
|||
input[name="post"] { |
|||
float: left; |
|||
margin-top: 2px; |
|||
} |
|||
|
|||
input[name="search"] { |
|||
padding: 4px !important; |
|||
} |
|||
|
|||
div.format-text { |
|||
float: left; |
|||
margin-bottom: 2px; |
|||
} |
|||
|
|||
.format-text > a { |
|||
vertical-align: middle; |
|||
line-height: 28px; |
|||
margin-right: 10px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
div.banner { |
|||
background-color: inherit; |
|||
color: #9a9a9a; |
|||
padding: 5px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
img.banner, img.board_image { |
|||
border: 1px solid #a9a9a9; |
|||
display: block; |
|||
margin: 5em auto 0 auto; |
|||
} |
|||
|
|||
footer { |
|||
opacity: 0.6; |
|||
} |
|||
|
|||
div.post.reply.highlighted { |
|||
background: #3C3B3C; |
|||
} |
|||
|
|||
.post-hover { |
|||
border-width: 1px !important; |
|||
border-color: #3C3B3C !important; |
|||
} |
|||
|
|||
.intro span.name { |
|||
color: #0fb62e; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.intro a.email span.name { |
|||
color: #20bca0; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.intro a.email:hover span.name { |
|||
color: #1448a2; |
|||
} |
|||
|
|||
.quote { |
|||
color: #4a9b20; |
|||
} |
|||
|
|||
|
|||
header div.subtitle { |
|||
color: #ffffff; |
|||
} |
|||
|
|||
#thread_stats { |
|||
float: none; |
|||
} |
|||
|
|||
div.post { |
|||
line-height: 1.3 !important; |
|||
} |
|||
|
|||
div.pages a.selected { |
|||
color: #888; |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
a:hover, .intro a.post_no:hover { |
|||
color: #fff; |
|||
} |
|||
|
|||
/* Compact boardlist */ |
|||
|
|||
.cb-menu { |
|||
margin-top: -15px !important; |
|||
} |
|||
|
|||
.cb-menuitem span { |
|||
border-top: 1px solid rgba(255,255,255,0.2); |
|||
} |
|||
|
|||
/* Quick reply */ |
|||
|
|||
#quick-reply table { |
|||
background: #333333 !important; |
|||
} |
|||
|
|||
/* Custom pages */ |
|||
|
|||
div.module, div.ban { |
|||
background: inherit; |
|||
border: none; |
|||
} |
|||
|
|||
div.ban h2 { |
|||
font-family: 'lain', tahoma, sans-serif; |
|||
font-size: 13pt; |
|||
color: #1e6aad; |
|||
background: inherit; |
|||
} |
|||
|
|||
#banlist th { |
|||
background: #505050; |
|||
color: #b7afaf; |
|||
padding-top: 4px; |
|||
} |
|||
|
|||
#banlist td:hover { |
|||
background: #414141; |
|||
} |
|||
|
|||
#banlist #select-all { |
|||
margin-top: -2px; |
|||
} |
|||
|
|||
.banlist-opts .checkboxes label { |
|||
color: #9a9a9a; |
|||
float: left; |
|||
} |
|||
|
|||
.banlist-opts #search { |
|||
float: right; |
|||
} |
|||
|
|||
tr.tblhead > th { |
|||
color: #b7afaf; |
|||
} |
|||
|
|||
.tblhead { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
fieldset { |
|||
border: 1px solid gray; |
|||
} |
|||
|
|||
@media screen and (max-width: 700px) { |
|||
img.banner, img.board_image { |
|||
border: 1px solid #a9a9a9; |
|||
display: block; |
|||
margin: 8em auto 0 auto; |
|||
} |
|||
} |
|||
|
|||
|
|||
@media screen and (min-width: 700px) { |
|||
img.banner, img.board_image { |
|||
border: 1px solid #a9a9a9; |
|||
display: block; |
|||
margin: 6em auto 0 auto; |
|||
} |
|||
} |
|||
@ -0,0 +1,385 @@ |
|||
/** |
|||
* heavy_ice.css |
|||
* by kalyx |
|||
*stole some shit from monoelain thnx |
|||
*/ |
|||
|
|||
body |
|||
{ |
|||
display:block; |
|||
padding-top: 26px; |
|||
background: #0d1010; |
|||
color: #d2e7e8; |
|||
font-family: sans-serif; |
|||
font-size: 13px; |
|||
|
|||
|
|||
max-width: 568px; |
|||
} |
|||
div.boardlist{ |
|||
background-color: #000!important; |
|||
|
|||
} |
|||
html { |
|||
/* Size of largest container or bigger */ |
|||
background:#0d1010; |
|||
max-width: 568px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
|
|||
} |
|||
/*banner*/ |
|||
.board_image{ |
|||
border: double 0px #d2e7e8; |
|||
box-shadow: 2px 2px #d2e7e8; |
|||
} |
|||
|
|||
/*gives images border/shadow*/ |
|||
div.files img.post-image { |
|||
border: solid 1px #d2e7e8; |
|||
box-shadow: 2px 2px #d2e7e8; |
|||
padding: 0px; |
|||
border-radius: 0; |
|||
margin-bottom: 5px; |
|||
} |
|||
div.sidearrows{ |
|||
display: none; |
|||
} |
|||
|
|||
span.quote |
|||
{ |
|||
color:#e8d928; |
|||
} |
|||
@font-face |
|||
{ |
|||
font-family: 'lain'; |
|||
src: url('./fonts/nrdyyh.woff') format('woff'), |
|||
url('./fonts/tojcxo.TTF') format('truetype'); |
|||
} |
|||
h1 |
|||
{ |
|||
display: none; |
|||
font-family: 'lain', tahoma; |
|||
|
|||
letter-spacing: -2px; |
|||
font-size: 42px; |
|||
text-align: center; |
|||
color: #d2e7e8; |
|||
|
|||
} |
|||
header div.subtitle |
|||
{ |
|||
display: none; |
|||
color: #d2e7e8; |
|||
font-size: 13px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
max-width:385px; |
|||
} |
|||
div.title |
|||
{ |
|||
display: none; |
|||
color: #e8d928; |
|||
font-family: Arial, Helvetica, sans-serif; |
|||
|
|||
} |
|||
div.title p |
|||
{ |
|||
font-size: 8px; |
|||
color: #e8d928; |
|||
} |
|||
a:link, a:visited, p.intro a.email span.name |
|||
{ |
|||
color: #d2e7e8; |
|||
text-transform: uppercase; |
|||
font-size: 10px; |
|||
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: #e8d928; |
|||
font-family: sans-serif; |
|||
text-decoration: none; |
|||
text-shadow: 0px 0px 5px #d2e7e8; |
|||
} |
|||
a.post_no |
|||
{ |
|||
color: #e8d928; |
|||
text-decoration: none; |
|||
} |
|||
p.intro a.post_no:hover |
|||
{ |
|||
color: #e8d928!important; |
|||
} |
|||
div.post.reply |
|||
{ |
|||
background: #0d1010; |
|||
align: center; |
|||
max-width:96% !important; |
|||
min-width: 96%!important; |
|||
border: solid 1px #d2e7e8; |
|||
box-shadow: 2px 2px #d2e7e8; |
|||
|
|||
|
|||
} |
|||
|
|||
div.postcontainer |
|||
{ |
|||
max-width:100% !important; |
|||
min-width: 100%!important; |
|||
|
|||
} |
|||
div.post.reply.highlighted |
|||
{ |
|||
background: #1e2324; |
|||
border: solid 1px #93e0e3; |
|||
box-shadow: 3px 5px #5c8c8e; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
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: #e8d928; |
|||
|
|||
} |
|||
p.intro span.subject |
|||
{ |
|||
font-size: 12px; |
|||
font-family: sans-serif; |
|||
color: #e8d928; |
|||
font-weight: 800; |
|||
|
|||
} |
|||
p.intro span.name |
|||
{ |
|||
color: #d2e7e8; |
|||
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: #d2e7e8; |
|||
|
|||
} |
|||
input[type="text"], textarea, select |
|||
{ |
|||
background: #0d1010!important; |
|||
color: #CCCCCC!important; |
|||
border: solid 1px #d2e7e8; |
|||
box-shadow: 1px 1px #0d1010; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
|
|||
|
|||
} |
|||
input[type="password"] |
|||
{ |
|||
background: #0d1010!important; |
|||
color: #CCCCCC!important; |
|||
border: #d2e7e8 1px double!important; |
|||
} |
|||
form table tr th |
|||
{ |
|||
background: #0d1010!important; |
|||
color: #d2e7e8!important; |
|||
border: solid 1px #d2e7e8; |
|||
box-shadow: 1px 1px #0d1010; |
|||
text-align: right; |
|||
|
|||
} |
|||
div.banner |
|||
{ |
|||
|
|||
background: #E04000; |
|||
border: 0px solid hsl(17, 100%, 60%); |
|||
color: #EEE; |
|||
text-align: center; |
|||
height: 15px; |
|||
padding: 1px 1px 4px 1px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
div.banner a |
|||
{ |
|||
color:#000; |
|||
} |
|||
input[type="submit"] |
|||
{ |
|||
background: #000!important; |
|||
border: #666 1px solid; |
|||
color: #CCCCCC; |
|||
} |
|||
input[type="submit"]:hover |
|||
{ |
|||
background: #555; |
|||
border: #888 1px solid; |
|||
color: #e8d928; |
|||
} |
|||
input[type="text"]:focus, textarea:focus |
|||
{ |
|||
border:#888 1px solid!important; |
|||
} |
|||
p.fileinfo a:hover |
|||
{ |
|||
text-decoration: underline; |
|||
} |
|||
span.trip |
|||
{ |
|||
color: #AAA; |
|||
} |
|||
.bar |
|||
{ |
|||
background: #0c0c0c!important; |
|||
-moz-box-shadow: 0 0 0px #000; |
|||
-webkit-box-shadow: 0 0 0px #000; |
|||
|
|||
|
|||
|
|||
|
|||
} |
|||
.bar.top |
|||
{ |
|||
border: solid 1px #d2e7e8; |
|||
box-shadow: 0px 1px #d2e7e8; |
|||
|
|||
} |
|||
.bar.bottom |
|||
{ |
|||
border-top: 0px solid #666; |
|||
border: solid 1px #d2e7e8; |
|||
background-color: #000!important; |
|||
|
|||
|
|||
} |
|||
div.pages |
|||
{ |
|||
color: #d2e7e8 ; |
|||
background-color: #000!important; |
|||
border: #666 0px solid; |
|||
font-family: sans-serif; |
|||
font-size: 10px; |
|||
} |
|||
div.pages a.selected |
|||
{ |
|||
color: #d2e7e8 ; |
|||
} |
|||
hr |
|||
{ |
|||
height: 0px; |
|||
border: #d2e7e8 2px solid; |
|||
|
|||
} |
|||
div.boardlist |
|||
{ |
|||
color: #d2e7e8; |
|||
} |
|||
|
|||
div.ban |
|||
{ |
|||
background-color: #0d1010; |
|||
border: 0px solid #555; |
|||
-moz-border-radius: 2px; |
|||
-webkit-border-radius: 2px; |
|||
border-radius: 2px; |
|||
text-align: left!important; |
|||
font-size: 13px; |
|||
|
|||
} |
|||
div.ban h2 |
|||
{ |
|||
background: #333; |
|||
color: #d2e7e8; |
|||
padding: 3px 7px; |
|||
font-size: 12px; |
|||
border-bottom: 1px solid #555; |
|||
} |
|||
div.ban h2:not(:nth-child(1)) |
|||
{ |
|||
border-top: 0px solid #555; |
|||
} |
|||
table.modlog tr th |
|||
{ |
|||
background: #333; |
|||
color: #AAA; |
|||
} |
|||
|
|||
div.report |
|||
{ |
|||
color: #666; |
|||
} |
|||
.pages, .board_image, input, .reply, form table th, textarea, a img, select, .banner |
|||
{ |
|||
-webkit-border-radius: 2px; |
|||
-khtml-border-radius: 2px; |
|||
-moz-border-radius: 2px; |
|||
-o-border-radius: 2px; |
|||
-ms-border-radius: 2px; |
|||
border-radius: 2px; |
|||
} |
|||
.blur |
|||
{ |
|||
filter: blur(20px); |
|||
-webkit-filter: blur(23px); |
|||
-moz-filter: blur(23px); |
|||
-o-filter: blur(23px); |
|||
-ms-filter: blur(23px); |
|||
filter: url(svg/blur.svg#blur); |
|||
} |
|||
|
|||
/* options.js */ |
|||
#options_div |
|||
{ |
|||
background: #333333; |
|||
} |
|||
.options_tab_icon |
|||
{ |
|||
color: #AAAAAA; |
|||
} |
|||
.options_tab_icon.active |
|||
{ |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
|
|||
|
|||
.blotter |
|||
{ |
|||
color: #e8d928!important; |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,469 @@ |
|||
|
|||
/** |
|||
* Midnight.css |
|||
* For Ponyville by Starshine |
|||
* |
|||
* Modified from dark.css |
|||
* For AwsumChan by Circlepuller |
|||
*/ |
|||
@import url("/stylesheets/dark.css"); |
|||
|
|||
body, |
|||
div.options_tab, |
|||
div#options_tablist, |
|||
div#options_div, |
|||
#settingsScreen, |
|||
#watcherScreen { |
|||
background: #110011; |
|||
color: white; |
|||
border-color: #999999; |
|||
} |
|||
|
|||
body, |
|||
.expanded-post-container, |
|||
.expanded-post-container:hover { |
|||
color: #BBBBBB; |
|||
font-size: 12px; |
|||
font-family: sans-serif; |
|||
} |
|||
|
|||
a, |
|||
a:visited { |
|||
color: #CCCCCC; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a:hover { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
h1 { |
|||
color: yellow; |
|||
font: bold 20pt serif; |
|||
text-align: center; |
|||
letter-spacing: 0px; |
|||
} |
|||
|
|||
h2, |
|||
header div.subtitle, |
|||
p.intro a.email:hover span.name { |
|||
color: yellow !important; |
|||
} |
|||
|
|||
hr { |
|||
height: 1px; |
|||
border: #333333 1px solid; |
|||
} |
|||
|
|||
div.banner a.unimportant { |
|||
color: yellow; |
|||
} |
|||
|
|||
span.name { |
|||
color: lavender; |
|||
} |
|||
|
|||
div.boardlist, |
|||
.boardlist.top { |
|||
height: 24px; |
|||
color: #999999; |
|||
background-color: rgba(12%, 12%, 12%, 0.10); |
|||
} |
|||
|
|||
.desktop-style div.boardlist:not(.bottom), |
|||
.boardlist.top { |
|||
text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px; |
|||
background-color: rgba(30%, 0%, 30%, 0.65); |
|||
} |
|||
|
|||
.desktop-style div.boardlist:not(.bottom):hover, |
|||
.boardlist.top:hover { |
|||
background-color: rgba(30%, 0%, 30%, 0.65); |
|||
} |
|||
|
|||
.boardlist.top .boardlistpart a { |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.boardlist.top .boardlistpart a.boardlistactive { |
|||
border-top: 0px !important; |
|||
color: white; |
|||
font-weight: bold; |
|||
background: transparent; |
|||
} |
|||
|
|||
.boardlist.top .boardlistpart a:hover, |
|||
.boardlist.top .watcherButton.open { |
|||
background: #4B114B; |
|||
height: 12px; |
|||
} |
|||
|
|||
.boardlist.bottom { |
|||
background: transparent; |
|||
} |
|||
|
|||
div.banner { |
|||
background: rgba(0%, 0%, 0%, 0); |
|||
color: yellow; |
|||
text-align: center; |
|||
width: 250px; |
|||
padding: 4px; |
|||
padding-left: 12px; |
|||
padding-right: 12px; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
div.banner a { |
|||
color: #000; |
|||
} |
|||
|
|||
div.banner a:hover { |
|||
color: #fff !important; |
|||
} |
|||
|
|||
div.pages { |
|||
color: #CCCCCC; |
|||
background: #110011; |
|||
border: #666666 1px solid; |
|||
font-family: sans-serif; |
|||
font-size: 10pt; |
|||
} |
|||
|
|||
div.pages a.selected { |
|||
color: #CCCCCC; |
|||
} |
|||
|
|||
div.body { |
|||
color: #CCCCCC; |
|||
} |
|||
|
|||
input[type="text"], |
|||
textarea, |
|||
select { |
|||
background: #220022; |
|||
color: #CCCCCC; |
|||
border: #666666 1px solid; |
|||
padding-left: 5px; |
|||
padding-right: -5px; |
|||
font-family: sans-serif; |
|||
font-size: 10pt; |
|||
} |
|||
|
|||
input[type="password"] { |
|||
background: #220022; |
|||
color: #CCCCCC; |
|||
border: #666666 1px solid; |
|||
} |
|||
|
|||
input[type="submit"], |
|||
#qr button { |
|||
background: #330022; |
|||
border: #888888 1px solid; |
|||
color: #CCCCCC; |
|||
} |
|||
|
|||
input[type="submit"]:hover, |
|||
#qr button:hover { |
|||
background: #550045; |
|||
border: #888888 1px solid; |
|||
color: yellow; |
|||
} |
|||
|
|||
input[type="text"]:focus, |
|||
input[type="password"]:focus, |
|||
input[type="text"]:focus, |
|||
textarea:focus, |
|||
select { |
|||
border: #aaa 1px solid; |
|||
} |
|||
|
|||
#qr button:not(#qrfileremove), |
|||
#qr input[type='submit'] { |
|||
background: #220022; |
|||
border: 1px solid #888; |
|||
border-radius: 0; |
|||
box-shadow: inset 0 0 1px 1px #000000; |
|||
color: #ccc; |
|||
text-shadow: 0 1px 0 #000; |
|||
} |
|||
|
|||
#qr input[type='submit'], |
|||
#qr input[type='submit']:hover { |
|||
border-color: #b468bf; |
|||
} |
|||
|
|||
#qr button:not(#qrfileremove):hover, |
|||
#qr input[type='submit']:hover { |
|||
background: #550045; |
|||
border: 1px solid #888; |
|||
border-radius: 0; |
|||
box-shadow: inset 0 0 1px 1px #000000; |
|||
color: yellow; |
|||
text-shadow: 0 1px 0 #000; |
|||
} |
|||
|
|||
form table tr th { |
|||
background: #220022; |
|||
color: #CCCCCC; |
|||
font-weight: 800; |
|||
text-align: left; |
|||
padding: 0; |
|||
} |
|||
|
|||
.thread hr { |
|||
border-color: #333333; |
|||
} |
|||
|
|||
div.ban { |
|||
background: #220022; |
|||
color: #CCCCCC; |
|||
} |
|||
|
|||
div.ban h2 { |
|||
background: #330033; |
|||
color: yellow; |
|||
} |
|||
|
|||
input.delete { |
|||
/* the post checkboxes */ |
|||
position: relative; |
|||
top: 2px; |
|||
left: 2px; |
|||
} |
|||
|
|||
div.ban h4, |
|||
header h1, |
|||
p.intro span.subject { |
|||
color: yellow; |
|||
} |
|||
|
|||
span.name, |
|||
.name, |
|||
p.intro span.name { |
|||
color: lightgreen; |
|||
} |
|||
|
|||
p.intro a.email span.name { |
|||
color: lavender; |
|||
} |
|||
|
|||
.intro .subject, |
|||
p.intro a.email span.name:hover, |
|||
span.heading { |
|||
color: yellow; |
|||
} |
|||
|
|||
.boardlist.top .boardlistpart a[href="/"] { |
|||
color: #DDD; |
|||
} |
|||
|
|||
.post.reply, |
|||
div.post.reply, |
|||
.post.reply .post-hover { |
|||
background: #220022; |
|||
border: #555555 1px solid; |
|||
border-radius: 10px; |
|||
} |
|||
|
|||
.post.highlighted { |
|||
background: #400045; |
|||
} |
|||
|
|||
.post.reply.highlighted, |
|||
div.post.reply.highlighted { |
|||
background: #3A003A; |
|||
border: transparent 1px solid; |
|||
} |
|||
|
|||
.post.highlighted { |
|||
background: transparent; |
|||
} |
|||
|
|||
.post-inline, |
|||
.post-hover { |
|||
border: #110011 1px solid !important; |
|||
box-shadow: 1px 1px 1px 1px transparent !important |
|||
} |
|||
|
|||
.post.reply:not(.inline) { |
|||
border-width: 0; |
|||
max-width: 94%; |
|||
} |
|||
|
|||
.intro .name { |
|||
font-weight: 800; |
|||
} |
|||
|
|||
a.email, |
|||
a.email .name, |
|||
a.email:hover, |
|||
a.email:hover .name { |
|||
color: #32ddaf; |
|||
} |
|||
|
|||
span.trip { |
|||
color: lightgreen; |
|||
} |
|||
|
|||
a.email .name { |
|||
color: #CCCCCC; |
|||
} |
|||
|
|||
.intro .post_no { |
|||
color: #AAAAAA; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.intro .post_no:hover { |
|||
color: #32DD72 !important; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
#qrDisplayButton { |
|||
color: yellow; |
|||
} |
|||
|
|||
div.blotter { |
|||
color: white; |
|||
} |
|||
|
|||
.hashtag { |
|||
background: linear-gradient(#3A003A, #220022); |
|||
margin-bottom: 4px; |
|||
} |
|||
|
|||
.hidetogglebutton, |
|||
div.pages button { |
|||
background: linear-gradient(#3A003A, #220022); |
|||
} |
|||
|
|||
.fileinfo a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.post .body a, |
|||
.post .body a:visited, |
|||
.post> :not(.body) a { |
|||
color: #CCCCCC; |
|||
} |
|||
|
|||
.post .body a:hover { |
|||
color: #32DD72 !important |
|||
} |
|||
|
|||
span.quote { |
|||
color: #B8D962; |
|||
} |
|||
|
|||
span.upquote { |
|||
color: magenta; |
|||
} |
|||
|
|||
span.handle { |
|||
background: #150015; |
|||
} |
|||
|
|||
.ban { |
|||
background-color: transparent; |
|||
border: transparent 0px solid; |
|||
} |
|||
|
|||
.ban h2 { |
|||
background: transparent; |
|||
color: lime; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
#options_div, |
|||
#alert_div { |
|||
background: #333333; |
|||
} |
|||
|
|||
.options_tab_icon { |
|||
color: #AAAAAA; |
|||
} |
|||
|
|||
.options_tab_icon.active { |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
table.modlog tr th { |
|||
background: #333333; |
|||
color: #AAAAAA; |
|||
} |
|||
|
|||
.report { |
|||
color: #666666; |
|||
} |
|||
|
|||
#qr, |
|||
.qrthumb { |
|||
background-color: #220022; |
|||
color: white !important; |
|||
border-color: #555555 !important; |
|||
border: 1px 1px 1px 1px; |
|||
} |
|||
|
|||
#qrfileremove { |
|||
background-color: transparent !important; |
|||
border: 0px !important; |
|||
} |
|||
|
|||
.qrremovethumb { |
|||
opacity: 0.5 !important; |
|||
} |
|||
|
|||
#qr textarea { |
|||
border-bottom-color: #555555; |
|||
} |
|||
|
|||
#qr textarea:focus {} |
|||
|
|||
#qrimageswrapper, |
|||
#qraddimage { |
|||
overflow-x: hidden; |
|||
background: #110011; |
|||
color: white; |
|||
min-height: 72px; |
|||
} |
|||
|
|||
#qrmove { |
|||
background-color: #330022; |
|||
} |
|||
|
|||
#qr label { |
|||
color: white; |
|||
} |
|||
|
|||
#quick-reply th {} |
|||
|
|||
.hidetext { |
|||
border: 1px solid rgba(0, 0, 0, 0.3); |
|||
background: rgba(0, 0, 0, 0.1) none repeat scroll 0px 0px; |
|||
padding: 5px; |
|||
margin: 5px; |
|||
overflow: hidden; |
|||
transform-origin: center top 0px; |
|||
transform: scaleY(1); |
|||
transition: transform 0.25s ease-in-out 0s, margin 0.25s ease-in-out 0s, padding 0.25s ease-in-out 0s, height 0.25s ease-in-out 0s; |
|||
} |
|||
|
|||
|
|||
/* leftypol edits */ |
|||
.bar, |
|||
.bar.top, |
|||
.bar.bottom, |
|||
div.boardlist, |
|||
div.boardlist:not(.bottom) { |
|||
background-color: rgba(30%, 0%, 30%, 1.0); |
|||
} |
|||
.theme-catalog div.thread:hover { |
|||
background: rgba(0, 0, 0, 0.12); |
|||
border: 2px solid rgba(111, 111, 111, 0.34); |
|||
} |
|||
|
|||
.options_tab_icon { |
|||
color: white; |
|||
} |
|||
@ -0,0 +1,126 @@ |
|||
html, body { |
|||
background: #1E1E1E; |
|||
margin: 0; |
|||
color: #808080; |
|||
font-family: sans-serif; |
|||
} |
|||
|
|||
.bar .top { |
|||
position: fixed; |
|||
} |
|||
|
|||
.boardlist { |
|||
padding: 10px; |
|||
} |
|||
|
|||
/* Fix boardlist background color */ |
|||
.desktop-style div.boardlist:not(.bottom) { |
|||
background: #1B1B1B; |
|||
} |
|||
|
|||
.boardlist, .boardlist a { |
|||
text-align: center; |
|||
color: white; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.boardlist .sub { |
|||
display: inline-block; |
|||
} |
|||
|
|||
header { |
|||
text-align: center; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.subtitle { |
|||
color: grey; |
|||
} |
|||
|
|||
form table { |
|||
margin: auto; |
|||
} |
|||
|
|||
.blotter { |
|||
text-align: center; |
|||
} |
|||
|
|||
.thread { |
|||
width: 95%; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
|
|||
.op { |
|||
margin-bottom: 2rem; |
|||
} |
|||
|
|||
/* Change unreadable op color*/ |
|||
.intro span.subject { |
|||
color: #053056; |
|||
} |
|||
|
|||
.sidearrows { |
|||
display: none; |
|||
} |
|||
|
|||
p.intro { |
|||
margin: 0.2rem; |
|||
} |
|||
|
|||
div.post.reply { |
|||
border: 1px solid white; |
|||
padding: 0.3rem; |
|||
background: #1B1B1B; |
|||
} |
|||
|
|||
a { |
|||
color: white; |
|||
} |
|||
|
|||
a:hover { |
|||
color: grey; |
|||
} |
|||
|
|||
/* remove red link in post */ |
|||
div.post.reply div.body a { |
|||
color: white; |
|||
} |
|||
|
|||
div.post.reply div.body a:hover { |
|||
color: grey; |
|||
} |
|||
|
|||
#options_div { |
|||
background-color: #1E1E1E; |
|||
} |
|||
|
|||
.options_tab_icon { |
|||
color: #808080; |
|||
} |
|||
|
|||
.options_tab_icon.active { |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.threadlinks { |
|||
background-color: #1E1E1E; |
|||
} |
|||
form table tr th{ |
|||
background: #1E1E1E; |
|||
} |
|||
|
|||
.bar.bottom { |
|||
background: #1E1E1E; |
|||
} |
|||
|
|||
input[type="text"], textarea, select { |
|||
background: #333333; |
|||
color: #808080; |
|||
} |
|||
|
|||
div.banner { |
|||
background-color: #1E1E1E; |
|||
color: #808080; |
|||
} |
|||
|
|||
@ -0,0 +1,379 @@ |
|||
/*monoelains ez css for VIP quality imageboards. steal this .css and edit it to your liking. */ |
|||
|
|||
/* OPTION HIDING */ |
|||
|
|||
|
|||
/*lainchan bottom bar fix*/ |
|||
.bar{ |
|||
background-color: #CDCDCD!important; |
|||
} |
|||
|
|||
/*removes footer (STI pls dont sue) |
|||
footer { |
|||
display:none; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
/* hides AA in catalog */ |
|||
.theme-catalog span.aa { |
|||
display: none !important; |
|||
} |
|||
|
|||
/* hides expand all images */ |
|||
#expand-all-images { |
|||
display: none; |
|||
} |
|||
|
|||
/* hides hints*/ |
|||
.hint { |
|||
} |
|||
|
|||
/* hides horizontal bar */ |
|||
hr { |
|||
display: none; |
|||
} |
|||
|
|||
/*banner stuff*/ |
|||
img.banner, img.board_image { |
|||
border: 8px ridge #B18108; |
|||
background-color: #B2A50F; |
|||
display: ; |
|||
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); |
|||
margin: 30px auto 0px; |
|||
} |
|||
|
|||
/* hides delete options (obsolete) */ |
|||
div.delete { |
|||
display: none; |
|||
} |
|||
|
|||
/*makes files align vertically (hw pls fix this shit)*/ |
|||
.file { |
|||
display: block; |
|||
margin-right: 11px; |
|||
} |
|||
} |
|||
|
|||
div.boardlist a { |
|||
color: rgb(187, 51, 0); |
|||
} |
|||
|
|||
/*expanded image border/shadow*/ |
|||
.full-image { |
|||
border-top-right-radius: 0; |
|||
-webkit-box-shadow: 7px 7px 0px 0px #000; |
|||
-moz-box-shadow: 7px 7px 0px 0px #000; |
|||
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); |
|||
border: double black; |
|||
border-bottom-right-radius: 0; |
|||
border-bottom-left-radius: 0; |
|||
border-top-left-radius: 0; |
|||
padding: 5px; |
|||
margin: 0px 0px 0px; |
|||
/*+border-radius: 0;*/ |
|||
-moz-border-radius: 0; |
|||
-webkit-border-radius: 0; |
|||
-khtml-border-radius: 0; |
|||
border-radius: 0; |
|||
max-width: 80% !important; |
|||
float: none; |
|||
background-color: rgb(194, 194, 194); |
|||
} |
|||
|
|||
/*gives quick reply its border/shadow*/ |
|||
#quick-reply table { |
|||
background: none repeat scroll 0 0 #CBCBCB; |
|||
border: 4px double; |
|||
margin: 0; |
|||
-webkit-box-shadow: 7px 7px 0px 0px #000; |
|||
-moz-box-shadow: 7px 7px 0px 0px #000; |
|||
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); |
|||
width: auto !important; |
|||
} |
|||
|
|||
/*makes posting form maroon*/ |
|||
form table tr th { |
|||
background-color: rgb(187, 51, 0); |
|||
color: #FFFFFF; |
|||
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; |
|||
} |
|||
|
|||
/*gives images border/shadow*/ |
|||
div.files img.post-image { |
|||
-webkit-box-shadow: 7px 7px 0px 0px #000; |
|||
-moz-box-shadow: 7px 7px 0px 0px #000; |
|||
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); |
|||
background-color: #CBCBCB; |
|||
border: double black; |
|||
padding: 5px; |
|||
/*+border-radius: 0;*/ |
|||
-moz-border-radius: 0; |
|||
-webkit-border-radius: 0; |
|||
-khtml-border-radius: 0; |
|||
border-radius: 0; |
|||
margin-bottom: 5px; |
|||
} |
|||
|
|||
/* makes Youtube thumbs not obscenely big */ |
|||
div.video-container { |
|||
width: auto !important; |
|||
height: auto !important; |
|||
max-height: 20% !important; |
|||
max-width: 20% !important; |
|||
} |
|||
|
|||
/* Image thumbs size limit (make as big as you want)*/ |
|||
.post-image { |
|||
border: double black; |
|||
height: auto !important; |
|||
width: auto !important; |
|||
max-height: 60%; |
|||
max-width: 60%; |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); |
|||
padding: 5px; |
|||
background-color: #cdcdcd; |
|||
} |
|||
|
|||
/* Keep small thumbnails in replies */ |
|||
.post.reply a:not([data-expanded="true"]) .post-image { |
|||
width: auto !important; |
|||
height: auto !important; |
|||
max-height: 60%; |
|||
max-width: 60%; |
|||
} |
|||
|
|||
/* reply box size */ |
|||
.input[type="text"], textarea { |
|||
min-height: 117px; |
|||
min-width: 240px; |
|||
} |
|||
|
|||
/*boardwide font stuff goes here also background image*/ |
|||
body { |
|||
padding: 0; |
|||
font-family: arial, sans-serif; |
|||
font-size: 14px; |
|||
background: url("../static/OUHu2ki.jpg") fixed repeat top #000000; |
|||
min-width: 395px; |
|||
margin-left: 10px; |
|||
margin-right: 35px; |
|||
|
|||
margin-left: 10px; |
|||
} |
|||
/*saves one pixel of space*/ |
|||
header { |
|||
margin-bottom: 0px; |
|||
} |
|||
|
|||
/*gives posting table its border/shadow*/ |
|||
form table { |
|||
width: 100%; |
|||
minimum-width: 960px; |
|||
min-height: 250px; |
|||
display: inline-block; |
|||
margin: 5px auto; |
|||
background-color: #CDCDCD; |
|||
border: double black; |
|||
padding: 5px; |
|||
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
|||
box-shadow: 7px 5px rgba(0, 0, 0, 0.5); |
|||
} |
|||
|
|||
/*gives threads its border/shadow*/ |
|||
div[id^="thread_"] { |
|||
-webkit-box-shadow: 11px 11px 0px 0px #000; |
|||
-moz-box-shadow: 11px 11px 0px 0px #000; |
|||
background-color: rgb(221, 221, 221); |
|||
margin-bottom: 20px; |
|||
padding: 10px; |
|||
border: 3px double #000000; |
|||
width: 100%; |
|||
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); |
|||
} |
|||
|
|||
/*adds horizontal bar below subject*/ |
|||
p.intro { |
|||
background-image: url('https://www.lainchan.org/static/UebGaj5.png'); |
|||
background-repeat: repeat-x; |
|||
background-position: bottom; |
|||
min-height: 25px; |
|||
} |
|||
|
|||
/*gives replies border/shadow*/ |
|||
div.post.reply { |
|||
max-width: 95% !important; |
|||
-webkit-box-shadow: 7px 7px 0px 0px #000; |
|||
-moz-box-shadow: 7px 7px 0px 0px #000; |
|||
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); |
|||
padding: 10px; |
|||
margin-top: 20px; |
|||
border: double 3px #000; |
|||
background-color: rgb(194, 194, 194); |
|||
} |
|||
|
|||
/*unfucks highlighting replies and gives border/shadow*/ |
|||
div.post.reply.highlighted { |
|||
background-color: #D6BDB0; |
|||
} |
|||
|
|||
/*dont touch this*/ |
|||
div.body { |
|||
display: block; |
|||
clear: both; |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
/*makes page bar have border/shadow*/ |
|||
div.pages { |
|||
-webkit-box-shadow: 7px 7px 0px 0px #000; |
|||
-moz-box-shadow: 7px 7px 0px 0px #000; |
|||
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); |
|||
width: 100%; |
|||
display: block; |
|||
clear: both; |
|||
border: double black; |
|||
background-color: rgb(221, 221, 221); |
|||
} |
|||
|
|||
/*hovered links have underline*/ |
|||
a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
/*stops textbox resizing shenanigans*/ |
|||
.input[type="text"], textarea { |
|||
font-size: 14px; |
|||
max-width: 9000px; |
|||
min-height: 115px; |
|||
min-width: 270px; |
|||
} |
|||
|
|||
/*boardname nice font. replace with something classy someday*/ |
|||
header div.subtitle, h1 { |
|||
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; |
|||
color: rgb(187, 51, 0); |
|||
} |
|||
|
|||
/*announcement font and color*/ |
|||
div.blotter { |
|||
padding: 15px; |
|||
color: #000000; |
|||
font-family: Palatino Linotype, Book Antiqua, Palatino, serif; |
|||
} |
|||
|
|||
/*makes links red*/ |
|||
a { |
|||
color: rgb(187, 51, 0) !important; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
/*top boardlist stuff. change position to "fixed" to make it behave like normal 8chan*/ |
|||
div.boardlist:not(.bottom) { |
|||
background-color: rgba(221, 221, 221, 1) !important; |
|||
text-align: center; |
|||
padding: 5px 75px; |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); !important; |
|||
color: rgba(0, 0, 0, 0.33); |
|||
font-size: 10px; |
|||
border: double #000 !important; |
|||
position:static !important; |
|||
} |
|||
|
|||
@-moz-document url-prefix() { |
|||
|
|||
div.boardlist { |
|||
word-spacing:-1px !important; |
|||
} |
|||
|
|||
} |
|||
|
|||
/*favorites in a new line*/ |
|||
div.boardlist span.favorite-boards { |
|||
display: block; |
|||
} |
|||
|
|||
/*subject color*/ |
|||
p.intro span.subject { |
|||
color: rgb(117, 8, 8); |
|||
} |
|||
|
|||
/*bottom boardlist centered*/ |
|||
|
|||
div.boardlist.bottom { |
|||
text-align: center; |
|||
background-color: rgba(228,228,228,1); |
|||
border: double #000000; |
|||
width: 101%; |
|||
} |
|||
|
|||
/*colors name*/ |
|||
p.intro span.name { |
|||
color: rgb(122, 77, 77); |
|||
font-family: ; |
|||
} |
|||
|
|||
/*catalog stuff*/ |
|||
.theme-catalog div.thread { |
|||
background-color: rgb(221, 221, 221); |
|||
border: double; |
|||
} |
|||
|
|||
.theme-catalog div.thread:hover { |
|||
background-color: #D6BDB0; |
|||
border: double; |
|||
} |
|||
|
|||
span.trip { |
|||
color: rgb(34, 136, 84); |
|||
} |
|||
|
|||
#updater, #thread-links { |
|||
background-color: rgba(228,228,228,1); |
|||
border:double; |
|||
padding: 5px; |
|||
margin: 5px; |
|||
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5); |
|||
} |
|||
|
|||
div.banner { |
|||
width: 380px; |
|||
display:block; |
|||
margin-left:auto; |
|||
margin-right:auto; |
|||
|
|||
} |
|||
|
|||
#quick-reply th .close-btn{ |
|||
color:#ffffff; |
|||
|
|||
} |
|||
|
|||
div.post-hover { |
|||
|
|||
background-color: #D6BDB0 !important; |
|||
border: double #000 !important; |
|||
box-shadow: 7px 7px rgba(0, 0, 0, 0.5) !important; |
|||
max-width: 50%; |
|||
} |
|||
|
|||
span.subject:after { content: '\A'; white-space:pre; } |
|||
SPAN.controls.op:before { content: '\A'; white-space:pre; } |
|||
|
|||
div.post-menu |
|||
{ |
|||
color: #ffffff;} |
|||
#options_div { |
|||
background-color: #dddddd; |
|||
} |
|||
|
|||
.options_tab_icon.active { |
|||
color: #bb3300; |
|||
} |
|||
@ -0,0 +1,223 @@ |
|||
/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/ |
|||
/* Work in progress*/ |
|||
/* General */ |
|||
/* Main page */ |
|||
legend { |
|||
color: #477085 |
|||
} |
|||
div.module, div.ban { |
|||
background: #e9eced; |
|||
border: 1px solid #cccccc; |
|||
max-width: 700px; |
|||
margin: 30px auto; |
|||
} |
|||
/* Text */ |
|||
body { |
|||
background: #e9eced; |
|||
color: #4c4c4c; |
|||
font-size: 13pt; |
|||
font-family: "Open Sans", sans-serif; |
|||
} |
|||
/* Link colors */ |
|||
a:link, |
|||
a:visited, |
|||
.intro a.email span.name { |
|||
color: #477085; |
|||
} |
|||
a:hover, |
|||
.intro a.post_no:hover { |
|||
color: #5d6678; |
|||
} |
|||
/* Board title and subtitle */ |
|||
header div.subtitle, |
|||
h1 { |
|||
color: #d93f42; |
|||
font-size: 20pt; |
|||
font-family: "Open Sans", sans-serif; |
|||
} |
|||
header div.subtitle { |
|||
font-size: 10pt; |
|||
} |
|||
/* Post number*/ |
|||
a.post_no { |
|||
color: #477085; |
|||
} |
|||
/* "Top bar" of the replies*/ |
|||
p.intro { |
|||
background: #e3e7e8; |
|||
border-color: #cccccc; |
|||
border-style: solid; |
|||
border-width: 0.8px; |
|||
border-radius: 5px; |
|||
} |
|||
/* Replies */ |
|||
/* Background color and border */ |
|||
div.post.reply { |
|||
background: #e9eced; |
|||
border-color: #cccccc; |
|||
border-style: solid; |
|||
border-width: 0.8px; |
|||
border-radius: 5px; |
|||
} |
|||
div.post.reply.highlighted { |
|||
background: #d5dada; |
|||
border-color: #477085; |
|||
border-style: solid; |
|||
border-width: 0.8px; |
|||
border-radius: 5px; |
|||
} |
|||
div.post.reply div.body a { |
|||
color: #477085; |
|||
} |
|||
.intro span.subject { |
|||
color: #6b7a1e; |
|||
} |
|||
/* Upper part of a post */ |
|||
div.post p { |
|||
display: block; |
|||
margin: 0; |
|||
line-height: 1.16em; |
|||
font-size: 13pt; |
|||
min-height: 1.16em; |
|||
} |
|||
/* Greentext */ |
|||
span.quote { |
|||
color: #6b7a1e |
|||
} |
|||
/* Orangetext */ |
|||
orangeText { |
|||
color: ##bb8359 |
|||
} |
|||
* Catalog grids */ |
|||
/* Background color and green border */ |
|||
.thread.grid-li.grid-size-vsmall, |
|||
.thread.grid-li.grid-size-small, |
|||
.thread.grid-li.grid-size-large { |
|||
background-color: #e9eced; |
|||
border: 1px solid #cccccc; |
|||
} |
|||
.thread.grid-li.grid-size-vsmall:hover, |
|||
.thread.grid-li.grid-size-small:hover, |
|||
.thread.grid-li.grid-size-large:hover { |
|||
background: #d5dada; |
|||
border-color: #477085; |
|||
border-style: solid; |
|||
border-width: 0.8px; |
|||
border-radius: 5px; |
|||
} |
|||
/* Posting form */ |
|||
/* Field names */ |
|||
form table tr th { |
|||
background: #e9eced; |
|||
color: #4c4c4c; |
|||
border: 1px solid #cccccc; |
|||
} |
|||
/* Input fields */ |
|||
textarea, |
|||
input:not([type="file"]):not([type="checkbox"]), |
|||
[type="submit"], select { |
|||
color: #4c4c4c; |
|||
background: #e9eced; |
|||
border: 1px double #cccccc; |
|||
border-radius: 5px; |
|||
} |
|||
/* Input fields, focused */ |
|||
textarea:focus, |
|||
input:not([type="file"]):not([type="checkbox"]):focus, |
|||
[type="submit"]:hover { |
|||
border: 1px solid #d5dada; |
|||
-moz-box-shadow: 0 0 10px #d5dada; |
|||
-webkit-box-shadow: 0 0 10px #d5dada; |
|||
box-shadow: 0 0 10px #d5dada; |
|||
} |
|||
/* Top bar */ |
|||
/* Background, border and fade */ |
|||
.bar { |
|||
background-color: #e9eced; |
|||
border-color: #cccccc!important; |
|||
; |
|||
/* comment these out to remove the fade */ |
|||
/* |
|||
-moz-box-shadow: 0 0 40px #FFB300; |
|||
-webkit-box-shadow: 0 0 40px #FFB300; |
|||
box-shadow: 0 0 40px #FFB300; |
|||
*/ |
|||
} |
|||
/* Bottom bar, not visible in catalog mode */ |
|||
div.pages { |
|||
background: #e9eced; |
|||
border-color: #cccccc; |
|||
} |
|||
div.pages a.selected { |
|||
color: #5d6678; |
|||
} |
|||
hr { |
|||
border-color: #cccccc; |
|||
} |
|||
div.boardlist { |
|||
color: #81a2be; |
|||
font-size: 14pt; |
|||
} |
|||
div.boardlist a { |
|||
color: #477085; |
|||
} |
|||
table.modlog tr th { |
|||
background: #e9eced; |
|||
} |
|||
|
|||
/* options.js */ |
|||
#options_div, |
|||
#alert_div { |
|||
background: #e9eced; |
|||
} |
|||
|
|||
.desktop-style div.boardlist:nth-child(1) { |
|||
background-color: #e9eced; |
|||
} |
|||
/* Red text */ |
|||
span.heading { |
|||
color: #d93f42; |
|||
font-size: 14pt; |
|||
} |
|||
/* OP */ |
|||
/* Subject */ |
|||
.intro span.subject { |
|||
color: #617d6f; |
|||
} |
|||
/* Name */ |
|||
.intro span.name { |
|||
color: #4c4c4c; |
|||
} |
|||
/* tripcode */ |
|||
.intro span.trip { |
|||
color: #5d6678; |
|||
} |
|||
/* Fix OP file bleeding out of the border*/ |
|||
.post-image { |
|||
margin: 37px |
|||
} |
|||
/* Quick reply */ |
|||
/* Quick reply banner */ |
|||
div.banner { |
|||
background-color: #477085; |
|||
} |
|||
/* Buggy shit */ |
|||
div.post.reply div.body a { |
|||
color: #477085; |
|||
text-decoration: none; |
|||
} |
|||
/* WatchList options */ |
|||
#watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts { |
|||
color: #617d6f |
|||
} |
|||
/* Mod tools */ |
|||
div.report { |
|||
color: black; |
|||
} |
|||
.banlist-opts .checkboxes label { |
|||
display: block; |
|||
color: black; |
|||
} |
|||
.desktop-style div.boardlist:not(.bottom) { |
|||
background-color: #e9eced; |
|||
} |
|||
@ -0,0 +1,107 @@ |
|||
/** |
|||
* volafile.css fuck you |
|||
color change by kalyx |
|||
*/ |
|||
@import url("/stylesheets/dark.css"); |
|||
@font-face |
|||
{ |
|||
font-family: "DejaVuSansMono"; |
|||
src: url("/stylesheets/fonts/DejaVuSansMono.ttf") format("truetype"); |
|||
} |
|||
|
|||
@font-face |
|||
{ |
|||
font-family: 'lain'; |
|||
src: url('./fonts/nrdyyh.woff') format('woff'), |
|||
url('./fonts/tojcxo.TTF') format('truetype'); |
|||
} |
|||
body |
|||
{ |
|||
background: #140f16; |
|||
color: #D794F2; |
|||
font-size: 12px; |
|||
} |
|||
.bar |
|||
{ |
|||
background-color: #29202D!important; |
|||
border-color: #29202D!important; |
|||
} |
|||
|
|||
div.boardlist:not(.bottom) |
|||
{ |
|||
background-color:#29202D!important; |
|||
} |
|||
.desktop-style div.boardlist:not(.bottom) |
|||
{ |
|||
background-color:#140f16; |
|||
} |
|||
|
|||
.boardlist |
|||
{ |
|||
text-shadow: none!important; |
|||
} |
|||
header h1, header div.subtitle, form table tr th, form table tr td input |
|||
{ |
|||
color: #D794F2!important; |
|||
} |
|||
header h1 |
|||
{ |
|||
font-family: "lain",sans-serif; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
|
|||
font-size: 28px; |
|||
letter-spacing: 0px; |
|||
margin-top: calc(-16px / 3 - 6.5px); |
|||
} |
|||
p.intro span.subject { |
|||
color: #32BFAB; |
|||
} |
|||
div.topbar, input[type="text"], select, form table tr th, form table tr td input[type="text"], form table tr td textarea, div.post.reply, [type="submit"], input[type="password"], div.pages |
|||
{ |
|||
background: #29202D!important; |
|||
border-color: #29202D!important; |
|||
color: #D794F2!important; |
|||
} |
|||
|
|||
div.post.reply.highlighted{ |
|||
background-color: #211A24!important; |
|||
} |
|||
form table tr td input[type="text"]:focus, form table tr td textarea:focus |
|||
{ |
|||
border-color: #5E7F9F!important; |
|||
} |
|||
input[type="submit"][name="post"] |
|||
{ |
|||
color: #3A4040!important; |
|||
background-color: #29202D!important; |
|||
border-color: #29202D!important; |
|||
} |
|||
.blotter |
|||
{ |
|||
color: #00ff00!important; |
|||
} |
|||
hr { |
|||
border-color: #29202D; |
|||
} |
|||
a |
|||
{ |
|||
color: #32BFAB!important; |
|||
} |
|||
|
|||
p.intro span.name |
|||
{ |
|||
color: #D794F2; |
|||
} |
|||
span.quote { |
|||
color: #E6E1E9; |
|||
} |
|||
a:hover, p.intro a.post_no:hover |
|||
{ |
|||
color: #EDEDED!important; |
|||
text-shadow: none!important; |
|||
} |
|||
:not(a) > i.fa |
|||
{ |
|||
color: #29202D; |
|||
} |
|||
|
After Width: | Height: | Size: 570 B |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 347 B |
|
After Width: | Height: | Size: 179 B |
@ -1,170 +0,0 @@ |
|||
body { |
|||
background: #000000; |
|||
color: #00FF00; |
|||
font-family: sans-serif; |
|||
font-size: 12px; |
|||
} |
|||
h1 { |
|||
font-size: 20pt; |
|||
text-align: center; |
|||
letter-spacing: 0px; |
|||
} |
|||
div.title, h1 { |
|||
color: lime; |
|||
font-family: sans-serif; |
|||
} |
|||
div.title p { |
|||
font-size: 10px; |
|||
} |
|||
a:link, a:visited, .intro a.email span.name { |
|||
color: #00FF00; |
|||
text-decoration: underline; |
|||
font-family: sans-serif; |
|||
} |
|||
a:link:hover, a:visited:hover { |
|||
color: #00FF00; |
|||
font-family: sans-serif; |
|||
text-decoration: underline overline; |
|||
} |
|||
a.post_no { |
|||
color: #00FF00; |
|||
text-decoration: none; |
|||
} |
|||
a.post_no:hover { |
|||
color: #00FF00; |
|||
text-decoration: underline overline; |
|||
} |
|||
div.post.reply { |
|||
background: #000000; |
|||
border: 1px dashed; |
|||
border-color:#00FF00; |
|||
} |
|||
div.post.reply.highlighted { |
|||
background: transparent; |
|||
border: transparent 1px dashed; |
|||
border-color:#00FF00; |
|||
} |
|||
div.post.reply div.body a:link, div.post.reply div.body a:visited { |
|||
color: #00FF00; |
|||
} |
|||
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { |
|||
color: #00FF00; |
|||
} |
|||
.intro span.subject { |
|||
font-size: 12px; |
|||
font-family: sans-serif; |
|||
color: #446655; |
|||
font-weight: 800; |
|||
} |
|||
.intro span.name { |
|||
color: #00FF00; |
|||
font-weight: 800; |
|||
} |
|||
.intro a.capcode, p.intro a.nametag { |
|||
color: #00FF00; |
|||
margin-left: 0; |
|||
} |
|||
.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name { |
|||
color: #00FF00; |
|||
} |
|||
input[type="text"], textarea, select { |
|||
background: #000000; |
|||
color: #00FF00; |
|||
border: 1px dashed; |
|||
border-color:#00FF00; |
|||
padding-left: 5px; |
|||
padding-right: -5px; |
|||
font-family: sans-serif; |
|||
font-size: 10pt; |
|||
} |
|||
input[type="password"] { |
|||
background: #000000; |
|||
color: #00FF00; |
|||
border: 1px dashed; |
|||
border-color:#00FF00; |
|||
} |
|||
|
|||
form table tr th { |
|||
background: #000000; |
|||
color: #00FF00; |
|||
font-weight: 800; |
|||
text-align: left; |
|||
padding: 0; |
|||
border: #00FF00 1px dashed; |
|||
border-color:#00FF00; |
|||
} |
|||
div.banner { |
|||
background: #00AA00; |
|||
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: #000000; |
|||
border: 1px dashed; |
|||
border-color:#00FF00; |
|||
color: #00FF00; |
|||
} |
|||
input[type="submit"]:hover { |
|||
background: #000000; |
|||
border: 1px dashed; |
|||
border-color:#00FF00; |
|||
color: #00FF00; |
|||
} |
|||
p.fileinfo a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
span.trip { |
|||
color: #00FF00; |
|||
} |
|||
div.pages { |
|||
color: #00FF00; |
|||
background: #000000; |
|||
border: 1px dashed; |
|||
border-color:#00FF00; |
|||
font-family: sans-serif; |
|||
font-size: 10pt; |
|||
} |
|||
div.pages a.selected { |
|||
color: #00FF00; |
|||
} |
|||
hr { |
|||
height: 1px; |
|||
border: 1px dashed; |
|||
border-color:#00FF00; |
|||
} |
|||
div.boardlist { |
|||
color: #00FF00; |
|||
} |
|||
div.ban { |
|||
border: transparent 0px dashed; |
|||
border-color:#00FF00; |
|||
} |
|||
div.ban h2 { |
|||
background: transparent; |
|||
color: lime; |
|||
font-size: 12px; |
|||
} |
|||
table.modlog tr th { |
|||
background: #000000; |
|||
color: #00FF00; |
|||
} |
|||
|
|||
.desktop-style div.boardlist:nth-child(1) { |
|||
background-color: black; |
|||
border-bottom: #00FF00 1px dashed; |
|||
} |
|||
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu { |
|||
background-color: black; |
|||
} |
|||
|
|||
.desktop-style .sub { |
|||
background: none; |
|||
} |
|||
|
|||
@ -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,65 @@ |
|||
@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"], form table tr td input[type="text"], textarea, select, input[type="password"], |
|||
form table tr th, input[type="submit"], input[type="submit"]:hover, div.pages |
|||
{ |
|||
color: #8725EC!important; |
|||
} |
|||
|
|||
.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; |
|||
} |
|||
|
|||
.bar |
|||
{ |
|||
border-color: #8725EC !important; |
|||
background-color: black; |
|||
-moz-box-shadow: none; |
|||
-webkit-box-shadow: none; |
|||
box-shadow: none; |
|||
} |
|||
.bar.top |
|||
{ |
|||
border-bottom-style: dotted; |
|||
} |
|||
.bar.bottom |
|||
{ |
|||
border-top-style: dotted; |
|||
} |
|||
@ -0,0 +1,104 @@ |
|||
/** |
|||
* volafile.css fuck you |
|||
A sexy css for lainchan.org created by petsu / yuuko based off of volafile.io |
|||
|
|||
feel free to steal it. |
|||
|
|||
*/ |
|||
@import url("/stylesheets/dark.css"); |
|||
@font-face |
|||
{ |
|||
font-family: "Open Sans Light"; |
|||
src: url("/stylesheets/fonts/OpenSans-Light-webfont.eot") format("embedded-opentype"), url("/stylesheets/fonts/OpenSans-Light-webfont.woff") format("woff"), url("/stylesheets/fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("/stylesheets/fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg"); |
|||
} |
|||
body |
|||
{ |
|||
background: #395168; |
|||
color: #E0E0E0; |
|||
} |
|||
.bar |
|||
{ |
|||
-moz-box-shadow: 0 0 40px #435D78; |
|||
-webkit-box-shadow: 0 0 40px #435D78; |
|||
box-shadow: 0 0 40px #435D78; |
|||
background-color: #435D78!important; |
|||
border-color: #486582!important; |
|||
} |
|||
div.boardlist:not(.bottom) |
|||
{ |
|||
background-color:#395168; |
|||
} |
|||
.desktop-style div.boardlist:not(.bottom) |
|||
{ |
|||
background-color:#395168; |
|||
} |
|||
.boardlist |
|||
{ |
|||
text-shadow: none!important; |
|||
} |
|||
header h1, header div.subtitle, form table tr th, form table tr td input |
|||
{ |
|||
color: #E0E0E0!important; |
|||
} |
|||
header h1 |
|||
{ |
|||
font-family: "Open Sans Light",sans-serif; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
font-size: 32px; |
|||
letter-spacing: 0px; |
|||
margin-top: calc(-16px / 3 - 6.5px); |
|||
} |
|||
|
|||
div.topbar, input[type="text"], select, form table tr th, form table tr td input[type="text"], form table tr td textarea, div.post.reply, [type="submit"], input[type="password"], div.pages |
|||
{ |
|||
background: #435D78!important; |
|||
border-color: #486582!important; |
|||
color: #E0E0E0!important; |
|||
} |
|||
div.post.reply.highlighted{ |
|||
background-color: #486582!important; |
|||
} |
|||
form table tr td input[type="text"]:focus, form table tr td textarea:focus |
|||
{ |
|||
border-color: #5E7F9F!important; |
|||
} |
|||
input[type="submit"][name="post"] |
|||
{ |
|||
color: #3A4040!important; |
|||
background-color: #DCA1F5!important; |
|||
border-color: #DCA1F5!important; |
|||
} |
|||
.blotter |
|||
{ |
|||
color: #DCA1F5!important; |
|||
} |
|||
hr { |
|||
border-color: #486582; |
|||
} |
|||
a |
|||
{ |
|||
color: #D8D8D8!important; |
|||
} |
|||
p.intro span.subject |
|||
{ |
|||
color: #13C15F; |
|||
} |
|||
p.intro span.name |
|||
{ |
|||
color: #E0E0E0; |
|||
} |
|||
span[style="color:orange;font-weight:bold"] |
|||
{ |
|||
color: #D880FC!important; |
|||
|
|||
} |
|||
a:hover, p.intro a.post_no:hover |
|||
{ |
|||
color: #EDEDED!important; |
|||
text-shadow: none!important; |
|||
} |
|||
:not(a) > i.fa |
|||
{ |
|||
color: #DCA1F5; |
|||
} |
|||
Loading…
Reference in new issue