reformate css

master
Dirk Heilig 2024-01-18 14:25:57 +01:00
parent c9e7b1ff64
commit 77a6b4f165
6 changed files with 2468 additions and 490 deletions

View File

@ -1,112 +1,113 @@
/* defines light color */
:root {
--color-light-bg-page: #EBEBEB;
--color-light-bg-content: #F4F4F4;
--color-light-bg-block: #EBEBEB;
--color-light-bg-shadow: #E0E0E0;
--color-light-fg-font-normal: #4E403E;
--color-light-bg-page: #ebebeb;
--color-light-bg-content: #f4f4f4;
--color-light-bg-block: #ebebeb;
--color-light-bg-shadow: #e0e0e0;
--color-light-fg-font-normal: #4e403e;
--color-light-fg-font-hover: #555555;
--color-light-fg-font-quote: #57606A;
--color-light-fg-font-quote: #57606a;
--color-light-fg-tiny-line: #e0e0e0;
--color-light-fg-marker-quote: #BFBFBF;
--color-light-fg-font-hyper: #4E403E;
--color-light-fg-marker-quote: #bfbfbf;
--color-light-fg-font-hyper: #4e403e;
--color-light-fg-font-hyper-hover: #469f71;
--color-light-fg-hyperlink: #4ca878;
--color-light-fg-hyperlink-hover: #2a9436;
--color-light-bg-pager-normal: #D4D4D4;
--color-light-bg-pager-current: #E4E4E4;
--color-light-bg-pager-hover: #ECECEC;
--color-light-bg-pager-normal: #d4d4d4;
--color-light-bg-pager-current: #e4e4e4;
--color-light-bg-pager-hover: #ececec;
}
/* defines dark color */
:root {
--color-dark-bg-page: #202124;
--color-dark-bg-content: #262628;
--color-dark-bg-block: #2B2B2B;
--color-dark-bg-block: #2b2b2b;
--color-dark-bg-shadow: #505050;
--color-dark-fg-font-normal: #C2C2B6;
--color-dark-fg-font-hover: #D2D2D3;
--color-dark-fg-font-quote: #8B8680;
--color-dark-fg-tiny-line: #3B3B3B;
--color-dark-fg-marker-quote: #6F6B66;
--color-dark-fg-font-hyper: #C2C2B6;
--color-dark-fg-font-hyper-hover: #62DE9E;
--color-dark-fg-hyperlink: #62DE9E;
--color-dark-fg-hyperlink-hover: #3ECB50;
--color-dark-fg-font-normal: #c2c2b6;
--color-dark-fg-font-hover: #d2d2d3;
--color-dark-fg-font-quote: #8b8680;
--color-dark-fg-tiny-line: #3b3b3b;
--color-dark-fg-marker-quote: #6f6b66;
--color-dark-fg-font-hyper: #c2c2b6;
--color-dark-fg-font-hyper-hover: #62de9e;
--color-dark-fg-hyperlink: #62de9e;
--color-dark-fg-hyperlink-hover: #3ecb50;
--color-dark-bg-pager-normal: #303030;
--color-dark-bg-pager-current: #3A3A3E;
--color-dark-bg-pager-current: #3a3a3e;
--color-dark-bg-pager-hover: #444446;
}
:root {
--color-bg-page: var(--color-light-bg-page);
--color-bg-content: var(--color-light-bg-content);
--color-bg-block: var(--color-light-bg-block);
--color-bg-shadow: var(--color-light-bg-shadow);
--color-fg-font-normal: var(--color-light-fg-font-normal);
--color-fg-font-hover: var(--color-light-fg-font-hover);
--color-fg-font-quote: var(--color-light-fg-font-quote);
--color-fg-tiny-line: var(--color-light-fg-tiny-line);
--color-fg-marker-quote: var(--color-light-fg-marker-quote);
--color-fg-font-hyper: var(--color-light-fg-font-hyper);
--color-fg-font-hyper-hover: var(--color-light-fg-font-hyper-hover);
--color-fg-hyperlink: var(--color-light-fg-hyperlink);
--color-fg-hyperlink-hover: var(--color-light-fg-hyperlink-hover);
--color-bg-pager-normal: var(--color-light-bg-pager-normal);
--color-bg-pager-current: var(--color-light-bg-pager-current);
--color-bg-pager-hover: var(--color-light-bg-pager-hover);
--color-bg-page: var(--color-light-bg-page);
--color-bg-content: var(--color-light-bg-content);
--color-bg-block: var(--color-light-bg-block);
--color-bg-shadow: var(--color-light-bg-shadow);
--color-fg-font-normal: var(--color-light-fg-font-normal);
--color-fg-font-hover: var(--color-light-fg-font-hover);
--color-fg-font-quote: var(--color-light-fg-font-quote);
--color-fg-tiny-line: var(--color-light-fg-tiny-line);
--color-fg-marker-quote: var(--color-light-fg-marker-quote);
--color-fg-font-hyper: var(--color-light-fg-font-hyper);
--color-fg-font-hyper-hover: var(--color-light-fg-font-hyper-hover);
--color-fg-hyperlink: var(--color-light-fg-hyperlink);
--color-fg-hyperlink-hover: var(--color-light-fg-hyperlink-hover);
--color-bg-pager-normal: var(--color-light-bg-pager-normal);
--color-bg-pager-current: var(--color-light-bg-pager-current);
--color-bg-pager-hover: var(--color-light-bg-pager-hover);
}
@media (prefers-color-scheme: dark) {
:root {
--color-bg-page: var(--color-dark-bg-page);
--color-bg-content: var(--color-dark-bg-content);
--color-bg-block: var(--color-dark-bg-block);
--color-bg-shadow: var(--color-dark-bg-shadow);
--color-fg-font-normal: var(--color-dark-fg-font-normal);
--color-fg-font-hover: var(--color-dark-fg-font-hover);
--color-fg-font-quote: var(--color-dark-fg-font-quote);
--color-fg-tiny-line: var(--color-dark-fg-tiny-line);
--color-fg-marker-quote: var(--color-dark-fg-marker-quote);
--color-fg-font-hyper: var(--color-dark-fg-font-hyper);
--color-fg-font-hyper-hover: var(--color-dark-fg-font-hyper-hover);
--color-fg-hyperlink: var(--color-dark-fg-hyperlink);
--color-fg-hyperlink-hover: var(--color-dark-fg-hyperlink-hover);
--color-bg-pager-normal: var(--color-dark-bg-pager-normal);
--color-bg-pager-current: var(--color-dark-bg-pager-current);
--color-bg-pager-hover: var(--color-dark-bg-pager-hover);
--color-bg-page: var(--color-dark-bg-page);
--color-bg-content: var(--color-dark-bg-content);
--color-bg-block: var(--color-dark-bg-block);
--color-bg-shadow: var(--color-dark-bg-shadow);
--color-fg-font-normal: var(--color-dark-fg-font-normal);
--color-fg-font-hover: var(--color-dark-fg-font-hover);
--color-fg-font-quote: var(--color-dark-fg-font-quote);
--color-fg-tiny-line: var(--color-dark-fg-tiny-line);
--color-fg-marker-quote: var(--color-dark-fg-marker-quote);
--color-fg-font-hyper: var(--color-dark-fg-font-hyper);
--color-fg-font-hyper-hover: var(--color-dark-fg-font-hyper-hover);
--color-fg-hyperlink: var(--color-dark-fg-hyperlink);
--color-fg-hyperlink-hover: var(--color-dark-fg-hyperlink-hover);
--color-bg-pager-normal: var(--color-dark-bg-pager-normal);
--color-bg-pager-current: var(--color-dark-bg-pager-current);
--color-bg-pager-hover: var(--color-dark-bg-pager-hover);
}
}
:root {
--fonts-sans-en: "Noto Sans", "Droid Sans", "Calibri", "Arial";
--fonts-sans-zh: "WenQuanYi Zen Hei", "WenQuanYi Micro Hei",
"Noto Sans CJK", "Microsoft YaHei", "PingFang SC";
--fonts-sans: var(--fonts-sans-en), var(--fonts-sans-zh), Lato,sans-serif;
--fonts-sans-zh: "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "Noto Sans CJK",
"Microsoft YaHei", "PingFang SC";
--fonts-sans: var(--fonts-sans-en), var(--fonts-sans-zh), Lato, sans-serif;
--fonts-mono-en: "DejaVu Sans Mono", "Noto Sans Mono", "Consolas", "Courier";
--fonts-mono-zh: "Noto Sans Mono CJK", "WenQuanYi Zen Hei Mono", "WenQuanYi Micro Hei Mono";
--fonts-mono-zh: "Noto Sans Mono CJK", "WenQuanYi Zen Hei Mono",
"WenQuanYi Micro Hei Mono";
--fonts-mono: var(--fonts-mono-en), var(--fonts-mono-zh), monospace;
--len-0: 0.00rem;
--len-0: 0rem;
--len-1: 0.25rem;
--len-2: 0.50rem;
--len-3: 1.00rem;
--len-4: 1.50rem;
--len-5: 3.00rem;
--len-2: 0.5rem;
--len-3: 1rem;
--len-4: 1.5rem;
--len-5: 3rem;
--font-size-0: 0.8125rem;
--font-size-1: 0.875rem;
--font-size-2: 1.000rem;
--font-size-2: 1rem;
--font-size-3: 1.125rem;
--font-size-4: 1.250rem;
--font-size-5: 1.500rem;
--font-size-6: 2.000rem;
--font-size-4: 1.25rem;
--font-size-5: 1.5rem;
--font-size-6: 2rem;
}
*, ::before, ::after {
*,
::before,
::after {
font-family: inherit;
box-sizing: border-box;
}
@ -138,26 +139,51 @@ body {
margin-bottom: var(--len-5);
}
a.external:after{
a.external:after {
/*edd external icon to external link as :after with unicode symbol*/
content: "⮺";
}
.main-wrapper { display: flex; flex-wrap: wrap; }
.main-wrapper > * { height: fit-content; }
.main-wrapper {
display: flex;
flex-wrap: wrap;
}
.main-wrapper > * {
height: fit-content;
}
.main { padding: var(--len-4); }
.side { padding-left: var(--len-4); }
.main { flex: 0 0 72%; width: 72%; }
.side { flex: 0 0 28%; width: 28%; }
.main {
padding: var(--len-4);
}
.side {
padding-left: var(--len-4);
}
.main {
flex: 0 0 72%;
width: 72%;
}
.side {
flex: 0 0 28%;
width: 28%;
}
/* mobile layout: place side to bottom */
@media (max-width: 991px) {
.main { padding: var(--len-4); }
.side { padding-left: 0; padding-top: var(--len-4); }
.main { flex: 0 0 100%; width: 100%; }
.side { flex: 0 0 100%; width: 100%; }
.main {
padding: var(--len-4);
}
.side {
padding-left: 0;
padding-top: var(--len-4);
}
.main {
flex: 0 0 100%;
width: 100%;
}
.side {
flex: 0 0 100%;
width: 100%;
}
}
/* set light background */
@ -169,8 +195,7 @@ a.external:after{
.side-tags,
.side-calendar,
.side-door-status,
.side-contact
{
.side-contact {
background-color: var(--color-bg-content);
}
@ -186,17 +211,40 @@ a.external:after{
margin-bottom: 0;
}
#calendar span{
#calendar span {
display: block;
}
/********** set up break point **********/
.main-wrapper, .header { max-width: 1140px; }
@media (max-width: 1199px) { .main-wrapper, .header { max-width: 960px; } }
@media (max-width: 991px) { .main-wrapper, .header { max-width: 720px; } }
@media (max-width: 767px) { .main-wrapper, .header { max-width: 540px; } }
@media (max-width: 575px) { .main-wrapper, .header { max-width: none; } }
.main-wrapper,
.header {
max-width: 1140px;
}
@media (max-width: 1199px) {
.main-wrapper,
.header {
max-width: 960px;
}
}
@media (max-width: 991px) {
.main-wrapper,
.header {
max-width: 720px;
}
}
@media (max-width: 767px) {
.main-wrapper,
.header {
max-width: 540px;
}
}
@media (max-width: 575px) {
.main-wrapper,
.header {
max-width: none;
}
}
/* size the element who has breakpoint limitation */
/* .header, .main-wrapper, .main { width: 100vw; } */
@ -205,10 +253,15 @@ a.external:after{
background-image: url("/img/banner.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-position: center;
}
.header-wrapper,
.footer {
width: 100vw;
}
.main-wrapper {
width: calc(100vw - 2 * var(--len-3));
}
.header-wrapper, .footer { width: 100vw;}
.main-wrapper { width: calc(100vw - 2 * var(--len-3));}
/************************/
/* set up header layout */
@ -220,7 +273,7 @@ a.external:after{
background-position: center;
min-height: 240px;
text-shadow: 0px 0px 6px #0D0D0D, 0px 0px 14px #0D0D0D;
text-shadow: 0px 0px 6px #0d0d0d, 0px 0px 14px #0d0d0d;
}
/* place title and menus horizonally */
@ -232,8 +285,13 @@ a.external:after{
justify-content: space-between;
}
.header .menu { justify-content: center; align-items: center; }
.header .site-title { text-align: center; }
.header .menu {
justify-content: center;
align-items: center;
}
.header .site-title {
text-align: center;
}
@media (max-width: 767px) {
.header .site-title {
@ -263,9 +321,18 @@ a.external:after{
/********** set up menus layout **********/
/* menus and submenus, hover to display, and setup animation */
.header .menu-item .sub-menu { visibility: hidden; opacity: 0; transition: opacity 0.25s, visibility 0.25s; }
.header .menu-item:hover .sub-menu { visibility: visible; opacity: 1; }
.header .sub-menu { position: absolute; }
.header .menu-item .sub-menu {
visibility: hidden;
opacity: 0;
transition: opacity 0.25s, visibility 0.25s;
}
.header .menu-item:hover .sub-menu {
visibility: visible;
opacity: 1;
}
.header .sub-menu {
position: absolute;
}
/* menu direction */
.header .menu {
@ -279,10 +346,18 @@ a.external:after{
}
/* set up spacing of menu items in menu and sub-menu */
.header .menu > * { margin-right: var(--len-3); }
.header .menu > *:last-child { margin-right: 0; }
.header .sub-menu > * { margin-bottom: var(--len-2); }
.header .sub-menu > *:last-child { margin-bottom: 0; }
.header .menu > * {
margin-right: var(--len-3);
}
.header .menu > *:last-child {
margin-right: 0;
}
.header .sub-menu > * {
margin-bottom: var(--len-2);
}
.header .sub-menu > *:last-child {
margin-bottom: 0;
}
/* beautify sub menu style */
.header .sub-menu {
@ -299,8 +374,13 @@ a.external:after{
font-weight: bold;
}
.header a { color: var(--color-dark-fg-font-normal); text-decoration: none; } /*always dark since backgroundimage is dark */
.header a:hover { color: var(--color-fg-font-hover); }
.header a {
color: var(--color-dark-fg-font-normal);
text-decoration: none;
} /*always dark since backgroundimage is dark */
.header a:hover {
color: var(--color-fg-font-hover);
}
/************************/
/* set up footer layout */
@ -317,16 +397,30 @@ a.external:after{
}
/* credit, license and social layout */
.footer .footer-row { display: flex; justify-content: center; }
.footer .footer-row {
display: flex;
justify-content: center;
}
.footer .footer-item { margin-right: var(--len-3); }
.footer .footer-item:last-child { margin-right: 0; }
.footer .footer-item {
margin-right: var(--len-3);
}
.footer .footer-item:last-child {
margin-right: 0;
}
/* beautify hyper link style */
.footer { color: var(--color-fg-font-normal) }
.footer {
color: var(--color-fg-font-normal);
}
.footer a { color: var(--color-fg-hyperlink); text-decoration: none; }
.footer a:hover { color: var(--color-fg-hyperlink-hover); }
.footer a {
color: var(--color-fg-hyperlink);
text-decoration: none;
}
.footer a:hover {
color: var(--color-fg-hyperlink-hover);
}
/**********************************/
/* set up home page's list layout */
@ -342,41 +436,84 @@ a.external:after{
color: var(--color-fg-font-quote);
}
.list-item .tips > * { margin-right: var(--len-3); }
.list-item .tips > *:last-child { margin-right: 0; }
.list-item .tips > * {
margin-right: var(--len-3);
}
.list-item .tips > *:last-child {
margin-right: 0;
}
.list-item .title a { text-decoration: none; color: var(--color-fg-font-normal); }
.list-item .title a:hover { color: var(--color-fg-font-hover); }
.list-item .tips a { text-decoration: none; color: var(--color-fg-hyperlink); }
.list-item .tips a:hover { color: var(--color-fg-hyperlink-hover); }
.list-item .title a {
text-decoration: none;
color: var(--color-fg-font-normal);
}
.list-item .title a:hover {
color: var(--color-fg-font-hover);
}
.list-item .tips a {
text-decoration: none;
color: var(--color-fg-hyperlink);
}
.list-item .tips a:hover {
color: var(--color-fg-hyperlink-hover);
}
.list-item .title { margin: var(--len-2) 0 var(--len-3) 0; }
.list-item .title {
margin: var(--len-2) 0 var(--len-3) 0;
}
.list-item .tags > *,
.list-item .categories > *
{ margin: 0 var(--len-1); }
.list-item .categories > * {
margin: 0 var(--len-1);
}
.list-item .summary > * { margin: 0; }
.list-item .title { margin: 0 0 var(--len-2) 0; }
.list-item .tips { margin: 0 0 var(--len-3) 0; }
.list-item .summary > * {
margin: 0;
}
.list-item .title {
margin: 0 0 var(--len-2) 0;
}
.list-item .tips {
margin: 0 0 var(--len-3) 0;
}
.list-item { border-bottom: 1px solid var(--color-fg-tiny-line); }
.list-item:last-child { border-bottom: 0; }
.list-item {
border-bottom: 1px solid var(--color-fg-tiny-line);
}
.list-item:last-child {
border-bottom: 0;
}
.list-item:first-child { padding-top: 0;}
.list-item { padding: var(--len-3) 0; }
.list-item:last-child { padding-bottom: 0;}
.list-item:first-child {
padding-top: 0;
}
.list-item {
padding: var(--len-3) 0;
}
.list-item:last-child {
padding-bottom: 0;
}
/**********************/
/* set up side layout */
/**********************/
.side h2 { margin: 0; }
.side h2 {
margin: 0;
}
.side ul { list-style: none; margin: 0; padding: 0; }
.side ul {
list-style: none;
margin: 0;
padding: 0;
}
.side li { margin-bottom: var(--len-3); }
.side li:last-child { margin-bottom: 0; }
.side li {
margin-bottom: var(--len-3);
}
.side li:last-child {
margin-bottom: 0;
}
.side hr {
border: none;
@ -386,16 +523,29 @@ a.external:after{
margin: var(--len-2) 0;
}
.side > * { padding: var(--len-4); }
.side > * {
padding: var(--len-4);
}
.side > * { margin-bottom: var(--len-3); }
.side > *:last-child { margin-bottom: 0; }
.side > * {
margin-bottom: var(--len-3);
}
.side > *:last-child {
margin-bottom: 0;
}
.side a { color: var(--color-fg-font-normal); text-decoration: none; }
.side a:hover { color: var(--color-fg-hyperlink); }
.side a {
color: var(--color-fg-font-normal);
text-decoration: none;
}
.side a:hover {
color: var(--color-fg-hyperlink);
}
/* horizontally place tags */
.side .side-tags li { margin: var(--len-1) var(--len-1); }
.side .side-tags li {
margin: var(--len-1) var(--len-1);
}
/*****************************/
/* set up single post layout */
@ -407,16 +557,24 @@ a.external:after{
align-items: center;
}
.single a { text-decoration: none; color: var(--color-fg-hyperlink); }
.single a:hover { color: var(--color-fg-hyperlink-hover); }
.single a {
text-decoration: none;
color: var(--color-fg-hyperlink);
}
.single a:hover {
color: var(--color-fg-hyperlink-hover);
}
.single .title,
.single .tip,
.single .taxonomies,
.single .content
{ width: 100%; }
.single .content {
width: 100%;
}
.single .taxonomies { margin-top: var(--len-1); }
.single .taxonomies {
margin-top: var(--len-1);
}
.single > hr {
border: none;
@ -429,28 +587,35 @@ a.external:after{
.single .title,
.single .tip,
.single .taxonomies
{ text-align: center; }
.single .taxonomies {
text-align: center;
}
.single .tip,
.single .taxonomies
{ color: var(--color-fg-font-normal)}
.single .taxonomies {
color: var(--color-fg-font-normal);
}
.single .taxonomies > * { display: inline-block; }
.single .taxonomies > * {
display: inline-block;
}
.single .taxonomies > * { margin-right: var(--len-3); }
.single .taxonomies > *:last-child { margin-right: 0; }
.single .taxonomies > * {
margin-right: var(--len-3);
}
.single .taxonomies > *:last-child {
margin-right: 0;
}
.single .title {
margin: var(--len-2) 0 var(--len-3) 0;
font-size: var(--font-size-6);
}
/***** set up content style *****/
.content {
line-height: 1.5;
line-height: 1.5;
}
.content code {
@ -466,7 +631,9 @@ a.external:after{
}
/* keep in style with highlighting */
.content pre { padding: 7px; }
.content pre {
padding: 7px;
}
.content pre code {
display: block;
@ -532,16 +699,14 @@ a.external:after{
border: 1px solid #dadadc;
}
.content tr>td {
.content tr > td {
border: 1px solid #dadadc;
}
.content tr:nth-child(odd)>td {
.content tr:nth-child(odd) > td {
background: #fcfcfc;
}
.content h1,
.content h2,
.content h3 {
@ -564,8 +729,9 @@ a.external:after{
.content h1:hover a,
.content h2:hover a,
.content h3:hover a,
.content h4:hover a
{ visibility: visible }
.content h4:hover a {
visibility: visible;
}
.highlight pre {
padding: 7px;
@ -598,17 +764,35 @@ a.external:after{
font-size: var(--font-size-2);
margin-bottom: 12px;
}
#archive .group .value { text-indent: -60px; padding-left: 60px; }
#archive .group .value * { text-indent: 0; }
#archive .group .value .date { display: inline-block; width: 60px; }
#archive .group .value .title { display: inline; }
#archive .group .value {
text-indent: -60px;
padding-left: 60px;
}
#archive .group .value * {
text-indent: 0;
}
#archive .group .value .date {
display: inline-block;
width: 60px;
}
#archive .group .value .title {
display: inline;
}
#archive .group .value .date { color: var(--color-fg-font-normal); }
#archive .group .value .date {
color: var(--color-fg-font-normal);
}
#archive .group .value a { text-decoration: none; }
#archive .group .value a {
text-decoration: none;
}
#archive .group .value a { color: var(--color-fg-font-hyper); }
#archive .group .value a:hover { color: var(--color-fg-font-hyper-hover); }
#archive .group .value a {
color: var(--color-fg-font-hyper);
}
#archive .group .value a:hover {
color: var(--color-fg-font-hyper-hover);
}
#archive .group .value .tags {
display: inline-block;
@ -712,7 +896,7 @@ a.external:after{
/* keep content style from being affected by remark42 style */
.content pre {
background-color: transparent;
color: var(--color-fg-font-normal)
color: var(--color-fg-font-normal);
}
/**********/
@ -731,7 +915,7 @@ a.external:after{
margin: 0;
}
#ds-img{
#ds-img {
/* make image fit in div */
width: 100%;
}
width: 100%;
}

View File

@ -1,177 +1,687 @@
@media (prefers-color-scheme: light) {
/* Background */ .bg { color: #272822; }
/* PreWrapper */ .chroma { color: #272822; }
/* Other */ .chroma .x { }
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
/* CodeLine */ .chroma .cl { }
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* Line */ .chroma .line { display: flex; }
/* Keyword */ .chroma .k { color: #00a8c8 }
/* KeywordConstant */ .chroma .kc { color: #00a8c8 }
/* KeywordDeclaration */ .chroma .kd { color: #00a8c8 }
/* KeywordNamespace */ .chroma .kn { color: #f92672 }
/* KeywordPseudo */ .chroma .kp { color: #00a8c8 }
/* KeywordReserved */ .chroma .kr { color: #00a8c8 }
/* KeywordType */ .chroma .kt { color: #00a8c8 }
/* Name */ .chroma .n { color: #111111 }
/* NameAttribute */ .chroma .na { color: #75af00 }
/* NameBuiltin */ .chroma .nb { color: #111111 }
/* NameBuiltinPseudo */ .chroma .bp { color: #111111 }
/* NameClass */ .chroma .nc { color: #75af00 }
/* NameConstant */ .chroma .no { color: #00a8c8 }
/* NameDecorator */ .chroma .nd { color: #75af00 }
/* NameEntity */ .chroma .ni { color: #111111 }
/* NameException */ .chroma .ne { color: #75af00 }
/* NameFunction */ .chroma .nf { color: #75af00 }
/* NameFunctionMagic */ .chroma .fm { color: #111111 }
/* NameLabel */ .chroma .nl { color: #111111 }
/* NameNamespace */ .chroma .nn { color: #111111 }
/* NameOther */ .chroma .nx { color: #75af00 }
/* NameProperty */ .chroma .py { color: #111111 }
/* NameTag */ .chroma .nt { color: #f92672 }
/* NameVariable */ .chroma .nv { color: #111111 }
/* NameVariableClass */ .chroma .vc { color: #111111 }
/* NameVariableGlobal */ .chroma .vg { color: #111111 }
/* NameVariableInstance */ .chroma .vi { color: #111111 }
/* NameVariableMagic */ .chroma .vm { color: #111111 }
/* Literal */ .chroma .l { color: #ae81ff }
/* LiteralDate */ .chroma .ld { color: #d88200 }
/* LiteralString */ .chroma .s { color: #d88200 }
/* LiteralStringAffix */ .chroma .sa { color: #d88200 }
/* LiteralStringBacktick */ .chroma .sb { color: #d88200 }
/* LiteralStringChar */ .chroma .sc { color: #d88200 }
/* LiteralStringDelimiter */ .chroma .dl { color: #d88200 }
/* LiteralStringDoc */ .chroma .sd { color: #d88200 }
/* LiteralStringDouble */ .chroma .s2 { color: #d88200 }
/* LiteralStringEscape */ .chroma .se { color: #8045ff }
/* LiteralStringHeredoc */ .chroma .sh { color: #d88200 }
/* LiteralStringInterpol */ .chroma .si { color: #d88200 }
/* LiteralStringOther */ .chroma .sx { color: #d88200 }
/* LiteralStringRegex */ .chroma .sr { color: #d88200 }
/* LiteralStringSingle */ .chroma .s1 { color: #d88200 }
/* LiteralStringSymbol */ .chroma .ss { color: #d88200 }
/* LiteralNumber */ .chroma .m { color: #ae81ff }
/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
/* Operator */ .chroma .o { color: #f92672 }
/* OperatorWord */ .chroma .ow { color: #f92672 }
/* Punctuation */ .chroma .p { color: #111111 }
/* Comment */ .chroma .c { color: #75715e }
/* CommentHashbang */ .chroma .ch { color: #75715e }
/* CommentMultiline */ .chroma .cm { color: #75715e }
/* CommentSingle */ .chroma .c1 { color: #75715e }
/* CommentSpecial */ .chroma .cs { color: #75715e }
/* CommentPreproc */ .chroma .cp { color: #75715e }
/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
/* Generic */ .chroma .g { }
/* GenericDeleted */ .chroma .gd { }
/* GenericEmph */ .chroma .ge { font-style: italic }
/* GenericError */ .chroma .gr { }
/* GenericHeading */ .chroma .gh { }
/* GenericInserted */ .chroma .gi { }
/* GenericOutput */ .chroma .go { }
/* GenericPrompt */ .chroma .gp { }
/* GenericStrong */ .chroma .gs { font-weight: bold }
/* GenericSubheading */ .chroma .gu { }
/* GenericTraceback */ .chroma .gt { }
/* GenericUnderline */ .chroma .gl { }
/* TextWhitespace */ .chroma .w { }
/* Background */
.bg {
color: #272822;
}
/* PreWrapper */
.chroma {
color: #272822;
}
/* Other */
.chroma .x {
}
/* Error */
.chroma .err {
color: #960050;
background-color: #1e0010;
}
/* CodeLine */
.chroma .cl {
}
/* LineTableTD */
.chroma .lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}
/* LineTable */
.chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
}
/* LineHighlight */
.chroma .hl {
background-color: #ffffcc;
}
/* LineNumbersTable */
.chroma .lnt {
white-space: pre;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #7f7f7f;
}
/* LineNumbers */
.chroma .ln {
white-space: pre;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #7f7f7f;
}
/* Line */
.chroma .line {
display: flex;
}
/* Keyword */
.chroma .k {
color: #00a8c8;
}
/* KeywordConstant */
.chroma .kc {
color: #00a8c8;
}
/* KeywordDeclaration */
.chroma .kd {
color: #00a8c8;
}
/* KeywordNamespace */
.chroma .kn {
color: #f92672;
}
/* KeywordPseudo */
.chroma .kp {
color: #00a8c8;
}
/* KeywordReserved */
.chroma .kr {
color: #00a8c8;
}
/* KeywordType */
.chroma .kt {
color: #00a8c8;
}
/* Name */
.chroma .n {
color: #111111;
}
/* NameAttribute */
.chroma .na {
color: #75af00;
}
/* NameBuiltin */
.chroma .nb {
color: #111111;
}
/* NameBuiltinPseudo */
.chroma .bp {
color: #111111;
}
/* NameClass */
.chroma .nc {
color: #75af00;
}
/* NameConstant */
.chroma .no {
color: #00a8c8;
}
/* NameDecorator */
.chroma .nd {
color: #75af00;
}
/* NameEntity */
.chroma .ni {
color: #111111;
}
/* NameException */
.chroma .ne {
color: #75af00;
}
/* NameFunction */
.chroma .nf {
color: #75af00;
}
/* NameFunctionMagic */
.chroma .fm {
color: #111111;
}
/* NameLabel */
.chroma .nl {
color: #111111;
}
/* NameNamespace */
.chroma .nn {
color: #111111;
}
/* NameOther */
.chroma .nx {
color: #75af00;
}
/* NameProperty */
.chroma .py {
color: #111111;
}
/* NameTag */
.chroma .nt {
color: #f92672;
}
/* NameVariable */
.chroma .nv {
color: #111111;
}
/* NameVariableClass */
.chroma .vc {
color: #111111;
}
/* NameVariableGlobal */
.chroma .vg {
color: #111111;
}
/* NameVariableInstance */
.chroma .vi {
color: #111111;
}
/* NameVariableMagic */
.chroma .vm {
color: #111111;
}
/* Literal */
.chroma .l {
color: #ae81ff;
}
/* LiteralDate */
.chroma .ld {
color: #d88200;
}
/* LiteralString */
.chroma .s {
color: #d88200;
}
/* LiteralStringAffix */
.chroma .sa {
color: #d88200;
}
/* LiteralStringBacktick */
.chroma .sb {
color: #d88200;
}
/* LiteralStringChar */
.chroma .sc {
color: #d88200;
}
/* LiteralStringDelimiter */
.chroma .dl {
color: #d88200;
}
/* LiteralStringDoc */
.chroma .sd {
color: #d88200;
}
/* LiteralStringDouble */
.chroma .s2 {
color: #d88200;
}
/* LiteralStringEscape */
.chroma .se {
color: #8045ff;
}
/* LiteralStringHeredoc */
.chroma .sh {
color: #d88200;
}
/* LiteralStringInterpol */
.chroma .si {
color: #d88200;
}
/* LiteralStringOther */
.chroma .sx {
color: #d88200;
}
/* LiteralStringRegex */
.chroma .sr {
color: #d88200;
}
/* LiteralStringSingle */
.chroma .s1 {
color: #d88200;
}
/* LiteralStringSymbol */
.chroma .ss {
color: #d88200;
}
/* LiteralNumber */
.chroma .m {
color: #ae81ff;
}
/* LiteralNumberBin */
.chroma .mb {
color: #ae81ff;
}
/* LiteralNumberFloat */
.chroma .mf {
color: #ae81ff;
}
/* LiteralNumberHex */
.chroma .mh {
color: #ae81ff;
}
/* LiteralNumberInteger */
.chroma .mi {
color: #ae81ff;
}
/* LiteralNumberIntegerLong */
.chroma .il {
color: #ae81ff;
}
/* LiteralNumberOct */
.chroma .mo {
color: #ae81ff;
}
/* Operator */
.chroma .o {
color: #f92672;
}
/* OperatorWord */
.chroma .ow {
color: #f92672;
}
/* Punctuation */
.chroma .p {
color: #111111;
}
/* Comment */
.chroma .c {
color: #75715e;
}
/* CommentHashbang */
.chroma .ch {
color: #75715e;
}
/* CommentMultiline */
.chroma .cm {
color: #75715e;
}
/* CommentSingle */
.chroma .c1 {
color: #75715e;
}
/* CommentSpecial */
.chroma .cs {
color: #75715e;
}
/* CommentPreproc */
.chroma .cp {
color: #75715e;
}
/* CommentPreprocFile */
.chroma .cpf {
color: #75715e;
}
/* Generic */
.chroma .g {
}
/* GenericDeleted */
.chroma .gd {
}
/* GenericEmph */
.chroma .ge {
font-style: italic;
}
/* GenericError */
.chroma .gr {
}
/* GenericHeading */
.chroma .gh {
}
/* GenericInserted */
.chroma .gi {
}
/* GenericOutput */
.chroma .go {
}
/* GenericPrompt */
.chroma .gp {
}
/* GenericStrong */
.chroma .gs {
font-weight: bold;
}
/* GenericSubheading */
.chroma .gu {
}
/* GenericTraceback */
.chroma .gt {
}
/* GenericUnderline */
.chroma .gl {
}
/* TextWhitespace */
.chroma .w {
}
}
/* use monokai highlight theme in dark */
@media (prefers-color-scheme: dark) {
/* Background */ .bg { color: #f8f8f2; background-color: #272822; }
/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #272822; }
/* Other */ .chroma .x { }
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
/* CodeLine */ .chroma .cl { }
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* Line */ .chroma .line { display: flex; }
/* Keyword */ .chroma .k { color: #66d9ef }
/* KeywordConstant */ .chroma .kc { color: #66d9ef }
/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
/* KeywordNamespace */ .chroma .kn { color: #f92672 }
/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
/* KeywordReserved */ .chroma .kr { color: #66d9ef }
/* KeywordType */ .chroma .kt { color: #66d9ef }
/* Name */ .chroma .n { }
/* NameAttribute */ .chroma .na { color: #a6e22e }
/* NameBuiltin */ .chroma .nb { }
/* NameBuiltinPseudo */ .chroma .bp { }
/* NameClass */ .chroma .nc { color: #a6e22e }
/* NameConstant */ .chroma .no { color: #66d9ef }
/* NameDecorator */ .chroma .nd { color: #a6e22e }
/* NameEntity */ .chroma .ni { }
/* NameException */ .chroma .ne { color: #a6e22e }
/* NameFunction */ .chroma .nf { color: #a6e22e }
/* NameFunctionMagic */ .chroma .fm { }
/* NameLabel */ .chroma .nl { }
/* NameNamespace */ .chroma .nn { }
/* NameOther */ .chroma .nx { color: #a6e22e }
/* NameProperty */ .chroma .py { }
/* NameTag */ .chroma .nt { color: #f92672 }
/* NameVariable */ .chroma .nv { }
/* NameVariableClass */ .chroma .vc { }
/* NameVariableGlobal */ .chroma .vg { }
/* NameVariableInstance */ .chroma .vi { }
/* NameVariableMagic */ .chroma .vm { }
/* Literal */ .chroma .l { color: #ae81ff }
/* LiteralDate */ .chroma .ld { color: #e6db74 }
/* LiteralString */ .chroma .s { color: #e6db74 }
/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
/* LiteralNumber */ .chroma .m { color: #ae81ff }
/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
/* Operator */ .chroma .o { color: #f92672 }
/* OperatorWord */ .chroma .ow { color: #f92672 }
/* Punctuation */ .chroma .p { }
/* Comment */ .chroma .c { color: #75715e }
/* CommentHashbang */ .chroma .ch { color: #75715e }
/* CommentMultiline */ .chroma .cm { color: #75715e }
/* CommentSingle */ .chroma .c1 { color: #75715e }
/* CommentSpecial */ .chroma .cs { color: #75715e }
/* CommentPreproc */ .chroma .cp { color: #75715e }
/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
/* Generic */ .chroma .g { }
/* GenericDeleted */ .chroma .gd { color: #f92672 }
/* GenericEmph */ .chroma .ge { font-style: italic }
/* GenericError */ .chroma .gr { }
/* GenericHeading */ .chroma .gh { }
/* GenericInserted */ .chroma .gi { color: #a6e22e }
/* GenericOutput */ .chroma .go { }
/* GenericPrompt */ .chroma .gp { }
/* GenericStrong */ .chroma .gs { font-weight: bold }
/* GenericSubheading */ .chroma .gu { color: #75715e }
/* GenericTraceback */ .chroma .gt { }
/* GenericUnderline */ .chroma .gl { }
/* TextWhitespace */ .chroma .w { }
/* Background */
.bg {
color: #f8f8f2;
background-color: #272822;
}
/* PreWrapper */
.chroma {
color: #f8f8f2;
background-color: #272822;
}
/* Other */
.chroma .x {
}
/* Error */
.chroma .err {
color: #960050;
background-color: #1e0010;
}
/* CodeLine */
.chroma .cl {
}
/* LineLink */
.chroma .lnlinks {
outline: none;
text-decoration: none;
color: inherit;
}
/* LineTableTD */
.chroma .lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}
/* LineTable */
.chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
}
/* LineHighlight */
.chroma .hl {
background-color: #ffffcc;
}
/* LineNumbersTable */
.chroma .lnt {
white-space: pre;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #7f7f7f;
}
/* LineNumbers */
.chroma .ln {
white-space: pre;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #7f7f7f;
}
/* Line */
.chroma .line {
display: flex;
}
/* Keyword */
.chroma .k {
color: #66d9ef;
}
/* KeywordConstant */
.chroma .kc {
color: #66d9ef;
}
/* KeywordDeclaration */
.chroma .kd {
color: #66d9ef;
}
/* KeywordNamespace */
.chroma .kn {
color: #f92672;
}
/* KeywordPseudo */
.chroma .kp {
color: #66d9ef;
}
/* KeywordReserved */
.chroma .kr {
color: #66d9ef;
}
/* KeywordType */
.chroma .kt {
color: #66d9ef;
}
/* Name */
.chroma .n {
}
/* NameAttribute */
.chroma .na {
color: #a6e22e;
}
/* NameBuiltin */
.chroma .nb {
}
/* NameBuiltinPseudo */
.chroma .bp {
}
/* NameClass */
.chroma .nc {
color: #a6e22e;
}
/* NameConstant */
.chroma .no {
color: #66d9ef;
}
/* NameDecorator */
.chroma .nd {
color: #a6e22e;
}
/* NameEntity */
.chroma .ni {
}
/* NameException */
.chroma .ne {
color: #a6e22e;
}
/* NameFunction */
.chroma .nf {
color: #a6e22e;
}
/* NameFunctionMagic */
.chroma .fm {
}
/* NameLabel */
.chroma .nl {
}
/* NameNamespace */
.chroma .nn {
}
/* NameOther */
.chroma .nx {
color: #a6e22e;
}
/* NameProperty */
.chroma .py {
}
/* NameTag */
.chroma .nt {
color: #f92672;
}
/* NameVariable */
.chroma .nv {
}
/* NameVariableClass */
.chroma .vc {
}
/* NameVariableGlobal */
.chroma .vg {
}
/* NameVariableInstance */
.chroma .vi {
}
/* NameVariableMagic */
.chroma .vm {
}
/* Literal */
.chroma .l {
color: #ae81ff;
}
/* LiteralDate */
.chroma .ld {
color: #e6db74;
}
/* LiteralString */
.chroma .s {
color: #e6db74;
}
/* LiteralStringAffix */
.chroma .sa {
color: #e6db74;
}
/* LiteralStringBacktick */
.chroma .sb {
color: #e6db74;
}
/* LiteralStringChar */
.chroma .sc {
color: #e6db74;
}
/* LiteralStringDelimiter */
.chroma .dl {
color: #e6db74;
}
/* LiteralStringDoc */
.chroma .sd {
color: #e6db74;
}
/* LiteralStringDouble */
.chroma .s2 {
color: #e6db74;
}
/* LiteralStringEscape */
.chroma .se {
color: #ae81ff;
}
/* LiteralStringHeredoc */
.chroma .sh {
color: #e6db74;
}
/* LiteralStringInterpol */
.chroma .si {
color: #e6db74;
}
/* LiteralStringOther */
.chroma .sx {
color: #e6db74;
}
/* LiteralStringRegex */
.chroma .sr {
color: #e6db74;
}
/* LiteralStringSingle */
.chroma .s1 {
color: #e6db74;
}
/* LiteralStringSymbol */
.chroma .ss {
color: #e6db74;
}
/* LiteralNumber */
.chroma .m {
color: #ae81ff;
}
/* LiteralNumberBin */
.chroma .mb {
color: #ae81ff;
}
/* LiteralNumberFloat */
.chroma .mf {
color: #ae81ff;
}
/* LiteralNumberHex */
.chroma .mh {
color: #ae81ff;
}
/* LiteralNumberInteger */
.chroma .mi {
color: #ae81ff;
}
/* LiteralNumberIntegerLong */
.chroma .il {
color: #ae81ff;
}
/* LiteralNumberOct */
.chroma .mo {
color: #ae81ff;
}
/* Operator */
.chroma .o {
color: #f92672;
}
/* OperatorWord */
.chroma .ow {
color: #f92672;
}
/* Punctuation */
.chroma .p {
}
/* Comment */
.chroma .c {
color: #75715e;
}
/* CommentHashbang */
.chroma .ch {
color: #75715e;
}
/* CommentMultiline */
.chroma .cm {
color: #75715e;
}
/* CommentSingle */
.chroma .c1 {
color: #75715e;
}
/* CommentSpecial */
.chroma .cs {
color: #75715e;
}
/* CommentPreproc */
.chroma .cp {
color: #75715e;
}
/* CommentPreprocFile */
.chroma .cpf {
color: #75715e;
}
/* Generic */
.chroma .g {
}
/* GenericDeleted */
.chroma .gd {
color: #f92672;
}
/* GenericEmph */
.chroma .ge {
font-style: italic;
}
/* GenericError */
.chroma .gr {
}
/* GenericHeading */
.chroma .gh {
}
/* GenericInserted */
.chroma .gi {
color: #a6e22e;
}
/* GenericOutput */
.chroma .go {
}
/* GenericPrompt */
.chroma .gp {
}
/* GenericStrong */
.chroma .gs {
font-weight: bold;
}
/* GenericSubheading */
.chroma .gu {
color: #75715e;
}
/* GenericTraceback */
.chroma .gt {
}
/* GenericUnderline */
.chroma .gl {
}
/* TextWhitespace */
.chroma .w {
}
}

View File

@ -6,19 +6,17 @@
* @license - https://icofont.com/license/
*/
@font-face
{
@font-face {
font-family: "IcoFont";
font-weight: normal;
font-style: "Regular";
src: url("./fonts/icofont.woff2") format("woff2"),
url("./fonts/icofont.woff") format("woff");
font-weight: normal;
font-style: "Regular";
src: url("./fonts/icofont.woff2") format("woff2"),
url("./fonts/icofont.woff") format("woff");
}
[class^="icofont-"], [class*=" icofont-"]
{
font-family: 'IcoFont' !important;
[class^="icofont-"],
[class*=" icofont-"] {
font-family: "IcoFont" !important;
speak: none;
font-style: normal;
font-weight: normal;
@ -28,242 +26,201 @@ url("./fonts/icofont.woff") format("woff");
word-wrap: normal;
direction: ltr;
line-height: 1;
/* Better Font Rendering =========== */
/* Better Font Rendering =========== */
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
.icofont-rss:before
{
.icofont-rss:before {
content: "\ed64";
}
.icofont-xs
{
font-size: .5em;
.icofont-xs {
font-size: 0.5em;
}
.icofont-sm
{
font-size: .75em;
.icofont-sm {
font-size: 0.75em;
}
.icofont-md
{
.icofont-md {
font-size: 1.25em;
}
.icofont-lg
{
.icofont-lg {
font-size: 1.5em;
}
.icofont-1x
{
.icofont-1x {
font-size: 1em;
}
.icofont-2x
{
.icofont-2x {
font-size: 2em;
}
.icofont-3x
{
.icofont-3x {
font-size: 3em;
}
.icofont-4x
{
.icofont-4x {
font-size: 4em;
}
.icofont-5x
{
.icofont-5x {
font-size: 5em;
}
.icofont-6x
{
.icofont-6x {
font-size: 6em;
}
.icofont-7x
{
.icofont-7x {
font-size: 7em;
}
.icofont-8x
{
.icofont-8x {
font-size: 8em;
}
.icofont-9x
{
.icofont-9x {
font-size: 9em;
}
.icofont-10x
{
.icofont-10x {
font-size: 10em;
}
.icofont-fw
{
.icofont-fw {
text-align: center;
width: 1.25em;
}
.icofont-ul
{
.icofont-ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.icofont-ul > li
{
.icofont-ul > li {
position: relative;
line-height: 2em;
}
.icofont-ul > li .icofont
{
.icofont-ul > li .icofont {
display: inline-block;
vertical-align: middle;
}
.icofont-border
{
.icofont-border {
border: solid 0.08em #f1f1f1;
border-radius: .1em;
padding: .2em .25em .15em;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.icofont-pull-left
{
.icofont-pull-left {
float: left;
}
.icofont-pull-right
{
.icofont-pull-right {
float: right;
}
.icofont.icofont-pull-left
{
margin-right: .3em;
.icofont.icofont-pull-left {
margin-right: 0.3em;
}
.icofont.icofont-pull-right
{
margin-left: .3em;
.icofont.icofont-pull-right {
margin-left: 0.3em;
}
.icofont-spin
{
.icofont-spin {
-webkit-animation: icofont-spin 2s infinite linear;
animation: icofont-spin 2s infinite linear;
display: inline-block;
}
.icofont-pulse
{
.icofont-pulse {
-webkit-animation: icofont-spin 1s infinite steps(8);
animation: icofont-spin 1s infinite steps(8);
display: inline-block;
}
@-webkit-keyframes icofont-spin
{
0%
{
@-webkit-keyframes icofont-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%
{
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes icofont-spin
{
0%
{
@keyframes icofont-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%
{
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icofont-rotate-90
{
.icofont-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.icofont-rotate-180
{
.icofont-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.icofont-rotate-270
{
.icofont-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.icofont-flip-horizontal
{
.icofont-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.icofont-flip-vertical
{
.icofont-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.icofont-flip-horizontal.icofont-flip-vertical
{
.icofont-flip-horizontal.icofont-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
:root .icofont-rotate-90,
:root .icofont-rotate-180,
:root .icofont-rotate-270,
:root .icofont-flip-horizontal,
:root .icofont-flip-vertical
{
:root .icofont-rotate-180,
:root .icofont-rotate-270,
:root .icofont-flip-horizontal,
:root .icofont-flip-vertical {
-webkit-filter: none;
filter: none;
display: inline-block;
}
.icofont-inverse
{
.icofont-inverse {
color: #fff;
}
.sr-only
{
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
@ -275,8 +232,7 @@ url("./fonts/icofont.woff") format("woff");
}
.sr-only-focusable:active,
.sr-only-focusable:focus
{
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
@ -284,4 +240,3 @@ url("./fonts/icofont.woff") format("woff");
position: static;
width: auto;
}

View File

@ -4,4 +4,190 @@
* @author IcoFont https://icofont.com
* @copyright Copyright (c) 2015 - 2022 IcoFont
* @license - https://icofont.com/license/
*/@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(fonts/icofont.woff2) format("woff2"),url(fonts/icofont.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-rss:before{content:"\ed64"}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{-webkit-animation:icofont-spin 2s infinite linear;animation:icofont-spin 2s infinite linear;display:inline-block}.icofont-pulse{-webkit-animation:icofont-spin 1s infinite steps(8);animation:icofont-spin 1s infinite steps(8);display:inline-block}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icofont-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icofont-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icofont-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.icofont-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.icofont-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.icofont-flip-horizontal.icofont-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{-webkit-filter:none;filter:none;display:inline-block}.icofont-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
*/
@font-face {
font-family: IcoFont;
font-weight: 400;
font-style: Regular;
src: url(fonts/icofont.woff2) format("woff2"),
url(fonts/icofont.woff) format("woff");
}
[class*=" icofont-"],
[class^="icofont-"] {
font-family: IcoFont !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
.icofont-rss:before {
content: "\ed64";
}
.icofont-xs {
font-size: 0.5em;
}
.icofont-sm {
font-size: 0.75em;
}
.icofont-md {
font-size: 1.25em;
}
.icofont-lg {
font-size: 1.5em;
}
.icofont-1x {
font-size: 1em;
}
.icofont-2x {
font-size: 2em;
}
.icofont-3x {
font-size: 3em;
}
.icofont-4x {
font-size: 4em;
}
.icofont-5x {
font-size: 5em;
}
.icofont-6x {
font-size: 6em;
}
.icofont-7x {
font-size: 7em;
}
.icofont-8x {
font-size: 8em;
}
.icofont-9x {
font-size: 9em;
}
.icofont-10x {
font-size: 10em;
}
.icofont-fw {
text-align: center;
width: 1.25em;
}
.icofont-ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.icofont-ul > li {
position: relative;
line-height: 2em;
}
.icofont-ul > li .icofont {
display: inline-block;
vertical-align: middle;
}
.icofont-border {
border: solid 0.08em #f1f1f1;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.icofont-pull-left {
float: left;
}
.icofont-pull-right {
float: right;
}
.icofont.icofont-pull-left {
margin-right: 0.3em;
}
.icofont.icofont-pull-right {
margin-left: 0.3em;
}
.icofont-spin {
-webkit-animation: icofont-spin 2s infinite linear;
animation: icofont-spin 2s infinite linear;
display: inline-block;
}
.icofont-pulse {
-webkit-animation: icofont-spin 1s infinite steps(8);
animation: icofont-spin 1s infinite steps(8);
display: inline-block;
}
@-webkit-keyframes icofont-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes icofont-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icofont-rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.icofont-rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.icofont-rotate-270 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.icofont-flip-horizontal {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.icofont-flip-vertical {
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.icofont-flip-horizontal.icofont-flip-vertical {
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
:root .icofont-flip-horizontal,
:root .icofont-flip-vertical,
:root .icofont-rotate-180,
:root .icofont-rotate-270,
:root .icofont-rotate-90 {
-webkit-filter: none;
filter: none;
display: inline-block;
}
.icofont-inverse {
color: #fff;
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}

View File

@ -1,121 +1,161 @@
/* stylelint-disable font-family-no-missing-generic-family-keyword */
@font-face {
font-family: 'KaTeX_AMS';
src: url(fonts/KaTeX_AMS-Regular.woff2) format('woff2'), url(fonts/KaTeX_AMS-Regular.woff) format('woff'), url(fonts/KaTeX_AMS-Regular.ttf) format('truetype');
font-family: "KaTeX_AMS";
src: url(fonts/KaTeX_AMS-Regular.woff2) format("woff2"),
url(fonts/KaTeX_AMS-Regular.woff) format("woff"),
url(fonts/KaTeX_AMS-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Caligraphic';
src: url(fonts/KaTeX_Caligraphic-Bold.woff2) format('woff2'), url(fonts/KaTeX_Caligraphic-Bold.woff) format('woff'), url(fonts/KaTeX_Caligraphic-Bold.ttf) format('truetype');
font-family: "KaTeX_Caligraphic";
src: url(fonts/KaTeX_Caligraphic-Bold.woff2) format("woff2"),
url(fonts/KaTeX_Caligraphic-Bold.woff) format("woff"),
url(fonts/KaTeX_Caligraphic-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Caligraphic';
src: url(fonts/KaTeX_Caligraphic-Regular.woff2) format('woff2'), url(fonts/KaTeX_Caligraphic-Regular.woff) format('woff'), url(fonts/KaTeX_Caligraphic-Regular.ttf) format('truetype');
font-family: "KaTeX_Caligraphic";
src: url(fonts/KaTeX_Caligraphic-Regular.woff2) format("woff2"),
url(fonts/KaTeX_Caligraphic-Regular.woff) format("woff"),
url(fonts/KaTeX_Caligraphic-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Fraktur';
src: url(fonts/KaTeX_Fraktur-Bold.woff2) format('woff2'), url(fonts/KaTeX_Fraktur-Bold.woff) format('woff'), url(fonts/KaTeX_Fraktur-Bold.ttf) format('truetype');
font-family: "KaTeX_Fraktur";
src: url(fonts/KaTeX_Fraktur-Bold.woff2) format("woff2"),
url(fonts/KaTeX_Fraktur-Bold.woff) format("woff"),
url(fonts/KaTeX_Fraktur-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Fraktur';
src: url(fonts/KaTeX_Fraktur-Regular.woff2) format('woff2'), url(fonts/KaTeX_Fraktur-Regular.woff) format('woff'), url(fonts/KaTeX_Fraktur-Regular.ttf) format('truetype');
font-family: "KaTeX_Fraktur";
src: url(fonts/KaTeX_Fraktur-Regular.woff2) format("woff2"),
url(fonts/KaTeX_Fraktur-Regular.woff) format("woff"),
url(fonts/KaTeX_Fraktur-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Main';
src: url(fonts/KaTeX_Main-Bold.woff2) format('woff2'), url(fonts/KaTeX_Main-Bold.woff) format('woff'), url(fonts/KaTeX_Main-Bold.ttf) format('truetype');
font-family: "KaTeX_Main";
src: url(fonts/KaTeX_Main-Bold.woff2) format("woff2"),
url(fonts/KaTeX_Main-Bold.woff) format("woff"),
url(fonts/KaTeX_Main-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Main';
src: url(fonts/KaTeX_Main-BoldItalic.woff2) format('woff2'), url(fonts/KaTeX_Main-BoldItalic.woff) format('woff'), url(fonts/KaTeX_Main-BoldItalic.ttf) format('truetype');
font-family: "KaTeX_Main";
src: url(fonts/KaTeX_Main-BoldItalic.woff2) format("woff2"),
url(fonts/KaTeX_Main-BoldItalic.woff) format("woff"),
url(fonts/KaTeX_Main-BoldItalic.ttf) format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'KaTeX_Main';
src: url(fonts/KaTeX_Main-Italic.woff2) format('woff2'), url(fonts/KaTeX_Main-Italic.woff) format('woff'), url(fonts/KaTeX_Main-Italic.ttf) format('truetype');
font-family: "KaTeX_Main";
src: url(fonts/KaTeX_Main-Italic.woff2) format("woff2"),
url(fonts/KaTeX_Main-Italic.woff) format("woff"),
url(fonts/KaTeX_Main-Italic.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'KaTeX_Main';
src: url(fonts/KaTeX_Main-Regular.woff2) format('woff2'), url(fonts/KaTeX_Main-Regular.woff) format('woff'), url(fonts/KaTeX_Main-Regular.ttf) format('truetype');
font-family: "KaTeX_Main";
src: url(fonts/KaTeX_Main-Regular.woff2) format("woff2"),
url(fonts/KaTeX_Main-Regular.woff) format("woff"),
url(fonts/KaTeX_Main-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Math';
src: url(fonts/KaTeX_Math-BoldItalic.woff2) format('woff2'), url(fonts/KaTeX_Math-BoldItalic.woff) format('woff'), url(fonts/KaTeX_Math-BoldItalic.ttf) format('truetype');
font-family: "KaTeX_Math";
src: url(fonts/KaTeX_Math-BoldItalic.woff2) format("woff2"),
url(fonts/KaTeX_Math-BoldItalic.woff) format("woff"),
url(fonts/KaTeX_Math-BoldItalic.ttf) format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'KaTeX_Math';
src: url(fonts/KaTeX_Math-Italic.woff2) format('woff2'), url(fonts/KaTeX_Math-Italic.woff) format('woff'), url(fonts/KaTeX_Math-Italic.ttf) format('truetype');
font-family: "KaTeX_Math";
src: url(fonts/KaTeX_Math-Italic.woff2) format("woff2"),
url(fonts/KaTeX_Math-Italic.woff) format("woff"),
url(fonts/KaTeX_Math-Italic.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'KaTeX_SansSerif';
src: url(fonts/KaTeX_SansSerif-Bold.woff2) format('woff2'), url(fonts/KaTeX_SansSerif-Bold.woff) format('woff'), url(fonts/KaTeX_SansSerif-Bold.ttf) format('truetype');
font-family: "KaTeX_SansSerif";
src: url(fonts/KaTeX_SansSerif-Bold.woff2) format("woff2"),
url(fonts/KaTeX_SansSerif-Bold.woff) format("woff"),
url(fonts/KaTeX_SansSerif-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_SansSerif';
src: url(fonts/KaTeX_SansSerif-Italic.woff2) format('woff2'), url(fonts/KaTeX_SansSerif-Italic.woff) format('woff'), url(fonts/KaTeX_SansSerif-Italic.ttf) format('truetype');
font-family: "KaTeX_SansSerif";
src: url(fonts/KaTeX_SansSerif-Italic.woff2) format("woff2"),
url(fonts/KaTeX_SansSerif-Italic.woff) format("woff"),
url(fonts/KaTeX_SansSerif-Italic.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'KaTeX_SansSerif';
src: url(fonts/KaTeX_SansSerif-Regular.woff2) format('woff2'), url(fonts/KaTeX_SansSerif-Regular.woff) format('woff'), url(fonts/KaTeX_SansSerif-Regular.ttf) format('truetype');
font-family: "KaTeX_SansSerif";
src: url(fonts/KaTeX_SansSerif-Regular.woff2) format("woff2"),
url(fonts/KaTeX_SansSerif-Regular.woff) format("woff"),
url(fonts/KaTeX_SansSerif-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Script';
src: url(fonts/KaTeX_Script-Regular.woff2) format('woff2'), url(fonts/KaTeX_Script-Regular.woff) format('woff'), url(fonts/KaTeX_Script-Regular.ttf) format('truetype');
font-family: "KaTeX_Script";
src: url(fonts/KaTeX_Script-Regular.woff2) format("woff2"),
url(fonts/KaTeX_Script-Regular.woff) format("woff"),
url(fonts/KaTeX_Script-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Size1';
src: url(fonts/KaTeX_Size1-Regular.woff2) format('woff2'), url(fonts/KaTeX_Size1-Regular.woff) format('woff'), url(fonts/KaTeX_Size1-Regular.ttf) format('truetype');
font-family: "KaTeX_Size1";
src: url(fonts/KaTeX_Size1-Regular.woff2) format("woff2"),
url(fonts/KaTeX_Size1-Regular.woff) format("woff"),
url(fonts/KaTeX_Size1-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Size2';
src: url(fonts/KaTeX_Size2-Regular.woff2) format('woff2'), url(fonts/KaTeX_Size2-Regular.woff) format('woff'), url(fonts/KaTeX_Size2-Regular.ttf) format('truetype');
font-family: "KaTeX_Size2";
src: url(fonts/KaTeX_Size2-Regular.woff2) format("woff2"),
url(fonts/KaTeX_Size2-Regular.woff) format("woff"),
url(fonts/KaTeX_Size2-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Size3';
src: url(fonts/KaTeX_Size3-Regular.woff2) format('woff2'), url(fonts/KaTeX_Size3-Regular.woff) format('woff'), url(fonts/KaTeX_Size3-Regular.ttf) format('truetype');
font-family: "KaTeX_Size3";
src: url(fonts/KaTeX_Size3-Regular.woff2) format("woff2"),
url(fonts/KaTeX_Size3-Regular.woff) format("woff"),
url(fonts/KaTeX_Size3-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Size4';
src: url(fonts/KaTeX_Size4-Regular.woff2) format('woff2'), url(fonts/KaTeX_Size4-Regular.woff) format('woff'), url(fonts/KaTeX_Size4-Regular.ttf) format('truetype');
font-family: "KaTeX_Size4";
src: url(fonts/KaTeX_Size4-Regular.woff2) format("woff2"),
url(fonts/KaTeX_Size4-Regular.woff) format("woff"),
url(fonts/KaTeX_Size4-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KaTeX_Typewriter';
src: url(fonts/KaTeX_Typewriter-Regular.woff2) format('woff2'), url(fonts/KaTeX_Typewriter-Regular.woff) format('woff'), url(fonts/KaTeX_Typewriter-Regular.ttf) format('truetype');
font-family: "KaTeX_Typewriter";
src: url(fonts/KaTeX_Typewriter-Regular.woff2) format("woff2"),
url(fonts/KaTeX_Typewriter-Regular.woff) format("woff"),
url(fonts/KaTeX_Typewriter-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@ -1076,4 +1116,3 @@
body {
counter-reset: katexEqnNo mmlEqnNo;
}

File diff suppressed because one or more lines are too long