/*
* Typora Theme - Lapis / Author - YiNN
* https://github.com/YiNNx/typora-theme-lapis
*/
:root {
--text-color: rgb(58 64 73 / 97%);
/* Text */
--primary-color: #4870ac;
/* Primary Color */
--bg-color: #ffffff;
/* Background */
--marker-color: #a2b6d4;
/* List Marker */
--highlight-color: #ffffb5c2;
/* Highlight */
--header-span-color: var(--primary-color);
/* h2 Span Color */
--block-bg-color: #f6f8fa;
/* Block Background */
/* Overwrite of Typora Base Color */
--control-text-hover-color: #a2b6d4;
}
/*
* Font-face for Cantarell, Source Han Serif CN and JetBrains Mono
*/
@font-face {
font-family: "Cantarell";
src: url('lapis/Cantarell-VF.otf');
}
@font-face {
font-family: "JetBrainsMono";
src: url('lapis/JetBrainsMono-Regular.ttf');
}
@font-face {
font-family: "SourceHanSerifCN";
src: url('lapis/SourceHanSerifCN-Medium.otf');
}
@font-face {
font-family: "SourceHanSerifCN";
src: url('lapis/SourceHanSerifCN-Bold.otf');
font-weight: bold;
}
/*
* Basic Style
*/
#write {
max-width: 950px;
font-size: 1.1rem;
color: var(--text-color);
line-height: 1.6;
word-spacing: 0px;
letter-spacing: 0px;
word-break: break-word;
word-wrap: break-word;
text-align: justify;
font-family: 'Cantarell', 'SourceHanSerifCN', 'JetBrainsMono';
margin-bottom: 20rem;
}
img{
zoom: 80%;
}
/* Strong */
#write strong {
color: var(--primary-color);
}
/* Link */
#write a {
color: var(--primary-color);
}
#write .md-p a,
#write .md-heading a {
text-decoration: none;
word-wrap: break-word;
border-bottom: 1px solid var(--primary-color);
margin: 2px;
}
[md-inline=url],
[md-inline=link]>.md-content,
[md-inline=image]>.md-meta {
word-break: break-all;
font-weight: normal;
font-family: 'JetBrainsMono';
padding-left: 0.15rem;
padding-right: 0.15rem;
color: #a2b6d4;
}
/*
* TOC
*/
.md-toc-content {
font-family: 'SourceHanSerifCN';
}
.md-toc-content:empty:before {
color: var(--primary-color);
}
/* mark */
mark {
background: var(--highlight-color);
padding: 1px .15rem;
border-radius: 1px;
color: inherit;
}
/*
* Paragraph
*/
#write+p,
#write blockquote p {
font-size: 1.1rem;
padding-top: .2rem;
padding-bottom: .2rem;
margin: 0;
line-height: 1.8rem;
color: var(--text-color);
}
/*
* Header
*/
#write h1,
#write h2,
#write h3,
#write h4,
#write h5,
#write h6 {
font-family: 'SourceHanSerifCN';
padding: 0px;
color: var(--primary-color);
}
#write h1 {
text-align: center;
}
#write h2 span.md-plain {
background: var(--header-span-color);
padding: 1px 15px 2px;
border-radius: 4px;
font-weight: bold;
color: #ffffff;
}
#write h2 span.md-link {
background: var(--header-span-color);
padding: 1px 11px 6px;
border-radius: 4px;
}
#write h2 span.md-link .md-plain {
background: #ffffff00;
padding: 1px 0px 3px;
}
#write h2 span.md-content {
color: #ffffff;
}
#write h2.md-heading a {
border-bottom: 1px solid white;
}
@media print {
#write h2 span {
display: inline-block;
font-weight: bold;
background: var(--primary-color);
color: #ffffff;
padding: 1px 15px 1px;
border-radius: 4px;
margin-right: 3px;
}
}
#write h1 {
font-size: 2rem;
}
#write h2 {
font-size: 1.5rem;
}
#write h3 {
font-size: 1.4rem;
}
#write h4 {
font-size: 1.2rem;
}
#write h5 {
font-size: 1.1rem;
}
#write h6 {
font-size: 1.1rem;
}
#write h1 {
padding-top: 0.9rem;
margin-bottom: 2.3rem;
}
#write h2 {
margin: 1.2em 0 1.2em;
}
#write h3 {
margin: 1em 0 1em;
}
#write h4 {
margin: 0.8em 0 0.8em;
}
#write h5 {
margin: 0.6em 0 0.6em;
}
#write h6 {
margin: 0.4em 0 0.4em;
}
/*
* List
*/
::marker {
font-weight: bold;
color: var(--marker-color);
}
li.md-list-item {
margin: 0.4rem 0;
}
#write ul,
#write ol {
margin-top: 8px;
margin-bottom: 8px;
padding-left: 20px;
}
#write ul {
list-style-type: disc;
}
#write em {
padding: 0 3px 0 0;
}
#write ul ul {
list-style-type: square;
}
#write ol {
list-style-type: decimal;
}
#write li section {
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.7rem;
text-align: justify;
color: var(--text-color);
font-weight: 500;
}
/*
* Quote
*/
#write blockquote {
display: block;
font-size: .9em;
overflow: auto;
border-left: 3px solid var(--primary-color);
padding: 15px 30px 15px 20px;
margin-bottom: 20px;
margin-top: 20px;
background: var(--block-bg-color);
}
/*
* Inline code
*/
#write code {
color: var(--primary-color);
font-size: 94%;
font-weight: normal;
word-wrap: break-word;
padding: 2px 4px 2px;
border-radius: 3px;
margin: 2px;
background-color: var(--block-bg-color);
font-family: 'JetBrainsMono';
word-break: break-all;
}
/*
* Img
*/
#write img {
margin: 0 auto;
max-width: 100%;
}
#write span img {
filter: drop-shadow(#d2dff4 0px 0px 8px);
border-radius: 3rem;
display: block;
margin: 0 auto;
padding: 2rem;
}
/*
* Table
*/
#write table {
display: table;
text-align: justify;
overflow-x: auto;
border-collapse: collapse;
border-spacing: 0px;
font-size: 1em;
margin: 0px 0px 20px;
width: 100%;
}
#write tbody {
border: 0;
}
#write table tr {
border: 0;
border-top: 1px solid #ccc;
}
#write table tr th,
#write table tr th,
#write table tr td {
font-size: 1rem;
border: 1px solid #d9dfe4;
padding: 5px 10px;
text-align: justify;
}
#write table tr th {
text-align: center;
min-width: 10rem;
font-weight: bold;
color: var(--primary-color);
}
table.md-table td {
min-width: 32px;
}
/*
* Footnote Superscript
*/
#write .md-footnote {
font-weight: bold;
}
#write .md-footnote>.md-text:before {
content: '[';
}
#write .md-footnote>.md-text:after {
content: ']';
}
/* Footnote */
.footnotes {
opacity: 1;
font-size: 0.95rem;
}
#write .md-def-name {
padding-right: 1.8ch;
}
#write .md-def-name:before {
content: '[';
color: var(--text-color);
}
#write .md-def-name:after {
color: var(--text-color);
}
span.md-plain {
line-height: 2rem;
}
p.md-end-block.md-p {
line-height: 2rem;
color: var(--text-color);
margin: 4px 0;
}
/*
* Math Script
*/
.md-inline-math script {
color: var(--primary-color);
}
/*
* Comment
*/
.md-comment {
color: #b4bad4;
opacity: 1;
font-family: 'JetBrainsMono';
}
/*
* Dividing line
*/
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 2px solid #eef2f5;
border-radius: 2px;
}
/* Checkbox */
#write input[type=checkbox] {
width: 0;
}
.task-list-item input::before {
content: "";
display: inline-block;
width: 1.0125rem;
height: 1.0125rem;
vertical-align: middle;
text-align: center;
border: 1px solid var(--marker-color);
border-radius: 1.2rem;
background-color: #fdfdfd;
margin-left: -0.1rem;side
margin-right: 0.1rem;
margin-top: -.6rem;
}
.task-list-item input:checked::before {
content: '✓';
font-weight: bold;
-webkit-text-stroke: 1px var(--primary-color);
color: var(--primary-color);
background-color: var(--bg-color);
font-size: 0.75rem;
line-height: 0.8rem;
}
/*
* Sidebar
*/
#typora-sidebar {
font-family: 'Cantarell', 'Source Han Serif CN';
height: 100%;
color: #686d75;
font-size: 0.92rem;
background-color: --var(--bg-color);
}
#sidebar-content.sidebar-content {
margin-top: .5rem;
}
/*
* Sidebar - FileNode
*/
.active-tab-files #info-panel-tab-file .info-panel-tab-border,
.active-ta