40 行
1.8 KiB
SCSS
40 行
1.8 KiB
SCSS
.bar { background: linear-gradient(to bottom, $evil4 0%, $evil1 34%, $evil6 100%); }
|
|
.bara { background: linear-gradient(180deg, $suwa05 0, $suwa01 34%, $evil5 100%); }
|
|
.bar, .bara, .barm {
|
|
text-align: center;
|
|
color: $white1;
|
|
padding: 5px;
|
|
font-size: 20px;
|
|
border-bottom: solid 2px $suwa03;
|
|
cursor: pointer;
|
|
transition: background 0.3s, color 0.3s;
|
|
}
|
|
.barm { background: linear-gradient(180deg, $black2 0, $black3 34%, $black1 100%); border-bottom: solid 2px $white1; font-size: 24px; cursor: default; font-weight: bolder; }
|
|
.bar > a { color: $white1; }
|
|
.bar > a:hover { text-decoration: none; }
|
|
.bar:hover { color: $white1; background: linear-gradient(to bottom, $evil3 0%, $evil0 34%, $evil2 100%); }
|
|
.indexborder { border: 2px solid $suwa03; box-shadow: 0px 0px 7px 3px $suwa04; padding: 8px; background-color: $black1; }
|
|
.meta { padding: 5px; text-align: left; background-color: $suwa09; border-bottom: solid 2px $suwa03; }
|
|
.comment { border-top: solid 2px $suwa03; }
|
|
.back, .comment { padding: 4px; background-color: $black2; text-align: left; }
|
|
.commentloop { padding: 10px 4px 40px 4px; }
|
|
.commentloop > .name { color: $ok3; }
|
|
.within { margin: 0 auto; border: 2px solid $suwa03; box-shadow: 0px 0px 7px 3px $suwa04; }
|
|
.wny { border: solid 2px $ng5; box-shadow: 0px 0px 20px 10px $ng4; }
|
|
.bny, .cny { background-color: $ng2; border-bottom: solid 2px $ng5; }
|
|
.mny { background-color: $ng6; border-bottom: solid 2px $ng5; }
|
|
.kero-section {
|
|
width: 100%;
|
|
font-size: 150%;
|
|
font-weight: bolder;
|
|
text-align: center;
|
|
padding: 4px;
|
|
margin: 8px 0;
|
|
background: linear-gradient(to bottom, $suwa03 0%, $evil4 34%, $suwa02 100%);
|
|
color: $white1;
|
|
border-bottom-color: $suwa00;
|
|
border-right-color: $suwa00;
|
|
border-width: 1px;
|
|
border-radius: 25px;
|
|
cursor: default;
|
|
} |