leftypol
/
leftypol
4
5
Fork 3
Code Issues 57 Pull Requests 1 Projects Releases Wiki Activity
Browse Source

Add updated demain stylesheets

pull/40/head
Dedushka 3 years ago
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
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 178
      stylesheets/demain_dark.css
  2. 69
      stylesheets/demain_light.css

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 */
.intro span.trip {
color: #5d6678;
} }
/* Quick reply */ .desktop-style div.boardlist:nth-child(1) {
/* Quick reply banner */ background-color: #151515;
div.banner {
background-color: #477085;
} }
#quick-reply th, /* Red text */
#quick-reply td { span.heading {
background-color: #d5dada; color: indianred;
} }
#quick-reply table { /* Upper part of a post */
border-color: #cccccc div.post p {
display: block;
margin: 0;
line-height: 1.16em;
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;

Write Preview
Loading…
Cancel
Save