.config/Typora/themes/newsprint.css

   1 /* meyer reset -- http://meyerweb.com/eric/tools/css/reset/ , v2.0 | 20110126 | License: none (public domain) */
   2
   3 @include-when-export url(https://fonts.loli.net/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,cyrillic,latin-ext);
   4
   5 /* =========== */
   6
   7 /* pt-serif-regular - latin */
   8 @font-face {
   9   font-family: 'PT Serif';
  10   font-style: normal;
  11   font-weight: normal;
  12         src: local('PT Serif'), local('PTSerif-Regular'), url('./newsprint/pt-serif-v11-latin-regular.woff2') format('woff2');
  13         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  14 }
  15 /* pt-serif-italic - latin */
  16 @font-face {
  17   font-family: 'PT Serif';
  18   font-style: italic;
  19   font-weight: normal;
  20         src: local('PT Serif Italic'), local('PTSerif-Italic'), url('./newsprint/pt-serif-v11-latin-italic.woff2') format('woff2');
  21         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  22 }
  23 /* pt-serif-700 - latin */
  24 @font-face {
  25   font-family: 'PT Serif';
  26   font-style: normal;
  27   font-weight: bold;
  28         src: local('PT Serif Bold'), local('PTSerif-Bold'), url('./newsprint/pt-serif-v11-latin-700.woff2') format('woff2');
  29         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  30 }
  31 /* pt-serif-700italic - latin */
  32 @font-face {
  33   font-family: 'PT Serif';
  34   font-style: italic;
  35   font-weight: bold;
  36         src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url('./newsprint/pt-serif-v11-latin-700italic.woff2') format('woff2');
  37         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  38 }
  39
  40 :root {
  41         --active-file-bg-color: #dadada;
  42         --active-file-bg-color: rgba(32, 43, 51, 0.63);
  43         --active-file-text-color: white;
  44         --bg-color: #f3f2ee;
  45         --text-color: #1f0909;
  46         --control-text-color: #444;
  47         --rawblock-edit-panel-bd: #e5e5e5;
  48
  49         --select-text-bg-color: rgba(32, 43, 51, 0.63);
  50   --select-text-font-color: white;
  51 }
  52
  53 pre {
  54         --select-text-bg-color: #36284e;
  55         --select-text-font-color: #fff;
  56 }
  57
  58 html {
  59         font-size: 16px;
  60 }
  61
  62 html, body {
  63         background-color: #f3f2ee;
  64         font-family: "PT Serif", 'Times New Roman', Times, serif;
  65         color: #1f0909;
  66         line-height: 1.5em;
  67 }
  68
  69 /*#write {
  70         overflow-x: auto;
  71     max-width: initial;
  72         padding-left: calc(50% - 17em);
  73     padding-right: calc(50% - 17em);
  74 }
  75
  76 @media (max-width: 36em) {
  77         #write {
  78                 padding-left: 1em;
  79         padding-right: 1em;
  80         }
  81 }*/
  82
  83 #write {
  84         max-width: 40em;
  85 }
  86
  87 @media only screen and (min-width: 1400px) {
  88         #write {
  89                         max-width: 914px;
  90         }
  91 }
  92
  93 ol li {
  94         list-style-type: decimal;
  95         list-style-position: outside;
  96 }
  97 ul li {
  98         list-style-type: disc;
  99         list-style-position: outside;
 100 }
 101
 102 ol,
 103 ul {
 104         list-style: none;
 105 }
 106
 107 blockquote,
 108 q {
 109         quotes: none;
 110 }
 111 blockquote:before,
 112 blockquote:after,
 113 q:before,
 114 q:after {
 115         content: '';
 116         content: none;
 117 }
 118 table {
 119         border-collapse: collapse;
 120         border-spacing: 0;
 121 }
 122 /* styles */
 123
 124 /* ====== */
 125
 126 /* headings */
 127
 128 h1,
 129 h2,
 130 h3,
 131 h4,
 132 h5,
 133 h6 {
 134         font-weight: bold;
 135 }
 136 h1 {
 137         font-size: 1.875em;
 138         /*30 / 16*/
 139         line-height: 1.6em;
 140         /* 48 / 30*/
 141         margin-top: 2em;
 142 }
 143 h2,
 144 h3 {
 145         font-size: 1.3125em;
 146         /*21 / 16*/
 147         line-height: 1.15;
 148         /*24 / 21*/
 149         margin-top: 2.285714em;
 150         /*48 / 21*/
 151         margin-bottom: 1.15em;
 152         /*24 / 21*/
 153 }
 154 h3 {
 155         font-weight: normal;
 156 }
 157 h4 {
 158         font-size: 1.125em;
 159         /*18 / 16*/
 160         margin-top: 2.67em;
 161         /*48 / 18*/
 162 }
 163 h5,
 164 h6 {
 165         font-size: 1em;
 166         /*16*/
 167 }
 168 h1 {
 169         border-bottom: 1px solid;
 170         margin-bottom: 1.875em;
 171         padding-bottom: 0.8125em;
 172 }
 173 /* links */
 174
 175 a {
 176         text-decoration: none;
 177         color: #065588;
 178 }
 179 a:hover,
 180 a:active {
 181         text-decoration: underline;
 182 }
 183 /* block spacing */
 184
 185 p,
 186 blockquote,
 187 .md-fences {
 188         margin-bottom: 1.5em;
 189 }
 190 h1,
 191 h2,
 192 h3,
 193 h4,
 194 h5,
 195 h6 {
 196         margin-bottom: 1.5em;
 197 }
 198 /* blockquote */
 199
 200 blockquote {
 201         font-style: italic;
 202         border-left: 5px solid;
 203         margin-left: 2em;
 204         padding-left: 1em;
 205 }
 206 /* lists */
 207
 208 ul,
 209 ol {
 210         margin: 0 0 1.5em 1.5em;
 211 }
 212 /* tables */
 213 .md-meta,.md-before, .md-after {
 214         color:#999;
 215 }
 216
 217 table {
 218         margin-bottom: 1.5em;
 219         /*24 / 16*/
 220         font-size: 1em;
 221         /* width: 100%; */
 222 }
 223 thead th,
 224 tfoot th {
 225         padding: .25em .25em .25em .4em;
 226         text-transform: uppercase;
 227 }
 228 th {
 229         text-align: left;
 230 }
 231 td {
 232         vertical-align: top;
 233         padding: .25em .25em .25em .4em;
 234 }
 235
 236 code,
 237 .md-fences {
 238         background-color: #dadada;
 239 }
 240
 241 code {
 242         padding-left: 2px;
 243         padding-right: 2px;
 244 }
 245
 246 .md-fences {
 247         margin-left: 2em;
 248         margin-bottom: 3em;
 249         padding-left: 1ch;
 250         padding-right: 1ch;
 251 }
 252
 253 pre,
 254 code,
 255 tt {
 256         font-size: .875em;
 257         line-height: 1.714285em;
 258 }
 259 /* some fixes */
 260
 261 h1 {
 262         line-height: 1.3em;
 263         font-weight: normal;
 264         margin-bottom: 0.5em;
 265 }
 266
 267 p + ul,
 268 p + ol{
 269         margin-top: .5em;
 270 }
 271
 272 h3 + ul,
 273 h4 + ul,
 274 h5 + ul,
 275 h6 + ul,
 276 h3 + ol,
 277 h4 + ol,
 278 h5 + ol,
 279 h6 + ol {
 280         margin-top: .5em;
 281 }
 282
 283 li > ul,
 284 li > ol {
 285         margin-top: inherit;
 286         margin-bottom: 0;
 287 }
 288
 289 li ol>li {
 290         list-style-type: lower-alpha;
 291 }
 292
 293 li li ol>li{
 294         list-style-type: lower-roman;
 295 }
 296
 297 h2,
 298 h3 {
 299         margin-bottom: .75em;
 300 }
 301 hr {
 302         border-top: none;
 303         border-right: none;
 304         border-bottom: 1px solid;
 305         border-left: none;
 306 }
 307 h1 {
 308         border-color: #c5c5c5;
 309 }
 310 blockquote {
 311         border-color: #bababa;
 312         color: #656565;
 313 }
 314
 315 blockquote ul,
 316 blockquote ol {
 317         margin-left:0;
 318 }
 319
 320 .ty-table-edit {
 321         background-color: transparent;
 322 }
 323 thead {
 324         background-color: #dadada;
 325 }
 326 tr:nth-child(even) {
 327         background: #e8e7e7;
 328 }
 329 hr {
 330         border-color: #c5c5c5;
 331 }
 332 .task-list{
 333         padding-left: 1rem;
 334 }
 335
 336 .md-task-list-item {
 337         padding-left: 1.5rem;
 338         list-style-type: none;
 339 }
 340
 341 .md-task-list-item > input:before {
 342         content: '\221A';
 343         display: inline-block;
 344         width: 1.25rem;
 345         height: 1.6rem;
 346         vertical-align: middle;
 347         text-align: center;
 348         color: #ddd;
 349         background-color: #F3F2EE;
 350 }
 351
 352 .md-task-list-item > input:checked:before,
 353 .md-task-list-item > input[checked]:before{
 354         color: inherit;
 355 }
 356
 357 #write pre.md-meta-block {
 358         min-height: 1.875rem;
 359         color: #555;
 360         border: 0px;
 361         background: transparent;
 362         margin-top: -4px;
 363         margin-left: 1em;
 364         margin-top: 1em;
 365 }
 366
 367 .md-image>.md-meta {
 368         color: #9B5146;
 369 }
 370
 371 .md-image>.md-meta{
 372         font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', serif;
 373 }
 374
 375
 376 #write>h3.md-focus:before{
 377         left: -1.5rem;
 378         color:#999;
 379         border-color:#999;
 380 }
 381 #write>h4.md-focus:before{
 382         left: -1.5rem;
 383         top: .25rem;
 384         color:#999;
 385         border-color:#999;
 386 }
 387 #write>h5.md-focus:before{
 388         left: -1.5rem;
 389         top: .0.3125rem;
 390         color:#999;
 391         border-color:#999;
 392 }
 393 #write>h6.md-focus:before{
 394         left: -1.5rem;
 395         top: 0.3125rem;
 396         color:#999;
 397         border-color:#999;
 398 }
 399
 400 .md-toc:focus .md-toc-content{
 401         margin-top: 19px;
 402 }
 403
 404 .md-toc-content:empty:before{
 405         color: #065588;
 406 }
 407 .md-toc-item {
 408         color: #065588;
 409 }
 410 #write div.md-toc-tooltip {
 411         background-color: #f3f2ee;
 412 }
 413
 414 #typora-sidebar {
 415         background-color: #f3f2ee;
 416         -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375);
 417         box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375);
 418 }
 419
 420 .pin-outline #typora-sidebar {
 421         background: inherit;
 422         box-shadow: none;
 423         border-right: 1px dashed;
 424 }
 425
 426 .pin-outline #typora-sidebar:hover .outline-title-wrapper {
 427         border-left:1px dashed;
 428 }
 429
 430 .outline-item:hover {
 431   background-color: #dadada;
 432   border-left: 28px solid #dadada;
 433   border-right: 18px solid #dadada;
 434 }
 435
 436 .typora-node .outline-item:hover {
 437         border-right: 28px solid #dadada;
 438 }
 439
 440 .outline-expander:before {
 441   content: "\f0da";
 442   font-family: FontAwesome;
 443   font-size:14px;
 444   top: 1px;
 445 }
 446
 447 .outline-expander:hover:before,
 448 .outline-item-open>.outline-item>.outline-expander:before {
 449   content: "\f0d7";
 450 }
 451
 452 .modal-content {
 453         background-color: #f3f2ee;
 454 }
 455
 456 .auto-suggest-container ul li {
 457         list-style-type: none;
 458 }
 459
 460 /** UI for electron */
 461
 462 .megamenu-menu,
 463 #top-titlebar, #top-titlebar *,
 464 .megamenu-content {
 465         background: #f3f2ee;
 466         color: #1f0909;
 467 }
 468
 469 .megamenu-menu-header {
 470         border-bottom: 1px dashed #202B33;
 471 }
 472
 473 .megamenu-menu {
 474         box-shadow: none;
 475         border-right: 1px dashed;
 476 }
 477
 478 header, .context-menu, .megamenu-content, footer {
 479         font-family: "PT Serif", 'Times New Roman', Times, serif;
 480     color: #1f0909;
 481 }
 482
 483 #megamenu-back-btn {
 484         color: #1f0909;
 485         border-color: #1f0909;
 486 }
 487
 488 .megamenu-menu-header #megamenu-menu-header-title:before {
 489         color: #1f0909;
 490 }
 491
 492 .megamenu-menu-list li a:hover, .megamenu-menu-list li a.active {
 493         color: inherit;
 494         background-color: #e8e7df;
 495 }
 496
 497 .long-btn:hover {
 498         background-color: #e8e7df;
 499 }
 500
 501 #recent-file-panel tbody tr:nth-child(2n-1) {
 502     background-color: transparent !important;
 503 }
 504
 505 .megamenu-menu-panel tbody tr:hover td:nth-child(2) {
 506     color: inherit;
 507 }
 508
 509 .megamenu-menu-panel .btn {
 510         background-color: #D2D1D1;
 511 }
 512
 513 .btn-default {
 514         background-color: transparent;
 515 }
 516
 517 .typora-sourceview-on #toggle-sourceview-btn,
 518 .ty-show-word-count #footer-word-count {
 519         background: #c7c5c5;
 520 }
 521
 522 #typora-quick-open {
 523     background-color: inherit;
 524 }
 525
 526 .md-diagram-panel {
 527         margin-top: 8px;
 528 }
 529
 530 .file-list-item-file-name {
 531         font-weight: initial;
 532 }
 533
 534 .file-list-item-summary {
 535         opacity: 1;
 536 }
 537
 538 .file-list-item {
 539         color: #777;
 540 }
 541
 542 .file-list-item.active {
 543         background-color: inherit;
 544         color: black;
 545 }
 546
 547 .ty-side-sort-btn.active {
 548         background-color: inherit;
 549 }
 550
 551 .file-list-item.active .file-list-item-file-name  {
 552         font-weight: bold;
 553 }
 554
 555 .file-list-item{
 556     opacity:1 !important;
 557 }
 558
 559 .file-library-node.active>.file-node-background{
 560         background-color: rgba(32, 43, 51, 0.63);
 561         background-color: var(--active-file-bg-color);
 562 }
 563
 564 .file-tree-node.active>.file-node-content{
 565         color: white;
 566         color: var(--active-file-text-color);
 567 }
 568
 569 .md-task-list-item>input {
 570         margin-left: -1.7em;
 571         margin-top: calc(1rem - 12px);
 572 }
 573
 574 input {
 575         border: 1px solid #aaa;
 576 }
 577
 578 .megamenu-menu-header #megamenu-menu-header-title,
 579 .megamenu-menu-header:hover,
 580 .megamenu-menu-header:focus {
 581         color: inherit;
 582 }
 583
 584 .dropdown-menu .divider {
 585         border-color: #e5e5e5;
 586 }
 587
 588 /* https://github.com/typora/typora-issues/issues/2046 */
 589 .os-windows-7 strong,
 590 .os-windows-7 strong  {
 591         font-weight: 760;
 592 }
 593
 594 .ty-preferences .btn-default {
 595         background: transparent;
 596 }
 597
 598 .ty-preferences .window-header {
 599         border-bottom: 1px dashed #202B33;
 600         box-shadow: none;
 601 }
 602
 603 #sidebar-loading-template, #sidebar-loading-template.file-list-item {
 604         color: #777;
 605 }
 606
 607 .searchpanel-search-option-btn.active {
 608         background: #777;
 609         color: white;
 610 }