forked from c3re/c3re-website
reformate css
Dirk Heilig
parent
c9e7b1ff64
commit
77a6b4f165
|
|
@ -1,112 +1,113 @@
|
||||||
/* defines light color */
|
/* defines light color */
|
||||||
:root {
|
:root {
|
||||||
--color-light-bg-page: #EBEBEB;
|
--color-light-bg-page: #ebebeb;
|
||||||
--color-light-bg-content: #F4F4F4;
|
--color-light-bg-content: #f4f4f4;
|
||||||
--color-light-bg-block: #EBEBEB;
|
--color-light-bg-block: #ebebeb;
|
||||||
--color-light-bg-shadow: #E0E0E0;
|
--color-light-bg-shadow: #e0e0e0;
|
||||||
--color-light-fg-font-normal: #4E403E;
|
--color-light-fg-font-normal: #4e403e;
|
||||||
--color-light-fg-font-hover: #555555;
|
--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-tiny-line: #e0e0e0;
|
||||||
--color-light-fg-marker-quote: #BFBFBF;
|
--color-light-fg-marker-quote: #bfbfbf;
|
||||||
--color-light-fg-font-hyper: #4E403E;
|
--color-light-fg-font-hyper: #4e403e;
|
||||||
--color-light-fg-font-hyper-hover: #469f71;
|
--color-light-fg-font-hyper-hover: #469f71;
|
||||||
--color-light-fg-hyperlink: #4ca878;
|
--color-light-fg-hyperlink: #4ca878;
|
||||||
--color-light-fg-hyperlink-hover: #2a9436;
|
--color-light-fg-hyperlink-hover: #2a9436;
|
||||||
--color-light-bg-pager-normal: #D4D4D4;
|
--color-light-bg-pager-normal: #d4d4d4;
|
||||||
--color-light-bg-pager-current: #E4E4E4;
|
--color-light-bg-pager-current: #e4e4e4;
|
||||||
--color-light-bg-pager-hover: #ECECEC;
|
--color-light-bg-pager-hover: #ececec;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* defines dark color */
|
/* defines dark color */
|
||||||
:root {
|
:root {
|
||||||
--color-dark-bg-page: #202124;
|
--color-dark-bg-page: #202124;
|
||||||
--color-dark-bg-content: #262628;
|
--color-dark-bg-content: #262628;
|
||||||
--color-dark-bg-block: #2B2B2B;
|
--color-dark-bg-block: #2b2b2b;
|
||||||
--color-dark-bg-shadow: #505050;
|
--color-dark-bg-shadow: #505050;
|
||||||
--color-dark-fg-font-normal: #C2C2B6;
|
--color-dark-fg-font-normal: #c2c2b6;
|
||||||
--color-dark-fg-font-hover: #D2D2D3;
|
--color-dark-fg-font-hover: #d2d2d3;
|
||||||
--color-dark-fg-font-quote: #8B8680;
|
--color-dark-fg-font-quote: #8b8680;
|
||||||
--color-dark-fg-tiny-line: #3B3B3B;
|
--color-dark-fg-tiny-line: #3b3b3b;
|
||||||
--color-dark-fg-marker-quote: #6F6B66;
|
--color-dark-fg-marker-quote: #6f6b66;
|
||||||
--color-dark-fg-font-hyper: #C2C2B6;
|
--color-dark-fg-font-hyper: #c2c2b6;
|
||||||
--color-dark-fg-font-hyper-hover: #62DE9E;
|
--color-dark-fg-font-hyper-hover: #62de9e;
|
||||||
--color-dark-fg-hyperlink: #62DE9E;
|
--color-dark-fg-hyperlink: #62de9e;
|
||||||
--color-dark-fg-hyperlink-hover: #3ECB50;
|
--color-dark-fg-hyperlink-hover: #3ecb50;
|
||||||
--color-dark-bg-pager-normal: #303030;
|
--color-dark-bg-pager-normal: #303030;
|
||||||
--color-dark-bg-pager-current: #3A3A3E;
|
--color-dark-bg-pager-current: #3a3a3e;
|
||||||
--color-dark-bg-pager-hover: #444446;
|
--color-dark-bg-pager-hover: #444446;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--color-bg-page: var(--color-light-bg-page);
|
--color-bg-page: var(--color-light-bg-page);
|
||||||
--color-bg-content: var(--color-light-bg-content);
|
--color-bg-content: var(--color-light-bg-content);
|
||||||
--color-bg-block: var(--color-light-bg-block);
|
--color-bg-block: var(--color-light-bg-block);
|
||||||
--color-bg-shadow: var(--color-light-bg-shadow);
|
--color-bg-shadow: var(--color-light-bg-shadow);
|
||||||
--color-fg-font-normal: var(--color-light-fg-font-normal);
|
--color-fg-font-normal: var(--color-light-fg-font-normal);
|
||||||
--color-fg-font-hover: var(--color-light-fg-font-hover);
|
--color-fg-font-hover: var(--color-light-fg-font-hover);
|
||||||
--color-fg-font-quote: var(--color-light-fg-font-quote);
|
--color-fg-font-quote: var(--color-light-fg-font-quote);
|
||||||
--color-fg-tiny-line: var(--color-light-fg-tiny-line);
|
--color-fg-tiny-line: var(--color-light-fg-tiny-line);
|
||||||
--color-fg-marker-quote: var(--color-light-fg-marker-quote);
|
--color-fg-marker-quote: var(--color-light-fg-marker-quote);
|
||||||
--color-fg-font-hyper: var(--color-light-fg-font-hyper);
|
--color-fg-font-hyper: var(--color-light-fg-font-hyper);
|
||||||
--color-fg-font-hyper-hover: var(--color-light-fg-font-hyper-hover);
|
--color-fg-font-hyper-hover: var(--color-light-fg-font-hyper-hover);
|
||||||
--color-fg-hyperlink: var(--color-light-fg-hyperlink);
|
--color-fg-hyperlink: var(--color-light-fg-hyperlink);
|
||||||
--color-fg-hyperlink-hover: var(--color-light-fg-hyperlink-hover);
|
--color-fg-hyperlink-hover: var(--color-light-fg-hyperlink-hover);
|
||||||
--color-bg-pager-normal: var(--color-light-bg-pager-normal);
|
--color-bg-pager-normal: var(--color-light-bg-pager-normal);
|
||||||
--color-bg-pager-current: var(--color-light-bg-pager-current);
|
--color-bg-pager-current: var(--color-light-bg-pager-current);
|
||||||
--color-bg-pager-hover: var(--color-light-bg-pager-hover);
|
--color-bg-pager-hover: var(--color-light-bg-pager-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
--color-bg-page: var(--color-dark-bg-page);
|
--color-bg-page: var(--color-dark-bg-page);
|
||||||
--color-bg-content: var(--color-dark-bg-content);
|
--color-bg-content: var(--color-dark-bg-content);
|
||||||
--color-bg-block: var(--color-dark-bg-block);
|
--color-bg-block: var(--color-dark-bg-block);
|
||||||
--color-bg-shadow: var(--color-dark-bg-shadow);
|
--color-bg-shadow: var(--color-dark-bg-shadow);
|
||||||
--color-fg-font-normal: var(--color-dark-fg-font-normal);
|
--color-fg-font-normal: var(--color-dark-fg-font-normal);
|
||||||
--color-fg-font-hover: var(--color-dark-fg-font-hover);
|
--color-fg-font-hover: var(--color-dark-fg-font-hover);
|
||||||
--color-fg-font-quote: var(--color-dark-fg-font-quote);
|
--color-fg-font-quote: var(--color-dark-fg-font-quote);
|
||||||
--color-fg-tiny-line: var(--color-dark-fg-tiny-line);
|
--color-fg-tiny-line: var(--color-dark-fg-tiny-line);
|
||||||
--color-fg-marker-quote: var(--color-dark-fg-marker-quote);
|
--color-fg-marker-quote: var(--color-dark-fg-marker-quote);
|
||||||
--color-fg-font-hyper: var(--color-dark-fg-font-hyper);
|
--color-fg-font-hyper: var(--color-dark-fg-font-hyper);
|
||||||
--color-fg-font-hyper-hover: var(--color-dark-fg-font-hyper-hover);
|
--color-fg-font-hyper-hover: var(--color-dark-fg-font-hyper-hover);
|
||||||
--color-fg-hyperlink: var(--color-dark-fg-hyperlink);
|
--color-fg-hyperlink: var(--color-dark-fg-hyperlink);
|
||||||
--color-fg-hyperlink-hover: var(--color-dark-fg-hyperlink-hover);
|
--color-fg-hyperlink-hover: var(--color-dark-fg-hyperlink-hover);
|
||||||
--color-bg-pager-normal: var(--color-dark-bg-pager-normal);
|
--color-bg-pager-normal: var(--color-dark-bg-pager-normal);
|
||||||
--color-bg-pager-current: var(--color-dark-bg-pager-current);
|
--color-bg-pager-current: var(--color-dark-bg-pager-current);
|
||||||
--color-bg-pager-hover: var(--color-dark-bg-pager-hover);
|
--color-bg-pager-hover: var(--color-dark-bg-pager-hover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--fonts-sans-en: "Noto Sans", "Droid Sans", "Calibri", "Arial";
|
--fonts-sans-en: "Noto Sans", "Droid Sans", "Calibri", "Arial";
|
||||||
--fonts-sans-zh: "WenQuanYi Zen Hei", "WenQuanYi Micro Hei",
|
--fonts-sans-zh: "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", "Noto Sans CJK",
|
||||||
"Noto Sans CJK", "Microsoft YaHei", "PingFang SC";
|
"Microsoft YaHei", "PingFang SC";
|
||||||
--fonts-sans: var(--fonts-sans-en), var(--fonts-sans-zh), Lato,sans-serif;
|
--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-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;
|
--fonts-mono: var(--fonts-mono-en), var(--fonts-mono-zh), monospace;
|
||||||
|
|
||||||
--len-0: 0.00rem;
|
--len-0: 0rem;
|
||||||
--len-1: 0.25rem;
|
--len-1: 0.25rem;
|
||||||
--len-2: 0.50rem;
|
--len-2: 0.5rem;
|
||||||
--len-3: 1.00rem;
|
--len-3: 1rem;
|
||||||
--len-4: 1.50rem;
|
--len-4: 1.5rem;
|
||||||
--len-5: 3.00rem;
|
--len-5: 3rem;
|
||||||
|
|
||||||
--font-size-0: 0.8125rem;
|
--font-size-0: 0.8125rem;
|
||||||
--font-size-1: 0.875rem;
|
--font-size-1: 0.875rem;
|
||||||
--font-size-2: 1.000rem;
|
--font-size-2: 1rem;
|
||||||
--font-size-3: 1.125rem;
|
--font-size-3: 1.125rem;
|
||||||
--font-size-4: 1.250rem;
|
--font-size-4: 1.25rem;
|
||||||
--font-size-5: 1.500rem;
|
--font-size-5: 1.5rem;
|
||||||
--font-size-6: 2.000rem;
|
--font-size-6: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
*,
|
||||||
*, ::before, ::after {
|
::before,
|
||||||
|
::after {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
@ -138,26 +139,51 @@ body {
|
||||||
margin-bottom: var(--len-5);
|
margin-bottom: var(--len-5);
|
||||||
}
|
}
|
||||||
|
|
||||||
a.external:after{
|
a.external:after {
|
||||||
/*edd external icon to external link as :after with unicode symbol*/
|
/*edd external icon to external link as :after with unicode symbol*/
|
||||||
content: "⮺";
|
content: "⮺";
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-wrapper { display: flex; flex-wrap: wrap; }
|
.main-wrapper {
|
||||||
.main-wrapper > * { height: fit-content; }
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.main-wrapper > * {
|
||||||
|
height: fit-content;
|
||||||
|
}
|
||||||
|
|
||||||
.main { padding: var(--len-4); }
|
.main {
|
||||||
.side { padding-left: var(--len-4); }
|
padding: var(--len-4);
|
||||||
.main { flex: 0 0 72%; width: 72%; }
|
}
|
||||||
.side { flex: 0 0 28%; width: 28%; }
|
.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 */
|
/* mobile layout: place side to bottom */
|
||||||
@media (max-width: 991px) {
|
@media (max-width: 991px) {
|
||||||
.main { padding: var(--len-4); }
|
.main {
|
||||||
.side { padding-left: 0; padding-top: var(--len-4); }
|
padding: var(--len-4);
|
||||||
.main { flex: 0 0 100%; width: 100%; }
|
}
|
||||||
.side { flex: 0 0 100%; width: 100%; }
|
.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 */
|
/* set light background */
|
||||||
|
|
@ -169,8 +195,7 @@ a.external:after{
|
||||||
.side-tags,
|
.side-tags,
|
||||||
.side-calendar,
|
.side-calendar,
|
||||||
.side-door-status,
|
.side-door-status,
|
||||||
.side-contact
|
.side-contact {
|
||||||
{
|
|
||||||
background-color: var(--color-bg-content);
|
background-color: var(--color-bg-content);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -186,17 +211,40 @@ a.external:after{
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#calendar span{
|
#calendar span {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/********** set up break point **********/
|
/********** set up break point **********/
|
||||||
|
|
||||||
.main-wrapper, .header { max-width: 1140px; }
|
.main-wrapper,
|
||||||
@media (max-width: 1199px) { .main-wrapper, .header { max-width: 960px; } }
|
.header {
|
||||||
@media (max-width: 991px) { .main-wrapper, .header { max-width: 720px; } }
|
max-width: 1140px;
|
||||||
@media (max-width: 767px) { .main-wrapper, .header { max-width: 540px; } }
|
}
|
||||||
@media (max-width: 575px) { .main-wrapper, .header { max-width: none; } }
|
@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 */
|
/* size the element who has breakpoint limitation */
|
||||||
/* .header, .main-wrapper, .main { width: 100vw; } */
|
/* .header, .main-wrapper, .main { width: 100vw; } */
|
||||||
|
|
@ -205,10 +253,15 @@ a.external:after{
|
||||||
background-image: url("/img/banner.png");
|
background-image: url("/img/banner.png");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
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 */
|
/* set up header layout */
|
||||||
|
|
@ -220,7 +273,7 @@ a.external:after{
|
||||||
|
|
||||||
background-position: center;
|
background-position: center;
|
||||||
min-height: 240px;
|
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 */
|
/* place title and menus horizonally */
|
||||||
|
|
@ -232,8 +285,13 @@ a.external:after{
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header .menu { justify-content: center; align-items: center; }
|
.header .menu {
|
||||||
.header .site-title { text-align: center; }
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.header .site-title {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.header .site-title {
|
.header .site-title {
|
||||||
|
|
@ -263,9 +321,18 @@ a.external:after{
|
||||||
/********** set up menus layout **********/
|
/********** set up menus layout **********/
|
||||||
|
|
||||||
/* menus and submenus, hover to display, and setup animation */
|
/* 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 .sub-menu {
|
||||||
.header .menu-item:hover .sub-menu { visibility: visible; opacity: 1; }
|
visibility: hidden;
|
||||||
.header .sub-menu { position: absolute; }
|
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 */
|
/* menu direction */
|
||||||
.header .menu {
|
.header .menu {
|
||||||
|
|
@ -279,10 +346,18 @@ a.external:after{
|
||||||
}
|
}
|
||||||
|
|
||||||
/* set up spacing of menu items in menu and sub-menu */
|
/* set up spacing of menu items in menu and sub-menu */
|
||||||
.header .menu > * { margin-right: var(--len-3); }
|
.header .menu > * {
|
||||||
.header .menu > *:last-child { margin-right: 0; }
|
margin-right: var(--len-3);
|
||||||
.header .sub-menu > * { margin-bottom: var(--len-2); }
|
}
|
||||||
.header .sub-menu > *:last-child { margin-bottom: 0; }
|
.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 */
|
/* beautify sub menu style */
|
||||||
.header .sub-menu {
|
.header .sub-menu {
|
||||||
|
|
@ -299,8 +374,13 @@ a.external:after{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header a { color: var(--color-dark-fg-font-normal); text-decoration: none; } /*always dark since backgroundimage is dark */
|
.header a {
|
||||||
.header a:hover { color: var(--color-fg-font-hover); }
|
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 */
|
/* set up footer layout */
|
||||||
|
|
@ -317,16 +397,30 @@ a.external:after{
|
||||||
}
|
}
|
||||||
|
|
||||||
/* credit, license and social layout */
|
/* 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 {
|
||||||
.footer .footer-item:last-child { margin-right: 0; }
|
margin-right: var(--len-3);
|
||||||
|
}
|
||||||
|
.footer .footer-item:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* beautify hyper link style */
|
/* 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 {
|
||||||
.footer a:hover { color: var(--color-fg-hyperlink-hover); }
|
color: var(--color-fg-hyperlink);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.footer a:hover {
|
||||||
|
color: var(--color-fg-hyperlink-hover);
|
||||||
|
}
|
||||||
|
|
||||||
/**********************************/
|
/**********************************/
|
||||||
/* set up home page's list layout */
|
/* set up home page's list layout */
|
||||||
|
|
@ -342,41 +436,84 @@ a.external:after{
|
||||||
color: var(--color-fg-font-quote);
|
color: var(--color-fg-font-quote);
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-item .tips > * { margin-right: var(--len-3); }
|
.list-item .tips > * {
|
||||||
.list-item .tips > *:last-child { margin-right: 0; }
|
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 {
|
||||||
.list-item .title a:hover { color: var(--color-fg-font-hover); }
|
text-decoration: none;
|
||||||
.list-item .tips a { text-decoration: none; color: var(--color-fg-hyperlink); }
|
color: var(--color-fg-font-normal);
|
||||||
.list-item .tips a:hover { color: var(--color-fg-hyperlink-hover); }
|
}
|
||||||
|
.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 .tags > *,
|
||||||
.list-item .categories > *
|
.list-item .categories > * {
|
||||||
{ margin: 0 var(--len-1); }
|
margin: 0 var(--len-1);
|
||||||
|
}
|
||||||
|
|
||||||
.list-item .summary > * { margin: 0; }
|
.list-item .summary > * {
|
||||||
.list-item .title { margin: 0 0 var(--len-2) 0; }
|
margin: 0;
|
||||||
.list-item .tips { margin: 0 0 var(--len-3) 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 {
|
||||||
.list-item:last-child { border-bottom: 0; }
|
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:first-child {
|
||||||
.list-item { padding: var(--len-3) 0; }
|
padding-top: 0;
|
||||||
.list-item:last-child { padding-bottom: 0;}
|
}
|
||||||
|
.list-item {
|
||||||
|
padding: var(--len-3) 0;
|
||||||
|
}
|
||||||
|
.list-item:last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/**********************/
|
/**********************/
|
||||||
/* set up side layout */
|
/* 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 {
|
||||||
.side li:last-child { margin-bottom: 0; }
|
margin-bottom: var(--len-3);
|
||||||
|
}
|
||||||
|
.side li:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.side hr {
|
.side hr {
|
||||||
border: none;
|
border: none;
|
||||||
|
|
@ -386,16 +523,29 @@ a.external:after{
|
||||||
margin: var(--len-2) 0;
|
margin: var(--len-2) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side > * { padding: var(--len-4); }
|
.side > * {
|
||||||
|
padding: var(--len-4);
|
||||||
|
}
|
||||||
|
|
||||||
.side > * { margin-bottom: var(--len-3); }
|
.side > * {
|
||||||
.side > *:last-child { margin-bottom: 0; }
|
margin-bottom: var(--len-3);
|
||||||
|
}
|
||||||
|
.side > *:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.side a { color: var(--color-fg-font-normal); text-decoration: none; }
|
.side a {
|
||||||
.side a:hover { color: var(--color-fg-hyperlink); }
|
color: var(--color-fg-font-normal);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.side a:hover {
|
||||||
|
color: var(--color-fg-hyperlink);
|
||||||
|
}
|
||||||
|
|
||||||
/* horizontally place tags */
|
/* 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 */
|
/* set up single post layout */
|
||||||
|
|
@ -407,16 +557,24 @@ a.external:after{
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.single a { text-decoration: none; color: var(--color-fg-hyperlink); }
|
.single a {
|
||||||
.single a:hover { color: var(--color-fg-hyperlink-hover); }
|
text-decoration: none;
|
||||||
|
color: var(--color-fg-hyperlink);
|
||||||
|
}
|
||||||
|
.single a:hover {
|
||||||
|
color: var(--color-fg-hyperlink-hover);
|
||||||
|
}
|
||||||
|
|
||||||
.single .title,
|
.single .title,
|
||||||
.single .tip,
|
.single .tip,
|
||||||
.single .taxonomies,
|
.single .taxonomies,
|
||||||
.single .content
|
.single .content {
|
||||||
{ width: 100%; }
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.single .taxonomies { margin-top: var(--len-1); }
|
.single .taxonomies {
|
||||||
|
margin-top: var(--len-1);
|
||||||
|
}
|
||||||
|
|
||||||
.single > hr {
|
.single > hr {
|
||||||
border: none;
|
border: none;
|
||||||
|
|
@ -429,28 +587,35 @@ a.external:after{
|
||||||
|
|
||||||
.single .title,
|
.single .title,
|
||||||
.single .tip,
|
.single .tip,
|
||||||
.single .taxonomies
|
.single .taxonomies {
|
||||||
{ text-align: center; }
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
.single .tip,
|
.single .tip,
|
||||||
.single .taxonomies
|
.single .taxonomies {
|
||||||
{ color: var(--color-fg-font-normal)}
|
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 > * {
|
||||||
.single .taxonomies > *:last-child { margin-right: 0; }
|
margin-right: var(--len-3);
|
||||||
|
}
|
||||||
|
.single .taxonomies > *:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.single .title {
|
.single .title {
|
||||||
margin: var(--len-2) 0 var(--len-3) 0;
|
margin: var(--len-2) 0 var(--len-3) 0;
|
||||||
font-size: var(--font-size-6);
|
font-size: var(--font-size-6);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/***** set up content style *****/
|
/***** set up content style *****/
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content code {
|
.content code {
|
||||||
|
|
@ -466,7 +631,9 @@ a.external:after{
|
||||||
}
|
}
|
||||||
|
|
||||||
/* keep in style with highlighting */
|
/* keep in style with highlighting */
|
||||||
.content pre { padding: 7px; }
|
.content pre {
|
||||||
|
padding: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
.content pre code {
|
.content pre code {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -532,16 +699,14 @@ a.external:after{
|
||||||
border: 1px solid #dadadc;
|
border: 1px solid #dadadc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content tr>td {
|
.content tr > td {
|
||||||
border: 1px solid #dadadc;
|
border: 1px solid #dadadc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content tr:nth-child(odd)>td {
|
.content tr:nth-child(odd) > td {
|
||||||
background: #fcfcfc;
|
background: #fcfcfc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.content h1,
|
.content h1,
|
||||||
.content h2,
|
.content h2,
|
||||||
.content h3 {
|
.content h3 {
|
||||||
|
|
@ -564,8 +729,9 @@ a.external:after{
|
||||||
.content h1:hover a,
|
.content h1:hover a,
|
||||||
.content h2:hover a,
|
.content h2:hover a,
|
||||||
.content h3:hover a,
|
.content h3:hover a,
|
||||||
.content h4:hover a
|
.content h4:hover a {
|
||||||
{ visibility: visible }
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
.highlight pre {
|
.highlight pre {
|
||||||
padding: 7px;
|
padding: 7px;
|
||||||
|
|
@ -598,17 +764,35 @@ a.external:after{
|
||||||
font-size: var(--font-size-2);
|
font-size: var(--font-size-2);
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
#archive .group .value { text-indent: -60px; padding-left: 60px; }
|
#archive .group .value {
|
||||||
#archive .group .value * { text-indent: 0; }
|
text-indent: -60px;
|
||||||
#archive .group .value .date { display: inline-block; width: 60px; }
|
padding-left: 60px;
|
||||||
#archive .group .value .title { display: inline; }
|
}
|
||||||
|
#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 {
|
||||||
#archive .group .value a:hover { color: var(--color-fg-font-hyper-hover); }
|
color: var(--color-fg-font-hyper);
|
||||||
|
}
|
||||||
|
#archive .group .value a:hover {
|
||||||
|
color: var(--color-fg-font-hyper-hover);
|
||||||
|
}
|
||||||
|
|
||||||
#archive .group .value .tags {
|
#archive .group .value .tags {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
@ -712,7 +896,7 @@ a.external:after{
|
||||||
/* keep content style from being affected by remark42 style */
|
/* keep content style from being affected by remark42 style */
|
||||||
.content pre {
|
.content pre {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: var(--color-fg-font-normal)
|
color: var(--color-fg-font-normal);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**********/
|
/**********/
|
||||||
|
|
@ -731,7 +915,7 @@ a.external:after{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#ds-img{
|
#ds-img {
|
||||||
/* make image fit in div */
|
/* make image fit in div */
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,177 +1,687 @@
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
/* Background */ .bg { color: #272822; }
|
/* Background */
|
||||||
/* PreWrapper */ .chroma { color: #272822; }
|
.bg {
|
||||||
/* Other */ .chroma .x { }
|
color: #272822;
|
||||||
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
|
}
|
||||||
/* CodeLine */ .chroma .cl { }
|
/* PreWrapper */
|
||||||
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
.chroma {
|
||||||
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
|
color: #272822;
|
||||||
/* 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 }
|
/* Other */
|
||||||
/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
.chroma .x {
|
||||||
/* Line */ .chroma .line { display: flex; }
|
}
|
||||||
/* Keyword */ .chroma .k { color: #00a8c8 }
|
/* Error */
|
||||||
/* KeywordConstant */ .chroma .kc { color: #00a8c8 }
|
.chroma .err {
|
||||||
/* KeywordDeclaration */ .chroma .kd { color: #00a8c8 }
|
color: #960050;
|
||||||
/* KeywordNamespace */ .chroma .kn { color: #f92672 }
|
background-color: #1e0010;
|
||||||
/* KeywordPseudo */ .chroma .kp { color: #00a8c8 }
|
}
|
||||||
/* KeywordReserved */ .chroma .kr { color: #00a8c8 }
|
/* CodeLine */
|
||||||
/* KeywordType */ .chroma .kt { color: #00a8c8 }
|
.chroma .cl {
|
||||||
/* Name */ .chroma .n { color: #111111 }
|
}
|
||||||
/* NameAttribute */ .chroma .na { color: #75af00 }
|
/* LineTableTD */
|
||||||
/* NameBuiltin */ .chroma .nb { color: #111111 }
|
.chroma .lntd {
|
||||||
/* NameBuiltinPseudo */ .chroma .bp { color: #111111 }
|
vertical-align: top;
|
||||||
/* NameClass */ .chroma .nc { color: #75af00 }
|
padding: 0;
|
||||||
/* NameConstant */ .chroma .no { color: #00a8c8 }
|
margin: 0;
|
||||||
/* NameDecorator */ .chroma .nd { color: #75af00 }
|
border: 0;
|
||||||
/* NameEntity */ .chroma .ni { color: #111111 }
|
}
|
||||||
/* NameException */ .chroma .ne { color: #75af00 }
|
/* LineTable */
|
||||||
/* NameFunction */ .chroma .nf { color: #75af00 }
|
.chroma .lntable {
|
||||||
/* NameFunctionMagic */ .chroma .fm { color: #111111 }
|
border-spacing: 0;
|
||||||
/* NameLabel */ .chroma .nl { color: #111111 }
|
padding: 0;
|
||||||
/* NameNamespace */ .chroma .nn { color: #111111 }
|
margin: 0;
|
||||||
/* NameOther */ .chroma .nx { color: #75af00 }
|
border: 0;
|
||||||
/* NameProperty */ .chroma .py { color: #111111 }
|
}
|
||||||
/* NameTag */ .chroma .nt { color: #f92672 }
|
/* LineHighlight */
|
||||||
/* NameVariable */ .chroma .nv { color: #111111 }
|
.chroma .hl {
|
||||||
/* NameVariableClass */ .chroma .vc { color: #111111 }
|
background-color: #ffffcc;
|
||||||
/* NameVariableGlobal */ .chroma .vg { color: #111111 }
|
}
|
||||||
/* NameVariableInstance */ .chroma .vi { color: #111111 }
|
/* LineNumbersTable */
|
||||||
/* NameVariableMagic */ .chroma .vm { color: #111111 }
|
.chroma .lnt {
|
||||||
/* Literal */ .chroma .l { color: #ae81ff }
|
white-space: pre;
|
||||||
/* LiteralDate */ .chroma .ld { color: #d88200 }
|
user-select: none;
|
||||||
/* LiteralString */ .chroma .s { color: #d88200 }
|
margin-right: 0.4em;
|
||||||
/* LiteralStringAffix */ .chroma .sa { color: #d88200 }
|
padding: 0 0.4em 0 0.4em;
|
||||||
/* LiteralStringBacktick */ .chroma .sb { color: #d88200 }
|
color: #7f7f7f;
|
||||||
/* LiteralStringChar */ .chroma .sc { color: #d88200 }
|
}
|
||||||
/* LiteralStringDelimiter */ .chroma .dl { color: #d88200 }
|
/* LineNumbers */
|
||||||
/* LiteralStringDoc */ .chroma .sd { color: #d88200 }
|
.chroma .ln {
|
||||||
/* LiteralStringDouble */ .chroma .s2 { color: #d88200 }
|
white-space: pre;
|
||||||
/* LiteralStringEscape */ .chroma .se { color: #8045ff }
|
user-select: none;
|
||||||
/* LiteralStringHeredoc */ .chroma .sh { color: #d88200 }
|
margin-right: 0.4em;
|
||||||
/* LiteralStringInterpol */ .chroma .si { color: #d88200 }
|
padding: 0 0.4em 0 0.4em;
|
||||||
/* LiteralStringOther */ .chroma .sx { color: #d88200 }
|
color: #7f7f7f;
|
||||||
/* LiteralStringRegex */ .chroma .sr { color: #d88200 }
|
}
|
||||||
/* LiteralStringSingle */ .chroma .s1 { color: #d88200 }
|
/* Line */
|
||||||
/* LiteralStringSymbol */ .chroma .ss { color: #d88200 }
|
.chroma .line {
|
||||||
/* LiteralNumber */ .chroma .m { color: #ae81ff }
|
display: flex;
|
||||||
/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
|
}
|
||||||
/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
|
/* Keyword */
|
||||||
/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
|
.chroma .k {
|
||||||
/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
|
color: #00a8c8;
|
||||||
/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
|
}
|
||||||
/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
|
/* KeywordConstant */
|
||||||
/* Operator */ .chroma .o { color: #f92672 }
|
.chroma .kc {
|
||||||
/* OperatorWord */ .chroma .ow { color: #f92672 }
|
color: #00a8c8;
|
||||||
/* Punctuation */ .chroma .p { color: #111111 }
|
}
|
||||||
/* Comment */ .chroma .c { color: #75715e }
|
/* KeywordDeclaration */
|
||||||
/* CommentHashbang */ .chroma .ch { color: #75715e }
|
.chroma .kd {
|
||||||
/* CommentMultiline */ .chroma .cm { color: #75715e }
|
color: #00a8c8;
|
||||||
/* CommentSingle */ .chroma .c1 { color: #75715e }
|
}
|
||||||
/* CommentSpecial */ .chroma .cs { color: #75715e }
|
/* KeywordNamespace */
|
||||||
/* CommentPreproc */ .chroma .cp { color: #75715e }
|
.chroma .kn {
|
||||||
/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
|
color: #f92672;
|
||||||
/* Generic */ .chroma .g { }
|
}
|
||||||
/* GenericDeleted */ .chroma .gd { }
|
/* KeywordPseudo */
|
||||||
/* GenericEmph */ .chroma .ge { font-style: italic }
|
.chroma .kp {
|
||||||
/* GenericError */ .chroma .gr { }
|
color: #00a8c8;
|
||||||
/* GenericHeading */ .chroma .gh { }
|
}
|
||||||
/* GenericInserted */ .chroma .gi { }
|
/* KeywordReserved */
|
||||||
/* GenericOutput */ .chroma .go { }
|
.chroma .kr {
|
||||||
/* GenericPrompt */ .chroma .gp { }
|
color: #00a8c8;
|
||||||
/* GenericStrong */ .chroma .gs { font-weight: bold }
|
}
|
||||||
/* GenericSubheading */ .chroma .gu { }
|
/* KeywordType */
|
||||||
/* GenericTraceback */ .chroma .gt { }
|
.chroma .kt {
|
||||||
/* GenericUnderline */ .chroma .gl { }
|
color: #00a8c8;
|
||||||
/* TextWhitespace */ .chroma .w { }
|
}
|
||||||
|
/* 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 */
|
/* use monokai highlight theme in dark */
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
/* Background */ .bg { color: #f8f8f2; background-color: #272822; }
|
/* Background */
|
||||||
/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #272822; }
|
.bg {
|
||||||
/* Other */ .chroma .x { }
|
color: #f8f8f2;
|
||||||
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
|
background-color: #272822;
|
||||||
/* CodeLine */ .chroma .cl { }
|
}
|
||||||
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
|
/* PreWrapper */
|
||||||
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
.chroma {
|
||||||
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
|
color: #f8f8f2;
|
||||||
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
|
background-color: #272822;
|
||||||
/* 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 }
|
/* Other */
|
||||||
/* Line */ .chroma .line { display: flex; }
|
.chroma .x {
|
||||||
/* Keyword */ .chroma .k { color: #66d9ef }
|
}
|
||||||
/* KeywordConstant */ .chroma .kc { color: #66d9ef }
|
/* Error */
|
||||||
/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
|
.chroma .err {
|
||||||
/* KeywordNamespace */ .chroma .kn { color: #f92672 }
|
color: #960050;
|
||||||
/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
|
background-color: #1e0010;
|
||||||
/* KeywordReserved */ .chroma .kr { color: #66d9ef }
|
}
|
||||||
/* KeywordType */ .chroma .kt { color: #66d9ef }
|
/* CodeLine */
|
||||||
/* Name */ .chroma .n { }
|
.chroma .cl {
|
||||||
/* NameAttribute */ .chroma .na { color: #a6e22e }
|
}
|
||||||
/* NameBuiltin */ .chroma .nb { }
|
/* LineLink */
|
||||||
/* NameBuiltinPseudo */ .chroma .bp { }
|
.chroma .lnlinks {
|
||||||
/* NameClass */ .chroma .nc { color: #a6e22e }
|
outline: none;
|
||||||
/* NameConstant */ .chroma .no { color: #66d9ef }
|
text-decoration: none;
|
||||||
/* NameDecorator */ .chroma .nd { color: #a6e22e }
|
color: inherit;
|
||||||
/* NameEntity */ .chroma .ni { }
|
}
|
||||||
/* NameException */ .chroma .ne { color: #a6e22e }
|
/* LineTableTD */
|
||||||
/* NameFunction */ .chroma .nf { color: #a6e22e }
|
.chroma .lntd {
|
||||||
/* NameFunctionMagic */ .chroma .fm { }
|
vertical-align: top;
|
||||||
/* NameLabel */ .chroma .nl { }
|
padding: 0;
|
||||||
/* NameNamespace */ .chroma .nn { }
|
margin: 0;
|
||||||
/* NameOther */ .chroma .nx { color: #a6e22e }
|
border: 0;
|
||||||
/* NameProperty */ .chroma .py { }
|
}
|
||||||
/* NameTag */ .chroma .nt { color: #f92672 }
|
/* LineTable */
|
||||||
/* NameVariable */ .chroma .nv { }
|
.chroma .lntable {
|
||||||
/* NameVariableClass */ .chroma .vc { }
|
border-spacing: 0;
|
||||||
/* NameVariableGlobal */ .chroma .vg { }
|
padding: 0;
|
||||||
/* NameVariableInstance */ .chroma .vi { }
|
margin: 0;
|
||||||
/* NameVariableMagic */ .chroma .vm { }
|
border: 0;
|
||||||
/* Literal */ .chroma .l { color: #ae81ff }
|
}
|
||||||
/* LiteralDate */ .chroma .ld { color: #e6db74 }
|
/* LineHighlight */
|
||||||
/* LiteralString */ .chroma .s { color: #e6db74 }
|
.chroma .hl {
|
||||||
/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
|
background-color: #ffffcc;
|
||||||
/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
|
}
|
||||||
/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
|
/* LineNumbersTable */
|
||||||
/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
|
.chroma .lnt {
|
||||||
/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
|
white-space: pre;
|
||||||
/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
|
user-select: none;
|
||||||
/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
|
margin-right: 0.4em;
|
||||||
/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
|
padding: 0 0.4em 0 0.4em;
|
||||||
/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
|
color: #7f7f7f;
|
||||||
/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
|
}
|
||||||
/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
|
/* LineNumbers */
|
||||||
/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
|
.chroma .ln {
|
||||||
/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
|
white-space: pre;
|
||||||
/* LiteralNumber */ .chroma .m { color: #ae81ff }
|
user-select: none;
|
||||||
/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
|
margin-right: 0.4em;
|
||||||
/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
|
padding: 0 0.4em 0 0.4em;
|
||||||
/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
|
color: #7f7f7f;
|
||||||
/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
|
}
|
||||||
/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
|
/* Line */
|
||||||
/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
|
.chroma .line {
|
||||||
/* Operator */ .chroma .o { color: #f92672 }
|
display: flex;
|
||||||
/* OperatorWord */ .chroma .ow { color: #f92672 }
|
}
|
||||||
/* Punctuation */ .chroma .p { }
|
/* Keyword */
|
||||||
/* Comment */ .chroma .c { color: #75715e }
|
.chroma .k {
|
||||||
/* CommentHashbang */ .chroma .ch { color: #75715e }
|
color: #66d9ef;
|
||||||
/* CommentMultiline */ .chroma .cm { color: #75715e }
|
}
|
||||||
/* CommentSingle */ .chroma .c1 { color: #75715e }
|
/* KeywordConstant */
|
||||||
/* CommentSpecial */ .chroma .cs { color: #75715e }
|
.chroma .kc {
|
||||||
/* CommentPreproc */ .chroma .cp { color: #75715e }
|
color: #66d9ef;
|
||||||
/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
|
}
|
||||||
/* Generic */ .chroma .g { }
|
/* KeywordDeclaration */
|
||||||
/* GenericDeleted */ .chroma .gd { color: #f92672 }
|
.chroma .kd {
|
||||||
/* GenericEmph */ .chroma .ge { font-style: italic }
|
color: #66d9ef;
|
||||||
/* GenericError */ .chroma .gr { }
|
}
|
||||||
/* GenericHeading */ .chroma .gh { }
|
/* KeywordNamespace */
|
||||||
/* GenericInserted */ .chroma .gi { color: #a6e22e }
|
.chroma .kn {
|
||||||
/* GenericOutput */ .chroma .go { }
|
color: #f92672;
|
||||||
/* GenericPrompt */ .chroma .gp { }
|
}
|
||||||
/* GenericStrong */ .chroma .gs { font-weight: bold }
|
/* KeywordPseudo */
|
||||||
/* GenericSubheading */ .chroma .gu { color: #75715e }
|
.chroma .kp {
|
||||||
/* GenericTraceback */ .chroma .gt { }
|
color: #66d9ef;
|
||||||
/* GenericUnderline */ .chroma .gl { }
|
}
|
||||||
/* TextWhitespace */ .chroma .w { }
|
/* 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 {
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6,19 +6,17 @@
|
||||||
* @license - https://icofont.com/license/
|
* @license - https://icofont.com/license/
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@font-face
|
@font-face {
|
||||||
{
|
|
||||||
|
|
||||||
font-family: "IcoFont";
|
font-family: "IcoFont";
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: "Regular";
|
font-style: "Regular";
|
||||||
src: url("./fonts/icofont.woff2") format("woff2"),
|
src: url("./fonts/icofont.woff2") format("woff2"),
|
||||||
url("./fonts/icofont.woff") format("woff");
|
url("./fonts/icofont.woff") format("woff");
|
||||||
}
|
}
|
||||||
|
|
||||||
[class^="icofont-"], [class*=" icofont-"]
|
[class^="icofont-"],
|
||||||
{
|
[class*=" icofont-"] {
|
||||||
font-family: 'IcoFont' !important;
|
font-family: "IcoFont" !important;
|
||||||
speak: none;
|
speak: none;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
|
@ -28,242 +26,201 @@ url("./fonts/icofont.woff") format("woff");
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
/* Better Font Rendering =========== */
|
/* Better Font Rendering =========== */
|
||||||
-webkit-font-feature-settings: "liga";
|
-webkit-font-feature-settings: "liga";
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-rss:before
|
.icofont-rss:before {
|
||||||
{
|
|
||||||
content: "\ed64";
|
content: "\ed64";
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-xs
|
.icofont-xs {
|
||||||
{
|
font-size: 0.5em;
|
||||||
font-size: .5em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-sm
|
.icofont-sm {
|
||||||
{
|
font-size: 0.75em;
|
||||||
font-size: .75em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-md
|
.icofont-md {
|
||||||
{
|
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-lg
|
.icofont-lg {
|
||||||
{
|
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-1x
|
.icofont-1x {
|
||||||
{
|
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-2x
|
.icofont-2x {
|
||||||
{
|
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-3x
|
.icofont-3x {
|
||||||
{
|
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-4x
|
.icofont-4x {
|
||||||
{
|
|
||||||
font-size: 4em;
|
font-size: 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-5x
|
.icofont-5x {
|
||||||
{
|
|
||||||
font-size: 5em;
|
font-size: 5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-6x
|
.icofont-6x {
|
||||||
{
|
|
||||||
font-size: 6em;
|
font-size: 6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-7x
|
.icofont-7x {
|
||||||
{
|
|
||||||
font-size: 7em;
|
font-size: 7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-8x
|
.icofont-8x {
|
||||||
{
|
|
||||||
font-size: 8em;
|
font-size: 8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-9x
|
.icofont-9x {
|
||||||
{
|
|
||||||
font-size: 9em;
|
font-size: 9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-10x
|
.icofont-10x {
|
||||||
{
|
|
||||||
font-size: 10em;
|
font-size: 10em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-fw
|
.icofont-fw {
|
||||||
{
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 1.25em;
|
width: 1.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-ul
|
.icofont-ul {
|
||||||
{
|
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-ul > li
|
.icofont-ul > li {
|
||||||
{
|
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 2em;
|
line-height: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-ul > li .icofont
|
.icofont-ul > li .icofont {
|
||||||
{
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-border
|
.icofont-border {
|
||||||
{
|
|
||||||
border: solid 0.08em #f1f1f1;
|
border: solid 0.08em #f1f1f1;
|
||||||
border-radius: .1em;
|
border-radius: 0.1em;
|
||||||
padding: .2em .25em .15em;
|
padding: 0.2em 0.25em 0.15em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-pull-left
|
.icofont-pull-left {
|
||||||
{
|
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-pull-right
|
.icofont-pull-right {
|
||||||
{
|
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont.icofont-pull-left
|
.icofont.icofont-pull-left {
|
||||||
{
|
margin-right: 0.3em;
|
||||||
margin-right: .3em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont.icofont-pull-right
|
.icofont.icofont-pull-right {
|
||||||
{
|
margin-left: 0.3em;
|
||||||
margin-left: .3em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-spin
|
.icofont-spin {
|
||||||
{
|
|
||||||
-webkit-animation: icofont-spin 2s infinite linear;
|
-webkit-animation: icofont-spin 2s infinite linear;
|
||||||
animation: icofont-spin 2s infinite linear;
|
animation: icofont-spin 2s infinite linear;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-pulse
|
.icofont-pulse {
|
||||||
{
|
|
||||||
-webkit-animation: icofont-spin 1s infinite steps(8);
|
-webkit-animation: icofont-spin 1s infinite steps(8);
|
||||||
animation: icofont-spin 1s infinite steps(8);
|
animation: icofont-spin 1s infinite steps(8);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes icofont-spin
|
@-webkit-keyframes icofont-spin {
|
||||||
{
|
0% {
|
||||||
0%
|
|
||||||
{
|
|
||||||
-webkit-transform: rotate(0deg);
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
100%
|
100% {
|
||||||
{
|
|
||||||
-webkit-transform: rotate(360deg);
|
-webkit-transform: rotate(360deg);
|
||||||
transform: rotate(360deg);
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes icofont-spin
|
@keyframes icofont-spin {
|
||||||
{
|
0% {
|
||||||
0%
|
|
||||||
{
|
|
||||||
-webkit-transform: rotate(0deg);
|
-webkit-transform: rotate(0deg);
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
100%
|
100% {
|
||||||
{
|
|
||||||
-webkit-transform: rotate(360deg);
|
-webkit-transform: rotate(360deg);
|
||||||
transform: rotate(360deg);
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-rotate-90
|
.icofont-rotate-90 {
|
||||||
{
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
|
||||||
-webkit-transform: rotate(90deg);
|
-webkit-transform: rotate(90deg);
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-rotate-180
|
.icofont-rotate-180 {
|
||||||
{
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
|
||||||
-webkit-transform: rotate(180deg);
|
-webkit-transform: rotate(180deg);
|
||||||
transform: rotate(180deg);
|
transform: rotate(180deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-rotate-270
|
.icofont-rotate-270 {
|
||||||
{
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
||||||
-webkit-transform: rotate(270deg);
|
-webkit-transform: rotate(270deg);
|
||||||
transform: rotate(270deg);
|
transform: rotate(270deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-flip-horizontal
|
.icofont-flip-horizontal {
|
||||||
{
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
|
||||||
-webkit-transform: scale(-1, 1);
|
-webkit-transform: scale(-1, 1);
|
||||||
transform: scale(-1, 1);
|
transform: scale(-1, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-flip-vertical
|
.icofont-flip-vertical {
|
||||||
{
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
|
||||||
-webkit-transform: scale(1, -1);
|
-webkit-transform: scale(1, -1);
|
||||||
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)";
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
|
||||||
-webkit-transform: scale(-1, -1);
|
-webkit-transform: scale(-1, -1);
|
||||||
transform: scale(-1, -1);
|
transform: scale(-1, -1);
|
||||||
}
|
}
|
||||||
|
|
||||||
:root .icofont-rotate-90,
|
:root .icofont-rotate-90,
|
||||||
:root .icofont-rotate-180,
|
:root .icofont-rotate-180,
|
||||||
:root .icofont-rotate-270,
|
:root .icofont-rotate-270,
|
||||||
:root .icofont-flip-horizontal,
|
:root .icofont-flip-horizontal,
|
||||||
:root .icofont-flip-vertical
|
:root .icofont-flip-vertical {
|
||||||
{
|
|
||||||
-webkit-filter: none;
|
-webkit-filter: none;
|
||||||
filter: none;
|
filter: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icofont-inverse
|
.icofont-inverse {
|
||||||
{
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sr-only
|
.sr-only {
|
||||||
{
|
|
||||||
border: 0;
|
border: 0;
|
||||||
clip: rect(0, 0, 0, 0);
|
clip: rect(0, 0, 0, 0);
|
||||||
height: 1px;
|
height: 1px;
|
||||||
|
|
@ -275,8 +232,7 @@ url("./fonts/icofont.woff") format("woff");
|
||||||
}
|
}
|
||||||
|
|
||||||
.sr-only-focusable:active,
|
.sr-only-focusable:active,
|
||||||
.sr-only-focusable:focus
|
.sr-only-focusable:focus {
|
||||||
{
|
|
||||||
clip: auto;
|
clip: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -284,4 +240,3 @@ url("./fonts/icofont.woff") format("woff");
|
||||||
position: static;
|
position: static;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4,4 +4,190 @@
|
||||||
* @author IcoFont https://icofont.com
|
* @author IcoFont https://icofont.com
|
||||||
* @copyright Copyright (c) 2015 - 2022 IcoFont
|
* @copyright Copyright (c) 2015 - 2022 IcoFont
|
||||||
* @license - https://icofont.com/license/
|
* @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;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,121 +1,161 @@
|
||||||
/* stylelint-disable font-family-no-missing-generic-family-keyword */
|
/* stylelint-disable font-family-no-missing-generic-family-keyword */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_AMS';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Caligraphic';
|
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');
|
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-weight: bold;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Caligraphic';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Fraktur';
|
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');
|
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-weight: bold;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Fraktur';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Main';
|
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');
|
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-weight: bold;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Main';
|
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');
|
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-weight: bold;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Main';
|
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');
|
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-weight: normal;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Main';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Math';
|
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');
|
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-weight: bold;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Math';
|
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');
|
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-weight: normal;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_SansSerif';
|
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');
|
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-weight: bold;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_SansSerif';
|
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');
|
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-weight: normal;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_SansSerif';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Script';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Size1';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Size2';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Size3';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Size4';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'KaTeX_Typewriter';
|
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');
|
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-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
@ -1076,4 +1116,3 @@
|
||||||
body {
|
body {
|
||||||
counter-reset: katexEqnNo mmlEqnNo;
|
counter-reset: katexEqnNo mmlEqnNo;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue