leftypol
/
leftypol
4
5
Fork 2
Code Issues 60 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. 382
      stylesheets/demain_dark.css
  2. 389
      stylesheets/demain_light.css

382
stylesheets/demain_dark.css
View File

@ -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;
}

389
stylesheets/demain_light.css
View File

@ -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;
}

Write Preview
Loading…
Cancel
Save