.config/Typora/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         border-top: 1px solid #eee;
 144         margin-top: .3em;
 145     }
 146 }
 147
 148 h3 {
 149     font-size: 1.5em;
 150     line-height: 1.43;
 151 }
 152 h4 {
 153     font-size: 1.25em;
 154 }
 155 h5 {
 156     font-size: 1em;
 157 }
 158 h6 {
 159    font-size: 1em;
 160     color: #777;
 161 }
 162 p,
 163 blockquote,
 164 ul,
 165 ol,
 166 dl,
 167 table{
 168     margin: 0.8em 0;
 169 }
 170 li>ol,
 171 li>ul {
 172     margin: 0 0;
 173 }
 174 hr {
 175     height: 2px;
 176     padding: 0;
 177     margin: 16px 0;
 178     background-color: #e7e7e7;
 179     border: 0 none;
 180     overflow: hidden;
 181     box-sizing: content-box;
 182 }
 183
 184 li p.first {
 185     display: inline-block;
 186 }
 187 ul,
 188 ol {
 189     padding-left: 30px;
 190 }
 191 ul:first-child,
 192 ol:first-child {
 193     margin-top: 0;
 194 }
 195 ul:last-child,
 196 ol:last-child {
 197     margin-bottom: 0;
 198 }
 199 blockquote {
 200     border-left: 4px solid #dfe2e5;
 201     padding: 0 15px;
 202     color: #777777;
 203 }
 204 blockquote blockquote {
 205     padding-right: 0;
 206 }
 207 table {
 208     padding: 0;
 209     word-break: initial;
 210 }
 211 table tr {
 212     border-top: 1px solid #dfe2e5;
 213     margin: 0;
 214     padding: 0;
 215 }
 216 table tr:nth-child(2n),
 217 thead {
 218     background-color: #f8f8f8;
 219 }
 220 table tr th {
 221     font-weight: bold;
 222     border: 1px solid #dfe2e5;
 223     border-bottom: 0;
 224     margin: 0;
 225     padding: 6px 13px;
 226 }
 227 table tr td {
 228     border: 1px solid #dfe2e5;
 229     margin: 0;
 230     padding: 6px 13px;
 231 }
 232 table tr th:first-child,
 233 table tr td:first-child {
 234     margin-top: 0;
 235 }
 236 table tr th:last-child,
 237 table tr td:last-child {
 238     margin-bottom: 0;
 239 }
 240
 241 .CodeMirror-lines {
 242     padding-left: 4px;
 243 }
 244
 245 .code-tooltip {
 246     box-shadow: 0 1px 1px 0 rgba(0,28,36,.3);
 247     border-top: 1px solid #eef2f2;
 248 }
 249
 250 .md-fences,
 251 code,
 252 tt {
 253     border: 1px solid #e7eaed;
 254     background-color: #f8f8f8;
 255     border-radius: 3px;
 256     padding: 0;
 257     padding: 2px 4px 0px 4px;
 258     font-size: 0.9em;
 259 }
 260
 261 code {
 262     background-color: #f3f4f4;
 263     padding: 0 2px 0 2px;
 264 }
 265
 266 .md-fences {
 267     margin-bottom: 15px;
 268     margin-top: 15px;
 269     padding-top: 8px;
 270     padding-bottom: 6px;
 271 }
 272
 273
 274 .md-task-list-item > input {
 275   margin-left: -1.3em;
 276 }
 277
 278 @media print {
 279     html {
 280         font-size: 13px;
 281     }
 282     table,
 283     pre {
 284         page-break-inside: avoid;
 285     }
 286     pre {
 287         word-wrap: break-word;
 288     }
 289 }
 290
 291 .md-fences {
 292         background-color: #f8f8f8;
 293 }
 294 #write pre.md-meta-block {
 295         padding: 1rem;
 296     font-size: 85%;
 297     line-height: 1.45;
 298     background-color: #f7f7f7;
 299     border: 0;
 300     border-radius: 3px;
 301     color: #777777;
 302     margin-top: 0 !important;
 303 }
 304
 305 .mathjax-block>.code-tooltip {
 306         bottom: .375rem;
 307 }
 308
 309 .md-mathjax-midline {
 310     background: #fafafa;
 311 }
 312
 313 #write>h3.md-focus:before{
 314         left: -1.5625rem;
 315         top: .375rem;
 316 }
 317 #write>h4.md-focus:before{
 318         left: -1.5625rem;
 319         top: .285714286rem;
 320 }
 321 #write>h5.md-focus:before{
 322         left: -1.5625rem;
 323         top: .285714286rem;
 324 }
 325 #write>h6.md-focus:before{
 326         left: -1.5625rem;
 327         top: .285714286rem;
 328 }
 329 .md-image>.md-meta {
 330     /*border: 1px solid #ddd;*/
 331     border-radius: 3px;
 332     padding: 2px 0px 0px 4px;
 333     font-size: 0.9em;
 334     color: inherit;
 335 }
 336
 337 .md-tag {
 338     color: #a7a7a7;
 339     opacity: 1;
 340 }
 341
 342 .md-toc {
 343     margin-top:20px;
 344     padding-bottom:20px;
 345 }
 346
 347 .sidebar-tabs {
 348     border-bottom: none;
 349 }
 350
 351 #typora-quick-open {
 352     border: 1px solid #ddd;
 353     background-color: #f8f8f8;
 354 }
 355
 356 #typora-quick-open-item {
 357     background-color: #FAFAFA;
 358     border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
 359     border-style: solid;
 360     border-width: 1px;
 361 }
 362
 363 /** focus mode */
 364 .on-focus-mode blockquote {
 365     border-left-color: rgba(85, 85, 85, 0.12);
 366 }
 367
 368 header, .context-menu, .megamenu-content, footer{
 369     font-family: "Segoe UI", "Arial", sans-serif;
 370 }
 371
 372 .file-node-content:hover .file-node-icon,
 373 .file-node-content:hover .file-node-open-state{
 374     visibility: visible;
 375 }
 376
 377 .mac-seamless-mode #typora-sidebar {
 378     background-color: #fafafa;
 379     background-color: var(--side-bar-bg-color);
 380 }
 381
 382 .md-lang {
 383     color: #b4654d;
 384 }
 385
 386 .html-for-mac .context-menu {
 387     --item-hover-bg-color: #E6F0FE;
 388 }
 389
 390 #md-notification .btn {
 391     border: 0;
 392 }
 393
 394 .dropdown-menu .divider {
 395     border-color: #e5e5e5;
 396 }
 397
 398 .ty-preferences .window-content {
 399     background-color: #fafafa;
 400 }
 401
 402 .ty-preferences .nav-group-item.active {
 403     color: white;
 404     background: #999;
 405 }