Dedushka
3 years ago
2 changed files with 407 additions and 364 deletions
@ -1,182 +1,200 @@ |
|||||
/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/ |
/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/ |
||||
/* Work in progress*/ |
/* Work in progress*/ |
||||
/* General */ |
/* General */ |
||||
/* General */ |
/* Main page */ |
||||
body { |
legend { |
||||
background: #e9eced url('img/fade-yotsuba.png') repeat-x 50% 0%; |
background: indianred |
||||
color: #4c4c4c; |
} |
||||
font-size: 11pt; |
div.module, div.ban { |
||||
font-family: liberation.sans |
background: #1d1f21;; |
||||
} |
border: 1px solid #373b41; |
||||
/* Link colors */ |
max-width: 700px; |
||||
a:link, |
margin: 30px auto; |
||||
a:visited, |
} |
||||
.intro a.email span.name { |
/* Text */ |
||||
color: #477085; |
body { |
||||
} |
background: #1d1f21; |
||||
a:hover, |
color: #ACACAC; |
||||
.intro a.post_no:hover { |
font-size: 14pt; |
||||
color: #5d6678; |
font-family: "LiberationSansRegular"; |
||||
} |
} |
||||
/* Board title and subtitle */ |
/* Link colors */ |
||||
header div.subtitle, |
a:link, a:visited, .intro a.email span.name { |
||||
h1 { |
color: #81a2be; |
||||
color: #d93f42; |
} |
||||
} |
a:hover, |
||||
/* Post number*/ |
.intro a.post_no:hover { |
||||
a.post_no { |
color: #cc6666; |
||||
color: #477085; |
} |
||||
} |
/* Board title and subtitle */ |
||||
/* "Top bar" of the replies*/ |
header div.subtitle, |
||||
p.intro { |
h1 { |
||||
background: #e3e7e8; |
color: indianred; |
||||
border-color: #cccccc; |
font-size: 20pt; |
||||
border-style: solid; |
font-family: "LiberationSansRegular"; |
||||
border-width: 0.8px; |
} |
||||
border-radius: 5px; |
header div.subtitle { |
||||
} |
font-size: 10pt; |
||||
/* Replies */ |
} |
||||
/* Background color and border */ |
/* Post number*/ |
||||
div.post.reply { |
a.post_no { |
||||
background: #e9eced; |
color: #c5c8c6; |
||||
border-color: #cccccc; |
} |
||||
border-style: solid; |
/* Replies */ |
||||
border-width: 0.8px; |
/* Background color and border */ |
||||
border-radius: 5px; |
div.post.reply { |
||||
} |
background: #282A2E; |
||||
div.post.reply.highlighted { |
border-color: #373b41; |
||||
background: #d5dada; |
border-style: solid; |
||||
border-color: #477085; |
border-width: 0.8px; |
||||
border-style: solid; |
border-radius: 5px; |
||||
border-width: 0.8px; |
} |
||||
border-radius: 5px; |
div.post.reply.highlighted { |
||||
} |
background: #1b1c21; |
||||
div.post.reply div.body a { |
border-color: #5f89ac; |
||||
color: #477085; |
border-style: solid; |
||||
} |
border-width: 0.8px; |
||||
.intro span.subject { |
border-radius: 5px; |
||||
color: #6b7a1e; |
} |
||||
} |
div.post.reply div.body a { |
||||
/* Greentext */ |
color: #5f89ac; |
||||
span.quote { |
} |
||||
color: #6b7a1e |
.intro span.subject { |
||||
} |
color: #b294bb; |
||||
/* Catalog grids */ |
} |
||||
/* Background color and green border */ |
/* Greentext */ |
||||
.thread.grid-li.grid-size-vsmall, |
span.quote { |
||||
.thread.grid-li.grid-size-vsmall:hover, |
color: #b5bd68 |
||||
.thread.grid-li.grid-size-small, |
} |
||||
.thread.grid-li.grid-size-small:hover, |
/* Orangetext */ |
||||
.thread.grid-li.grid-size-large, |
span.orangeQuote { |
||||
.thread.grid-li.grid-size-large:hover { |
color: #b294bb |
||||
background-color: #e9eced; |
} |
||||
border: 1px solid #cccccc; |
/* Catalog grids */ |
||||
} |
/* Background color and green border */ |
||||
/* Posting form */ |
.thread.grid-li.grid-size-vsmall, |
||||
/* Field names */ |
.thread.grid-li.grid-size-small, |
||||
form table tr th { |
.thread.grid-li.grid-size-large { |
||||
background: #e9eced; |
background-color: #282A2E; |
||||
color: #4c4c4c; |
border: 1px solid #373b41; |
||||
border: 1px solid #cccccc; |
} |
||||
} |
.thread.grid-li.grid-size-vsmall:hover, |
||||
/* Input fields */ |
.thread.grid-li.grid-size-small:hover, |
||||
textarea, |
.thread.grid-li.grid-size-large:hover { |
||||
input:not([type="file"]):not([type="checkbox"]), |
background: #1b1c21; |
||||
[type="submit"] { |
border-color: #5f89ac; |
||||
color: #4c4c4c; |
border-style: solid; |
||||
background: #e9eced; |
border-width: 0.8px; |
||||
border: 1px double #cccccc; |
border-radius: 5px; |
||||
border-radius: 5px; |
} |
||||
} |
/* Posting form */ |
||||
/* Input fields, focused */ |
/* Field names */ |
||||
textarea:focus, |
form table tr th { |
||||
input:not([type="file"]):not([type="checkbox"]):focus, |
background: #282A2E; |
||||
[type="submit"]:hover { |
color: #ACACAC; |
||||
border: 1px solid #d5dada; |
border: 1px solid #373b41; |
||||
-moz-box-shadow: 0 0 10px #d5dada; |
} |
||||
-webkit-box-shadow: 0 0 10px #d5dada; |
/* Input fields */ |
||||
box-shadow: 0 0 10px #d5dada; |
textarea, input:not([type="file"]):not([type="checkbox"]), [type="submit"] { |
||||
} |
color: #ACACAC; |
||||
/* Top bar */ |
background: #282A2E; |
||||
/* Background, border and fade */ |
border: 1px double #1d1f21; |
||||
.bar { |
border-radius: 5px; |
||||
background-color: #e9eced; |
} |
||||
border-color: #cccccc!important; |
/* Input fields, focused */ |
||||
; |
textarea:focus, input:not([type="file"]):not([type="checkbox"]):focus, [type="submit"]:hover { |
||||
/* comment these out to remove the fade */ |
border: 1px solid #1d1f21; |
||||
/* |
-moz-box-shadow: 0 0 10px #1d1f21; |
||||
-moz-box-shadow: 0 0 40px #FFB300; |
-webkit-box-shadow: 0 0 10px #1d1f21; |
||||
-webkit-box-shadow: 0 0 40px #FFB300; |
box-shadow: 0 0 10px #1d1f21; |
||||
box-shadow: 0 0 40px #FFB300; |
} |
||||
*/ |
/* Top bar */ |
||||
} |
/* Background, border and fade */ |
||||
/* Bottom bar, not visible in catalog mode */ |
.bar { |
||||
div.pages { |
background-color: #151515; |
||||
background: #e9eced; |
border-color: #81a2be!important;; |
||||
border-color: #cccccc; |
/* comment these out to remove the fade */ |
||||
} |
/* |
||||
div.pages a.selected { |
-moz-box-shadow: 0 0 40px #FFB300; |
||||
color: #5d6678; |
-webkit-box-shadow: 0 0 40px #FFB300; |
||||
} |
box-shadow: 0 0 40px #FFB300; |
||||
hr { |
*/ |
||||
border-color: #cccccc; |
} |
||||
} |
/* Bottom bar, not visible in catalog mode */ |
||||
div.boardlist { |
div.pages { |
||||
color: #81a2be; |
background: #151515; |
||||
font-size: 14px; |
border-color: #81a2be; |
||||
} |
} |
||||
div.boardlist a { |
div.pages a.selected { |
||||
color: #477085; |
color: #cc6666; |
||||
} |
} |
||||
table.modlog tr th { |
hr { |
||||
background: #e9eced; |
border-color: #373b41; |
||||
} |
} |
||||
|
div.boardlist { |
||||
/* options.js */ |
color: #81a2be; |
||||
#options_div, |
font-size: 14pt; |
||||
#alert_div { |
} |
||||
background: #e9eced; |
div.boardlist a { |
||||
} |
color: #cc6666; |
||||
|
} |
||||
.desktop-style div.boardlist:nth-child(1) { |
table.modlog tr th { |
||||
background-color: #e9eced; |
background: #1d1f21; |
||||
} |
} |
||||
/* Red text */ |
/* options.js */ |
||||
span.heading { |
#options_div, #alert_div { |
||||
color: #d93f42; |
background: #151515; |
||||
} |
} |
||||
/* Buggy shit */ |
.options_tab_icon { |
||||
div.post.reply div.body a { |
color: gray; |
||||
color: #5f89ac; |
} |
||||
text-decoration: none; |
.desktop-style div.boardlist:nth-child(1) { |
||||
} |
background-color: #151515; |
||||
/* OP */ |
} |
||||
/* Subject */ |
/* Red text */ |
||||
.intro span.subject { |
span.heading { |
||||
color: #617d6f; |
color: indianred; |
||||
} |
} |
||||
/* name */ |
/* Buggy shit */ |
||||
.intro span.name { |
div.post.reply div.body a { |
||||
color: #4c4c4c; |
color: #5f89ac; |
||||
} |
text-decoration: none; |
||||
/* tripcode */ |
} |
||||
.intro span.trip { |
/* OP */ |
||||
color: #5d6678; |
/* Subject */ |
||||
} |
.intro span.subject { |
||||
/* Quick reply */ |
color: #b294bb; |
||||
/* Quick reply banner */ |
} |
||||
div.banner { |
/* name */ |
||||
background-color: #477085; |
.intro span.name { |
||||
} |
color: #5f89ac; |
||||
#quick-reply th, |
} |
||||
#quick-reply td { |
.desktop-style div.boardlist:nth-child(1) { |
||||
background-color: #d5dada; |
background-color: #151515; |
||||
} |
} |
||||
#quick-reply table { |
/* Red text */ |
||||
border-color: #cccccc |
span.heading { |
||||
} |
color: indianred; |
||||
/* Buggy shit */ |
} |
||||
div.post.reply div.body a { |
/* Upper part of a post */ |
||||
color: #477085; |
div.post p { |
||||
text-decoration: none; |
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; |
||||
|
} |
||||
|
/* OP */ |
||||
|
/* Subject */ |
||||
|
.intro span.subject { |
||||
|
color: #b294bb; |
||||
|
} |
||||
|
/* name */ |
||||
|
.intro span.name { |
||||
|
color: #5f89ac; |
||||
|
} |
||||
|
@ -1,182 +1,207 @@ |
|||||
/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/ |
/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/ |
||||
/* Work in progress*/ |
/* Work in progress*/ |
||||
/* General */ |
/* General */ |
||||
/* General */ |
/* Main page */ |
||||
body { |
legend { |
||||
background: #e9eced url('img/fade-yotsuba.png') repeat-x 50% 0%; |
background: #477085 |
||||
color: #4c4c4c; |
} |
||||
font-size: 11pt; |
div.module, div.ban { |
||||
font-family: liberation.sans |
background: #e9eced; |
||||
} |
border: 1px solid #cccccc; |
||||
/* Link colors */ |
max-width: 700px; |
||||
a:link, |
margin: 30px auto; |
||||
a:visited, |
} |
||||
.intro a.email span.name { |
/* Text */ |
||||
color: #477085; |
body { |
||||
} |
background: #e9eced; |
||||
a:hover, |
color: #4c4c4c; |
||||
.intro a.post_no:hover { |
font-size: 13pt; |
||||
color: #5d6678; |
font-family: "Open Sans", sans-serif; |
||||
} |
} |
||||
/* Board title and subtitle */ |
/* Link colors */ |
||||
header div.subtitle, |
a:link, |
||||
h1 { |
a:visited, |
||||
color: #d93f42; |
.intro a.email span.name { |
||||
} |
color: #477085; |
||||
/* Post number*/ |
} |
||||
a.post_no { |
a:hover, |
||||
color: #477085; |
.intro a.post_no:hover { |
||||
} |
color: #5d6678; |
||||
/* "Top bar" of the replies*/ |
} |
||||
p.intro { |
/* Board title and subtitle */ |
||||
background: #e3e7e8; |
header div.subtitle, |
||||
border-color: #cccccc; |
h1 { |
||||
border-style: solid; |
color: #d93f42; |
||||
border-width: 0.8px; |
font-size: 20pt; |
||||
border-radius: 5px; |
font-family: "Open Sans", sans-serif; |
||||
} |
} |
||||
/* Replies */ |
header div.subtitle { |
||||
/* Background color and border */ |
font-size: 10pt; |
||||
div.post.reply { |
} |
||||
background: #e9eced; |
/* Post number*/ |
||||
border-color: #cccccc; |
a.post_no { |
||||
border-style: solid; |
color: #477085; |
||||
border-width: 0.8px; |
} |
||||
border-radius: 5px; |
/* "Top bar" of the replies*/ |
||||
} |
p.intro { |
||||
div.post.reply.highlighted { |
background: #e3e7e8; |
||||
background: #d5dada; |
border-color: #cccccc; |
||||
border-color: #477085; |
border-style: solid; |
||||
border-style: solid; |
border-width: 0.8px; |
||||
border-width: 0.8px; |
border-radius: 5px; |
||||
border-radius: 5px; |
} |
||||
} |
/* Replies */ |
||||
div.post.reply div.body a { |
/* Background color and border */ |
||||
color: #477085; |
div.post.reply { |
||||
} |
background: #e9eced; |
||||
.intro span.subject { |
border-color: #cccccc; |
||||
color: #6b7a1e; |
border-style: solid; |
||||
} |
border-width: 0.8px; |
||||
/* Greentext */ |
border-radius: 5px; |
||||
span.quote { |
} |
||||
color: #6b7a1e |
div.post.reply.highlighted { |
||||
} |
background: #d5dada; |
||||
/* Catalog grids */ |
border-color: #477085; |
||||
/* Background color and green border */ |
border-style: solid; |
||||
.thread.grid-li.grid-size-vsmall, |
border-width: 0.8px; |
||||
.thread.grid-li.grid-size-vsmall:hover, |
border-radius: 5px; |
||||
.thread.grid-li.grid-size-small, |
} |
||||
.thread.grid-li.grid-size-small:hover, |
div.post.reply div.body a { |
||||
.thread.grid-li.grid-size-large, |
color: #477085; |
||||
.thread.grid-li.grid-size-large:hover { |
} |
||||
background-color: #e9eced; |
.intro span.subject { |
||||
border: 1px solid #cccccc; |
color: #6b7a1e; |
||||
} |
} |
||||
/* Posting form */ |
/* Upper part of a post */ |
||||
/* Field names */ |
div.post p { |
||||
form table tr th { |
display: block; |
||||
background: #e9eced; |
margin: 0; |
||||
color: #4c4c4c; |
line-height: 1.16em; |
||||
border: 1px solid #cccccc; |
font-size: 13pt; |
||||
} |
min-height: 1.16em; |
||||
/* Input fields */ |
} |
||||
textarea, |
/* Greentext */ |
||||
input:not([type="file"]):not([type="checkbox"]), |
span.quote { |
||||
[type="submit"] { |
color: #6b7a1e |
||||
color: #4c4c4c; |
} |
||||
background: #e9eced; |
/* Orangetext */ |
||||
border: 1px double #cccccc; |
orangeText { |
||||
border-radius: 5px; |
color: #ffb854 |
||||
} |
} |
||||
/* Input fields, focused */ |
* Catalog grids */ |
||||
textarea:focus, |
/* Background color and green border */ |
||||
input:not([type="file"]):not([type="checkbox"]):focus, |
.thread.grid-li.grid-size-vsmall, |
||||
[type="submit"]:hover { |
.thread.grid-li.grid-size-small, |
||||
border: 1px solid #d5dada; |
.thread.grid-li.grid-size-large { |
||||
-moz-box-shadow: 0 0 10px #d5dada; |
background-color: #e9eced; |
||||
-webkit-box-shadow: 0 0 10px #d5dada; |
border: 1px solid #cccccc; |
||||
box-shadow: 0 0 10px #d5dada; |
} |
||||
} |
.thread.grid-li.grid-size-vsmall:hover, |
||||
/* Top bar */ |
.thread.grid-li.grid-size-small:hover, |
||||
/* Background, border and fade */ |
.thread.grid-li.grid-size-large:hover { |
||||
.bar { |
background: #d5dada; |
||||
background-color: #e9eced; |
border-color: #477085; |
||||
border-color: #cccccc!important; |
border-style: solid; |
||||
; |
border-width: 0.8px; |
||||
/* comment these out to remove the fade */ |
border-radius: 5px; |
||||
/* |
} |
||||
-moz-box-shadow: 0 0 40px #FFB300; |
/* Posting form */ |
||||
-webkit-box-shadow: 0 0 40px #FFB300; |
/* Field names */ |
||||
box-shadow: 0 0 40px #FFB300; |
form table tr th { |
||||
*/ |
background: #e9eced; |
||||
} |
color: #4c4c4c; |
||||
/* Bottom bar, not visible in catalog mode */ |
border: 1px solid #cccccc; |
||||
div.pages { |
} |
||||
background: #e9eced; |
/* Input fields */ |
||||
border-color: #cccccc; |
textarea, |
||||
} |
input:not([type="file"]):not([type="checkbox"]), |
||||
div.pages a.selected { |
[type="submit"] { |
||||
color: #5d6678; |
color: #4c4c4c; |
||||
} |
background: #e9eced; |
||||
hr { |
border: 1px double #cccccc; |
||||
border-color: #cccccc; |
border-radius: 5px; |
||||
} |
} |
||||
div.boardlist { |
/* Input fields, focused */ |
||||
color: #81a2be; |
textarea:focus, |
||||
font-size: 14px; |
input:not([type="file"]):not([type="checkbox"]):focus, |
||||
} |
[type="submit"]:hover { |
||||
div.boardlist a { |
border: 1px solid #d5dada; |
||||
color: #477085; |
-moz-box-shadow: 0 0 10px #d5dada; |
||||
} |
-webkit-box-shadow: 0 0 10px #d5dada; |
||||
table.modlog tr th { |
box-shadow: 0 0 10px #d5dada; |
||||
background: #e9eced; |
} |
||||
} |
/* Top bar */ |
||||
|
/* Background, border and fade */ |
||||
/* options.js */ |
.bar { |
||||
#options_div, |
background-color: #e9eced; |
||||
#alert_div { |
border-color: #cccccc!important; |
||||
background: #e9eced; |
; |
||||
} |
/* comment these out to remove the fade */ |
||||
|
/* |
||||
.desktop-style div.boardlist:nth-child(1) { |
-moz-box-shadow: 0 0 40px #FFB300; |
||||
background-color: #e9eced; |
-webkit-box-shadow: 0 0 40px #FFB300; |
||||
} |
box-shadow: 0 0 40px #FFB300; |
||||
/* Red text */ |
*/ |
||||
span.heading { |
} |
||||
color: #d93f42; |
/* Bottom bar, not visible in catalog mode */ |
||||
} |
div.pages { |
||||
/* Buggy shit */ |
background: #e9eced; |
||||
div.post.reply div.body a { |
border-color: #cccccc; |
||||
color: #5f89ac; |
} |
||||
text-decoration: none; |
div.pages a.selected { |
||||
} |
color: #5d6678; |
||||
/* OP */ |
} |
||||
/* Subject */ |
hr { |
||||
.intro span.subject { |
border-color: #cccccc; |
||||
color: #617d6f; |
} |
||||
} |
div.boardlist { |
||||
/* name */ |
color: #81a2be; |
||||
.intro span.name { |
font-size: 14pt; |
||||
color: #4c4c4c; |
} |
||||
} |
div.boardlist a { |
||||
/* tripcode */ |
color: #477085; |
||||
.intro span.trip { |
} |
||||
color: #5d6678; |
table.modlog tr th { |
||||
} |
background: #e9eced; |
||||
/* Quick reply */ |
} |
||||
/* Quick reply banner */ |
|
||||
div.banner { |
/* options.js */ |
||||
background-color: #477085; |
#options_div, |
||||
} |
#alert_div { |
||||
#quick-reply th, |
background: #e9eced; |
||||
#quick-reply td { |
} |
||||
background-color: #d5dada; |
|
||||
} |
.desktop-style div.boardlist:nth-child(1) { |
||||
#quick-reply table { |
background-color: #e9eced; |
||||
border-color: #cccccc |
} |
||||
} |
/* Red text */ |
||||
/* Buggy shit */ |
span.heading { |
||||
div.post.reply div.body a { |
color: #d93f42; |
||||
color: #477085; |
} |
||||
text-decoration: none; |
/* 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; |
||||
|
} |
||||
|
Loading…
Reference in new issue