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