mirror of
https://github.com/Eggbertx/gochan.git
synced 2025-08-03 19:56:22 -07:00
Add Yotsuba B theme, use yotsuba mixin
Also add attribution to sass dir README
This commit is contained in:
Eggbertx
parent
74ca436465
commit
9b05efaecb
12 changed files with 170 additions and 61 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 172 B After Width: | Height: | Size: 145 B |
BIN
html/css/res/yotsubab_bg.png
Normal file
BIN
html/css/res/yotsubab_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 172 B |
|
|
@ -1 +1 @@
|
|||
body{background:#eef2ff url("res/yotsuba_bg.png") repeat-x 50% 0%;font-family:Tahoma,sans-serif;font-size:14px}a{color:#34345c;text-decoration:none}header{color:#af0a0f}header h1{font-size:28px}div#topbar{border-bottom:1px solid #89a;background:#d6daf0}th.postblock{background-color:#98e;border:1px solid #000}div.section-block{border:1px solid}div.section-title-block{background:#98e}table#pages *{border:none !important}table#pages{background:#d6daf0;border-left:0px;border-top:0px;border-bottom:1px solid #b7c5d9;border-right:1px solid #b7c5d9}
|
||||
body{background:#ffe url("res/yotsuba_bg.png") repeat-x 50% 0%;color:maroon;font-family:Tahoma,sans-serif;font-size:14px}div.op-post{background:#ffe}div.inlinepostprev{border:1px solid #d9bfb7}header{color:#af0a0f}header h1{font-size:28px}a{text-decoration:none;color:maroon}div.section-block{border:1px solid}div.section-title-block{background:#fca}hr{border:none;border-top:1px solid #d9bfb7;height:0}div.reply,div.thread-ddown-menu,table#pages,div.postprev{background-color:#f0e0d6;border-left:0px;border-top:0px;border-bottom:1px solid #d9bfb7;border-right:1px solid #d9bfb7}div.post-text a{color:navy}table#pages *{border:none !important}div.section-title-block{background-color:#fca;color:#800}div#topbar{background:#fed6af;border-bottom:1px solid #fec68f}th.postblock{background-color:#ea8;border:1px solid #800}span.postername,span.postername a{color:#117743;font-weight:700}span.postername a{text-decoration:underline}span.tripcode{color:#117743}span.subject{color:#cc1105;font-weight:700}
|
||||
|
|
|
|||
1
html/css/yotsubab.css
Normal file
1
html/css/yotsubab.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
body{background:#eef2ff url("res/yotsubab_bg.png") repeat-x 50% 0%;color:#000;font-family:Tahoma,sans-serif;font-size:14px}div.op-post{background:#eef2ff}div.inlinepostprev{border:1px solid #b7c5d9}header{color:#af0a0f}header h1{font-size:28px}a{text-decoration:none;color:#34345c}div.section-block{border:1px solid}div.section-title-block{background:#98e}hr{border:none;border-top:1px solid #b7c5d9;height:0}div.reply,div.thread-ddown-menu,table#pages,div.postprev{background-color:#d6daf0;border-left:0px;border-top:0px;border-bottom:1px solid #b7c5d9;border-right:1px solid #b7c5d9}div.post-text a{color:navy}table#pages *{border:none !important}div.section-title-block{background-color:#98e;color:#000}div#topbar{background:#d6daf0;border-bottom:1px solid #89a}th.postblock{background-color:#98e;border:1px solid #000}span.postername,span.postername a{color:#117743;font-weight:700}span.postername a{text-decoration:underline}span.tripcode{color:#117743}span.subject{color:#0f0c5d;font-weight:700}
|
||||
|
|
@ -33,10 +33,11 @@
|
|||
|
||||
"Styles": [
|
||||
{ "Name": "Pipes", "Filename": "pipes.css" },
|
||||
{ "Name": "BunkerChan", "Filename": "bunkerchan.css" },
|
||||
{ "Name": "Burichan", "Filename": "burichan.css" },
|
||||
{ "Name": "Bunkerchan", "Filename": "bunkerchan.css" },
|
||||
{ "Name": "Photon", "Filename": "photon.css" },
|
||||
{ "Name": "Yotsuba", "Filename": "yotsuba.css" }
|
||||
{ "Name": "Yotsuba", "Filename": "yotsuba.css" },
|
||||
{ "Name": "Yotsuba B", "Filename": "yotsubab.css" }
|
||||
],
|
||||
"DefaultStyle": "pipes.css",
|
||||
|
||||
|
|
|
|||
|
|
@ -6,4 +6,7 @@ To have sass watch the input directory for changes as you edit and save the file
|
|||
|
||||
In either case, `--style expanded` is optional. If you replace expanded with compressed, it will minify the generated CSS files. Run `sass -h` for more info about it.
|
||||
|
||||
If you are upgading from gochan 2.2, delete your html/css directory unless you have made themes that you want to keep. Then rebuild the pages. (/manage?action=rebuildall)
|
||||
If you are upgading from gochan 2.2, delete your html/css directory unless you have made themes that you want to keep. Then rebuild the pages. (/manage?action=rebuildall)
|
||||
|
||||
## Attribution
|
||||
The BunkerChan theme comes from the imageboard BunkerChan (as the name would imply). Burichan is based on the theme with the same name from Kusaba X. Photon comes from nol.ch (I think?) that as far as I know no longer exists. Pipes was created by a user (Mbyte?) on Lunachan (defunct). Yotsuba and Yotsuba B are based on the themes with the same names from 4chan.
|
||||
99
sass/_yotsubacommon.scss
Normal file
99
sass/_yotsubacommon.scss
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
|
||||
|
||||
@mixin yotsuba(
|
||||
$fadepath,
|
||||
$bodybg,
|
||||
$bodycol,
|
||||
$topbarbg,
|
||||
$topbarborder,
|
||||
$headerfontcol,
|
||||
$postblockbg,
|
||||
$postblockborder,
|
||||
$sectiontitlecol,
|
||||
$sectiontitlebg,
|
||||
$borderbotright,
|
||||
$linkcol,
|
||||
$hrcol,
|
||||
$subjectcol,
|
||||
$namecolor,
|
||||
$replybg,
|
||||
$postlinkcol) {
|
||||
|
||||
body {
|
||||
background: $bodybg url($fadepath) repeat-x 50% 0%;
|
||||
color: $bodycol;
|
||||
font-family: Tahoma,sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
div.op-post {
|
||||
background: $bodybg;
|
||||
}
|
||||
div.inlinepostprev {
|
||||
border: 1px solid $borderbotright;
|
||||
}
|
||||
header {
|
||||
color: $headerfontcol;
|
||||
h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: $linkcol;
|
||||
}
|
||||
div.section-block {
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
div.section-title-block {
|
||||
background: $sectiontitlebg;
|
||||
}
|
||||
hr {
|
||||
border: none;
|
||||
border-top: 1px solid $hrcol;
|
||||
height: 0;
|
||||
}
|
||||
div.reply, div.thread-ddown-menu, table#pages, div.postprev {
|
||||
background-color: $replybg;
|
||||
border-left: 0px;
|
||||
border-top: 0px;
|
||||
border-bottom: 1px solid $borderbotright;
|
||||
border-right: 1px solid $borderbotright;
|
||||
}
|
||||
div.post-text a {
|
||||
color: $postlinkcol;
|
||||
}
|
||||
table#pages * {
|
||||
border: none!important;
|
||||
}
|
||||
div.section-title-block {
|
||||
background-color: $sectiontitlebg;
|
||||
color: $sectiontitlecol;
|
||||
}
|
||||
|
||||
div#topbar {
|
||||
background: $topbarbg;
|
||||
border-bottom: 1px solid $topbarborder;
|
||||
}
|
||||
th.postblock {
|
||||
background-color: $postblockbg;
|
||||
border: 1px solid $postblockborder;
|
||||
}
|
||||
span.postername, span.postername a {
|
||||
color: $namecolor;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
span.postername a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
span.tripcode {
|
||||
color: $namecolor;
|
||||
}
|
||||
|
||||
span.subject {
|
||||
color: $subjectcol;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
@import 'dark-og/colors';
|
||||
@import 'dark-og/front';
|
||||
@import 'dark-og/img';
|
||||
@import 'bunkerchan/colors';
|
||||
@import 'bunkerchan/front';
|
||||
@import 'bunkerchan/img';
|
||||
@import 'util';
|
||||
|
||||
body {
|
||||
|
|
|
|||
|
|
@ -1,51 +1,22 @@
|
|||
@import 'yotsuba/colors';
|
||||
@import 'util';
|
||||
@import 'yotsubacommon';
|
||||
|
||||
body {
|
||||
background: $bgcol url('res/yotsuba_bg.png') repeat-x 50% 0%;
|
||||
font-family: Tahoma,sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #34345C;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header {
|
||||
color: $headerfontcol;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
div#topbar {
|
||||
border-bottom: 1px solid $topbarborder;
|
||||
background: #D6DAF0;
|
||||
}
|
||||
|
||||
th.postblock {
|
||||
background-color: $postblockbg;
|
||||
border: 1px solid $postblockborder;
|
||||
}
|
||||
|
||||
div.section-block {
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
div.section-title-block {
|
||||
background: $postblockbg;
|
||||
}
|
||||
|
||||
table#pages * {
|
||||
border: none!important;
|
||||
}
|
||||
|
||||
table#pages {
|
||||
background: #d6daf0;
|
||||
border-left: 0px;
|
||||
border-top: 0px;
|
||||
border-bottom: 1px solid $pagesborder;
|
||||
border-right: 1px solid $pagesborder;
|
||||
}
|
||||
@include yotsuba(
|
||||
'res/yotsuba_bg.png',
|
||||
$bgcol, /* $bodybg */
|
||||
maroon, /* $bodycol */
|
||||
$topbarbg,
|
||||
$topbarborder,
|
||||
$headerfontcol,
|
||||
$postblockbg,
|
||||
$postblockborder,
|
||||
$postblockborder, /* $sectiontitlecol */
|
||||
#fca, /* $sectiontitlebg */
|
||||
$borderbotright,
|
||||
maroon, /* $linkcol */
|
||||
#D9BfB7, /* $hrcol */
|
||||
#CC1105, /* $subjectcol */
|
||||
$namecolor,
|
||||
$replybg,
|
||||
navy /* $postlinkcol */
|
||||
);
|
||||
|
|
|
|||
|
|
@ -1,6 +1,10 @@
|
|||
$bgcol: #EEF2FF;
|
||||
$bgcol: #FFE;
|
||||
$headerfontcol: #AF0A0F;
|
||||
$postblockbg: #98E;
|
||||
$postblockborder: #000;
|
||||
$topbarborder: #89A;
|
||||
$pagesborder: #b7c5d9;
|
||||
$pagesborder: #F0E0D6;
|
||||
$replybg: #F0E0D6;
|
||||
$topbarbg: #FED6Af;
|
||||
$topbarborder: #FEC68F;
|
||||
$borderbotright: #D9BFB7;
|
||||
$postblockbg: #EA8;
|
||||
$postblockborder: #800;
|
||||
$namecolor: #117743;
|
||||
22
sass/yotsubab.scss
Normal file
22
sass/yotsubab.scss
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
@import 'yotsubab/colors';
|
||||
@import 'yotsubacommon';
|
||||
|
||||
@include yotsuba(
|
||||
'res/yotsubab_bg.png',
|
||||
$bgcol, /* $bodybg */
|
||||
#000, /* $bodycol */
|
||||
#D6DAF0, /* $topbarbg */
|
||||
$topbarborder,
|
||||
$headerfontcol,
|
||||
$postblockbg,
|
||||
$postblockborder,
|
||||
#000, /* $sectiontitlecol */
|
||||
$postblockbg, /* $sectiontitlebg */
|
||||
$borderbotright,
|
||||
#34345C, /* $linkcol */
|
||||
#B7C5D9, /* $hrcol */
|
||||
#0F0C5D, /* $subjectcol */
|
||||
$namecolor,
|
||||
$replybg,
|
||||
navy /* $postlinkcol */
|
||||
);
|
||||
8
sass/yotsubab/_colors.scss
Normal file
8
sass/yotsubab/_colors.scss
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
$bgcol: #EEF2FF;
|
||||
$headerfontcol: #AF0A0F;
|
||||
$postblockbg: #98E;
|
||||
$postblockborder: #000;
|
||||
$topbarborder: #89A;
|
||||
$borderbotright: #B7C5D9;
|
||||
$replybg: #D6DAF0;
|
||||
$namecolor: #117743;
|
||||
Loading…
Add table
Add a link
Reference in a new issue