2020-10-27 16:34:24 +00:00
|
|
|
:root {
|
2020-11-04 10:15:16 +00:00
|
|
|
--ls-tag-text-opacity: 0.6;
|
|
|
|
--ls-tag-text-hover-opacity: 0.8;
|
|
|
|
--ls-page-text-size: 1em;
|
|
|
|
--ls-page-title-size: 36px;
|
|
|
|
--ls-font-family: 'Inter';
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-main-content-max-width: 700px;
|
|
|
|
--ls-border-radius-low: 4px;
|
|
|
|
--ls-border-radius-medium: 8px;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-03 04:31:23 +00:00
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
html {
|
|
|
|
background-color: #002b36;
|
|
|
|
}
|
2020-12-11 09:58:19 +00:00
|
|
|
|
|
|
|
html[data-theme=light] {
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
2020-12-03 04:31:23 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
@supports (font-variation-settings: normal) {
|
|
|
|
html {
|
|
|
|
font-family: 'Inter var', sans-serif;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-12-08 06:56:21 +00:00
|
|
|
.dark-theme,
|
|
|
|
html[data-theme=dark] {
|
|
|
|
--ls-primary-background-color: #002b36;
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-secondary-background-color: #023643;
|
|
|
|
--ls-tertiary-background-color: #08404f;
|
|
|
|
--ls-quaternary-background-color: #094b5a;
|
|
|
|
--ls-active-primary-color: #8ec2c2;
|
|
|
|
--ls-active-secondary-color: #d0e8e8;
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-block-properties-background-color: #02222a;
|
|
|
|
--ls-search-background-color: var(--ls-primary-background-color);
|
|
|
|
--ls-border-color: #0e5263;
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-guideline-color: #0b4a5a;
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-menu-hover-color: var(--ls-secondary-background-color);
|
|
|
|
--ls-primary-text-color: #a4b5b6;
|
|
|
|
--ls-secondary-text-color: #dfdfdf;
|
|
|
|
--ls-title-text-color: #93a1a1;
|
|
|
|
--ls-link-text-color: #8abbbb;
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-link-text-hover-color: var(--ls-active-secondary-color);
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-link-ref-text-color: var(--ls-link-text-color);
|
|
|
|
--ls-link-ref-text-hover-color: var(--ls-link-text-hover-color);
|
|
|
|
--ls-tag-text-color: var(--ls-link-text-color);
|
|
|
|
--ls-tag-text-hover-color: var(--ls-link-text-hover-color);
|
2020-12-08 07:30:48 +00:00
|
|
|
--ls-slide-background-color: var(--ls-primary-background-color);
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-block-bullet-border-color: #0f4958;
|
|
|
|
--ls-block-bullet-color: #608e91;
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-block-highlight-color: #0a3d4b;
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-selection-background-color: #338fff;
|
|
|
|
--ls-page-checkbox-color: #6093a0;
|
|
|
|
--ls-page-checkbox-border-color: var(--ls-primary-background-color);
|
|
|
|
--ls-page-blockquote-color: var(--ls-primary-text-color);
|
|
|
|
--ls-page-blockquote-bg-color: var(--ls-secondary-background-color);
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-page-blockquote-border-color: var(--ls-border-color);
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-page-inline-code-color: var(--ls-primary-text-color);
|
|
|
|
--ls-page-inline-code-bg-color: #01222a;
|
|
|
|
--ls-scrollbar-foreground-color: #001f27;
|
|
|
|
--ls-scrollbar-background-color: var(--ls-primary-background-color);
|
|
|
|
--ls-scrollbar-thumb-hover-color: #b4b4b466;
|
|
|
|
--ls-head-text-color: var(--ls-link-text-color);
|
|
|
|
--ls-icon-color: var(--ls-link-text-color);
|
|
|
|
--ls-search-icon-color: var(--ls-link-text-color);
|
|
|
|
--ls-a-chosen-bg: var(--ls-secondary-background-color);
|
|
|
|
--ls-right-sidebar-code-bg-color: #04303c;
|
2020-12-11 09:58:19 +00:00
|
|
|
--color-level-1: var(--ls-secondary-background-color);
|
|
|
|
--color-level-2: var(--ls-tertiary-background-color);
|
|
|
|
--color-level-3: var(--ls-quaternary-background-color);
|
|
|
|
--color-level-4: #195d6c;
|
|
|
|
--color-level-5: #266c7d;
|
|
|
|
--color-level-6: #3a7e8e;
|
2020-12-08 06:56:21 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.white-theme,
|
|
|
|
html[data-theme=light] {
|
|
|
|
--ls-primary-background-color: white;
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-secondary-background-color: #dee9f2;
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-tertiary-background-color: #f0f8ff;
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-quaternary-background-color: #e1f0fe;
|
|
|
|
--ls-active-primary-color: #045591;
|
|
|
|
--ls-active-secondary-color: #003761;
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-block-properties-background-color: var(--ls-tertiary-background-color);
|
|
|
|
--ls-search-background-color: var(--ls-primary-background-color);
|
|
|
|
--ls-border-color: #ccc;
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-guideline-color: var(--ls-border-color);
|
|
|
|
--ls-menu-hover-color: var(--ls-a-chosen-bg);
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-primary-text-color: #24292e;
|
|
|
|
--ls-secondary-text-color: #161e2e;
|
|
|
|
--ls-title-text-color: #222;
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-link-text-color: var(--ls-active-primary-color);
|
|
|
|
--ls-link-text-hover-color: var(--ls-active-secondary-color);
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-link-ref-text-color: var(--ls-link-text-color);
|
|
|
|
--ls-link-ref-text-hover-color: var(--ls-link-text-hover-color);
|
|
|
|
--ls-tag-text-color: var(--ls-link-text-color);
|
|
|
|
--ls-tag-text-hover-color: var(--ls-link-text-hover-color);
|
2020-12-08 07:30:48 +00:00
|
|
|
--ls-slide-background-color: #002b36;
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-block-bullet-border-color: var(--ls-border-color);
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-block-bullet-color: #394b59;
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-block-highlight-color: #c0e6fd;
|
|
|
|
--ls-selection-background-color: #e4f2ff;
|
|
|
|
--ls-page-checkbox-color: var(--ls-active-primary-color);
|
|
|
|
--ls-page-checkbox-border-color: #8c8c8c;
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-page-blockquote-color: var(--ls-primary-text-color);
|
2020-12-11 09:58:19 +00:00
|
|
|
--ls-page-blockquote-bg-color: transparent;
|
|
|
|
--ls-page-blockquote-border-color: var(--ls-active-primary-color);
|
|
|
|
--ls-page-inline-code-bg-color: var(--ls-secondary-background-color);
|
2020-12-08 06:56:21 +00:00
|
|
|
--ls-page-inline-code-color: var(--ls-primary-text-color);
|
|
|
|
--ls-scrollbar-foreground-color: var(--ls-primary-text-color);
|
|
|
|
--ls-scrollbar-background-color: var(--ls-primary-background-color);
|
|
|
|
--ls-scrollbar-thumb-hover-color: var(--ls-secondary-text-color);
|
|
|
|
--ls-head-text-color: var(--ls-link-text-color);
|
|
|
|
--ls-icon-color: #6b7280;
|
|
|
|
--ls-search-icon-color: var(--ls-icon-color);
|
|
|
|
--ls-a-chosen-bg: #f4f5f7;
|
|
|
|
--ls-right-sidebar-code-bg-color: var(--ls-secondary-background-color);
|
2020-12-11 09:58:19 +00:00
|
|
|
--color-level-1: var(--ls-secondary-background-color);
|
|
|
|
--color-level-2: var(--ls-tertiary-background-color);
|
|
|
|
--color-level-3: var(--ls-quaternary-background-color);
|
|
|
|
--color-level-4: #d0e6fa;
|
|
|
|
--color-level-5: #bbdaf6;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/* region reset top elements */
|
2020-10-27 16:34:24 +00:00
|
|
|
html {
|
2020-11-04 10:15:16 +00:00
|
|
|
font-family: var(--ls-font-family), Inter, sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
|
2020-12-02 15:10:01 +00:00
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/* FIXME: rewrite revealjs.css ? */
|
2020-12-02 15:10:01 +00:00
|
|
|
height: unset !important;
|
|
|
|
overflow: auto !important;
|
2020-10-31 16:20:10 +00:00
|
|
|
}
|
|
|
|
|
2020-12-03 04:31:23 +00:00
|
|
|
body {
|
2020-11-04 10:15:16 +00:00
|
|
|
color: #24292e;
|
|
|
|
line-height: 1.5;
|
2020-12-03 04:31:23 +00:00
|
|
|
background-color: transparent;
|
2020-12-02 15:10:01 +00:00
|
|
|
min-height: 100%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a svg {
|
|
|
|
color: var(--ls-icon-color);
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
svg {
|
|
|
|
pointer-events: none;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
textarea {
|
2020-12-08 06:56:21 +00:00
|
|
|
overflow: hidden;
|
|
|
|
padding: 8px;
|
|
|
|
border: 1px solid rgba(39, 41, 43, 0.15);
|
2020-12-11 09:58:19 +00:00
|
|
|
border-radius: var(--ls-border-radius-low);
|
2020-12-08 06:56:21 +00:00
|
|
|
font-size: 1em;
|
|
|
|
line-height: 1.5;
|
|
|
|
width: 100%;
|
|
|
|
resize: none;
|
|
|
|
outline: none;
|
|
|
|
font-weight: inherit;
|
|
|
|
letter-spacing: inherit;
|
|
|
|
text-size-adjust: 100%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
ul {
|
2020-11-04 10:15:16 +00:00
|
|
|
list-style: circle;
|
|
|
|
margin-left: 1.2em;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
ol {
|
2020-11-04 10:15:16 +00:00
|
|
|
list-style: decimal;
|
|
|
|
margin-left: 1.2em;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
2020-11-04 10:15:16 +00:00
|
|
|
line-height: 1.5;
|
|
|
|
margin: 0.5rem 0;
|
2020-11-23 13:49:59 +00:00
|
|
|
color: var(--ls-primary-text-color)
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
li {
|
2020-11-04 10:15:16 +00:00
|
|
|
margin: 0.25rem 0;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
li:first-child {
|
|
|
|
margin-top: 0;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
pre {
|
2020-12-08 06:56:21 +00:00
|
|
|
background: var(--ls-secondary-background-color, #f6f8fa);
|
|
|
|
margin: 1rem 0;
|
|
|
|
line-height: 1.45em;
|
|
|
|
overflow: auto;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
2020-11-04 10:15:16 +00:00
|
|
|
cursor: pointer;
|
2020-12-11 09:58:19 +00:00
|
|
|
color: var(--ls-link-text-color, #045591);
|
2020-11-04 10:15:16 +00:00
|
|
|
text-decoration: none;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
2020-12-14 13:13:12 +00:00
|
|
|
color: var(--ls-link-text-hover-color, #000);
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
code {
|
|
|
|
font-size: 85%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
pre.code {
|
|
|
|
background: #282a36;
|
|
|
|
background: var(--ls-secondary-background-color);
|
|
|
|
color: var(--ls-primary-text-color, #f8f8f2);
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
:not(pre) > code {
|
2020-10-27 16:34:24 +00:00
|
|
|
|
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
mark {
|
|
|
|
background: #fef3ac;
|
|
|
|
color: #262626;
|
|
|
|
padding: 0 1px;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
dl {
|
|
|
|
margin: 1rem 0;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
dt {
|
|
|
|
margin-bottom: 0.25rem;
|
|
|
|
font-weight: bold;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
blockquote {
|
|
|
|
display: block;
|
|
|
|
text-indent: 0;
|
|
|
|
padding: 8px 20px;
|
|
|
|
border-left: 4px solid;
|
|
|
|
border-left-color: var(--ls-page-blockquote-border-color, #d3d3d3);
|
|
|
|
background-color: var(--ls-page-blockquote-bg-color, #f7f7f7);
|
|
|
|
margin: 1rem 0;
|
|
|
|
color: var(--ls-page-blockquote-color, #24292e);
|
|
|
|
font-size: 1.25rem;
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
input {
|
|
|
|
color: var(--ls-primary-text-color);
|
|
|
|
background: transparent;
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
hr {
|
|
|
|
margin: 2rem 0;
|
|
|
|
border-color: var(--ls-border-color, #ccc);
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
summary {
|
|
|
|
outline: none;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
iframe {
|
|
|
|
/* width: 100%; */
|
|
|
|
margin: 1rem 0;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
img,
|
|
|
|
video {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
::selection {
|
|
|
|
background: var(--ls-selection-background-color);
|
|
|
|
color: var(--ls-primary-text-color);
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
::-moz-selection {
|
|
|
|
background: var(--ls-selection-background-color);
|
|
|
|
color: var(--ls-primary-text-color);
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
:not(pre) > code {
|
|
|
|
font-style: normal !important;
|
|
|
|
letter-spacing: 0;
|
|
|
|
padding: 0.1em 0.4em;
|
|
|
|
word-spacing: -0.15em;
|
|
|
|
-webkit-border-radius: var(--ls-border-radius-low);
|
|
|
|
border-radius: var(--ls-border-radius-low);
|
|
|
|
color: var(--ls-page-inline-code-color);
|
|
|
|
background-color: var(--ls-page-inline-code-bg-color, #eee);
|
|
|
|
line-height: 1.45;
|
|
|
|
text-rendering: optimizeSpeed
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/* endregion */
|
2020-10-27 16:34:24 +00:00
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/** region utilities **/
|
|
|
|
.w10 {
|
|
|
|
max-width: 10%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.w20 {
|
|
|
|
max-width: 20%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.w30 {
|
|
|
|
max-width: 30%;
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
2020-10-27 16:34:24 +00:00
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.w40 {
|
|
|
|
max-width: 40%;
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.w50 {
|
|
|
|
max-width: 50%;
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.w60 {
|
|
|
|
max-width: 60%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.w70 {
|
|
|
|
max-width: 70%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.w80 {
|
|
|
|
max-width: 80%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.w90 {
|
|
|
|
max-width: 90%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.w100 {
|
|
|
|
max-width: 100%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/* TODO: add all tailwind supported bg colors */
|
|
|
|
.bg-pink-100 {
|
|
|
|
background-color: #fff5f7;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.bg-pink-200 {
|
|
|
|
background-color: #fed7e2;
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.bg-pink-300 {
|
|
|
|
background-color: #fbb6ce;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.bg-pink-400 {
|
|
|
|
background-color: #f687b3;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.bg-pink-500 {
|
|
|
|
background-color: #ed64a6;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.bg-pink-600 {
|
|
|
|
background-color: #d53f8c;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.bg-pink-700 {
|
|
|
|
background-color: #b83280;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.bg-pink-800 {
|
|
|
|
background-color: #97266d;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.bg-pink-900 {
|
|
|
|
background-color: #702459;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/** endregion **/
|
2020-10-27 16:34:24 +00:00
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/** region app utilities **/
|
|
|
|
.page {
|
|
|
|
margin-top: 24px;
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.ls-center {
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
|
|
left: 50%;
|
|
|
|
transform: translate(-50%, -50%);
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
li p:first-child,
|
|
|
|
.block-body p:first-child {
|
|
|
|
margin-top: 0;
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
li p:last-child,
|
|
|
|
.block-body p:last-child {
|
|
|
|
margin-bottom: 0;
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.bg-base-2 {
|
|
|
|
background-color: var(--ls-secondary-background-color, #f0f8ff);
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.bg-base-3 {
|
|
|
|
background-color: var(--ls-primary-background-color, #fff);
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.pre-white-space {
|
|
|
|
white-space: pre;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.pre-wrap-white-space {
|
|
|
|
white-space: pre-wrap;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.pre-line-white-space {
|
|
|
|
white-space: pre-line;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.cursor-pointer,
|
|
|
|
.cursor {
|
|
|
|
cursor: pointer;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.external-link {
|
|
|
|
text-decoration: underline;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.noscroll {
|
|
|
|
position: fixed;
|
|
|
|
overflow-y: scroll
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.loader {
|
|
|
|
-webkit-animation: lds-dual-ring 2s infinite linear;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.canceled,
|
|
|
|
.done {
|
|
|
|
text-decoration: line-through;
|
|
|
|
opacity: 0.6;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.opacity-70 {
|
|
|
|
opacity: 0.7;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.opacity-80 {
|
|
|
|
opacity: 0.8;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.done > input {
|
|
|
|
opacity: 1;
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.page-drop-options {
|
|
|
|
width: 18em;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.fixed-width {
|
|
|
|
max-width: calc(var(--ls-main-content-max-width) - 30px);
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.center,
|
|
|
|
.foldable-title {
|
|
|
|
margin: 0 auto;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.translate-x-5 {
|
|
|
|
--transform-translate-x: 1.25rem;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-08 06:56:21 +00:00
|
|
|
.done,
|
|
|
|
.canceled {
|
2020-11-04 10:15:16 +00:00
|
|
|
opacity: 0.7;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.svg-shadow {
|
2020-12-08 06:56:21 +00:00
|
|
|
-webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.7));
|
|
|
|
filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.tip-shadow {
|
2020-12-08 06:56:21 +00:00
|
|
|
-webkit-filter: drop-shadow(1px 1px 2px rgba(155, 155, 0, 0.8));
|
|
|
|
filter: drop-shadow(1px 1px 2px rgba(155, 155, 0, 0.8));
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.admonition-icon {
|
2020-11-04 10:15:16 +00:00
|
|
|
border-right: 1px solid;
|
2020-12-14 13:13:12 +00:00
|
|
|
border-right-color: var(--ls-border-color, #ccc);
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.dnd-separator {
|
2020-11-04 10:15:16 +00:00
|
|
|
border-bottom: 3px solid transparent;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.dnd-separator-cur {
|
2020-11-04 10:15:16 +00:00
|
|
|
border-bottom: 3px solid #999;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.aspect-ratio-square {
|
2020-11-04 10:15:16 +00:00
|
|
|
padding-top: 100%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
2020-11-04 10:15:16 +00:00
|
|
|
|
2020-10-30 07:58:42 +00:00
|
|
|
.aspect-ratio-16\/9 {
|
2020-11-04 10:15:16 +00:00
|
|
|
padding-top: 56.25%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
2020-11-04 10:15:16 +00:00
|
|
|
|
2020-10-30 07:58:42 +00:00
|
|
|
.aspect-ratio-4\/3 {
|
2020-11-04 10:15:16 +00:00
|
|
|
padding-top: 75%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
2020-11-04 10:15:16 +00:00
|
|
|
|
2020-10-30 07:58:42 +00:00
|
|
|
.aspect-ratio-21\/9 {
|
2020-11-04 10:15:16 +00:00
|
|
|
padding-top: 42.86%;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.footdef {
|
2020-11-04 10:15:16 +00:00
|
|
|
margin: 1rem 0;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.admonitionblock {
|
2020-11-04 10:15:16 +00:00
|
|
|
margin: 2rem 0;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.abstract {
|
2020-11-04 10:15:16 +00:00
|
|
|
margin: 2rem 0;
|
|
|
|
width: 80%;
|
|
|
|
font-style: italic;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-08 06:56:21 +00:00
|
|
|
.abstract p:last-of-type::before {
|
2020-11-04 10:15:16 +00:00
|
|
|
content: " ";
|
|
|
|
white-space: pre;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-overflow-auto {
|
2020-11-04 10:15:16 +00:00
|
|
|
max-height: 400px;
|
|
|
|
overflow-y: auto;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.marker-switch {
|
2020-11-04 10:15:16 +00:00
|
|
|
font-size: 85%;
|
|
|
|
margin-right: 6px;
|
|
|
|
margin-left: 2px;
|
|
|
|
border-radius: 3px;
|
|
|
|
font-weight: 500;
|
|
|
|
display: inline-block;
|
2020-12-03 04:31:23 +00:00
|
|
|
text-align: center;
|
2020-11-04 10:15:16 +00:00
|
|
|
width: 16px;
|
|
|
|
height: 18px;
|
|
|
|
opacity: 0.5;
|
|
|
|
padding: 0 2px 0 2px;
|
|
|
|
border: 1px solid;
|
2020-11-22 20:50:39 +00:00
|
|
|
line-height: 1.3;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.heading-bg {
|
|
|
|
border-radius: 50%;
|
|
|
|
width: 12px;
|
|
|
|
height: 12px;
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/** endregion **/
|
2020-10-27 16:34:24 +00:00
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/* region override elements */
|
|
|
|
a.block-control,
|
|
|
|
a.block-control:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
cursor: pointer;
|
|
|
|
font-size: 14px;
|
|
|
|
min-width: 10px;
|
|
|
|
color: initial;
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
h1.title {
|
|
|
|
margin-bottom: 1.5rem;
|
|
|
|
color: var(--ls-title-text-color, #222);
|
|
|
|
font-size: var(--ls-page-title-size, 36px);
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
2020-10-27 16:34:24 +00:00
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.block-highlight,
|
|
|
|
.content .selected {
|
|
|
|
transition: background-color 0.15s;
|
|
|
|
background-color: var(--ls-block-highlight-color);
|
|
|
|
padding: -1px;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.content img {
|
|
|
|
margin-top: 0.5rem;
|
|
|
|
margin-bottom: 0.5rem;
|
2020-12-11 09:58:19 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
span.timestamp {
|
|
|
|
margin: 0 0.25rem;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
span.priority {
|
|
|
|
color: #6b7280;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.form-checkbox:not(:checked):focus {
|
|
|
|
box-shadow: none;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
.form-checkbox:checked:focus {
|
|
|
|
box-shadow: none;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.nav-item:hover,
|
|
|
|
a.star-page:hover {
|
|
|
|
background-color: #00242d;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
button.menu {
|
|
|
|
border-right: 1px solid;
|
|
|
|
border-right-color: var(--ls-secondary-background-color, #f0f8ff);
|
|
|
|
color: var(--ls-link-text-color, #24292e);
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.menu-link:hover,
|
|
|
|
button.pull:hover,
|
|
|
|
button.menu:focus {
|
|
|
|
background-color: var(--ls-menu-hover-color, #f4f5f7);
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
2020-10-27 16:34:24 +00:00
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.menu-link {
|
|
|
|
background-color: var(--ls-primary-background-color, #fff);
|
|
|
|
color: var(--ls-primary-text-color);
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.menu-link:first-of-type {
|
|
|
|
border-top-left-radius: var(--ls-border-radius-low);
|
|
|
|
border-top-right-radius: var(--ls-border-radius-low);
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.menu-link:last-of-type {
|
|
|
|
border-bottom-left-radius: var(--ls-border-radius-low);
|
|
|
|
border-bottom-right-radius: var(--ls-border-radius-low);
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.login {
|
|
|
|
color: var(--ls-link-text-color, #444);
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.login:hover {
|
|
|
|
color: var(--ls-link-text-hover-color, #000);
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.marker-switch:hover {
|
|
|
|
opacity: 1;
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.tooltip-priority {
|
|
|
|
display: contents;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.tooltip-priority::after {
|
|
|
|
content: attr(priority);
|
|
|
|
margin-right: 10px;
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.chosen {
|
|
|
|
background: var(--ls-a-chosen-bg);
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
a.warning,
|
|
|
|
span.warning {
|
|
|
|
background: #f56565;
|
|
|
|
padding: 0.1em 0.4em;
|
|
|
|
border-radius: var(--ls-border-radius-low);
|
|
|
|
color: #fff;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
img.small {
|
2020-11-04 10:15:16 +00:00
|
|
|
display: inline;
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 0;
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
a.tag {
|
2020-12-14 13:13:12 +00:00
|
|
|
opacity: var(--ls-tag-text-opacity, 0.6);
|
|
|
|
color: var(--ls-tag-text-color, #045591);
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
a.tag:hover {
|
2020-12-14 13:13:12 +00:00
|
|
|
opacity: var(--ls-tag-text-hover-opacity, 0.8);
|
|
|
|
color: var(--ls-tag-text-hover-color, #045591);
|
2020-10-27 16:34:24 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
svg.note {
|
|
|
|
color: var(--ls-primary-text-color, #19407c);
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
svg.tip {
|
|
|
|
color: var(--ls-active-primary-color);
|
2020-11-04 10:15:16 +00:00
|
|
|
}
|
2020-12-08 06:56:21 +00:00
|
|
|
|
2020-11-04 10:15:16 +00:00
|
|
|
/* endregion */
|
2020-11-04 11:50:29 +00:00
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/* region code mirror */
|
|
|
|
.CodeMirror pre.CodeMirror-line,
|
|
|
|
.CodeMirror-scroll,
|
|
|
|
.CodeMirror-sizer,
|
|
|
|
.CodeMirror-gutter,
|
|
|
|
.CodeMirror-gutters,
|
|
|
|
.CodeMirror-linenumber {
|
|
|
|
font-size: 14px;
|
2020-12-08 07:30:48 +00:00
|
|
|
}
|
|
|
|
|
2020-12-14 13:13:12 +00:00
|
|
|
/* endregion */
|