.config/Typora/themes/pixyll.css

   1 @include-when-export url(https://fonts.loli.net/css?family=Merriweather:900,900italic,300,300italic&subset=latin-ext);
   2 @include-when-export url(https://fonts.loli.net/css?family=Lato:900,300&subset=latin-ext);
   3
   4 :root {
   5         --control-text-color: #777;
   6 }
   7
   8 /**
   9  * forked from pixyll.com
  10  * MIT license
  11  */
  12
  13 @font-face {
  14         font-family: 'Merriweather';
  15         font-style: normal;
  16         font-weight: normal;
  17         src: local('Merriweather Light'), local('Merriweather-Light'), url('./pixyll/merriweather-v19-latin-300.woff') format('woff');
  18         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;
  19 }
  20 @font-face {
  21         font-family: 'Merriweather';
  22         font-style: normal;
  23         font-weight: bold;
  24         src: local('Merriweather Heavy'), local('Merriweather-Heavy'), url('./pixyll/merriweather-v19-latin-700.woff') format('woff');
  25         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;
  26 }
  27 @font-face {
  28         font-family: 'Merriweather';
  29         font-style: italic;
  30         font-weight: normal;
  31         src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url('./pixyll/merriweather-v19-latin-300italic.woff') format('woff');
  32         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;
  33 }
  34 @font-face {
  35         font-family: 'Merriweather';
  36         font-style: italic;
  37         font-weight: bold;
  38         src: local('Merriweather Heavy Italic'), local('Merriweather-HeavyItalic'), url('./pixyll/merriweather-v19-latin-700italic.woff') format('woff');
  39         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;
  40 }
  41
  42 @font-face {
  43         font-family: 'Lato';
  44         font-style: normal;
  45         font-weight: normal;
  46         src: local('Lato Light'), local('Lato-Light'), url('./pixyll/lato-v14-latin-300.woff') format('woff');
  47         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;
  48 }
  49 @font-face {
  50         font-family: 'Lato';
  51         font-style: normal;
  52         font-weight: bold;
  53         src: local('Lato Black'), local('Lato-Blcak'), url('./pixyll/lato-v14-latin-900.woff') format('woff');
  54         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;
  55 }
  56 @font-face {
  57         font-family: 'Lato';
  58         font-style: italic;
  59         font-weight: normal;
  60         src: local('Lato LightItalic'), local('Lato-LightItalic'), url('./pixyll/lato-v14-latin-300italic.woff') format('woff');
  61         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;
  62 }
  63 @font-face {
  64         font-family: 'Lato';
  65         font-style: italic;
  66         font-weight: bold;
  67         src: local('Lato BlackItalic'), local('Lato-BlackItalic'), url('./pixyll/lato-v14-latin-900italic.woff') format('woff');
  68         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;
  69 }
  70
  71 h1,
  72 .h1,
  73 .f1 {
  74         font-size: 2rem;
  75         line-height: 2.5rem;
  76 }
  77 h2,
  78 .h2,
  79 .f2 {
  80         font-size: 1.5rem;
  81         line-height: 2rem;
  82 }
  83 h3,
  84 .h3,
  85 .f3 {
  86         font-size: 1.25rem;
  87         line-height: 1.5rem;
  88 }
  89 p,
  90 .p,
  91 .f4,
  92 h4,
  93 h5,
  94 h6,
  95 dl,
  96 ol,
  97 ul,
  98 pre[cid],
  99 div[cid],
 100 #typora-source {
 101         font-size: 1.125rem;
 102         line-height: 1.5rem;
 103 }
 104
 105 h4 {
 106         font-size: 1.13rem;
 107 }
 108 /*
 109  Pixyll
 110  A simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff.
 111  Best served with BASSCSS (http://jxnblk.github.io/basscss)
 112  Crafted with <3 by John Otander (@4lpine) - ©2015 John Otander MIT License http://opensource.org/licenses/MIT
 113
 114 */
 115
 116 body {
 117         font-family: "Merriweather", "PT Serif", Georgia, "Times New Roman", "STSong", Serif;
 118         line-height: 1.5rem;
 119         font-weight: 400;
 120 }
 121
 122 #write {
 123         max-width: 914px;
 124         color: #333;
 125 }
 126
 127 @media only screen and (min-width: 1400px) {
 128         #write {
 129                 max-width: 1100px;
 130         }
 131 }
 132
 133 @media only screen and (min-width: 1700px) {
 134         #write {
 135                 max-width: 1200px;
 136         }
 137 }
 138
 139 img {
 140         width: auto;
 141         max-width: 100%;
 142 }
 143 body {
 144         font-size: 1.5rem;
 145         box-sizing: border-box;
 146         -moz-box-sizing: border-box;
 147         -webkit-box-sizing: border-box;
 148 }
 149
 150 .ty-table-edit {
 151         background: #ededed;
 152 }
 153
 154 table {
 155         width: 100%;
 156         font-size: 1.125rem;
 157 }
 158 table > thead > tr > th,
 159 table > thead > tr > td,
 160 table > tbody > tr > th,
 161 table > tbody > tr > td,
 162 table > tfoot > tr > th,
 163 table > tfoot > tr > td {
 164         padding: 12px;
 165         line-height: 1.2;
 166         vertical-align: top;
 167         border-top: 1px solid #333;
 168 }
 169 table > thead > tr > th {
 170         vertical-align: bottom;
 171         border-bottom: 2px solid #333;
 172 }
 173 table > caption + thead > tr:first-child > th,
 174 table > caption + thead > tr:first-child > td,
 175 table > colgroup + thead > tr:first-child > th,
 176 table > colgroup + thead > tr:first-child > td,
 177 table > thead:first-child > tr:first-child > th,
 178 table > thead:first-child > tr:first-child > td {
 179         border-top: 0;
 180 }
 181 table > tbody + tbody {
 182         border-top: 2px solid #333;
 183 }
 184 p {
 185         font-weight: 300;
 186         line-height: 1.5;
 187 }
 188 abbr {
 189         border-bottom: 1px black dotted;
 190         cursor: help;
 191 }
 192 pre,
 193 code {
 194         font-family: Menlo, Monaco, "Courier New", monospace;
 195 }
 196
 197 code,
 198 .md-fences  {
 199         color: #7a7a7a;
 200 }
 201
 202 .md-fences {
 203         padding: 1.125em;
 204         margin-bottom: 0.88em;
 205         font-size: 1rem;
 206         border: 1px solid #7a7a7a;
 207         padding-bottom: 0.5rem;
 208         padding-top: 0.5rem;
 209 }
 210
 211 blockquote {
 212         padding: 1.33em;
 213         font-style: italic;
 214         border-left: 5px solid #7a7a7a;
 215         color: #555;
 216 }
 217 blockquote em {
 218         color: #000;
 219 }
 220 blockquote footer {
 221         font-size: .85rem;
 222         font-style: normal;
 223         background-color: #fff;
 224         color: #7a7a7a;
 225         border-color: transparent;
 226 }
 227 h1,
 228 .h1,
 229 h2,
 230 .h2,
 231 h3,
 232 .h3,
 233 h4,
 234 .h4,
 235 h5,
 236 .h5,
 237 h6,
 238 .h6 {
 239         font-family: "Lato", 'Helvetica Neue', Helvetica, sans-serif;
 240         font-weight: bold;
 241         line-height: 1.2;
 242         margin: 1em 0 0.5em;
 243 }
 244 @media screen and (min-width: 48em) {
 245         .h1,
 246         h1 {
 247                 font-size: 3.250rem;
 248         }
 249         .h2,
 250         h2 {
 251                 font-size: 2.298rem;
 252         }
 253         .h3,
 254         h3 {
 255                 font-size: 1.625rem;
 256         }
 257         .h4,
 258         h4 {
 259                 font-size: 1.3rem;
 260         }
 261         #write>h4.md-focus:before,
 262         #write>h5.md-focus:before,
 263         #write>h6.md-focus:before{
 264                 top: 1px;
 265         }
 266         .p,
 267         p,
 268         li {
 269                 font-size: 1.25rem;
 270                 line-height: 1.8;
 271         }
 272         table {
 273                 font-size: 1.25rem;
 274         }
 275 }
 276 @media (max-width: 48em) {
 277         blockquote {
 278                 margin-left: 1rem;
 279                 margin-right: 0;
 280                 padding: 0.5em;
 281         }
 282         .h1,
 283         h1 {
 284                 font-size: 2.827rem;
 285         }
 286         .h2,
 287         h2 {
 288                 font-size: 1.999rem;
 289         }
 290         .h3,
 291         h3 {
 292                 font-size: 1.413rem;
 293         }
 294         .h4,
 295         h4 {
 296                 font-size: 1.3rem;
 297         }
 298 }
 299 @media screen and (min-width: 64em) {
 300         .h1,
 301         h1 {
 302                 font-size: 4.498rem;
 303         }
 304         .h2,
 305         h2 {
 306                 font-size: 2.29rem;
 307         }
 308         .h3,
 309         h3 {
 310                 font-size: 1.9rem;
 311         }
 312         .h4,
 313         h4 {
 314                 font-size: 1.591rem;
 315         }
 316         #write>h4.md-focus:before{
 317                 top:4px;
 318         }
 319 }
 320 a {
 321         color: #463F5C;
 322         text-decoration: underline;
 323 }
 324
 325 #write {
 326         padding-top: 2rem;
 327 }
 328
 329 #write pre.md-meta-block {
 330         min-height: 35px;
 331         padding: 0.5em 1em;
 332         white-space: pre;
 333         border: 0px;
 334
 335         border-left: 30px #f8f8f8 solid;
 336         border-right: 30px #f8f8f8 solid;
 337         width: 100vw;
 338         max-width: calc(100% + 60px);
 339
 340         margin-left: -30px;
 341         margin-bottom: 2em;
 342         margin-top: -2010px;
 343         padding-top: 2000px;
 344         padding-bottom: 10px;
 345         line-height: 1.5em;
 346         color: #7a7a7a;
 347         background-color: #fafafa;
 348         font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
 349         font-weight: 300;
 350         clear: both;
 351         padding-left: 0;
 352         font-size:1.125rem;
 353 }
 354 .md-image>.md-meta {
 355         color: #463F5C
 356 }
 357 .footnotes {
 358         font-size:1.1rem;
 359 }
 360 .md-tag {
 361         font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
 362 }
 363 .code-tooltip {
 364         background: white;
 365 }
 366 .code-tooltip-content {
 367         font-size: 1.1rem;
 368 }
 369
 370 .task-list{
 371         padding-left: 0;
 372 }
 373
 374 .md-task-list-item {
 375         padding-left:34px;
 376 }
 377
 378 .md-task-list-item > input{
 379         width: 1.25rem;
 380         height: 1.25rem;
 381         display: block;
 382         -webkit-appearance: initial;
 383         top: -0.2rem;
 384         margin-left: -1.6em;
 385         margin-top: calc(1rem - 7px);
 386         border: none;
 387 }
 388
 389 .md-task-list-item > input:focus{
 390         outline: none;
 391         box-shadow: none;
 392 }
 393
 394 .md-task-list-item > input:before{
 395         border: 1px solid #555;
 396         border-radius: 1.5rem;
 397         width: 1.5rem;
 398         height: 1.5rem;
 399         background: #fff;
 400         content: ' ';
 401         transition: background-color 200ms ease-in-out;
 402         display: block;
 403 }
 404
 405 .md-task-list-item > input:checked:before,
 406 .md-task-list-item > input[checked]:before{
 407         background: #333;
 408         border-width: 2px;
 409         display:inline-block;
 410         transition: background-color 200ms ease-in-out;
 411 }
 412
 413 .md-task-list-item > input:checked:after,
 414 .md-task-list-item > input[checked]:after {
 415         opacity: 1;
 416 }
 417
 418 .md-task-list-item > input:after {
 419         opacity: 1;
 420         -webkit-transition: opacity 0.05s ease-in-out;
 421         -moz-transition: opacity 0.05s ease-in-out;
 422         transition: opacity 0.05s ease-in-out;
 423         -webkit-transform: rotate(-45deg);
 424         -moz-transform: rotate(-45deg);
 425         transform: rotate(-45deg);
 426         position: absolute;
 427         top: 0.4375rem;
 428         left: 0.28125rem;
 429         width: 0.9375rem;
 430         height: 0.5rem;
 431         border: 3px solid #fff;
 432         border-top: 0;
 433         border-right: 0;
 434         content: ' ';
 435         opacity: 0;
 436 }
 437
 438 .md-tag {
 439         color:inherit;
 440 }
 441
 442 .md-toc:focus .md-toc-content{
 443         margin-top: 19px;
 444 }
 445
 446 #typora-sidebar {
 447         font-size:1rem !important;
 448 }
 449
 450 .html-for-mac #typora-sidebar {
 451         background-color:white;
 452 }
 453
 454 .outline-content li, .outline-content ul {
 455         font-size:1rem !important;
 456 }
 457
 458 .outline-title {
 459         line-height: inherit;
 460         margin-top: 10px;
 461 }
 462
 463 .outline-expander {
 464         width: 18px;
 465 }
 466
 467 .outline-expander:before {
 468         content: "+";
 469         font-family: inherit;
 470         color: rgb(108, 108, 108);
 471         font-size: 1.5rem;
 472         top: 0.1rem;
 473 }
 474
 475 .outline-expander:hover:before {
 476         content: "+";
 477 }
 478
 479 .outline-item-open>.outline-item>.outline-expander:before{
 480         content: "-";
 481 }
 482
 483 /** source code mode */
 484 #typora-source {
 485         font-family: Courier, monospace;
 486     color: #6A6A6A;
 487 }
 488
 489 .os-windows #typora-source {
 490         font-family: inherit;
 491 }
 492
 493 .cm-s-typora-default .cm-header,
 494 .cm-s-typora-default .cm-property,
 495 .CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
 496         color: #428bca;
 497 }
 498
 499 .cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number {
 500         color: #777777;
 501 }
 502
 503 .md-diagram-panel {
 504         margin-top: 24px;
 505         margin-left: -1.2em;
 506 }
 507
 508 .md-mathjax-midline {
 509         background: #fafafa;
 510 }
 511
 512 .enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip,
 513 .enable-diagrams pre.md-fences[lang="flow"] .code-tooltip,
 514 .enable-diagrams pre.md-fences[lang="mermaid"] .code-tooltip {
 515     bottom: -3.4em;
 516 }
 517
 518 .dropdown-menu .divider {
 519         border-color: #e5e5e5;
 520 }