typora-installer/themes/godopu.css

601 lines
9.5 KiB
CSS

/* @include-when-export url(https://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic);
@include-when-export url(https://fonts.googleapis.com/css?family=Raleway:600,400&subset=latin,latin-ext); */
@import "godopu/codeblock.dark.css";
/* @charset "UTF-8"; */
@font-face {
font-family: "TeXGyreAdventor";
font-style: normal;
font-weight: normal;
src: url(./godopu/texgyreadventor-regular.otf);
}
@font-face {
font-family: "TeXGyreAdventor";
font-style: normal;
font-weight: bold;
src: url(./godopu/texgyreadventor-bold.otf);
}
@font-face {
font-family: "TeXGyreAdventor";
font-style: italic;
font-weight: normal;
src: url(./godopu/texgyreadventor-italic.otf);
}
@font-face {
font-family: "TeXGyreAdventor";
font-style: italic;
font-weight: bold;
src: url(./godopu/texgyreadventor-bolditalic.otf);
}
:root {
--dracula-background: #282a36;
--dracula-current-line: #44475a;
--dracula-section: #2c2c2c;
--dracula-foreground: #f8f8f2;
--dracula-comment: #6272a4;
--dracula-cyan: #8be9fd;
--dracula-green: #50fa7b;
--dracula-orange: #ffb86c;
--dracula-pink: #ff79c6;
--dracula-purple: #bd93f9;
--dracula-red: #ff5555;
--dracula-yellow: #f1fa8c;
--window-border: none;
--typora-center-window-title: true;
--active-file-bg-color: #282a36;
--bg-color: #fcfcfc;
--control-text-color: white;
--control-text-hover-color: var(--dracula-cyan);
--side-bar-bg-color: var(--dracula-section);
--active-file-text-color: white;
}
#info-panel-tab-file,
#info-panel-tab-outline {
color: #eee;
}
#info-panel-tab-file:hover,
#info-panel-tab-outline:hover {
color: var(--dracula-comment);
}
/* .mac-seamless-mode #typora-sidebar {
top: var(--mac-title-bar-height);
padding-top: 0;
height: auto;
background-color: var(--side-bar-bg-color);
border-radius : 0 10px 10px 0;
} */
html,
body,
#write {
font-family: "TeXGyreAdventor", "Century Gothic", "Yu Gothic", "Raleway",
"STHeiti", sans-serif;
font-weight: 300;
}
body {
padding-top: 1cm;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #282a36;
font-family: "TeXGyreAdventor", "Century Gothic", "Yu Gothic", "Ubuntu",
"STHeiti", sans-serif;
}
html,
body {
font-size: 16px;
}
#write {
max-width: 75rem;
text-align: justify;
font-size: 1rem;
}
#write > h1,
h2,
h3,
h4:first-child {
margin-top: 0rem;
}
h1 {
font-size: 2rem;
font-weight: bold;
line-height: 4rem;
margin: 0 0 1rem;
text-align: center;
margin-top: 2rem;
}
h2 {
font-size: 1.8rem;
font-weight: bold;
border-bottom: 1px solid #ccc;
line-height: 3rem;
margin: 0 0 1rem;
margin-top: 1rem;
}
h3 {
font-size: 1.6rem;
font-weight: bold;
margin-left: 1rem;
}
/* h3:before {
content : "> ";
color : darkgray;
} */
h4 {
font-size: 1.4rem;
font-weight: bold;
margin-left: 2rem;
}
h4:before {
font-size: 1.2rem;
content: "□ ";
color: #282a36;
}
h5 {
font-size: 1.1rem;
font-weight: bold;
margin-left: 3rem;
}
h5:before {
content: "○ ";
color: #282a36;
}
h6 {
font-size: 1rem;
font-weight: bold;
margin-left: 4rem;
}
h6:before {
content: "─ ";
color: #282a36;
}
p {
color: #111;
line-height: 1.75rem;
margin: 0 0 1rem;
}
/* u{
font-style: normal;
text-decoration : none;
border-width : 0px;
background : white;
background-image:
linear-gradient(-100deg,
rgba(255,192,200,0.25),
rgba(255,192,200,1) 100%,
rgba(255,192,200,0.45)
);
} */
#write > h3.md-focus:before {
left: -1.875rem;
top: 0.5rem;
padding: 2px;
}
#write > h4.md-focus:before {
left: -1.875rem;
top: 0.3125rem;
padding: 2px;
}
#write > h5.md-focus:before {
left: -1.875rem;
top: 0.25rem;
padding: 2px;
}
#write > h6.md-focus:before {
left: -1.875rem;
top: 0.125rem;
padding: 2px;
}
@media print {
html,
body {
margin: 0rem;
padding: 0rem;
}
#write {
padding-top: 0rem;
}
}
@page {
size: auto; /* auto is the initial value */
/* this affects the margin in the printer settings */
margin: 5mm 0mm 5mm 0mm;
}
a,
.md-def-url {
color: #990000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* table {
margin-bottom: 20px
}
table th, table td {
padding: 8px;
line-height: 1.25rem;
vertical-align: top;
border-top: 1px solid #ddd
}
table th {
font-weight: bold
}
table thead th {
vertical-align: bottom
}
table caption+thead tr:first-child th, table caption+thead tr:first-child td, table colgroup+thead tr:first-child th, table colgroup+thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td {
border-top: 0
}
table tbody+tbody {
border-top: 2px solid #ddd
} */
table {
margin: 0.8em 0;
}
table {
padding: 0;
word-break: initial;
}
table tr {
border-top: 1px solid #dfe2e5;
margin: 0;
padding: 0;
}
table tr:nth-child(2n),
thead {
background-color: #f8f8f8;
}
table tr th {
font-weight: bold;
border: 1px solid #dfe2e5;
border-bottom: 0;
text-align: left;
margin: 0;
padding: 6px 13px;
text-align: center;
}
table tr td {
border: 1px solid #dfe2e5;
text-align: left;
margin: 0;
padding: 6px 13px;
}
table tr th:first-child,
table tr td:first-child {
margin-top: 0;
}
table tr th:last-child,
table tr td:last-child {
margin-bottom: 0;
}
.md-fences {
background: var(--dracula-background);
color: #dedede;
/* border : 1px solid; */
/* border-color : var(--dracula-background); */
padding: 0.5em;
/*background: #f0f0f0;*/
/* border: 1px solid #; */
border-radius: 15px;
padding: 0.1em;
font-size: 16px;
margin: 5px;
padding: 20px;
}
.task-list {
padding-left: 0;
}
.task-list-item {
padding-left: 2.125rem;
}
.task-list-item input {
top: 3px;
}
.task-list-item input:before {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
vertical-align: middle;
text-align: center;
border: 1px solid gray;
background-color: #fdfdfd;
margin-left: 0;
margin-top: -0.8rem;
}
.task-list-item input:checked:before,
.task-list-item input[checked]:before {
content: "\25FC";
/*◘*/
font-size: 0.8125rem;
line-height: 0.9375rem;
margin-top: -1rem;
}
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
.task-list-item input:before {
margin-top: -0.2rem;
}
.task-list-item input:checked:before,
.task-list-item input[checked]:before {
margin-top: -0.2rem;
}
}
blockquote {
margin: 0 0 1.11111rem;
padding: 0.5rem 1.11111rem 0 1.05556rem;
border-left: 1px solid gray;
}
blockquote,
blockquote p {
line-height: 1.6;
color: #6f6f6f;
}
#write pre.md-meta-block {
background: transparent;
border-bottom: solid;
border-color: #393451;
width: auto;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
font-weight: bold;
margin: 0em;
margin-top: -0.5em;
color: #393451;
max-width: 100%;
/* text-align : center; */
}
.MathJax_Display {
font-size: 0.9em;
margin-top: 0.5em;
margin-bottom: 0;
}
p.mathjax-block,
.mathjax-block {
padding-bottom: 0;
}
.mathjax-block > .code-tooltip {
bottom: 5px;
box-shadow: none;
}
.md-image > .md-meta {
padding-left: 0.5em;
padding-right: 0.5em;
}
.md-image > img {
margin-top: 2px;
}
p > .md-image:only-child:not(.md-img-error) img,
p > img:only-child {
display: inline-block;
}
.md-image > .md-meta:first-of-type:before {
padding-left: 4px;
}
#typora-source {
color: #555;
}
/** ui for windows **/
#md-searchpanel {
border-bottom: 1px solid #ccc;
}
#md-searchpanel .btn {
border: 1px solid #ccc;
}
#md-notification:before {
top: 14px;
}
#md-notification {
background: #eee;
}
.megamenu-menu-panel .btn {
border: 1px solid #ccc;
}
/* #typora-sidebar {
box-shadow: none;
border-radius : 0 15px 15px 0px;
margin : 10px 0 10px 0;
height : calc(100% - 20px);
color : white;
} */
#typora-sidebar {
box-shadow: none;
color: white;
}
.file-list-item,
.show-folder-name .file-list-item {
padding-top: 20px;
padding-bottom: 20px;
line-height: 20px;
}
.file-list-item-summary {
height: 40px;
line-height: 20px;
}
mark {
font-style: normal;
border-width: 0px;
background: white;
background-image: linear-gradient(
-100deg,
rgba(135, 206, 235, 0.25),
rgba(135, 206, 235, 1) 100%,
rgba(135, 206, 235, 0.45)
);
}
code {
background-color: #e1e1e1;
border-width: px;
}
#typora-sidebar code {
color: black;
}
/* code {
font-style: normal;
border-width : 0px;
background : white;
background-image:
linear-gradient(-100deg,
rgba(255,250,100,0.25),
rgba(255,250,100,1) 100%,
rgba(255,250,100,0.45)
);
} */
hr {
background-color: lightgray;
border: solid lightgray;
border-radius: 0.5rem;
height: 0.06cm;
margin: 2rem 10rem;
page-break-after: always;
}
/* box-shadow: 0 0 6px 1px RGB(40,42,54); */
hr:after {
/* Not really supposed to work, but does */
content: "\00a0"; /* Prevent margin collapse */
}
strong strong {
background: #f27a70;
color: white;
padding: 3px 5px;
margin: -3px 3px 0px 3px;
line-height: 1.7;
border-radius: 10px;
border-width: 0px;
}
blockquote {
border-left: solid 4px skyblue;
}
html,
body {
margin: auto;
padding: 0;
place-items: center;
}
.page {
box-sizing: border-box;
height: 100%;
width: 100%;
border: 1px solid transparent;
page-break-after: always;
}
.page-middle {
height: 100%;
width: 100%;
display: table;
}
.page-middle-inner {
height: 100%;
width: 100%;
display: table-cell;
vertical-align: middle;
}
#sidebar-files-menu {
border: solid 1px;
box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79);
background-color: var(--bg-color);
color: black;
}
#ty-sort-by-natural-btn,
#ty-sort-by-name-btn,
#ty-sort-by-date-btn {
background-color: white;
}
#typora-quick-open {
color: white;
}
#file-library-search-input {
color: white;
background-color: transparent;
}
#typora-sidebar > * {
background-color: transparent;
}