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