1 /* meyer reset -- http://meyerweb.com/eric/tools/css/reset/ , v2.0 | 20110126 | License: none (public domain) */
3 @include-when-export url(https://fonts.loli.net/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,cyrillic,latin-ext);
8 font-family: 'PT Serif';
11 src: local('PT Serif'), local('PTSerif-Regular'), url('./newsprint/pt-serif-v9-latin-regular.woff') format('woff');
14 font-family: 'PT Serif';
17 src: local('PT Serif'), local('PTSerif-Italic'), url('./newsprint/pt-serif-v9-latin-italic.woff') format('woff');
21 font-family: 'PT Serif';
24 src: local('PT Serif'), local('PTSerif-Bold'), url('./newsprint/pt-serif-v9-latin-700.woff') format('woff');
28 font-family: 'PT Serif';
31 src: local('PT Serif'), local('PTSerif-BoldItalic'), url('./newsprint/pt-serif-v9-latin-700italic.woff') format('woff');
35 --active-file-bg-color: #dadada;
36 --active-file-bg-color: rgba(32, 43, 51, 0.63);
37 --active-file-text-color: white;
39 --text-color: #1f0909;
40 --control-text-color: #444;
41 --rawblock-edit-panel-bd: #e5e5e5;
43 --select-text-bg-color: rgba(32, 43, 51, 0.63);
44 --select-text-font-color: white;
48 --select-text-bg-color: #36284e;
49 --select-text-font-color: #fff;
57 background-color: #f3f2ee;
58 font-family: "PT Serif", 'Times New Roman', Times, serif;
66 padding-left: calc(50% - 17em);
67 padding-right: calc(50% - 17em);
70 @media (max-width: 36em) {
82 list-style-type: decimal;
83 list-style-position: outside;
86 list-style-type: disc;
87 list-style-position: outside;
107 border-collapse: collapse;
137 margin-top: 2.285714em;
139 margin-bottom: 1.15em;
157 border-bottom: 1px solid;
158 margin-bottom: 1.875em;
159 padding-bottom: 0.8125em;
164 text-decoration: none;
169 text-decoration: underline;
176 margin-bottom: 1.5em;
184 margin-bottom: 1.5em;
190 border-left: 5px solid;
198 margin: 0 0 1.5em 1.5em;
201 .md-meta,.md-before, .md-after {
206 margin-bottom: 1.5em;
213 padding: .25em .25em .25em .4em;
214 text-transform: uppercase;
221 padding: .25em .25em .25em .4em;
226 background-color: #dadada;
245 line-height: 1.714285em;
252 margin-bottom: 0.5em;
278 list-style-type: lower-alpha;
282 list-style-type: lower-roman;
287 margin-bottom: .75em;
292 border-bottom: 1px solid;
296 border-color: #c5c5c5;
299 border-color: #bababa;
309 background-color: transparent;
312 background-color: #dadada;
318 border-color: #c5c5c5;
325 padding-left: 1.5rem;
326 list-style-type: none;
329 .md-task-list-item > input:before {
331 display: inline-block;
334 vertical-align: middle;
337 background-color: #F3F2EE;
340 .md-task-list-item > input:checked:before,
341 .md-task-list-item > input[checked]:before{
345 #write pre.md-meta-block {
346 min-height: 1.875rem;
349 background: transparent;
360 font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', serif;
364 #write>h3.md-focus:before{
369 #write>h4.md-focus:before{
375 #write>h5.md-focus:before{
381 #write>h6.md-focus:before{
388 .md-toc:focus .md-toc-content{
392 .md-toc-content:empty:before{
398 #write div.md-toc-tooltip {
399 background-color: #f3f2ee;
403 background-color: #f3f2ee;
404 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375);
405 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375);
408 .pin-outline #typora-sidebar {
411 border-right: 1px dashed;
414 .pin-outline #typora-sidebar:hover .outline-title-wrapper {
415 border-left:1px dashed;
418 .outline-item:hover {
419 background-color: #dadada;
420 border-left: 28px solid #dadada;
421 border-right: 18px solid #dadada;
424 .typora-node .outline-item:hover {
425 border-right: 28px solid #dadada;
428 .outline-expander:before {
430 font-family: FontAwesome;
435 .outline-expander:hover:before,
436 .outline-item-open>.outline-item>.outline-expander:before {
441 background-color: #f3f2ee;
444 .auto-suggest-container ul li {
445 list-style-type: none;
448 /** UI for electron */
451 #top-titlebar, #top-titlebar *,
457 .megamenu-menu-header {
458 border-bottom: 1px dashed #202B33;
463 border-right: 1px dashed;
466 header, .context-menu, .megamenu-content, footer {
467 font-family: "PT Serif", 'Times New Roman', Times, serif;
473 border-color: #1f0909;
476 .megamenu-menu-header #megamenu-menu-header-title:before {
480 .megamenu-menu-list li a:hover, .megamenu-menu-list li a.active {
482 background-color: #e8e7df;
486 background-color: #e8e7df;
489 #recent-file-panel tbody tr:nth-child(2n-1) {
490 background-color: transparent !important;
493 .megamenu-menu-panel tbody tr:hover td:nth-child(2) {
497 .megamenu-menu-panel .btn {
498 background-color: #D2D1D1;
502 background-color: transparent;
505 .typora-sourceview-on #toggle-sourceview-btn,
506 .ty-show-word-count #footer-word-count {
511 background-color: inherit;
518 .file-list-item-file-name {
519 font-weight: initial;
522 .file-list-item-summary {
530 .file-list-item.active {
531 background-color: inherit;
535 .ty-side-sort-btn.active {
536 background-color: inherit;
539 .file-list-item.active .file-list-item-file-name {
544 opacity:1 !important;
547 .file-library-node.active>.file-node-background{
548 background-color: rgba(32, 43, 51, 0.63);
549 background-color: var(--active-file-bg-color);
552 .file-tree-node.active>.file-node-content{
554 color: var(--active-file-text-color);
557 .md-task-list-item>input {
559 margin-top: calc(1rem - 12px);
563 border: 1px solid #aaa;
566 .megamenu-menu-header #megamenu-menu-header-title,
567 .megamenu-menu-header:hover,
568 .megamenu-menu-header:focus {
572 .dropdown-menu .divider {
573 border-color: #e5e5e5;
576 /* https://github.com/typora/typora-issues/issues/2046 */
577 .os-windows-7 strong,
578 .os-windows-7 strong {
582 .ty-preferences .btn-default {
583 background: transparent;
586 .ty-preferences .window-header {
587 border-bottom: 1px dashed #202B33;