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