mirror of
https://github.com/Eggbertx/gochan.git
synced 2025-08-26 10:36:23 -07:00
Migrate SCSS, replace usage of @import with @use
https://sass-lang.com/documentation/breaking-changes/import/
This commit is contained in:
Eggbertx
parent
0ec52bfdf1
commit
41fa1f6280
25 changed files with 244 additions and 268 deletions
|
|
@ -1,4 +1,4 @@
|
|||
@import 'util';
|
||||
@use 'util';
|
||||
|
||||
@mixin yotsuba(
|
||||
$fadepath,
|
||||
|
|
@ -106,5 +106,5 @@
|
|||
border: 1px dashed #222;
|
||||
}
|
||||
|
||||
@include upload-box(#aaa, #444, #666);
|
||||
@include util.upload-box(#aaa, #444, #666);
|
||||
}
|
||||
|
|
@ -1,12 +1,12 @@
|
|||
@import 'bunkerchan/colors';
|
||||
@import 'bunkerchan/front';
|
||||
@import 'bunkerchan/img';
|
||||
@import 'util';
|
||||
@use 'bunkerchan/colors';
|
||||
@use 'bunkerchan/front';
|
||||
@use 'bunkerchan/img';
|
||||
@use 'util';
|
||||
|
||||
body {
|
||||
background: $bgcol;
|
||||
color: $color;
|
||||
font-family: $font-family;
|
||||
background: colors.$bgcol;
|
||||
color: colors.$color;
|
||||
font-family: colors.$font-family;
|
||||
font-size: 70%;
|
||||
}
|
||||
|
||||
|
|
@ -19,30 +19,30 @@ hr {
|
|||
}
|
||||
|
||||
a, a:visited {
|
||||
color: $topborder;
|
||||
color: colors.$topborder;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#staff, select.post-actions {
|
||||
background: $topbarbg;
|
||||
border: 1px solid $topborder;
|
||||
background: colors.$topbarbg;
|
||||
border: 1px solid colors.$topborder;
|
||||
}
|
||||
|
||||
div#topbar,
|
||||
div#topbar a,
|
||||
div#topbar a:visited,
|
||||
div.dropdown-menu {
|
||||
background: $topbarbg;
|
||||
border-bottom: 1px solid $topborder;
|
||||
background: colors.$topbarbg;
|
||||
border-bottom: 1px solid colors.$topborder;
|
||||
}
|
||||
|
||||
div.dropdown-menu {
|
||||
border-left: 1px solid $topborder;
|
||||
border-right: 1px solid $topborder;
|
||||
border-left: 1px solid colors.$topborder;
|
||||
border-right: 1px solid colors.$topborder;
|
||||
}
|
||||
|
||||
div.dropdown-menu a:hover, div.dropdown-menu a:active {
|
||||
background: $bgcol;
|
||||
background: colors.$bgcol;
|
||||
}
|
||||
|
||||
table#pages, table#pages * {
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@import 'colors';
|
||||
@use 'colors';
|
||||
|
||||
div.section-title-block {
|
||||
background: $topbarbg;
|
||||
border: 1px solid $topborder;
|
||||
background: colors.$topbarbg;
|
||||
border: 1px solid colors.$topborder;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
@import 'colors';
|
||||
@use 'colors';
|
||||
|
||||
%formstyle {
|
||||
background: $inputbg;
|
||||
border: 1px double $inputborder;
|
||||
color: $color;
|
||||
background: colors.$inputbg;
|
||||
border: 1px double colors.$inputborder;
|
||||
color: colors.$color;
|
||||
}
|
||||
|
||||
%darkselect {
|
||||
background: $inputbg2;
|
||||
background: colors.$inputbg2;
|
||||
border-radius: 5px;
|
||||
color: $color;
|
||||
color: colors.$color;
|
||||
@extend %formstyle;
|
||||
}
|
||||
|
||||
|
|
@ -34,7 +34,7 @@ table#postbox-static, div#report-delbox, form#filterform {
|
|||
@extend %darkselect;
|
||||
}
|
||||
button, input[type=submit] {
|
||||
background: $inputbg2;
|
||||
background: colors.$inputbg2;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
@import 'util';
|
||||
@import 'burichan/colors';
|
||||
@import 'burichan/img';
|
||||
@import 'burichan/front';
|
||||
@import 'burichan/manage';
|
||||
@use 'util';
|
||||
@use 'burichan/colors';
|
||||
@use 'burichan/img';
|
||||
@use 'burichan/front';
|
||||
@use 'burichan/manage';
|
||||
|
||||
body {
|
||||
font: $font;
|
||||
background: $bgcol;
|
||||
font: colors.$font;
|
||||
background: colors.$bgcol;
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
color: $linkcol;
|
||||
color: colors.$linkcol;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
@ -36,7 +36,7 @@ h3 {
|
|||
}
|
||||
|
||||
h1, h2 {
|
||||
font-family: $hfont-family;
|
||||
font-family: colors.$hfont-family;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
|
|
@ -45,7 +45,7 @@ h1, h2, h3 {
|
|||
}
|
||||
|
||||
div#topbar {
|
||||
@include shadow-filter(3px 5px 6px $shadowcol);
|
||||
@include util.shadow-filter(3px 5px 6px colors.$shadowcol);
|
||||
min-height: 1.5em;
|
||||
}
|
||||
|
||||
|
|
@ -55,13 +55,13 @@ a.topbar-item:visited,
|
|||
.dropdown-button,
|
||||
div.dropdown-menu {
|
||||
background: #080e5e;
|
||||
color: $bgcol;
|
||||
color: colors.$bgcol;
|
||||
}
|
||||
|
||||
div.dropdown-menu {
|
||||
@include shadow-filter(3px 5px 6px $shadowcol);
|
||||
@include util.shadow-filter(3px 5px 6px colors.$shadowcol);
|
||||
a, h3 {
|
||||
color: $bgcol;
|
||||
color: colors.$bgcol;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,14 +1,15 @@
|
|||
@import 'colors';
|
||||
@import '../global/colors';
|
||||
@use 'colors';
|
||||
@use '../global/colors' as global-colors;
|
||||
@use "../util";
|
||||
|
||||
h1#board-title {
|
||||
font-family: serif;
|
||||
font-size: 2em;
|
||||
color: $headercol;
|
||||
color: global-colors.$headercol;
|
||||
}
|
||||
|
||||
.postblock {
|
||||
background:$postblock;
|
||||
background:colors.$postblock;
|
||||
}
|
||||
|
||||
div.file-info {
|
||||
|
|
@ -19,7 +20,7 @@ div.file-info {
|
|||
span.postername {
|
||||
font-size: 1em;
|
||||
font-family: serif;
|
||||
color: $namecol;
|
||||
color: global-colors.$namecol;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
|
|
@ -34,11 +35,11 @@ select.post-actions,
|
|||
div.reply,
|
||||
div.postprev,
|
||||
div.inlinepostprev {
|
||||
border: 1px solid $bordercol;
|
||||
border: 1px solid colors.$bordercol;
|
||||
}
|
||||
|
||||
.dice-roll {
|
||||
border: 1px dashed #222;
|
||||
}
|
||||
|
||||
@include upload-box(#aaa, #444, #666);
|
||||
@include util.upload-box(#aaa, #444, #666);
|
||||
|
|
@ -1,17 +1,17 @@
|
|||
@import 'colors';
|
||||
@import '../util';
|
||||
@use 'colors';
|
||||
@use '../util';
|
||||
|
||||
.loginbox input {
|
||||
height: 20%;
|
||||
}
|
||||
|
||||
.manage-header {
|
||||
background: $bgcol;
|
||||
background: colors.$bgcol;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
table.mgmt-table {
|
||||
tr:first-of-type th {
|
||||
background: $postblock;
|
||||
background: colors.$postblock;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,51 +1,51 @@
|
|||
@import 'clear/colors';
|
||||
@import './util';
|
||||
@use 'clear/colors';
|
||||
@use 'util';
|
||||
|
||||
body {
|
||||
background: $bgcol;
|
||||
background: colors.$bgcol;
|
||||
font-family: monospace, sans-serif;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
div#topbar {
|
||||
background: $topbarbg;
|
||||
border-bottom: 1px solid $topbarborder;
|
||||
background: colors.$topbarbg;
|
||||
border-bottom: 1px solid colors.$topbarborder;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $linkcol;
|
||||
color: colors.$linkcol;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
text-shadow: 0px 0px 5px $hrcol;
|
||||
text-shadow: 0px 0px 5px colors.$hrcol;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
color: $headercol;
|
||||
color: colors.$headercol;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
border-top: 1px solid $hrcol;
|
||||
border-top: 1px solid colors.$hrcol;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
div#content {
|
||||
input, select, textarea {
|
||||
border: 1px double $inputshadow;
|
||||
border: 1px double colors.$inputshadow;
|
||||
border-radius: 5px;
|
||||
background: $inputcol;
|
||||
background: colors.$inputcol;
|
||||
color: #000;
|
||||
}
|
||||
input:active, select:active, textarea:active {
|
||||
@include shadow-filter(0px 0px 5px $replyborder);
|
||||
@include util.shadow-filter(0px 0px 5px colors.$replyborder);
|
||||
}
|
||||
input[type="button"],
|
||||
input[type="submit"],
|
||||
input[type="file"]::file-selector-button,
|
||||
input[type="file"]::webkit-file-upload-button {
|
||||
background: #A7A7A7;
|
||||
border: 3px double $inputshadow;
|
||||
border: 3px double colors.$inputshadow;
|
||||
border-radius: 5px;
|
||||
color: #000;
|
||||
}
|
||||
|
|
@ -58,14 +58,14 @@ th.postblock,
|
|||
div.postprev,
|
||||
div.inlinepostprev,
|
||||
table.mgmt-table tr:first-of-type th {
|
||||
background: $inputcol;
|
||||
border: 1px solid $replyborder;
|
||||
background: colors.$inputcol;
|
||||
border: 1px solid colors.$replyborder;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
span.subject {
|
||||
font-weight: 800;
|
||||
color: $subjectcol;
|
||||
color: colors.$subjectcol;
|
||||
}
|
||||
|
||||
table#pages, table#pages * {
|
||||
|
|
@ -74,7 +74,7 @@ table#pages, table#pages * {
|
|||
|
||||
div.section-title-block {
|
||||
background: #A7A7A7;
|
||||
border-bottom: 1px solid $replyborder;
|
||||
border-bottom: 1px solid colors.$replyborder;
|
||||
}
|
||||
|
||||
@include upload-box(#aaa, #444, #666);
|
||||
@include util.upload-box(#aaa, #444, #666);
|
||||
|
|
@ -1,41 +1,41 @@
|
|||
@import 'dark/colors';
|
||||
@use 'dark/colors';
|
||||
|
||||
body {
|
||||
background: $bgcol;
|
||||
font-family: $font-family;
|
||||
color: $color;
|
||||
background: colors.$bgcol;
|
||||
font-family: colors.$font-family;
|
||||
color: colors.$color;
|
||||
// font-size: 80%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: $linkcol;
|
||||
color: colors.$linkcol;
|
||||
}
|
||||
|
||||
div#topbar {
|
||||
background: $topbarbg;
|
||||
border-bottom: 1px solid $color;
|
||||
background: colors.$topbarbg;
|
||||
border-bottom: 1px solid colors.$color;
|
||||
a {
|
||||
text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
color: $headercol;
|
||||
color: colors.$headercol;
|
||||
}
|
||||
|
||||
div#content {
|
||||
input:not(div#qrbuttons input),
|
||||
textarea, select {
|
||||
background: $inputbg;
|
||||
border: 1px solid $topbarbg;
|
||||
color: $linkcol;
|
||||
background: colors.$inputbg;
|
||||
border: 1px solid colors.$topbarbg;
|
||||
color: colors.$linkcol;
|
||||
}
|
||||
}
|
||||
|
||||
th.postblock, table.mgmt-table tr:first-of-type th {
|
||||
background: $blockcol;
|
||||
border: 1px solid $blockborder;
|
||||
background: colors.$blockcol;
|
||||
border: 1px solid colors.$blockborder;
|
||||
border-radius: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -43,13 +43,13 @@ th.postblock, table.mgmt-table tr:first-of-type th {
|
|||
div.reply,
|
||||
div.postprev,
|
||||
div.inlinepostprev {
|
||||
background: $inputbg;
|
||||
border: 1px solid $replyborder;
|
||||
background: colors.$inputbg;
|
||||
border: 1px solid colors.$replyborder;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
span.postername {
|
||||
color: $headercol;
|
||||
color: colors.$headercol;
|
||||
font-weight: bold;
|
||||
a {
|
||||
text-decoration: underline;
|
||||
|
|
@ -57,18 +57,18 @@ span.postername {
|
|||
}
|
||||
|
||||
span.tripcode {
|
||||
color: $headercol;
|
||||
color: colors.$headercol;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background: $topbarbg!important;
|
||||
background: colors.$topbarbg!important;
|
||||
b {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
span.subject {
|
||||
color: $subjectcol;
|
||||
color: colors.$subjectcol;
|
||||
}
|
||||
|
||||
table#pages, table#pages * {
|
||||
|
|
|
|||
|
|
@ -1,59 +1,59 @@
|
|||
@import './darkbunker/img';
|
||||
@import './darkbunker/vars';
|
||||
@import './util';
|
||||
@use 'darkbunker/img';
|
||||
@use 'darkbunker/vars';
|
||||
@use 'util';
|
||||
|
||||
body {
|
||||
background: $bgcol;
|
||||
color: $txtcol;
|
||||
background: vars.$bgcol;
|
||||
color: vars.$txtcol;
|
||||
font-family: arial,helvetica,sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
div#topbar {
|
||||
background: $topbarcol;
|
||||
border-bottom: 2px solid $linkcol;
|
||||
background: vars.$topbarcol;
|
||||
border-bottom: 2px solid vars.$linkcol;
|
||||
* {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
color: $bordercol;
|
||||
color: vars.$bordercol;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $linkcol;
|
||||
color: vars.$linkcol;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background: inherit;
|
||||
color: $linklight;
|
||||
color: vars.$linklight;
|
||||
}
|
||||
|
||||
header {
|
||||
h1, div#board-subtitle {
|
||||
font-family: tahoma;
|
||||
color: $headercol;
|
||||
color: vars.$headercol;
|
||||
}
|
||||
}
|
||||
|
||||
th, div.reply {
|
||||
background: $gridcol;
|
||||
border: 1px solid $bordercol;
|
||||
background: vars.$gridcol;
|
||||
border: 1px solid vars.$bordercol;
|
||||
}
|
||||
|
||||
div.section-block {
|
||||
border: 1px solid white;
|
||||
|
||||
div.section-title-block {
|
||||
background: $blocktitle;
|
||||
background: vars.$blocktitle;
|
||||
border: 1px solid white;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
div#frontpage div.section-block:first-child {
|
||||
background: $gridcol;
|
||||
background: vars.$gridcol;
|
||||
// border: none;
|
||||
}
|
||||
|
|
@ -1,23 +1,23 @@
|
|||
@import './vars';
|
||||
@use 'vars';
|
||||
|
||||
div#content, div#qr-box {
|
||||
color: $txtcol;
|
||||
border: 1px double $inputshadow;
|
||||
color: vars.$txtcol;
|
||||
border: 1px double vars.$inputshadow;
|
||||
border-radius: 5px;
|
||||
|
||||
textarea,
|
||||
input:not([type="file"]):not([type="checkbox"]),
|
||||
[type="submit"],
|
||||
select {
|
||||
color: $txtcol;
|
||||
background: $gridcol;
|
||||
border: 1px solid $inputshadow;
|
||||
color: vars.$txtcol;
|
||||
background: vars.$gridcol;
|
||||
border: 1px solid vars.$inputshadow;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
div#qr-box {
|
||||
background: $gridcol;
|
||||
background: vars.$gridcol;
|
||||
}
|
||||
|
||||
form#postform, form#qrpostform {
|
||||
|
|
@ -29,5 +29,5 @@ form#postform, form#qrpostform {
|
|||
|
||||
div#staffmenu, div#watchermenu {
|
||||
background: black;
|
||||
border: 1px solid $txtcol;
|
||||
border: 1px solid vars.$txtcol;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
@import 'global/img';
|
||||
@import 'global/front';
|
||||
@import 'global/manage';
|
||||
@import 'global/lightbox';
|
||||
@import 'global/qr';
|
||||
@import "global/watcher";
|
||||
@import 'global/bans';
|
||||
@import 'global/animations';
|
||||
@use 'global/img';
|
||||
@use 'global/front';
|
||||
@use 'global/manage';
|
||||
@use 'global/lightbox';
|
||||
@use 'global/qr';
|
||||
@use "global/watcher";
|
||||
@use 'global/bans';
|
||||
@use 'global/animations';
|
||||
|
||||
.increase-line-height {
|
||||
header, .post, .reply {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import 'animations';
|
||||
@use 'animations';
|
||||
|
||||
#boardmenu-bottom {
|
||||
margin-top: 16px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../util';
|
||||
@use '../util';
|
||||
|
||||
.lightbox {
|
||||
background:#CDCDCD;
|
||||
|
|
@ -15,8 +15,7 @@
|
|||
}
|
||||
|
||||
.lightbox * {
|
||||
// box-shadow: 0px 0px 0px 0px #000000;
|
||||
@include shadow-filter(0px 0px 0px #000);
|
||||
@include util.shadow-filter(0px 0px 0px #000);
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
|
|
@ -44,8 +43,6 @@
|
|||
}
|
||||
|
||||
.lightbox-title {
|
||||
// font-size:42px;
|
||||
// font-weight:700;
|
||||
text-align:center;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
|
@ -54,7 +51,6 @@
|
|||
color: #000!important;
|
||||
float: right;
|
||||
font-size: inherit;
|
||||
// font-weight: 700;
|
||||
}
|
||||
|
||||
.lightbox-x:hover,.lightbox-x:active {
|
||||
|
|
@ -70,14 +66,14 @@
|
|||
.lightbox input[type=password],
|
||||
.lightbox input[type=file],
|
||||
.lightbox textarea {
|
||||
background:#FFF;
|
||||
border:1px solid #000;
|
||||
color:#000;
|
||||
background: #FFF;
|
||||
border: 1px solid #000;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.lightbox textarea#sql-statement {
|
||||
width:95%;
|
||||
height:300px;
|
||||
width: 95%;
|
||||
height: 300px;
|
||||
margin-left: 0px;
|
||||
clear: both;
|
||||
background: #FFF;
|
||||
|
|
@ -92,8 +88,7 @@
|
|||
border: 1px solid #000;
|
||||
border-radius: 0px;
|
||||
background: #777;
|
||||
// box-shadow: 0px 0px 0px 0px #000000;
|
||||
@include shadow-filter(0px 0px 0px #000);
|
||||
@include util.shadow-filter(0px 0px 0px #000);
|
||||
}
|
||||
|
||||
#settings-container table textarea {
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@import '../util';
|
||||
@use '../util';
|
||||
|
||||
div#qr-box {
|
||||
padding:1px;
|
||||
@include box-sizing(border-box);
|
||||
@include util.box-sizing(border-box);
|
||||
min-width: 300px;
|
||||
background:lightgray;
|
||||
border: 1px solid #000;
|
||||
|
|
@ -13,7 +13,7 @@ div#qr-box {
|
|||
background: #FFF;
|
||||
color: #000;
|
||||
width:100%;
|
||||
@include box-sizing(border-box);
|
||||
@include util.box-sizing(border-box);
|
||||
}
|
||||
input[type=file] {
|
||||
background: lightgray;
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
@import 'photon/colors';
|
||||
@import 'photon/img';
|
||||
@import 'util';
|
||||
@use 'photon/colors';
|
||||
@use 'photon/img';
|
||||
@use 'util';
|
||||
|
||||
body {
|
||||
background: $bgcol;
|
||||
font: 15px $font;
|
||||
background: colors.$bgcol;
|
||||
font: 15px colors.$font;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
@ -18,25 +18,25 @@ div#topbar, div.dropdown-menu {
|
|||
}
|
||||
|
||||
div#topbar {
|
||||
@include shadow-filter(0px 2px 2px $shadowcol);
|
||||
@include util.shadow-filter(0px 2px 2px colors.$shadowcol);
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
color: #FFF;
|
||||
background: #000!important;
|
||||
@include shadow-filter(2px 2px 3px $shadowcol);
|
||||
@include util.shadow-filter(2px 2px 3px colors.$shadowcol);
|
||||
z-index: 0;
|
||||
div:hover {
|
||||
background: $dropdowncol;
|
||||
background: colors.$dropdowncol;
|
||||
}
|
||||
}
|
||||
|
||||
header, div#top-pane, a {
|
||||
color: $linkcol;
|
||||
color: colors.$linkcol;
|
||||
}
|
||||
|
||||
#site-title, #board-title {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@include upload-box(#aaa, #444, #666);
|
||||
@include util.upload-box(#aaa, #444, #666);
|
||||
|
|
@ -1,25 +1,25 @@
|
|||
@import '../util';
|
||||
@import 'colors';
|
||||
@use '../util';
|
||||
@use 'colors';
|
||||
|
||||
div.reply,
|
||||
div.postprev,
|
||||
div.inlinepostprev,
|
||||
th.postblock {
|
||||
background: $replycol;
|
||||
border: 1px solid $replyborder;
|
||||
@include border-radius(5px);
|
||||
background: colors.$replycol;
|
||||
border: 1px solid colors.$replyborder;
|
||||
@include util.border-radius(5px);
|
||||
}
|
||||
|
||||
span.subject {
|
||||
color: $subjectcol;
|
||||
color: colors.$subjectcol;
|
||||
}
|
||||
|
||||
div.section-title-block {
|
||||
background: $replyborder;
|
||||
background: colors.$replyborder;
|
||||
}
|
||||
|
||||
div.section-block {
|
||||
@include border-radius(5px);
|
||||
background: $sectionbg;
|
||||
border: 1px solid $sectionborder;
|
||||
@include util.border-radius(5px);
|
||||
background: colors.$sectionbg;
|
||||
border: 1px solid colors.$sectionborder;
|
||||
}
|
||||
|
|
@ -1,37 +1,37 @@
|
|||
@import 'pipes/colors';
|
||||
@import 'pipes/front';
|
||||
@import 'pipes/manage';
|
||||
@import 'pipes/img';
|
||||
@import 'util';
|
||||
@use 'pipes/colors';
|
||||
@use 'pipes/front';
|
||||
@use 'pipes/manage';
|
||||
@use 'pipes/img';
|
||||
@use 'util';
|
||||
|
||||
* {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background: $bgcol;
|
||||
background: colors.$bgcol;
|
||||
background-image: url(res/pipes_bg.png);
|
||||
color: #d8d0b9;
|
||||
font: $font;
|
||||
font: colors.$font;
|
||||
}
|
||||
|
||||
header h1, #site-title {
|
||||
color: $headercol;
|
||||
color: colors.$headercol;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $linkcol;
|
||||
font: $font;
|
||||
color: colors.$linkcol;
|
||||
font: colors.$font;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background: inherit;
|
||||
color: $linklight;
|
||||
color: colors.$linklight;
|
||||
}
|
||||
|
||||
a.topbar-item:hover {
|
||||
background: $bglight;
|
||||
background: colors.$bglight;
|
||||
}
|
||||
|
||||
footer, footer * {
|
||||
|
|
@ -39,35 +39,35 @@ footer, footer * {
|
|||
}
|
||||
|
||||
div#topbar {
|
||||
background: $topbarcol;
|
||||
background: colors.$topbarcol;
|
||||
// @include box-shadow(0px 2px 2px 3px $shadowcol);
|
||||
@include shadow-filter(0px 4px 2px $shadowcol);
|
||||
@include util.shadow-filter(0px 4px 2px colors.$shadowcol);
|
||||
|
||||
li:hover {
|
||||
background: $bglight;
|
||||
background: colors.$bglight;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background: $topbarcol!important;
|
||||
@include shadow-filter(2px 2px 3px $shadowcol);
|
||||
background: colors.$topbarcol!important;
|
||||
@include util.shadow-filter(2px 2px 3px colors.$shadowcol);
|
||||
z-index: 0;
|
||||
div:hover {
|
||||
background: $bglight;
|
||||
background: colors.$bglight;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-tabs-tab {
|
||||
background: $topbarcol;
|
||||
border: 1px solid $bglight;
|
||||
background: colors.$topbarcol;
|
||||
border: 1px solid colors.$bglight;
|
||||
}
|
||||
|
||||
.ui-tabs-active {
|
||||
background: $bgcol;
|
||||
background: colors.$bgcol;
|
||||
}
|
||||
|
||||
.ui-tabs-panel {
|
||||
background: $bgcol;
|
||||
border: 1px solid $topbarcol;
|
||||
background: colors.$bgcol;
|
||||
border: 1px solid colors.$topbarcol;
|
||||
padding: 8px;
|
||||
}
|
||||
|
|
@ -1,8 +1,8 @@
|
|||
@import 'colors';
|
||||
@import '../util';
|
||||
@use 'colors';
|
||||
@use '../util';
|
||||
|
||||
.dropdown-button:hover {
|
||||
background: $bglight;
|
||||
background: colors.$bglight;
|
||||
}
|
||||
|
||||
.section-body {
|
||||
|
|
@ -10,27 +10,27 @@
|
|||
}
|
||||
|
||||
.section-title-block {
|
||||
background: $topbarcol;
|
||||
background: colors.$topbarcol;
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
}
|
||||
|
||||
.tab {
|
||||
background: $bglight;
|
||||
border: 1px solid $bgcol;
|
||||
background: colors.$bglight;
|
||||
border: 1px solid colors.$bgcol;
|
||||
}
|
||||
|
||||
#current-tab {
|
||||
background: $bgcol;
|
||||
background: colors.$bgcol;
|
||||
}
|
||||
|
||||
div#recent-posts-header {
|
||||
// @include box-shadow(0px 2px 2px 3px $shadowcol);
|
||||
@include shadow-filter(0px 2px 3px $shadowcol);
|
||||
@include util.shadow-filter(0px 2px 3px colors.$shadowcol);
|
||||
margin-bottom: 8px;
|
||||
padding: 4px 8px 4px 8px;
|
||||
}
|
||||
|
||||
.postblock {
|
||||
background: $bgcol;
|
||||
background: colors.$bgcol;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@import '_colors';
|
||||
@import '../util';
|
||||
@use '_colors';
|
||||
@use '../util';
|
||||
|
||||
.dropdown-button:hover {
|
||||
background: $bglight;
|
||||
background: colors.$bglight;
|
||||
}
|
||||
|
||||
img.thumbnail {
|
||||
|
|
@ -12,13 +12,13 @@ img.thumbnail {
|
|||
}
|
||||
|
||||
.reply, .inlinepostprev, .postprev {
|
||||
background: $postblock;
|
||||
border: 1px solid $postblockcol;
|
||||
background: colors.$postblock;
|
||||
border: 1px solid colors.$postblockcol;
|
||||
}
|
||||
|
||||
.postblock,
|
||||
table.mgmt-table tr:first-of-type th {
|
||||
background: $postblock;
|
||||
background: colors.$postblock;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
|
@ -45,8 +45,8 @@ div#content {
|
|||
textarea,
|
||||
select#changepage,
|
||||
select.post-actions {
|
||||
background: $postblock;
|
||||
border: 1px solid $postblockcol;
|
||||
background: colors.$postblock;
|
||||
border: 1px solid colors.$postblockcol;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
@import 'colors';
|
||||
@import '../util';
|
||||
@use 'colors';
|
||||
@use '../util';
|
||||
|
||||
.loginbox input {
|
||||
height: 20%;
|
||||
}
|
||||
|
||||
.manage-header {
|
||||
background: $topbarcol;
|
||||
background: colors.$topbarcol;
|
||||
// @include box-shadow(2px 2px 3px 4px $shadowcol);
|
||||
@include shadow-filter(4px 4px 4px $shadowcol);
|
||||
@include util.shadow-filter(4px 4px 4px colors.$shadowcol);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
|
@ -1,27 +1,27 @@
|
|||
@import 'win9x/vars';
|
||||
@use 'win9x/vars';
|
||||
|
||||
@font-face {
|
||||
@include mssans-font(400, normal);
|
||||
@include vars.mssans-font(400, normal);
|
||||
|
||||
}
|
||||
@font-face {
|
||||
@include mssans-font(700, normal);
|
||||
@include vars.mssans-font(700, normal);
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: $fontsize;
|
||||
font-size: vars.$fontsize;
|
||||
color: white;
|
||||
background: $bgcol;
|
||||
background: vars.$bgcol;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $txtcol;
|
||||
color: vars.$txtcol;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
input {
|
||||
color: $txtcol;
|
||||
font-size: $fontsize!important;
|
||||
color: vars.$txtcol;
|
||||
font-size: vars.$fontsize!important;
|
||||
font-family: "Pixelated MS Sans Serif", Arial;
|
||||
outline: none;
|
||||
}
|
||||
|
|
@ -30,7 +30,7 @@ input {
|
|||
div#topbar {
|
||||
height: 26px;
|
||||
background: silver!important;
|
||||
box-shadow: $bar-shadow;
|
||||
box-shadow: vars.$bar-shadow;
|
||||
box-sizing: border-box;
|
||||
border: none!important;
|
||||
border-radius: 0!important;
|
||||
|
|
@ -39,9 +39,9 @@ div#topbar {
|
|||
}
|
||||
a[href="/"] {
|
||||
font-family: "Pixelated MS Sans Serif", Arial;
|
||||
font-size: $fontsize;
|
||||
font-size: vars.$fontsize;
|
||||
content: "Start"!important;
|
||||
background: $start_path!important;
|
||||
background: vars.$start_path!important;
|
||||
background-repeat: no-repeat!important;
|
||||
background-position-x: 3px!important;
|
||||
background-position-y: 4px!important;
|
||||
|
|
@ -54,12 +54,12 @@ div#topbar {
|
|||
div#topbar,
|
||||
div#topbar a {
|
||||
background: silver!important;
|
||||
box-shadow: $bar-shadow;
|
||||
box-shadow: vars.$bar-shadow;
|
||||
box-sizing: border-box;
|
||||
border: none!important;
|
||||
border-radius: 0!important;
|
||||
height:24px;
|
||||
color: $txtcol!important;
|
||||
color: vars.$txtcol!important;
|
||||
font-family: "Pixelated MS Sans Serif", Arial;
|
||||
font-size: 11px;
|
||||
cursor: default;
|
||||
|
|
@ -70,10 +70,10 @@ div#content {
|
|||
input[type=button],
|
||||
input[role=pushbutton],
|
||||
input[type=submit] {
|
||||
color: $txtcol!important;
|
||||
color: vars.$txtcol!important;
|
||||
/* font-size: 12px!important; */
|
||||
background: silver!important;
|
||||
box-shadow: $bar-shadow;
|
||||
box-shadow: vars.$bar-shadow;
|
||||
box-sizing: border-box;
|
||||
border: none!important;
|
||||
border-radius: 0!important;
|
||||
|
|
@ -95,7 +95,7 @@ div#qr-title {
|
|||
background: linear-gradient(90deg,navy,#1084d0);
|
||||
a {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
box-shadow: $bar-shadow;
|
||||
box-shadow: vars.$bar-shadow;
|
||||
min-width: 16px;
|
||||
min-height: 14px;
|
||||
display: block;
|
||||
|
|
@ -105,7 +105,7 @@ div#qr-title {
|
|||
background-position: top 3px left 40px!important;
|
||||
}
|
||||
a:hover {
|
||||
color:$txtcol;
|
||||
color:vars.$txtcol;
|
||||
}
|
||||
span#qr-buttons * {
|
||||
display: inline-block;
|
||||
|
|
@ -125,7 +125,7 @@ div#qr-box {
|
|||
box-shadow: inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;
|
||||
margin: 0;
|
||||
font-family: "Pixelated MS Sans Serif",Arial;
|
||||
color: $txtcol;
|
||||
color: vars.$txtcol;
|
||||
appearance: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -140,7 +140,7 @@ input[type=text] {
|
|||
} */
|
||||
|
||||
a.boardlistactive {
|
||||
color: $txtcol!important;
|
||||
color: vars.$txtcol!important;
|
||||
padding: 6px 3px!important;
|
||||
outline: 1px dotted #000;
|
||||
outline-offset: -4px;
|
||||
|
|
@ -148,7 +148,7 @@ a.boardlistactive {
|
|||
|
||||
|
||||
h1, h2, div.subtitle, a#qrDisplayButton {
|
||||
color: $txtcol;
|
||||
color: vars.$txtcol;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
|
|
@ -172,7 +172,7 @@ div#content select {
|
|||
}
|
||||
|
||||
div.pages {
|
||||
background: $bgcol;
|
||||
background: vars.$bgcol;
|
||||
border: none;
|
||||
color: white;
|
||||
/* border-right: black;
|
||||
|
|
|
|||
|
|
@ -1,23 +1,23 @@
|
|||
@import 'global/colors';
|
||||
@import 'yotsuba/colors';
|
||||
@import 'yotsubacommon';
|
||||
@use 'global/colors' as global-colors;
|
||||
@use 'yotsuba/colors' as yotsuba-colors;
|
||||
@use 'yotsubacommon';
|
||||
|
||||
@include yotsuba(
|
||||
@include yotsubacommon.yotsuba(
|
||||
'res/yotsuba_bg.png',
|
||||
$bgcol, /* $bodybg */
|
||||
yotsuba-colors.$bgcol, /* $bodybg */
|
||||
maroon, /* $bodycol */
|
||||
$topbarbg,
|
||||
$topbarborder,
|
||||
$headercol,
|
||||
$postblockbg,
|
||||
$postblockborder,
|
||||
$postblockborder, /* $sectiontitlecol */
|
||||
yotsuba-colors.$topbarbg,
|
||||
yotsuba-colors.$topbarborder,
|
||||
global-colors.$headercol,
|
||||
yotsuba-colors.$postblockbg,
|
||||
yotsuba-colors.$postblockborder,
|
||||
yotsuba-colors.$postblockborder, /* $sectiontitlecol */
|
||||
#fca, /* $sectiontitlebg */
|
||||
$borderbotright,
|
||||
yotsuba-colors.$borderbotright,
|
||||
maroon, /* $linkcol */
|
||||
#D9BfB7, /* $hrcol */
|
||||
#CC1105, /* $subjectcol */
|
||||
$namecol,
|
||||
$replybg,
|
||||
global-colors.$namecol,
|
||||
yotsuba-colors.$replybg,
|
||||
navy /* $postlinkcol */
|
||||
);
|
||||
|
|
|
|||
|
|
@ -1,23 +1,23 @@
|
|||
@import 'global/colors';
|
||||
@import 'yotsubab/colors';
|
||||
@import 'yotsubacommon';
|
||||
@use 'global/colors' as global-colors;
|
||||
@use 'yotsubab/colors' as yotsubab-colors;
|
||||
@use 'yotsubacommon';
|
||||
|
||||
@include yotsuba(
|
||||
@include yotsubacommon.yotsuba(
|
||||
'res/yotsubab_bg.png',
|
||||
$bgcol, /* $bodybg */
|
||||
yotsubab-colors.$bgcol, /* $bodybg */
|
||||
#000, /* $bodycol */
|
||||
#D6DAF0, /* $topbarbg */
|
||||
$topbarborder,
|
||||
$headercol,
|
||||
$postblockbg,
|
||||
$postblockborder,
|
||||
yotsubab-colors.$topbarborder,
|
||||
global-colors.$headercol,
|
||||
yotsubab-colors.$postblockbg,
|
||||
yotsubab-colors.$postblockborder,
|
||||
#000, /* $sectiontitlecol */
|
||||
$postblockbg, /* $sectiontitlebg */
|
||||
$borderbotright,
|
||||
yotsubab-colors.$postblockbg, /* $sectiontitlebg */
|
||||
yotsubab-colors.$borderbotright,
|
||||
#34345C, /* $linkcol */
|
||||
#B7C5D9, /* $hrcol */
|
||||
#0F0C5D, /* $subjectcol */
|
||||
$namecol,
|
||||
$replybg,
|
||||
global-colors.$namecol,
|
||||
yotsubab-colors.$replybg,
|
||||
navy /* $postlinkcol */
|
||||
);
|
||||
|
|
|
|||
|
|
@ -641,26 +641,6 @@ img#banpage-image {
|
|||
margin: 4px 8px 8px 4px;
|
||||
}
|
||||
|
||||
@keyframes slideopen {
|
||||
from {
|
||||
transform: scale(1, 0);
|
||||
transform-origin: top center;
|
||||
}
|
||||
to {
|
||||
transform: scale(1, 1);
|
||||
transform-origin: top center;
|
||||
}
|
||||
}
|
||||
@keyframes slideclose {
|
||||
from {
|
||||
transform: scale(1, 1);
|
||||
transform-origin: top center;
|
||||
}
|
||||
to {
|
||||
transform: scale(1, 0);
|
||||
transform-origin: top center;
|
||||
}
|
||||
}
|
||||
.increase-line-height header, .increase-line-height .post, .increase-line-height .reply {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue