|
|
@ -1,108 +1,118 @@ |
|
|
|
/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/ |
|
|
|
/* Work in progress*/ |
|
|
|
/* General */ |
|
|
|
/* General */ |
|
|
|
/* Main page */ |
|
|
|
legend { |
|
|
|
background: indianred |
|
|
|
} |
|
|
|
div.module, div.ban { |
|
|
|
background: #1d1f21;; |
|
|
|
border: 1px solid #373b41; |
|
|
|
max-width: 700px; |
|
|
|
margin: 30px auto; |
|
|
|
} |
|
|
|
/* Text */ |
|
|
|
body { |
|
|
|
background: #e9eced url('img/fade-yotsuba.png') repeat-x 50% 0%; |
|
|
|
color: #4c4c4c; |
|
|
|
font-size: 11pt; |
|
|
|
font-family: liberation.sans |
|
|
|
background: #1d1f21; |
|
|
|
color: #ACACAC; |
|
|
|
font-size: 14pt; |
|
|
|
font-family: "LiberationSansRegular"; |
|
|
|
} |
|
|
|
/* Link colors */ |
|
|
|
a:link, |
|
|
|
a:visited, |
|
|
|
.intro a.email span.name { |
|
|
|
color: #477085; |
|
|
|
a:link, a:visited, .intro a.email span.name { |
|
|
|
color: #81a2be; |
|
|
|
} |
|
|
|
a:hover, |
|
|
|
.intro a.post_no:hover { |
|
|
|
color: #5d6678; |
|
|
|
color: #cc6666; |
|
|
|
} |
|
|
|
/* Board title and subtitle */ |
|
|
|
header div.subtitle, |
|
|
|
h1 { |
|
|
|
color: #d93f42; |
|
|
|
color: indianred; |
|
|
|
font-size: 20pt; |
|
|
|
font-family: "LiberationSansRegular"; |
|
|
|
} |
|
|
|
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; |
|
|
|
color: #c5c8c6; |
|
|
|
} |
|
|
|
/* Replies */ |
|
|
|
/* Background color and border */ |
|
|
|
div.post.reply { |
|
|
|
background: #e9eced; |
|
|
|
border-color: #cccccc; |
|
|
|
background: #282A2E; |
|
|
|
border-color: #373b41; |
|
|
|
border-style: solid; |
|
|
|
border-width: 0.8px; |
|
|
|
border-radius: 5px; |
|
|
|
} |
|
|
|
div.post.reply.highlighted { |
|
|
|
background: #d5dada; |
|
|
|
border-color: #477085; |
|
|
|
background: #1b1c21; |
|
|
|
border-color: #5f89ac; |
|
|
|
border-style: solid; |
|
|
|
border-width: 0.8px; |
|
|
|
border-radius: 5px; |
|
|
|
} |
|
|
|
div.post.reply div.body a { |
|
|
|
color: #477085; |
|
|
|
color: #5f89ac; |
|
|
|
} |
|
|
|
.intro span.subject { |
|
|
|
color: #6b7a1e; |
|
|
|
color: #b294bb; |
|
|
|
} |
|
|
|
/* Greentext */ |
|
|
|
span.quote { |
|
|
|
color: #6b7a1e |
|
|
|
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-vsmall:hover, |
|
|
|
.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, |
|
|
|
.thread.grid-li.grid-size-large:hover { |
|
|
|
background-color: #e9eced; |
|
|
|
border: 1px solid #cccccc; |
|
|
|
background: #1b1c21; |
|
|
|
border-color: #5f89ac; |
|
|
|
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; |
|
|
|
background: #282A2E; |
|
|
|
color: #ACACAC; |
|
|
|
border: 1px solid #373b41; |
|
|
|
} |
|
|
|
/* Input fields */ |
|
|
|
textarea, |
|
|
|
input:not([type="file"]):not([type="checkbox"]), |
|
|
|
[type="submit"] { |
|
|
|
color: #4c4c4c; |
|
|
|
background: #e9eced; |
|
|
|
border: 1px double #cccccc; |
|
|
|
textarea, input:not([type="file"]):not([type="checkbox"]), [type="submit"] { |
|
|
|
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 #d5dada; |
|
|
|
-moz-box-shadow: 0 0 10px #d5dada; |
|
|
|
-webkit-box-shadow: 0 0 10px #d5dada; |
|
|
|
box-shadow: 0 0 10px #d5dada; |
|
|
|
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: #e9eced; |
|
|
|
border-color: #cccccc!important; |
|
|
|
; |
|
|
|
background-color: #151515; |
|
|
|
border-color: #81a2be!important;; |
|
|
|
/* comment these out to remove the fade */ |
|
|
|
/* |
|
|
|
-moz-box-shadow: 0 0 40px #FFB300; |
|
|
@ -112,38 +122,38 @@ input:not([type="file"]):not([type="checkbox"]):focus, |
|
|
|
} |
|
|
|
/* Bottom bar, not visible in catalog mode */ |
|
|
|
div.pages { |
|
|
|
background: #e9eced; |
|
|
|
border-color: #cccccc; |
|
|
|
background: #151515; |
|
|
|
border-color: #81a2be; |
|
|
|
} |
|
|
|
div.pages a.selected { |
|
|
|
color: #5d6678; |
|
|
|
color: #cc6666; |
|
|
|
} |
|
|
|
hr { |
|
|
|
border-color: #cccccc; |
|
|
|
border-color: #373b41; |
|
|
|
} |
|
|
|
div.boardlist { |
|
|
|
color: #81a2be; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14pt; |
|
|
|
} |
|
|
|
div.boardlist a { |
|
|
|
color: #477085; |
|
|
|
color: #cc6666; |
|
|
|
} |
|
|
|
table.modlog tr th { |
|
|
|
background: #e9eced; |
|
|
|
background: #1d1f21; |
|
|
|
} |
|
|
|
|
|
|
|
/* options.js */ |
|
|
|
#options_div, |
|
|
|
#alert_div { |
|
|
|
background: #e9eced; |
|
|
|
#options_div, #alert_div { |
|
|
|
background: #151515; |
|
|
|
} |
|
|
|
.options_tab_icon { |
|
|
|
color: gray; |
|
|
|
} |
|
|
|
|
|
|
|
.desktop-style div.boardlist:nth-child(1) { |
|
|
|
background-color: #e9eced; |
|
|
|
background-color: #151515; |
|
|
|
} |
|
|
|
/* Red text */ |
|
|
|
span.heading { |
|
|
|
color: #d93f42; |
|
|
|
color: indianred; |
|
|
|
} |
|
|
|
/* Buggy shit */ |
|
|
|
div.post.reply div.body a { |
|
|
@ -153,30 +163,38 @@ div.post.reply div.body a { |
|
|
|
/* OP */ |
|
|
|
/* Subject */ |
|
|
|
.intro span.subject { |
|
|
|
color: #617d6f; |
|
|
|
color: #b294bb; |
|
|
|
} |
|
|
|
/* name */ |
|
|
|
.intro span.name { |
|
|
|
color: #4c4c4c; |
|
|
|
} |
|
|
|
/* tripcode */ |
|
|
|
.intro span.trip { |
|
|
|
color: #5d6678; |
|
|
|
color: #5f89ac; |
|
|
|
} |
|
|
|
/* Quick reply */ |
|
|
|
/* Quick reply banner */ |
|
|
|
div.banner { |
|
|
|
background-color: #477085; |
|
|
|
.desktop-style div.boardlist:nth-child(1) { |
|
|
|
background-color: #151515; |
|
|
|
} |
|
|
|
#quick-reply th, |
|
|
|
#quick-reply td { |
|
|
|
background-color: #d5dada; |
|
|
|
/* Red text */ |
|
|
|
span.heading { |
|
|
|
color: indianred; |
|
|
|
} |
|
|
|
#quick-reply table { |
|
|
|
border-color: #cccccc |
|
|
|
/* 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: #477085; |
|
|
|
color: #5f89ac; |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
/* OP */ |
|
|
|
/* Subject */ |
|
|
|
.intro span.subject { |
|
|
|
color: #b294bb; |
|
|
|
} |
|
|
|
/* name */ |
|
|
|
.intro span.name { |
|
|
|
color: #5f89ac; |
|
|
|
} |
|
|
|