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