.config/Typora/themes/old-themes/github.css

   1 :root {
   2     --side-bar-bg-color: #fafafa;
   3     --control-text-color: #777;
   4 }
   5
   6 @include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);
   7
   8 /* open-sans-regular - latin-ext_latin */
   9 @font-face {
  10     font-family: 'Open Sans';
  11     font-style: normal;
  12     font-weight: normal;
  13     src: local('Open Sans Regular'), local('OpenSans-Regular'), url('./github/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2');
  14     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, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  15   }
  16   /* open-sans-italic - latin-ext_latin */
  17   @font-face {
  18     font-family: 'Open Sans';
  19     font-style: italic;
  20     font-weight: normal;
  21     src: local('Open Sans Italic'), local('OpenSans-Italic'), url('./github/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2');
  22     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, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  23   }
  24   /* open-sans-700 - latin-ext_latin */
  25   @font-face {
  26     font-family: 'Open Sans';
  27     font-style: normal;
  28     font-weight: bold;
  29     src: local('Open Sans Bold'), local('OpenSans-Bold'), url('./github/open-sans-v17-latin-ext_latin-700.woff2') format('woff2');
  30     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, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  31   }
  32   /* open-sans-700italic - latin-ext_latin */
  33   @font-face {
  34     font-family: 'Open Sans';
  35     font-style: italic;
  36     font-weight: bold;
  37     src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('./github/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2');
  38     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, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  39   }
  40
  41 html {
  42     font-size: 16px;
  43 }
  44
  45 body {
  46     font-family: "Open Sans","Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  47     color: rgb(51, 51, 51);
  48     line-height: 1.6;
  49 }
  50
  51 #write {
  52     max-width: 860px;
  53         margin: 0 auto;
  54         padding: 30px;
  55     padding-bottom: 100px;
  56 }
  57
  58 @media only screen and (min-width: 1400px) {
  59         #write {
  60                 max-width: 1024px;
  61         }
  62 }
  63
  64 @media only screen and (min-width: 1800px) {
  65         #write {
  66                 max-width: 1200px;
  67         }
  68 }
  69
  70 #write > ul:first-child,
  71 #write > ol:first-child{
  72     margin-top: 30px;
  73 }
  74
  75 a {
  76     color: #4183C4;
  77 }
  78 h1,
  79 h2,
  80 h3,
  81 h4,
  82 h5,
  83 h6 {
  84     position: relative;
  85     margin-top: 1rem;
  86     margin-bottom: 1rem;
  87     font-weight: bold;
  88     line-height: 1.4;
  89     cursor: text;
  90 }
  91 h1:hover a.anchor,
  92 h2:hover a.anchor,
  93 h3:hover a.anchor,
  94 h4:hover a.anchor,
  95 h5:hover a.anchor,
  96 h6:hover a.anchor {
  97     text-decoration: none;
  98 }
  99 h1 tt,
 100 h1 code {
 101     font-size: inherit;
 102 }
 103 h2 tt,
 104 h2 code {
 105     font-size: inherit;
 106 }
 107 h3 tt,
 108 h3 code {
 109     font-size: inherit;
 110 }
 111 h4 tt,
 112 h4 code {
 113     font-size: inherit;
 114 }
 115 h5 tt,
 116 h5 code {
 117     font-size: inherit;
 118 }
 119 h6 tt,
 120 h6 code {
 121     font-size: inherit;
 122 }
 123 h1 {
 124     font-size: 2.25em;
 125     line-height: 1.2;
 126     border-bottom: 1px solid #eee;
 127 }
 128 h2 {
 129     font-size: 1.75em;
 130     line-height: 1.225;
 131     border-bottom: 1px solid #eee;
 132 }
 133
 134 /*@media print {
 135     .typora-export h1,
 136     .typora-export h2 {
 137         border-bottom: none;
 138         padding-bottom: initial;
 139     }
 140
 141     .typora-export h1::after,
 142     .typora-export h2::after {
 143         content: "";
 144         display: block;
 145         height: 100px;
 146         margin-top: -96px;
 147         border-top: 1px solid #eee;
 148     }
 149 }*/
 150
 151 h3 {
 152     font-size: 1.5em;
 153     line-height: 1.43;
 154 }
 155 h4 {
 156     font-size: 1.25em;
 157 }
 158 h5 {
 159     font-size: 1em;
 160 }
 161 h6 {
 162    font-size: 1em;
 163     color: #777;
 164 }
 165 p,
 166 blockquote,
 167 ul,
 168 ol,
 169 dl,
 170 table{
 171     margin: 0.8em 0;
 172 }
 173 li>ol,
 174 li>ul {
 175     margin: 0 0;
 176 }
 177 hr {
 178     height: 2px;
 179     padding: 0;
 180     margin: 16px 0;
 181     background-color: #e7e7e7;
 182     border: 0 none;
 183     overflow: hidden;
 184     box-sizing: content-box;
 185 }
 186
 187 li p.first {
 188     display: inline-block;
 189 }
 190 ul,
 191 ol {
 192     padding-left: 30px;
 193 }
 194 ul:first-child,
 195 ol:first-child {
 196     margin-top: 0;
 197 }
 198 ul:last-child,
 199 ol:last-child {
 200     margin-bottom: 0;
 201 }
 202 blockquote {
 203     border-left: 4px solid #dfe2e5;
 204     padding: 0 15px;
 205     color: #777777;
 206 }
 207 blockquote blockquote {
 208     padding-right: 0;
 209 }
 210 table {
 211     padding: 0;
 212     word-break: initial;
 213 }
 214 table tr {
 215     border: 1px solid #dfe2e5;
 216     margin: 0;
 217     padding: 0;
 218 }
 219 table tr:nth-child(2n),
 220 thead {
 221     background-color: #f8f8f8;
 222 }
 223 table th {
 224     font-weight: bold;
 225     border: 1px solid #dfe2e5;
 226     border-bottom: 0;
 227     margin: 0;
 228     padding: 6px 13px;
 229 }
 230 table td {
 231     border: 1px solid #dfe2e5;
 232     margin: 0;
 233     padding: 6px 13px;
 234 }
 235 table th:first-child,
 236 table td:first-child {
 237     margin-top: 0;
 238 }
 239 table th:last-child,
 240 table td:last-child {
 241     margin-bottom: 0;
 242 }
 243
 244 .CodeMirror-lines {
 245     padding-left: 4px;
 246 }
 247
 248 .code-tooltip {
 249     box-shadow: 0 1px 1px 0 rgba(0,28,36,.3);
 250     border-top: 1px solid #eef2f2;
 251 }
 252
 253 .md-fences,
 254 code,
 255 tt {
 256     border: 1px solid #e7eaed;
 257     background-color: #f8f8f8;
 258     border-radius: 3px;
 259     padding: 0;
 260     padding: 2px 4px 0px 4px;
 261     font-size: 0.9em;
 262 }
 263
 264 code {
 265     background-color: #f3f4f4;
 266     padding: 0 2px 0 2px;
 267 }
 268
 269 .md-fences {
 270     margin-bottom: 15px;
 271     margin-top: 15px;
 272     padding-top: 8px;
 273     padding-bottom: 6px;
 274 }
 275
 276
 277 .md-task-list-item > input {
 278   margin-left: -1.3em;
 279 }
 280
 281 @media print {
 282     html {
 283         font-size: 13px;
 284     }
 285     table,
 286     pre {
 287         page-break-inside: avoid;
 288     }
 289     pre {
 290         word-wrap: break-word;
 291     }
 292 }
 293
 294 .md-fences {
 295         background-color: #f8f8f8;
 296 }
 297 #write pre.md-meta-block {
 298         padding: 1rem;
 299     font-size: 85%;
 300     line-height: 1.45;
 301     background-color: #f7f7f7;
 302     border: 0;
 303     border-radius: 3px;
 304     color: #777777;
 305     margin-top: 0 !important;
 306 }
 307
 308 .mathjax-block>.code-tooltip {
 309         bottom: .375rem;
 310 }
 311
 312 .md-mathjax-midline {
 313     background: #fafafa;
 314 }
 315
 316 #write>h3.md-focus:before{
 317         left: -1.5625rem;
 318         top: .375rem;
 319 }
 320 #write>h4.md-focus:before{
 321         left: -1.5625rem;
 322         top: .285714286rem;
 323 }
 324 #write>h5.md-focus:before{
 325         left: -1.5625rem;
 326         top: .285714286rem;
 327 }
 328 #write>h6.md-focus:before{
 329         left: -1.5625rem;
 330         top: .285714286rem;
 331 }
 332 .md-image>.md-meta {
 333     /*border: 1px solid #ddd;*/
 334     border-radius: 3px;
 335     padding: 2px 0px 0px 4px;
 336     font-size: 0.9em;
 337     color: inherit;
 338 }
 339
 340 .md-tag {
 341     color: #a7a7a7;
 342     opacity: 1;
 343 }
 344
 345 .md-toc {
 346     margin-top:20px;
 347     padding-bottom:20px;
 348 }
 349
 350 .sidebar-tabs {
 351     border-bottom: none;
 352 }
 353
 354 #typora-quick-open {
 355     border: 1px solid #ddd;
 356     background-color: #f8f8f8;
 357 }
 358
 359 #typora-quick-open-item {
 360     background-color: #FAFAFA;
 361     border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
 362     border-style: solid;
 363     border-width: 1px;
 364 }
 365
 366 /** focus mode */
 367 .on-focus-mode blockquote {
 368     border-left-color: rgba(85, 85, 85, 0.12);
 369 }
 370
 371 header, .context-menu, .megamenu-content, footer{
 372     font-family: "Segoe UI", "Arial", sans-serif;
 373 }
 374
 375 .file-node-content:hover .file-node-icon,
 376 .file-node-content:hover .file-node-open-state{
 377     visibility: visible;
 378 }
 379
 380 .mac-seamless-mode #typora-sidebar {
 381     background-color: #fafafa;
 382     background-color: var(--side-bar-bg-color);
 383 }
 384
 385 .md-lang {
 386     color: #b4654d;
 387 }
 388
 389 /*.html-for-mac {
 390     --item-hover-bg-color: #E6F0FE;
 391 }*/
 392
 393 #md-notification .btn {
 394     border: 0;
 395 }
 396
 397 .dropdown-menu .divider {
 398     border-color: #e5e5e5;
 399     opacity: 0.4;
 400 }
 401
 402 .ty-preferences .window-content {
 403     background-color: #fafafa;
 404 }
 405
 406 .ty-preferences .nav-group-item.active {
 407     color: white;
 408     background: #999;
 409 }
 410
 411 .menu-item-container a.menu-style-btn {
 412     background-color: #f5f8fa;
 413     background-image: linear-gradient( 180deg , hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
 414 }