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