Browse Source

Add styles, addresses #38

pull/40/head
Dedushka 3 years ago
committed by nonmakina
parent
commit
d7f0e8a7f1
  1. 6
      inc/instance-config.php
  2. 150
      stylesheets/anons_dark_red.css
  3. 182
      stylesheets/demain_dark.css
  4. 182
      stylesheets/demain_light.css
  5. 103
      stylesheets/temp_dark.css
  6. 101
      stylesheets/temp_dark_red.css
  7. 115
      stylesheets/tomorrow.css

6
inc/instance-config.php

@ -284,6 +284,12 @@ $config['stylesheets']['Notsuba'] = 'notsuba.css';
$config['stylesheets']['Photon'] = 'photon.css';
$config['stylesheets']['Szalet'] = 'szalet.css';
$config['stylesheets']['Tsuki'] = 'tsuki.css';
$config['stylesheets']['DemainLight'] = 'demain_light.css';
$config['stylesheets']['DemainDark'] = 'demain_dark.css';
$config['stylesheets']['TempDark'] = 'temp_dark.css';
$config['stylesheets']['TempDarkRed'] = 'temp_dark_red.css';
$config['stylesheets']['Tomorrow'] = 'tomorrow.css';
$config['stylesheets']['AnonsDarkRed'] = 'anons_dark_red.css';
$config['default_stylesheet'] = array('Dark Red', $config['stylesheets']['Dark Red']);
/*

150
stylesheets/anons_dark_red.css

@ -0,0 +1,150 @@
/* General */
body {
background: #1d1f21 url('img/fade-yotsuba.png') repeat-x 50% 0%;
color: #ACACAC;
}
/* Link colors */
a:link, a:visited, .intro a.email span.name {
color: #81a2be;
}
a:hover, .intro a.post_no:hover {
color: #cc6666;
}
/* Board title and subtitle */
header div.subtitle, h1 {
color: indianred;
}
/* Post number*/
a.post_no {
color: #c5c8c6;
}
/* Replies */
/* Background color and border */
div.post.reply {
background: #282A2E;
border-color: #373b41;
border-style: solid;
border-width: 0.8px;
border-radius: 5px;
}
div.post.reply.highlighted {
background: #282A2E;
border-color: #5f89ac;
border-style: solid;
border-width: 0.8px;
border-radius: 5px;
}
div.post.reply div.body a {
color: #5f89ac;
}
.intro span.subject {
color: #b294bb;
}
/* Greentext */
span.quote {
color: #b5bd68
}
/* 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-small:hover,
.thread.grid-li.grid-size-large, .thread.grid-li.grid-size-large:hover {
background-color: #282A2E;
border: 1px solid #373b41;
}
/* Posting form */
/* Field names */
form table tr th {
background: #282A2E;
color: #ACACAC;
border: 1px solid #373b41;
}
/* Input fields */
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 #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: #151515;
border-color: #81a2be!important;;
/* comment these out to remove the fade */
/*
-moz-box-shadow: 0 0 40px #FFB300;
-webkit-box-shadow: 0 0 40px #FFB300;
box-shadow: 0 0 40px #FFB300;
*/
}
/* Bottom bar, not visible in catalog mode */
div.pages {
background: #151515;
border-color: #81a2be;
}
div.pages a.selected {
color: #cc6666;
}
hr {
border-color: #373b41;
}
div.boardlist {
color: #81a2be;
font-size: 14px;
}
div.boardlist a {
color: #cc6666;
}
table.modlog tr th {
background: #1d1f21;
}
/* options.js */
#options_div, #alert_div {
background: #151515;
}
.desktop-style div.boardlist:nth-child(1) {
background-color: #151515;
}
/* Red text */
span.heading {
color: indianred;
}
/* 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;
}
/* tripcode */
.intro span.trip {
color: #8abeb7;
}
/* Quick reply */
/* Quick reply banner */
div.banner {background-color:#9988ee;}
#quick-reply th, #quick-reply td {background-color:#1F1F1F;}
#quick-reply table {border-color:#373b41}
/* Buggy shit */
div.post.reply div.body a {
color: #5f89ac;
text-decoration: none;
}
/* b5bd68*/

182
stylesheets/demain_dark.css

@ -0,0 +1,182 @@
/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/
/* Work in progress*/
/* General */
/* General */
body {
background: #e9eced url('img/fade-yotsuba.png') repeat-x 50% 0%;
color: #4c4c4c;
font-size: 11pt;
font-family: liberation.sans
}
/* Link colors */
a:link,
a:visited,
.intro a.email span.name {
color: #477085;
}
a:hover,
.intro a.post_no:hover {
color: #5d6678;
}
/* Board title and subtitle */
header div.subtitle,
h1 {
color: #d93f42;
}
/* 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;
}
/* Replies */
/* Background color and border */
div.post.reply {
background: #e9eced;
border-color: #cccccc;
border-style: solid;
border-width: 0.8px;
border-radius: 5px;
}
div.post.reply.highlighted {
background: #d5dada;
border-color: #477085;
border-style: solid;
border-width: 0.8px;
border-radius: 5px;
}
div.post.reply div.body a {
color: #477085;
}
.intro span.subject {
color: #6b7a1e;
}
/* Greentext */
span.quote {
color: #6b7a1e
}
/* 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-small:hover,
.thread.grid-li.grid-size-large,
.thread.grid-li.grid-size-large:hover {
background-color: #e9eced;
border: 1px solid #cccccc;
}
/* Posting form */
/* Field names */
form table tr th {
background: #e9eced;
color: #4c4c4c;
border: 1px solid #cccccc;
}
/* Input fields */
textarea,
input:not([type="file"]):not([type="checkbox"]),
[type="submit"] {
color: #4c4c4c;
background: #e9eced;
border: 1px double #cccccc;
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;
}
/* Top bar */
/* Background, border and fade */
.bar {
background-color: #e9eced;
border-color: #cccccc!important;
;
/* comment these out to remove the fade */
/*
-moz-box-shadow: 0 0 40px #FFB300;
-webkit-box-shadow: 0 0 40px #FFB300;
box-shadow: 0 0 40px #FFB300;
*/
}
/* Bottom bar, not visible in catalog mode */
div.pages {
background: #e9eced;
border-color: #cccccc;
}
div.pages a.selected {
color: #5d6678;
}
hr {
border-color: #cccccc;
}
div.boardlist {
color: #81a2be;
font-size: 14px;
}
div.boardlist a {
color: #477085;
}
table.modlog tr th {
background: #e9eced;
}
/* options.js */
#options_div,
#alert_div {
background: #e9eced;
}
.desktop-style div.boardlist:nth-child(1) {
background-color: #e9eced;
}
/* Red text */
span.heading {
color: #d93f42;
}
/* Buggy shit */
div.post.reply div.body a {
color: #5f89ac;
text-decoration: none;
}
/* OP */
/* Subject */
.intro span.subject {
color: #617d6f;
}
/* name */
.intro span.name {
color: #4c4c4c;
}
/* tripcode */
.intro span.trip {
color: #5d6678;
}
/* Quick reply */
/* Quick reply banner */
div.banner {
background-color: #477085;
}
#quick-reply th,
#quick-reply td {
background-color: #d5dada;
}
#quick-reply table {
border-color: #cccccc
}
/* Buggy shit */
div.post.reply div.body a {
color: #477085;
text-decoration: none;
}

182
stylesheets/demain_light.css

@ -0,0 +1,182 @@
/* Demain_light theme for leftypol.org adapted from Seaweed theme for 4chan*/
/* Work in progress*/
/* General */
/* General */
body {
background: #e9eced url('img/fade-yotsuba.png') repeat-x 50% 0%;
color: #4c4c4c;
font-size: 11pt;
font-family: liberation.sans
}
/* Link colors */
a:link,
a:visited,
.intro a.email span.name {
color: #477085;
}
a:hover,
.intro a.post_no:hover {
color: #5d6678;
}
/* Board title and subtitle */
header div.subtitle,
h1 {
color: #d93f42;
}
/* 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;
}
/* Replies */
/* Background color and border */
div.post.reply {
background: #e9eced;
border-color: #cccccc;
border-style: solid;
border-width: 0.8px;
border-radius: 5px;
}
div.post.reply.highlighted {
background: #d5dada;
border-color: #477085;
border-style: solid;
border-width: 0.8px;
border-radius: 5px;
}
div.post.reply div.body a {
color: #477085;
}
.intro span.subject {
color: #6b7a1e;
}
/* Greentext */
span.quote {
color: #6b7a1e
}
/* 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-small:hover,
.thread.grid-li.grid-size-large,
.thread.grid-li.grid-size-large:hover {
background-color: #e9eced;
border: 1px solid #cccccc;
}
/* Posting form */
/* Field names */
form table tr th {
background: #e9eced;
color: #4c4c4c;
border: 1px solid #cccccc;
}
/* Input fields */
textarea,
input:not([type="file"]):not([type="checkbox"]),
[type="submit"] {
color: #4c4c4c;
background: #e9eced;
border: 1px double #cccccc;
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;
}
/* Top bar */
/* Background, border and fade */
.bar {
background-color: #e9eced;
border-color: #cccccc!important;
;
/* comment these out to remove the fade */
/*
-moz-box-shadow: 0 0 40px #FFB300;
-webkit-box-shadow: 0 0 40px #FFB300;
box-shadow: 0 0 40px #FFB300;
*/
}
/* Bottom bar, not visible in catalog mode */
div.pages {
background: #e9eced;
border-color: #cccccc;
}
div.pages a.selected {
color: #5d6678;
}
hr {
border-color: #cccccc;
}
div.boardlist {
color: #81a2be;
font-size: 14px;
}
div.boardlist a {
color: #477085;
}
table.modlog tr th {
background: #e9eced;
}
/* options.js */
#options_div,
#alert_div {
background: #e9eced;
}
.desktop-style div.boardlist:nth-child(1) {
background-color: #e9eced;
}
/* Red text */
span.heading {
color: #d93f42;
}
/* Buggy shit */
div.post.reply div.body a {
color: #5f89ac;
text-decoration: none;
}
/* OP */
/* Subject */
.intro span.subject {
color: #617d6f;
}
/* name */
.intro span.name {
color: #4c4c4c;
}
/* tripcode */
.intro span.trip {
color: #5d6678;
}
/* Quick reply */
/* Quick reply banner */
div.banner {
background-color: #477085;
}
#quick-reply th,
#quick-reply td {
background-color: #d5dada;
}
#quick-reply table {
border-color: #cccccc
}
/* Buggy shit */
div.post.reply div.body a {
color: #477085;
text-decoration: none;
}

103
stylesheets/temp_dark.css

@ -0,0 +1,103 @@
@-moz-document domain("leftypol.org") {
/* Bunker Theme for Leftypol.org */
/* General */
body {
background: #1d1f21 url('img/fade-yotsuba.png') repeat-x 50% 0%;
color: #ACACAC;
}
/* Top bar */
/* Background, border and fade */
.bar {
background-color: #151515;
border-color: #FFB300!important;
/* comment these out to remove the fade */
/*
-moz-box-shadow: 0 0 40px #FFB300;
-webkit-box-shadow: 0 0 40px #FFB300;
box-shadow: 0 0 40px #FFB300;
*/
}
/* Board links */
div.boardlist {
color: #acacac;
font-size: 14px;
}
/* Bottom bar, not visible in catalog mode */
div.pages {
background: #151515;
border-color: #117743;
}
div.pages a.selected {
color: #ff0000;
}
/* Thread separators */
hr {
border-color: #117743;
}
/* Link colors, might or might not work */
a:link, a:visited, .intro a.email span.name {
color: #FFB300;
}
a:link:hover {
color: #d00;
}
/* 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-small:hover,
.thread.grid-li.grid-size-large, .thread.grid-li.grid-size-large:hover {
background-color: #282A2E;
border: 1px solid #117743;
}
/* Posting form */
/* Field names */
form table tr th {
background: #282A2E;
color: #ACACAC;
border: 1px solid #117743;
}
/* Input fields */
textarea, input:not([type="file"]):not([type="checkbox"]), [type="submit"] {
color: #ACACAC;
background: #282A2E;
border: 1px double #07371F;
border-radius: 5px;
}
/* Input fields, focused */
textarea:focus, input:not([type="file"]):not([type="checkbox"]):focus, [type="submit"]:hover {
border: 1px solid #117743;
-moz-box-shadow: 0 0 10px #117743;
-webkit-box-shadow: 0 0 10px #117743;
box-shadow: 0 0 10px #117743;
}
/* OP */
/* Subject */
.intro span.subject {
color: #34ED3A;
}
/* Replies */
/* Background color and green border */
div.post.reply {
background: #282A2E;
border-color: #117743;
border-style: solid;
border-width: 0.8px;
border-radius: 5px;
}
/* Highlighted replies */
div.post.reply.highlighted {
background: rgba(59, 22, 43, 0.4);
}
/* Buggy shit */
div.post.reply div.body a {
color: #ff0000;
text-decoration: none;
}
}

101
stylesheets/temp_dark_red.css

@ -0,0 +1,101 @@
/* Red Bunker Theme for Leftypol.org */
/* General */
body {
background: #1d1f21 url('img/fade-yotsuba.png') repeat-x 50% 0%;
color: #ACACAC;
}
/* Top bar */
/* Background, border and fade */
.bar {
background-color: #151515;
border-color: #ffd700!important;
/* comment these out to remove the fade */
/*
-moz-box-shadow: 0 0 40px #FFB300;
-webkit-box-shadow: 0 0 40px #FFB300;
box-shadow: 0 0 40px #FFB300;
*/
}
/* Board links */
div.boardlist {
color: #acacac;
font-size: 14px;
}
/* Bottom bar, not visible in catalog mode */
div.pages {
background: #151515;
border-color: #cd0000;
}
div.pages a.selected {
color: #ff0000;
}
/* Thread separators */
hr {
border-color: #CD0000;
}
/* Link colors, might or might not work */
a:link, a:visited, .intro a.email span.name {
color: #ffd700;
}
a:link:hover {
color: #d00;
}
/* 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-small:hover,
.thread.grid-li.grid-size-large, .thread.grid-li.grid-size-large:hover {
background-color: #282A2E;
border: 1px solid #cd0000;
}
/* Posting form */
/* Field names */
form table tr th {
background: #282A2E;
color: #ACACAC;
border: 1px solid #cd0000;
}
/* Input fields */
textarea, input:not([type="file"]):not([type="checkbox"]), [type="submit"] {
color: #ACACAC;
background: #282A2E;
border: 1px double #07371F;
border-radius: 5px;
}
/* Input fields, focused */
textarea:focus, input:not([type="file"]):not([type="checkbox"]):focus, [type="submit"]:hover {
border: 1px solid #cd0000;
-moz-box-shadow: 0 0 10px #cd0000;
-webkit-box-shadow: 0 0 10px #cd0000;
box-shadow: 0 0 10px #cd0000;
}
/* OP */
/* Subject */
.intro span.subject {
color: #ffd700;
}
/* Replies */
/* Background color and green border */
div.post.reply {
background: #282A2E;
border-color: #cd0000;
border-style: solid;
border-width: 0.8px;
border-radius: 5px;
}
/* Highlighted replies */
div.post.reply.highlighted {
background: rgba(59, 22, 43, 0.4);
}
/* Buggy shit */
div.post.reply div.body a {
color: #ff0000;
text-decoration: none;
}

115
stylesheets/tomorrow.css

@ -0,0 +1,115 @@
/* Tomorrow Theme for Leftypol.org */
/* General */
body {
background: #1d1f21 url('img/fade-yotsuba.png') repeat-x 50% 0%;
color: #ACACAC;
}
/* Top bar */
/* Background, border and fade */
.bar {
background-color: #151515;
border-color: #81a2be!important;
/* comment these out to remove the fade */
/*
-moz-box-shadow: 0 0 40px #FFB300;
-webkit-box-shadow: 0 0 40px #FFB300;
box-shadow: 0 0 40px #FFB300;
*/
}
/* Board links */
div.boardlist {
color: #81a2be;
font-size: 14px;
}
/* Bottom bar, not visible in catalog mode */
div.pages {
background: #151515;
border-color: #81a2be;
}
div.pages a.selected {
color: #cc6666;
}
/* Thread separators */
hr {
border-color: #373b41;
}
/* Link colors, might or might not work */
a:link, a:visited, .intro a.email span.name {
color: #81a2be;
}
a:link:hover {
color: #cc6666;
}
/* 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-small:hover,
.thread.grid-li.grid-size-large, .thread.grid-li.grid-size-large:hover {
background-color: #282A2E;
border: 1px solid #373b41;
}
/* Posting form */
/* Field names */
form table tr th {
background: #282A2E;
color: #ACACAC;
border: 1px solid #373b41;
}
/* Input fields */
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 #1d1f21;
-moz-box-shadow: 0 0 10px #1d1f21;
-webkit-box-shadow: 0 0 10px #1d1f21;
box-shadow: 0 0 10px #1d1f21;
}
/* OP */
/* Subject */
.intro span.subject {
color: #b294bb;
}
/* name */
.intro span.name {
color: #5f89ac;
}
/* tripcode */
.intro span.trip {
color: #8abeb7;
}
/* Replies */
/* Background color and green border */
div.post.reply {
background: #282A2E;
border-color: #373b41;
border-style: solid;
border-width: 0.8px;
border-radius: 5px;
}
/* Highlighted replies */
div.post.reply.highlighted {
background: #282A2E;
border-color: #5f89ac;
border-style: solid;
border-width: 0.8px;
border-radius: 5px;
}
/* Buggy shit */
div.post.reply div.body a {
color: #5f89ac;
text-decoration: none;
}
Loading…
Cancel
Save