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