0
/
leftypol_lainchan
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Add updated demain stylesheets

This commit is contained in:
Dedushka 2021-01-17 17:01:32 -05:00
parent 154a42d55f
commit aa4d90328e
No known key found for this signature in database
GPG Key ID: DC969A6BA7657A70
2 changed files with 407 additions and 364 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

178
stylesheets/demain_dark.css
View File

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

69
stylesheets/demain_light.css
View File

@ -1,12 +1,22 @@
/* 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 */
legend {
background: #477085
}
div.module, div.ban {
background: #e9eced;
border: 1px solid #cccccc;
max-width: 700px;
margin: 30px auto;
}
/* Text */
body { body {
background: #e9eced url('img/fade-yotsuba.png') repeat-x 50% 0%; background: #e9eced;
color: #4c4c4c; color: #4c4c4c;
font-size: 11pt; font-size: 13pt;
font-family: liberation.sans font-family: "Open Sans", sans-serif;
} }
/* Link colors */ /* Link colors */
a:link, a:link,
@ -22,6 +32,11 @@ a:hover,
header div.subtitle, header div.subtitle,
h1 { h1 {
color: #d93f42; color: #d93f42;
font-size: 20pt;
font-family: "Open Sans", sans-serif;
}
header div.subtitle {
font-size: 10pt;
} }
/* Post number*/ /* Post number*/
a.post_no { a.post_no {
@ -57,21 +72,39 @@ div.post.reply div.body a {
.intro span.subject { .intro span.subject {
color: #6b7a1e; 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 */ /* Greentext */
span.quote { span.quote {
color: #6b7a1e color: #6b7a1e
} }
/* Catalog grids */ /* Orangetext */
orangeText {
color: #ffb854
}
* Catalog grids */
/* Background color and green border */ /* Background color and green border */
.thread.grid-li.grid-size-vsmall, .thread.grid-li.grid-size-vsmall,
.thread.grid-li.grid-size-vsmall:hover,
.thread.grid-li.grid-size-small, .thread.grid-li.grid-size-small,
.thread.grid-li.grid-size-small:hover, .thread.grid-li.grid-size-large {
.thread.grid-li.grid-size-large,
.thread.grid-li.grid-size-large:hover {
background-color: #e9eced; background-color: #e9eced;
border: 1px solid #cccccc; 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 */ /* Posting form */
/* Field names */ /* Field names */
form table tr th { form table tr th {
@ -123,7 +156,7 @@ hr {
} }
div.boardlist { div.boardlist {
color: #81a2be; color: #81a2be;
font-size: 14px; font-size: 14pt;
} }
div.boardlist a { div.boardlist a {
color: #477085; color: #477085;
@ -145,11 +178,6 @@ table.modlog tr th {
span.heading { span.heading {
color: #d93f42; color: #d93f42;
} }
/* Buggy shit */
div.post.reply div.body a {
color: #5f89ac;
text-decoration: none;
}
/* OP */ /* OP */
/* Subject */ /* Subject */
.intro span.subject { .intro span.subject {
@ -163,18 +191,15 @@ div.post.reply div.body a {
.intro span.trip { .intro span.trip {
color: #5d6678; color: #5d6678;
} }
/* Fix OP file bleeding out of the border*/
.post-image {
margin: 37px
}
/* Quick reply */ /* Quick reply */
/* Quick reply banner */ /* Quick reply banner */
div.banner { div.banner {
background-color: #477085; background-color: #477085;
} }
#quick-reply th,
#quick-reply td {
background-color: #d5dada;
}
#quick-reply table {
border-color: #cccccc
}
/* Buggy shit */ /* Buggy shit */
div.post.reply div.body a { div.post.reply div.body a {
color: #477085; color: #477085;