Compare commits
No commits in common. "2a8a424ca7fa9e09f485f47bfc49372f0d8f1e33" and "c9e7b1ff6429c09326a6037ccc6df827994dc580" have entirely different histories.
2a8a424ca7
...
c9e7b1ff64
|
|
@ -1,40 +1,40 @@
|
||||||
/* 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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -80,34 +80,33 @@
|
||||||
|
|
||||||
: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", "Noto Sans CJK",
|
--fonts-sans-zh: "WenQuanYi Zen Hei", "WenQuanYi Micro Hei",
|
||||||
"Microsoft YaHei", "PingFang SC";
|
"Noto Sans CJK", "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",
|
--fonts-mono-zh: "Noto Sans Mono CJK", "WenQuanYi Zen Hei Mono", "WenQuanYi Micro 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: 0rem;
|
--len-0: 0.00rem;
|
||||||
--len-1: 0.25rem;
|
--len-1: 0.25rem;
|
||||||
--len-2: 0.5rem;
|
--len-2: 0.50rem;
|
||||||
--len-3: 1rem;
|
--len-3: 1.00rem;
|
||||||
--len-4: 1.5rem;
|
--len-4: 1.50rem;
|
||||||
--len-5: 3rem;
|
--len-5: 3.00rem;
|
||||||
|
|
||||||
--font-size-0: 0.8125rem;
|
--font-size-0: 0.8125rem;
|
||||||
--font-size-1: 0.875rem;
|
--font-size-1: 0.875rem;
|
||||||
--font-size-2: 1rem;
|
--font-size-2: 1.000rem;
|
||||||
--font-size-3: 1.125rem;
|
--font-size-3: 1.125rem;
|
||||||
--font-size-4: 1.25rem;
|
--font-size-4: 1.250rem;
|
||||||
--font-size-5: 1.5rem;
|
--font-size-5: 1.500rem;
|
||||||
--font-size-6: 2rem;
|
--font-size-6: 2.000rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
*,
|
|
||||||
::before,
|
*, ::before, ::after {
|
||||||
::after {
|
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
@ -139,51 +138,26 @@ 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 {
|
.main-wrapper { display: flex; flex-wrap: wrap; }
|
||||||
display: flex;
|
.main-wrapper > * { height: fit-content; }
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.main-wrapper > * {
|
|
||||||
height: fit-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
.main { padding: var(--len-4); }
|
||||||
padding: var(--len-4);
|
.side { padding-left: var(--len-4); }
|
||||||
}
|
.main { flex: 0 0 72%; width: 72%; }
|
||||||
.side {
|
.side { flex: 0 0 28%; width: 28%; }
|
||||||
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 {
|
.main { padding: var(--len-4); }
|
||||||
padding: var(--len-4);
|
.side { padding-left: 0; padding-top: var(--len-4); }
|
||||||
}
|
.main { flex: 0 0 100%; width: 100%; }
|
||||||
.side {
|
.side { flex: 0 0 100%; width: 100%; }
|
||||||
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 */
|
||||||
|
|
@ -195,7 +169,8 @@ 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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -211,40 +186,17 @@ 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,
|
.main-wrapper, .header { max-width: 1140px; }
|
||||||
.header {
|
@media (max-width: 1199px) { .main-wrapper, .header { max-width: 960px; } }
|
||||||
max-width: 1140px;
|
@media (max-width: 991px) { .main-wrapper, .header { max-width: 720px; } }
|
||||||
}
|
@media (max-width: 767px) { .main-wrapper, .header { max-width: 540px; } }
|
||||||
@media (max-width: 1199px) {
|
@media (max-width: 575px) { .main-wrapper, .header { max-width: none; } }
|
||||||
.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; } */
|
||||||
|
|
@ -255,13 +207,8 @@ a.external:after {
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
.header-wrapper,
|
.header-wrapper, .footer { width: 100vw;}
|
||||||
.footer {
|
.main-wrapper { width: calc(100vw - 2 * var(--len-3));}
|
||||||
width: 100vw;
|
|
||||||
}
|
|
||||||
.main-wrapper {
|
|
||||||
width: calc(100vw - 2 * var(--len-3));
|
|
||||||
}
|
|
||||||
|
|
||||||
/************************/
|
/************************/
|
||||||
/* set up header layout */
|
/* set up header layout */
|
||||||
|
|
@ -273,7 +220,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 */
|
||||||
|
|
@ -285,13 +232,8 @@ a.external:after {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header .menu {
|
.header .menu { justify-content: center; align-items: center; }
|
||||||
justify-content: center;
|
.header .site-title { text-align: center; }
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.header .site-title {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.header .site-title {
|
.header .site-title {
|
||||||
|
|
@ -321,18 +263,9 @@ 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 {
|
.header .menu-item .sub-menu { visibility: hidden; opacity: 0; transition: opacity 0.25s, visibility 0.25s; }
|
||||||
visibility: hidden;
|
.header .menu-item:hover .sub-menu { visibility: visible; opacity: 1; }
|
||||||
opacity: 0;
|
.header .sub-menu { position: absolute; }
|
||||||
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 {
|
||||||
|
|
@ -346,18 +279,10 @@ 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 > * {
|
.header .menu > * { margin-right: var(--len-3); }
|
||||||
margin-right: var(--len-3);
|
.header .menu > *:last-child { margin-right: 0; }
|
||||||
}
|
.header .sub-menu > * { margin-bottom: var(--len-2); }
|
||||||
.header .menu > *:last-child {
|
.header .sub-menu > *:last-child { margin-bottom: 0; }
|
||||||
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 {
|
||||||
|
|
@ -374,13 +299,8 @@ a.external:after {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header a {
|
.header a { color: var(--color-dark-fg-font-normal); text-decoration: none; } /*always dark since backgroundimage is dark */
|
||||||
color: var(--color-dark-fg-font-normal);
|
.header a:hover { color: var(--color-fg-font-hover); }
|
||||||
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 */
|
||||||
|
|
@ -397,30 +317,16 @@ a.external:after {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* credit, license and social layout */
|
/* credit, license and social layout */
|
||||||
.footer .footer-row {
|
.footer .footer-row { display: flex; justify-content: center; }
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer .footer-item {
|
.footer .footer-item { margin-right: var(--len-3); }
|
||||||
margin-right: var(--len-3);
|
.footer .footer-item:last-child { margin-right: 0; }
|
||||||
}
|
|
||||||
.footer .footer-item:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* beautify hyper link style */
|
/* beautify hyper link style */
|
||||||
.footer {
|
.footer { color: var(--color-fg-font-normal) }
|
||||||
color: var(--color-fg-font-normal);
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer a {
|
.footer a { color: var(--color-fg-hyperlink); text-decoration: none; }
|
||||||
color: var(--color-fg-hyperlink);
|
.footer a:hover { color: var(--color-fg-hyperlink-hover); }
|
||||||
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 */
|
||||||
|
|
@ -436,84 +342,41 @@ a.external:after {
|
||||||
color: var(--color-fg-font-quote);
|
color: var(--color-fg-font-quote);
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-item .tips > * {
|
.list-item .tips > * { margin-right: var(--len-3); }
|
||||||
margin-right: var(--len-3);
|
.list-item .tips > *:last-child { margin-right: 0; }
|
||||||
}
|
|
||||||
.list-item .tips > *:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-item .title a {
|
.list-item .title a { text-decoration: none; color: var(--color-fg-font-normal); }
|
||||||
text-decoration: none;
|
.list-item .title a:hover { color: var(--color-fg-font-hover); }
|
||||||
color: var(--color-fg-font-normal);
|
.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: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 {
|
.list-item .title { margin: var(--len-2) 0 var(--len-3) 0; }
|
||||||
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 > * {
|
.list-item .summary > * { margin: 0; }
|
||||||
margin: 0;
|
.list-item .title { margin: 0 0 var(--len-2) 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 {
|
.list-item { border-bottom: 1px solid var(--color-fg-tiny-line); }
|
||||||
border-bottom: 1px solid var(--color-fg-tiny-line);
|
.list-item:last-child { border-bottom: 0; }
|
||||||
}
|
|
||||||
.list-item:last-child {
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-item:first-child {
|
.list-item:first-child { padding-top: 0;}
|
||||||
padding-top: 0;
|
.list-item { padding: var(--len-3) 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 {
|
.side h2 { margin: 0; }
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.side ul {
|
.side ul { list-style: none; margin: 0; padding: 0; }
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.side li {
|
.side li { margin-bottom: var(--len-3); }
|
||||||
margin-bottom: var(--len-3);
|
.side li:last-child { margin-bottom: 0; }
|
||||||
}
|
|
||||||
.side li:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.side hr {
|
.side hr {
|
||||||
border: none;
|
border: none;
|
||||||
|
|
@ -523,29 +386,16 @@ a.external:after {
|
||||||
margin: var(--len-2) 0;
|
margin: var(--len-2) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side > * {
|
.side > * { padding: var(--len-4); }
|
||||||
padding: var(--len-4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.side > * {
|
.side > * { margin-bottom: var(--len-3); }
|
||||||
margin-bottom: var(--len-3);
|
.side > *:last-child { margin-bottom: 0; }
|
||||||
}
|
|
||||||
.side > *:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.side a {
|
.side a { color: var(--color-fg-font-normal); text-decoration: none; }
|
||||||
color: var(--color-fg-font-normal);
|
.side a:hover { color: var(--color-fg-hyperlink); }
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.side a:hover {
|
|
||||||
color: var(--color-fg-hyperlink);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* horizontally place tags */
|
/* horizontally place tags */
|
||||||
.side .side-tags li {
|
.side .side-tags li { margin: var(--len-1) var(--len-1); }
|
||||||
margin: var(--len-1) var(--len-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*****************************/
|
/*****************************/
|
||||||
/* set up single post layout */
|
/* set up single post layout */
|
||||||
|
|
@ -557,24 +407,16 @@ a.external:after {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.single a {
|
.single a { text-decoration: none; color: var(--color-fg-hyperlink); }
|
||||||
text-decoration: none;
|
.single a:hover { color: var(--color-fg-hyperlink-hover); }
|
||||||
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 {
|
.single .taxonomies { margin-top: var(--len-1); }
|
||||||
margin-top: var(--len-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.single > hr {
|
.single > hr {
|
||||||
border: none;
|
border: none;
|
||||||
|
|
@ -587,31 +429,24 @@ 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 > * {
|
.single .taxonomies > * { display: inline-block; }
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.single .taxonomies > * {
|
.single .taxonomies > * { margin-right: var(--len-3); }
|
||||||
margin-right: var(--len-3);
|
.single .taxonomies > *:last-child { margin-right: 0; }
|
||||||
}
|
|
||||||
.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 {
|
||||||
|
|
@ -631,9 +466,7 @@ a.external:after {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* keep in style with highlighting */
|
/* keep in style with highlighting */
|
||||||
.content pre {
|
.content pre { padding: 7px; }
|
||||||
padding: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content pre code {
|
.content pre code {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -699,14 +532,16 @@ 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 {
|
||||||
|
|
@ -729,9 +564,8 @@ 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;
|
||||||
|
|
@ -764,35 +598,17 @@ a.external:after {
|
||||||
font-size: var(--font-size-2);
|
font-size: var(--font-size-2);
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
#archive .group .value {
|
#archive .group .value { text-indent: -60px; padding-left: 60px; }
|
||||||
text-indent: -60px;
|
#archive .group .value * { text-indent: 0; }
|
||||||
padding-left: 60px;
|
#archive .group .value .date { display: inline-block; width: 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 {
|
#archive .group .value .date { color: var(--color-fg-font-normal); }
|
||||||
color: var(--color-fg-font-normal);
|
|
||||||
}
|
|
||||||
|
|
||||||
#archive .group .value a {
|
#archive .group .value a { text-decoration: none; }
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#archive .group .value a {
|
#archive .group .value a { color: var(--color-fg-font-hyper); }
|
||||||
color: var(--color-fg-font-hyper);
|
#archive .group .value a:hover { color: var(--color-fg-font-hyper-hover); }
|
||||||
}
|
|
||||||
#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;
|
||||||
|
|
@ -896,7 +712,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)
|
||||||
}
|
}
|
||||||
|
|
||||||
/**********/
|
/**********/
|
||||||
|
|
@ -915,7 +731,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,687 +1,177 @@
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
/* Background */
|
/* Background */ .bg { color: #272822; }
|
||||||
.bg {
|
/* PreWrapper */ .chroma { color: #272822; }
|
||||||
color: #272822;
|
/* Other */ .chroma .x { }
|
||||||
}
|
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
|
||||||
/* PreWrapper */
|
/* CodeLine */ .chroma .cl { }
|
||||||
.chroma {
|
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
||||||
color: #272822;
|
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
|
||||||
}
|
/* LineHighlight */ .chroma .hl { background-color: #ffffcc }
|
||||||
/* Other */
|
/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||||
.chroma .x {
|
/* 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; }
|
||||||
/* Error */
|
/* Keyword */ .chroma .k { color: #00a8c8 }
|
||||||
.chroma .err {
|
/* KeywordConstant */ .chroma .kc { color: #00a8c8 }
|
||||||
color: #960050;
|
/* KeywordDeclaration */ .chroma .kd { color: #00a8c8 }
|
||||||
background-color: #1e0010;
|
/* KeywordNamespace */ .chroma .kn { color: #f92672 }
|
||||||
}
|
/* KeywordPseudo */ .chroma .kp { color: #00a8c8 }
|
||||||
/* CodeLine */
|
/* KeywordReserved */ .chroma .kr { color: #00a8c8 }
|
||||||
.chroma .cl {
|
/* KeywordType */ .chroma .kt { color: #00a8c8 }
|
||||||
}
|
/* Name */ .chroma .n { color: #111111 }
|
||||||
/* LineTableTD */
|
/* NameAttribute */ .chroma .na { color: #75af00 }
|
||||||
.chroma .lntd {
|
/* NameBuiltin */ .chroma .nb { color: #111111 }
|
||||||
vertical-align: top;
|
/* NameBuiltinPseudo */ .chroma .bp { color: #111111 }
|
||||||
padding: 0;
|
/* NameClass */ .chroma .nc { color: #75af00 }
|
||||||
margin: 0;
|
/* NameConstant */ .chroma .no { color: #00a8c8 }
|
||||||
border: 0;
|
/* NameDecorator */ .chroma .nd { color: #75af00 }
|
||||||
}
|
/* NameEntity */ .chroma .ni { color: #111111 }
|
||||||
/* LineTable */
|
/* NameException */ .chroma .ne { color: #75af00 }
|
||||||
.chroma .lntable {
|
/* NameFunction */ .chroma .nf { color: #75af00 }
|
||||||
border-spacing: 0;
|
/* NameFunctionMagic */ .chroma .fm { color: #111111 }
|
||||||
padding: 0;
|
/* NameLabel */ .chroma .nl { color: #111111 }
|
||||||
margin: 0;
|
/* NameNamespace */ .chroma .nn { color: #111111 }
|
||||||
border: 0;
|
/* NameOther */ .chroma .nx { color: #75af00 }
|
||||||
}
|
/* NameProperty */ .chroma .py { color: #111111 }
|
||||||
/* LineHighlight */
|
/* NameTag */ .chroma .nt { color: #f92672 }
|
||||||
.chroma .hl {
|
/* NameVariable */ .chroma .nv { color: #111111 }
|
||||||
background-color: #ffffcc;
|
/* NameVariableClass */ .chroma .vc { color: #111111 }
|
||||||
}
|
/* NameVariableGlobal */ .chroma .vg { color: #111111 }
|
||||||
/* LineNumbersTable */
|
/* NameVariableInstance */ .chroma .vi { color: #111111 }
|
||||||
.chroma .lnt {
|
/* NameVariableMagic */ .chroma .vm { color: #111111 }
|
||||||
white-space: pre;
|
/* Literal */ .chroma .l { color: #ae81ff }
|
||||||
user-select: none;
|
/* LiteralDate */ .chroma .ld { color: #d88200 }
|
||||||
margin-right: 0.4em;
|
/* LiteralString */ .chroma .s { color: #d88200 }
|
||||||
padding: 0 0.4em 0 0.4em;
|
/* LiteralStringAffix */ .chroma .sa { color: #d88200 }
|
||||||
color: #7f7f7f;
|
/* LiteralStringBacktick */ .chroma .sb { color: #d88200 }
|
||||||
}
|
/* LiteralStringChar */ .chroma .sc { color: #d88200 }
|
||||||
/* LineNumbers */
|
/* LiteralStringDelimiter */ .chroma .dl { color: #d88200 }
|
||||||
.chroma .ln {
|
/* LiteralStringDoc */ .chroma .sd { color: #d88200 }
|
||||||
white-space: pre;
|
/* LiteralStringDouble */ .chroma .s2 { color: #d88200 }
|
||||||
user-select: none;
|
/* LiteralStringEscape */ .chroma .se { color: #8045ff }
|
||||||
margin-right: 0.4em;
|
/* LiteralStringHeredoc */ .chroma .sh { color: #d88200 }
|
||||||
padding: 0 0.4em 0 0.4em;
|
/* LiteralStringInterpol */ .chroma .si { color: #d88200 }
|
||||||
color: #7f7f7f;
|
/* LiteralStringOther */ .chroma .sx { color: #d88200 }
|
||||||
}
|
/* LiteralStringRegex */ .chroma .sr { color: #d88200 }
|
||||||
/* Line */
|
/* LiteralStringSingle */ .chroma .s1 { color: #d88200 }
|
||||||
.chroma .line {
|
/* LiteralStringSymbol */ .chroma .ss { color: #d88200 }
|
||||||
display: flex;
|
/* LiteralNumber */ .chroma .m { color: #ae81ff }
|
||||||
}
|
/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
|
||||||
/* Keyword */
|
/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
|
||||||
.chroma .k {
|
/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
|
||||||
color: #00a8c8;
|
/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
|
||||||
}
|
/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
|
||||||
/* KeywordConstant */
|
/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
|
||||||
.chroma .kc {
|
/* Operator */ .chroma .o { color: #f92672 }
|
||||||
color: #00a8c8;
|
/* OperatorWord */ .chroma .ow { color: #f92672 }
|
||||||
}
|
/* Punctuation */ .chroma .p { color: #111111 }
|
||||||
/* KeywordDeclaration */
|
/* Comment */ .chroma .c { color: #75715e }
|
||||||
.chroma .kd {
|
/* CommentHashbang */ .chroma .ch { color: #75715e }
|
||||||
color: #00a8c8;
|
/* CommentMultiline */ .chroma .cm { color: #75715e }
|
||||||
}
|
/* CommentSingle */ .chroma .c1 { color: #75715e }
|
||||||
/* KeywordNamespace */
|
/* CommentSpecial */ .chroma .cs { color: #75715e }
|
||||||
.chroma .kn {
|
/* CommentPreproc */ .chroma .cp { color: #75715e }
|
||||||
color: #f92672;
|
/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
|
||||||
}
|
/* Generic */ .chroma .g { }
|
||||||
/* KeywordPseudo */
|
/* GenericDeleted */ .chroma .gd { }
|
||||||
.chroma .kp {
|
/* GenericEmph */ .chroma .ge { font-style: italic }
|
||||||
color: #00a8c8;
|
/* GenericError */ .chroma .gr { }
|
||||||
}
|
/* GenericHeading */ .chroma .gh { }
|
||||||
/* KeywordReserved */
|
/* GenericInserted */ .chroma .gi { }
|
||||||
.chroma .kr {
|
/* GenericOutput */ .chroma .go { }
|
||||||
color: #00a8c8;
|
/* GenericPrompt */ .chroma .gp { }
|
||||||
}
|
/* GenericStrong */ .chroma .gs { font-weight: bold }
|
||||||
/* KeywordType */
|
/* GenericSubheading */ .chroma .gu { }
|
||||||
.chroma .kt {
|
/* GenericTraceback */ .chroma .gt { }
|
||||||
color: #00a8c8;
|
/* GenericUnderline */ .chroma .gl { }
|
||||||
}
|
/* 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 */
|
/* Background */ .bg { color: #f8f8f2; background-color: #272822; }
|
||||||
.bg {
|
/* PreWrapper */ .chroma { color: #f8f8f2; background-color: #272822; }
|
||||||
color: #f8f8f2;
|
/* Other */ .chroma .x { }
|
||||||
background-color: #272822;
|
/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
|
||||||
}
|
/* CodeLine */ .chroma .cl { }
|
||||||
/* PreWrapper */
|
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
|
||||||
.chroma {
|
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
||||||
color: #f8f8f2;
|
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
|
||||||
background-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: #66d9ef }
|
||||||
/* Error */
|
/* KeywordConstant */ .chroma .kc { color: #66d9ef }
|
||||||
.chroma .err {
|
/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
|
||||||
color: #960050;
|
/* KeywordNamespace */ .chroma .kn { color: #f92672 }
|
||||||
background-color: #1e0010;
|
/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
|
||||||
}
|
/* KeywordReserved */ .chroma .kr { color: #66d9ef }
|
||||||
/* CodeLine */
|
/* KeywordType */ .chroma .kt { color: #66d9ef }
|
||||||
.chroma .cl {
|
/* Name */ .chroma .n { }
|
||||||
}
|
/* NameAttribute */ .chroma .na { color: #a6e22e }
|
||||||
/* LineLink */
|
/* NameBuiltin */ .chroma .nb { }
|
||||||
.chroma .lnlinks {
|
/* NameBuiltinPseudo */ .chroma .bp { }
|
||||||
outline: none;
|
/* NameClass */ .chroma .nc { color: #a6e22e }
|
||||||
text-decoration: none;
|
/* NameConstant */ .chroma .no { color: #66d9ef }
|
||||||
color: inherit;
|
/* NameDecorator */ .chroma .nd { color: #a6e22e }
|
||||||
}
|
/* NameEntity */ .chroma .ni { }
|
||||||
/* LineTableTD */
|
/* NameException */ .chroma .ne { color: #a6e22e }
|
||||||
.chroma .lntd {
|
/* NameFunction */ .chroma .nf { color: #a6e22e }
|
||||||
vertical-align: top;
|
/* NameFunctionMagic */ .chroma .fm { }
|
||||||
padding: 0;
|
/* NameLabel */ .chroma .nl { }
|
||||||
margin: 0;
|
/* NameNamespace */ .chroma .nn { }
|
||||||
border: 0;
|
/* NameOther */ .chroma .nx { color: #a6e22e }
|
||||||
}
|
/* NameProperty */ .chroma .py { }
|
||||||
/* LineTable */
|
/* NameTag */ .chroma .nt { color: #f92672 }
|
||||||
.chroma .lntable {
|
/* NameVariable */ .chroma .nv { }
|
||||||
border-spacing: 0;
|
/* NameVariableClass */ .chroma .vc { }
|
||||||
padding: 0;
|
/* NameVariableGlobal */ .chroma .vg { }
|
||||||
margin: 0;
|
/* NameVariableInstance */ .chroma .vi { }
|
||||||
border: 0;
|
/* NameVariableMagic */ .chroma .vm { }
|
||||||
}
|
/* Literal */ .chroma .l { color: #ae81ff }
|
||||||
/* LineHighlight */
|
/* LiteralDate */ .chroma .ld { color: #e6db74 }
|
||||||
.chroma .hl {
|
/* LiteralString */ .chroma .s { color: #e6db74 }
|
||||||
background-color: #ffffcc;
|
/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
|
||||||
}
|
/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
|
||||||
/* LineNumbersTable */
|
/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
|
||||||
.chroma .lnt {
|
/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
|
||||||
white-space: pre;
|
/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
|
||||||
user-select: none;
|
/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
|
||||||
margin-right: 0.4em;
|
/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
|
||||||
padding: 0 0.4em 0 0.4em;
|
/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
|
||||||
color: #7f7f7f;
|
/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
|
||||||
}
|
/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
|
||||||
/* LineNumbers */
|
/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
|
||||||
.chroma .ln {
|
/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
|
||||||
white-space: pre;
|
/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
|
||||||
user-select: none;
|
/* LiteralNumber */ .chroma .m { color: #ae81ff }
|
||||||
margin-right: 0.4em;
|
/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
|
||||||
padding: 0 0.4em 0 0.4em;
|
/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
|
||||||
color: #7f7f7f;
|
/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
|
||||||
}
|
/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
|
||||||
/* Line */
|
/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
|
||||||
.chroma .line {
|
/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
|
||||||
display: flex;
|
/* Operator */ .chroma .o { color: #f92672 }
|
||||||
}
|
/* OperatorWord */ .chroma .ow { color: #f92672 }
|
||||||
/* Keyword */
|
/* Punctuation */ .chroma .p { }
|
||||||
.chroma .k {
|
/* Comment */ .chroma .c { color: #75715e }
|
||||||
color: #66d9ef;
|
/* CommentHashbang */ .chroma .ch { color: #75715e }
|
||||||
}
|
/* CommentMultiline */ .chroma .cm { color: #75715e }
|
||||||
/* KeywordConstant */
|
/* CommentSingle */ .chroma .c1 { color: #75715e }
|
||||||
.chroma .kc {
|
/* CommentSpecial */ .chroma .cs { color: #75715e }
|
||||||
color: #66d9ef;
|
/* CommentPreproc */ .chroma .cp { color: #75715e }
|
||||||
}
|
/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
|
||||||
/* KeywordDeclaration */
|
/* Generic */ .chroma .g { }
|
||||||
.chroma .kd {
|
/* GenericDeleted */ .chroma .gd { color: #f92672 }
|
||||||
color: #66d9ef;
|
/* GenericEmph */ .chroma .ge { font-style: italic }
|
||||||
}
|
/* GenericError */ .chroma .gr { }
|
||||||
/* KeywordNamespace */
|
/* GenericHeading */ .chroma .gh { }
|
||||||
.chroma .kn {
|
/* GenericInserted */ .chroma .gi { color: #a6e22e }
|
||||||
color: #f92672;
|
/* GenericOutput */ .chroma .go { }
|
||||||
}
|
/* GenericPrompt */ .chroma .gp { }
|
||||||
/* KeywordPseudo */
|
/* GenericStrong */ .chroma .gs { font-weight: bold }
|
||||||
.chroma .kp {
|
/* GenericSubheading */ .chroma .gu { color: #75715e }
|
||||||
color: #66d9ef;
|
/* GenericTraceback */ .chroma .gt { }
|
||||||
}
|
/* GenericUnderline */ .chroma .gl { }
|
||||||
/* KeywordReserved */
|
/* TextWhitespace */ .chroma .w { }
|
||||||
.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 {
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,62 +1,53 @@
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
let url =
|
|
||||||
"https://ical2json.c3re.de/api/?url=https%3A%2F%2Fcloud.c3re.de%2Fremote.php%2Fdav%2Fpublic-calendars%2FRLKKkdjNYgXH8yEz%3Fexport&start=today&end=next+month&maxitems=10";
|
let url="https://ical2json.c3re.de/api/?url=https%3A%2F%2Fcloud.c3re.de%2Fremote.php%2Fdav%2Fpublic-calendars%2FRLKKkdjNYgXH8yEz%3Fexport&start=today&end=next+month&maxitems=10"
|
||||||
let xmlHttp = new XMLHttpRequest();
|
let xmlHttp = new XMLHttpRequest();
|
||||||
let zeropad = function (i) {
|
let zeropad=function(i){
|
||||||
let o = "";
|
let o=""
|
||||||
if (i <= 9) o += "0";
|
if(i<=9) o+="0"
|
||||||
o += i;
|
o+=i
|
||||||
return o;
|
return o
|
||||||
};
|
}
|
||||||
xmlHttp.onreadystatechange = function () {
|
xmlHttp.onreadystatechange = function() {
|
||||||
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
|
if (xmlHttp.readyState == 4 && xmlHttp.status == 200){
|
||||||
let cal = JSON.parse(xmlHttp.responseText);
|
let cal=JSON.parse(xmlHttp.responseText)
|
||||||
let $ = jQuery;
|
let $ = jQuery
|
||||||
let box = $("#calendar");
|
let box=$('#calendar')
|
||||||
for (let item of cal) {
|
for(let item of cal){
|
||||||
let li = $("<li/>");
|
let li=$("<li/>")
|
||||||
//li.text(item.summary)
|
//li.text(item.summary)
|
||||||
let startDate = new Date(item.start * 1000);
|
let startDate=new Date(item.start * 1000)
|
||||||
let date = $("<span class='date'/>");
|
let date=$("<span class='date'/>")
|
||||||
date.text(
|
date.text(zeropad(startDate.getDate())+'.'+zeropad(1+startDate.getMonth())+'.'+startDate.getFullYear()+' - '+zeropad(startDate.getHours())+':'+zeropad(startDate.getMinutes()))
|
||||||
zeropad(startDate.getDate()) +
|
date.appendTo(li)
|
||||||
"." +
|
let summary=$("<span class='summary'/>")
|
||||||
zeropad(1 + startDate.getMonth()) +
|
summary.text(item.summary)
|
||||||
"." +
|
if(item.url){
|
||||||
startDate.getFullYear() +
|
let a = $('<a/>')
|
||||||
" - " +
|
a.attr('href',item.url)
|
||||||
zeropad(startDate.getHours()) +
|
a.attr('title',item.description)
|
||||||
":" +
|
a.append(summary)
|
||||||
zeropad(startDate.getMinutes())
|
a.appendTo(li)
|
||||||
);
|
}else{
|
||||||
date.appendTo(li);
|
summary.appendTo(li)
|
||||||
let summary = $("<span class='summary'/>");
|
|
||||||
summary.text(item.summary);
|
|
||||||
if (item.url) {
|
|
||||||
let a = $("<a/>");
|
|
||||||
a.attr("href", item.url);
|
|
||||||
a.attr("title", item.description);
|
|
||||||
a.append(summary);
|
|
||||||
a.appendTo(li);
|
|
||||||
} else {
|
|
||||||
summary.appendTo(li);
|
|
||||||
}
|
}
|
||||||
if (item.location) {
|
if(item.location){
|
||||||
let loc = $("<span class='location'>📍</span>");
|
let loc=$("<span class='location'>📍</span>")
|
||||||
|
|
||||||
loc.attr("data-loc", item.location);
|
loc.attr('data-loc',item.location)
|
||||||
loc.attr("title", "Click to copy: " + item.location);
|
loc.attr('title',"Click to copy: "+item.location)
|
||||||
loc.appendTo(li);
|
loc.appendTo(li)
|
||||||
}
|
}
|
||||||
|
|
||||||
li.attr("title", item.description);
|
li.attr('title',item.description)
|
||||||
li.appendTo(box);
|
li.appendTo(box)
|
||||||
}
|
}
|
||||||
$(".location", box).click(function () {
|
$(".location",box).click(function(){
|
||||||
navigator.clipboard.writeText($(this).attr("data-loc"));
|
navigator.clipboard.writeText($(this).attr('data-loc'))
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
xmlHttp.open("GET", url, true); // true for asynchronous
|
xmlHttp.open("GET", url, true); // true for asynchronous
|
||||||
xmlHttp.send();
|
xmlHttp.send();
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
@ -1,37 +1,21 @@
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
|
||||||
const update = function () {
|
|
||||||
fetch("https://spaceapi.c3re.de/")
|
|
||||||
.then(function (response) {
|
|
||||||
return response.json();
|
|
||||||
})
|
|
||||||
.then(function (data) {
|
|
||||||
document
|
|
||||||
.getElementById("ds-img")
|
|
||||||
.setAttribute(
|
|
||||||
"src",
|
|
||||||
data.state.open ? data.state.icon.open : data.state.icon.closed
|
|
||||||
);
|
|
||||||
document.getElementById("ds-status").innerHTML = data.state.open
|
|
||||||
? "Geöffnet"
|
|
||||||
: "Geschlossen";
|
|
||||||
|
|
||||||
document.getElementById("ds-temp").innerHTML =
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
"" +
|
const update=function(){
|
||||||
data.sensors.temperature[0].value +
|
fetch("https://spaceapi.c3re.de/").then(function(response) {
|
||||||
data.sensors.temperature[0].unit;
|
return( response.json());
|
||||||
const lastchange = new Date(data.state.lastchange * 1000);
|
}).then(function(data) {
|
||||||
document.getElementById("ds-date").innerHTML =
|
document.getElementById("ds-img").setAttribute("src",data.state.open?data.state.icon.open:data.state.icon.closed);
|
||||||
lastchange.getDate().toString().padStart(2, "0") +
|
document.getElementById("ds-status").innerHTML=data.state.open?"Geöffnet":"Geschlossen";
|
||||||
"." +
|
|
||||||
(lastchange.getMonth() + 1).toString().padStart(2, "0") +
|
document.getElementById("ds-temp").innerHTML=""+data.sensors.temperature[0].value+data.sensors.temperature[0].unit;
|
||||||
"." +
|
const lastchange=new Date(data.state.lastchange*1000)
|
||||||
lastchange.getFullYear() +
|
document.getElementById('ds-date').innerHTML=lastchange.getDate().toString().padStart(2, "0") + "."
|
||||||
" " +
|
+ (lastchange.getMonth()+1).toString().padStart(2, "0") + "."
|
||||||
lastchange.getHours().toString().padStart(2, "0") +
|
+ lastchange.getFullYear() + " "
|
||||||
":" +
|
+ lastchange.getHours().toString().padStart(2, "0") + ":"
|
||||||
lastchange.getMinutes().toString().padStart(2, "0");
|
+ lastchange.getMinutes().toString().padStart(2, "0")
|
||||||
});
|
})
|
||||||
};
|
}
|
||||||
update();
|
update();
|
||||||
setInterval(update, 10000);
|
setInterval(update,10000);
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -1,19 +1,20 @@
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
|
||||||
document.querySelectorAll("a").forEach(function (element) {
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
|
document.querySelectorAll('a').forEach(function(element) {
|
||||||
const myhost = window.location.hostname;
|
const myhost = window.location.hostname;
|
||||||
const linkhost = new URL(element.href).hostname;
|
const linkhost=new URL(element.href).hostname;
|
||||||
if (myhost === linkhost) {
|
if(myhost === linkhost) {
|
||||||
let prefetchUrl = new URL(element.href).toString();
|
let prefetchUrl=new URL(element.href).toString()
|
||||||
// lest make a prefetch tag for this url
|
// lest make a prefetch tag for this url
|
||||||
let link = document.createElement("link");
|
let link = document.createElement('link');
|
||||||
link.setAttribute("rel", "prefetch");
|
link.setAttribute('rel', 'prefetch');
|
||||||
link.setAttribute("href", prefetchUrl);
|
link.setAttribute('href', prefetchUrl);
|
||||||
link.setAttribute("as", "document");
|
link.setAttribute('as', 'document');
|
||||||
document.head.appendChild(link);
|
document.head.appendChild(link);
|
||||||
element.classList.add("internal");
|
element.classList.add("internal");
|
||||||
} else {
|
}else {
|
||||||
element.setAttribute("target", "_blank");
|
element.setAttribute("target", "_blank");
|
||||||
element.classList.add("external");
|
element.classList.add("external");
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
});
|
});
|
||||||
|
|
@ -6,17 +6,19 @@
|
||||||
* @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;
|
||||||
|
|
@ -26,201 +28,242 @@
|
||||||
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: 0.1em;
|
border-radius: .1em;
|
||||||
padding: 0.2em 0.25em 0.15em;
|
padding: .2em .25em .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;
|
||||||
|
|
@ -232,7 +275,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.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;
|
||||||
|
|
@ -240,3 +284,4 @@
|
||||||
position: static;
|
position: static;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -4,190 +4,4 @@
|
||||||
* @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,161 +1,121 @@
|
||||||
/* 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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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"),
|
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');
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
@ -1116,3 +1076,4 @@
|
||||||
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