453 lines
11 KiB
SCSS
453 lines
11 KiB
SCSS
body.colorscheme-dark {
|
|
color: #fff;
|
|
background-color: #383C4A;
|
|
}
|
|
nav.navigation{
|
|
background-color: #2E323E;
|
|
}
|
|
::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
/* Make sure embeds and iframes fit their containers */
|
|
|
|
embed,
|
|
iframe,
|
|
object {
|
|
max-width: 100%;
|
|
}
|
|
p{
|
|
word-break: break-all;
|
|
text-align: justify;
|
|
}
|
|
body.colorscheme-dark a {
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
}
|
|
body.colorscheme-dark a:hover, a:focus, a:active{
|
|
color: #7289DA;
|
|
}
|
|
body.colorscheme-dark h1,body.colorscheme-dark h2,body.colorscheme-dark h3,body.colorscheme-dark h4,body.colorscheme-dark h5,body.colorscheme-dark h6 {
|
|
color: #fff;
|
|
}
|
|
li.navigation-item a{
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
section.title-container a{
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
.title-container {
|
|
margin: 1rem auto;
|
|
max-width: 90rem;
|
|
width: 100%;
|
|
padding-left: 2rem;
|
|
padding-right: 2rem; }
|
|
body.colorscheme-dark h1:hover .heading-link,body.colorscheme-dark h2:hover .heading-link,body.colorscheme-dark h3:hover .heading-link,body.colorscheme-dark h4:hover .heading-link,body.colorscheme-dark h5:hover .heading-link,body.colorscheme-dark h6:hover .heading-link {
|
|
visibility: visible;
|
|
}
|
|
|
|
body.colorscheme-dark h1 .heading-link,body.colorscheme-dark h2 .heading-link,body.colorscheme-dark h3 .heading-link,body.colorscheme-dark h4 .heading-link,body.colorscheme-dark h5 .heading-link,body.colorscheme-dark h6 .heading-link {
|
|
color: #7289da;
|
|
font-weight: inherit;
|
|
text-decoration: none;
|
|
font-size: 80%;
|
|
visibility: hidden;
|
|
}
|
|
body.colorscheme-dark h1 .title-link,body.colorscheme-dark h2 .title-link,body.colorscheme-dark h3 .title-link,body.colorscheme-dark h4 .title-link,body.colorscheme-dark h5 .title-link,body.colorscheme-dark h6 .title-link {
|
|
color: inherit;
|
|
font-weight: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
body.colorscheme-dark code {
|
|
background-color: #424242;
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-dark .highlight pre {
|
|
background-color: #424242;
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-dark :not(.highlight)>pre code {
|
|
background-color: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
body.colorscheme-dark blockquote {
|
|
border-left: 2px solid #424242;
|
|
}
|
|
|
|
body.colorscheme-dark th,body.colorscheme-dark td {
|
|
padding: 1.6rem;
|
|
}
|
|
|
|
body.colorscheme-dark table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
body.colorscheme-dark table td,body.colorscheme-dark table th {
|
|
border: 2px solid #fff;
|
|
}
|
|
|
|
body.colorscheme-dark table tr:first-child th {
|
|
border-top: 0;
|
|
}
|
|
|
|
body.colorscheme-dark table tr:last-child td {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
body.colorscheme-dark table tr td:first-child,body.colorscheme-dark table tr th:first-child {
|
|
border-left: 0;
|
|
}
|
|
|
|
body.colorscheme-dark table tr td:last-child,body.colorscheme-dark table tr th:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
@media(prefers-color-scheme:dark) {
|
|
body.colorscheme-auto {
|
|
color: #fff;
|
|
background-color: #212121;
|
|
}
|
|
|
|
body.colorscheme-auto a {
|
|
color: #7289da;
|
|
}
|
|
|
|
body.colorscheme-auto h1,body.colorscheme-auto h2,body.colorscheme-auto h3,body.colorscheme-auto h4,body.colorscheme-auto h5,body.colorscheme-auto h6 {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-auto h1:hover .heading-link,body.colorscheme-auto h2:hover .heading-link,body.colorscheme-auto h3:hover .heading-link,body.colorscheme-auto h4:hover .heading-link,body.colorscheme-auto h5:hover .heading-link,body.colorscheme-auto h6:hover .heading-link {
|
|
visibility: visible;
|
|
}
|
|
|
|
body.colorscheme-auto h1 .heading-link,body.colorscheme-auto h2 .heading-link,body.colorscheme-auto h3 .heading-link,body.colorscheme-auto h4 .heading-link,body.colorscheme-auto h5 .heading-link,body.colorscheme-auto h6 .heading-link {
|
|
color: #7289da;
|
|
font-weight: inherit;
|
|
text-decoration: none;
|
|
font-size: 80%;
|
|
visibility: hidden;
|
|
}
|
|
|
|
body.colorscheme-auto h1 .title-link,body.colorscheme-auto h2 .title-link,body.colorscheme-auto h3 .title-link,body.colorscheme-auto h4 .title-link,body.colorscheme-auto h5 .title-link,body.colorscheme-auto h6 .title-link {
|
|
color: inherit;
|
|
font-weight: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
body.colorscheme-auto code {
|
|
background-color: #424242;
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-auto .highlight pre {
|
|
background-color: #424242;
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-auto :not(.highlight)>pre code {
|
|
background-color: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
body.colorscheme-auto blockquote {
|
|
border-left: 2px solid #424242;
|
|
}
|
|
|
|
body.colorscheme-auto th,body.colorscheme-auto td {
|
|
padding: 1.6rem;
|
|
}
|
|
|
|
body.colorscheme-auto table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
body.colorscheme-auto table td,body.colorscheme-auto table th {
|
|
border: 2px solid #fff;
|
|
}
|
|
|
|
body.colorscheme-auto table tr:first-child th {
|
|
border-top: 0;
|
|
}
|
|
|
|
body.colorscheme-auto table tr:last-child td {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
body.colorscheme-auto table tr td:first-child,body.colorscheme-auto table tr th:first-child {
|
|
border-left: 0;
|
|
}
|
|
|
|
body.colorscheme-auto table tr td:last-child,body.colorscheme-auto table tr th:last-child {
|
|
border-right: 0;
|
|
}
|
|
}
|
|
|
|
body.colorscheme-dark .content .post .tags .tag {
|
|
background-color: #424242;
|
|
}
|
|
|
|
body.colorscheme-dark .content .post .tags .tag a {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-dark .content .post .tags .tag a:active {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-dark .content .list ul li .title {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-dark .content .list ul li .title:hover,body.colorscheme-dark .content .list ul li .title:focus {
|
|
color: #7289da;
|
|
}
|
|
|
|
body.colorscheme-dark .content .centered .about ul li a {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-dark .content .centered .about ul li a:hover,body.colorscheme-dark .content .centered .about ul li a:focus {
|
|
color: #7289da;
|
|
}
|
|
|
|
@media(prefers-color-scheme:dark) {
|
|
body.colorscheme-auto .content .post .tags .tag {
|
|
background-color: #424242;
|
|
}
|
|
|
|
body.colorscheme-auto .content .post .tags .tag a {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-auto .content .post .tags .tag a:active {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-auto .content .list ul li .title {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-auto .content .list ul li .title:hover,body.colorscheme-auto .content .list ul li .title:focus {
|
|
color: #4e5d94;
|
|
}
|
|
|
|
body.colorscheme-auto .content .centered .about ul li a {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-auto .content .centered .about ul li a:hover,body.colorscheme-auto .content .centered .about ul li a:focus {
|
|
color: #4e5d94;
|
|
}
|
|
}
|
|
|
|
body.colorscheme-dark .notice .notice-title {
|
|
border-bottom: 1px solid #212121;
|
|
}
|
|
|
|
@media(prefers-color-scheme:dark) {
|
|
body.colorscheme-auto .notice .notice-title {
|
|
border-bottom: 1px solid #212121;
|
|
}
|
|
}
|
|
|
|
body.colorscheme-dark .navigation a,body.colorscheme-dark .navigation span {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-dark .navigation a:hover,body.colorscheme-dark .navigation a:focus {
|
|
color: #7289da;
|
|
}
|
|
|
|
@media only screen and (max-width:768px) {
|
|
body.colorscheme-dark .navigation .navigation-list {
|
|
background-color: #2E323E;
|
|
border-top: solid 2px #4E5D94;
|
|
border-bottom: solid 2px #4E5D94;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:768px) {
|
|
body.colorscheme-dark .navigation .navigation-list .menu-separator {
|
|
border-top: 2px solid #fff;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:768px) {
|
|
body.colorscheme-dark .navigation #menu-toggle:checked+label>i {
|
|
color: #424242;
|
|
}
|
|
}
|
|
|
|
body.colorscheme-dark .navigation i {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-dark .navigation i:hover,body.colorscheme-dark .navigation i:focus {
|
|
color: #7289da;
|
|
}
|
|
|
|
body.colorscheme-dark .navigation .menu-button i:hover,body.colorscheme-dark .navigation .menu-button i:focus {
|
|
color: #fff;
|
|
}
|
|
|
|
@media(prefers-color-scheme:dark) {
|
|
body.colorscheme-auto .navigation a,body.colorscheme-auto .navigation span {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-auto .navigation a:hover,body.colorscheme-auto .navigation a:focus {
|
|
color: #7289da;
|
|
}
|
|
}
|
|
|
|
@media only screen and (prefers-color-scheme:dark) and (max-width:768px) {
|
|
body.colorscheme-auto .navigation .navigation-list {
|
|
background-color: #212121;
|
|
border-top: solid 2px #424242;
|
|
border-bottom: solid 2px #424242;
|
|
}
|
|
}
|
|
|
|
@media only screen and (prefers-color-scheme:dark) and (max-width:768px) {
|
|
body.colorscheme-auto .navigation .navigation-list .menu-separator {
|
|
border-top: 2px solid #fff;
|
|
}
|
|
}
|
|
|
|
@media only screen and (prefers-color-scheme:dark) and (max-width:768px) {
|
|
body.colorscheme-auto .navigation #menu-toggle:checked+label>i {
|
|
color: #424242;
|
|
}
|
|
}
|
|
|
|
@media(prefers-color-scheme:dark) {
|
|
body.colorscheme-auto .navigation i {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-auto .navigation i:hover,body.colorscheme-auto .navigation i:focus {
|
|
color: #7289da;
|
|
}
|
|
|
|
body.colorscheme-auto .navigation .menu-button i:hover,body.colorscheme-auto .navigation .menu-button i:focus {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
body.colorscheme-dark .tabs label.tab-label {
|
|
background-color: #424242;
|
|
border-color: #4f4f4f;
|
|
}
|
|
|
|
body.colorscheme-dark .tabs input.tab-input:checked+label.tab-label {
|
|
background-color: #212121;
|
|
}
|
|
|
|
body.colorscheme-dark .tabs .tab-content {
|
|
background-color: #212121;
|
|
border-color: #4f4f4f;
|
|
}
|
|
|
|
@media(prefers-color-scheme:dark) {
|
|
body.colorscheme-auto .tabs label.tab-label {
|
|
background-color: #424242;
|
|
border-color: #4f4f4f;
|
|
}
|
|
|
|
body.colorscheme-auto .tabs input.tab-input:checked+label.tab-label {
|
|
background-color: #212121;
|
|
}
|
|
|
|
body.colorscheme-auto .tabs .tab-content {
|
|
background-color: #212121;
|
|
border-color: #4f4f4f;
|
|
}
|
|
}
|
|
|
|
body.colorscheme-dark .taxonomy-element {
|
|
background-color: #424242;
|
|
}
|
|
|
|
body.colorscheme-dark .taxonomy-element a {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-dark .taxonomy-element a:active {
|
|
color: #fff;
|
|
}
|
|
|
|
@media(prefers-color-scheme:dark) {
|
|
body.colorscheme-auto .taxonomy-element {
|
|
background-color: #424242;
|
|
}
|
|
|
|
body.colorscheme-auto .taxonomy-element a {
|
|
color: #fff;
|
|
}
|
|
|
|
body.colorscheme-auto .taxonomy-element a:active {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
body.colorscheme-dark .footer a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
body.colorscheme-dark .footer a:hover, a:focus, a:active {
|
|
color: #7289da;
|
|
}
|
|
|
|
@media(prefers-color-scheme:dark) {
|
|
body.colorscheme-auto .footer a {
|
|
color: #7289da;
|
|
}
|
|
}
|
|
|
|
body.colorscheme-adark .float-container a {
|
|
color: #fff;
|
|
background-color: #424242;
|
|
}
|
|
|
|
body.colorscheme-dark .float-container a:hover,body.colorscheme-dark .float-container a:focus {
|
|
color: #7289da;
|
|
}
|
|
|
|
@media only screen and (max-width:768px) {
|
|
body.colorscheme-dark .float-container a:hover,body.colorscheme-dark .float-container a:focus {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
@media(prefers-color-scheme:dark) {
|
|
body.colorscheme-auto .float-container a {
|
|
color: #fff;
|
|
background-color: #424242;
|
|
}
|
|
|
|
body.colorscheme-auto .float-container a:hover,body.colorscheme-auto .float-container a:focus {
|
|
color: #7289da;
|
|
}
|
|
}
|
|
|
|
@media only screen and (prefers-color-scheme:dark) and (max-width:768px) {
|
|
body.colorscheme-auto .float-container a:hover,body.colorscheme-auto .float-container a:focus {
|
|
color: #4e5d94;
|
|
}
|
|
}
|
|
.align-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.align-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.align-right {
|
|
text-align: right;
|
|
} |