.config/Typora/themes/whitey.css

   1 html {
   2         font-size: 19px;
   3 }
   4
   5 html, body {
   6         margin: auto;
   7         background: #fefefe;
   8 }
   9 body {
  10         font-family: "Vollkorn", Palatino, Times;
  11         color: #333;
  12         line-height: 1.4;
  13         text-align: justify;
  14 }
  15
  16 #write {
  17         max-width: 960px;
  18         margin: 0 auto;
  19         margin-bottom: 2em;
  20         line-height: 1.53;
  21         padding-top: 40px;
  22 }
  23
  24 @media only screen and (min-width: 1400px) {
  25         #write {
  26                 max-width: 1100px;
  27         }
  28 }
  29
  30 /* Typography
  31 -------------------------------------------------------- */
  32
  33 #write>h1:first-child,
  34 h1 {
  35         margin-top: 1.6em;
  36         font-weight: normal;
  37 }
  38
  39 h1 {
  40         font-size:3em;
  41 }
  42
  43 h2 {
  44         margin-top:2em;
  45         font-weight: normal;
  46 }
  47
  48 h3 {
  49         font-weight: normal;
  50         font-style: italic;
  51         margin-top: 3em;
  52 }
  53
  54 h1,
  55 h2,
  56 h3{
  57         text-align: center;
  58 }
  59
  60 h2:after{
  61         border-bottom: 1px solid #2f2f2f;
  62     content: '';
  63     width: 100px;
  64     display: block;
  65     margin: 0 auto;
  66     height: 1px;
  67 }
  68
  69 h1+h2, h2+h3 {
  70         margin-top: 0.83em;
  71 }
  72
  73 p,
  74 .mathjax-block {
  75         margin-top: 0;
  76         -webkit-hypens: auto;
  77         -moz-hypens: auto;
  78         hyphens: auto;
  79 }
  80 ul {
  81         list-style: square;
  82         padding-left: 1.2em;
  83 }
  84 ol {
  85         padding-left: 1.2em;
  86 }
  87 blockquote {
  88         margin-left: 1em;
  89         padding-left: 1em;
  90         border-left: 1px solid #ddd;
  91 }
  92 code,
  93 pre {
  94         font-family: "Consolas", "Menlo", "Monaco", monospace, serif;
  95         font-size: .9em;
  96         background: white;
  97 }
  98 .md-fences{
  99         margin-left: 1em;
 100         padding-left: 1em;
 101         border: 1px solid #ddd;
 102         padding-bottom: 8px;
 103         padding-top: 6px;
 104         margin-bottom: 1.5em;
 105 }
 106
 107 a {
 108         color: #2484c1;
 109         text-decoration: none;
 110 }
 111 a:hover {
 112         text-decoration: underline;
 113 }
 114 a img {
 115         border: none;
 116 }
 117 h1 a,
 118 h1 a:hover {
 119         color: #333;
 120         text-decoration: none;
 121 }
 122 hr {
 123         color: #ddd;
 124         height: 1px;
 125         margin: 2em 0;
 126         border-top: solid 1px #ddd;
 127         border-bottom: none;
 128         border-left: 0;
 129         border-right: 0;
 130 }
 131 .ty-table-edit {
 132         background: #ededed;
 133     padding-top: 4px;
 134 }
 135 table {
 136         margin-bottom: 1.333333rem
 137 }
 138 table th,
 139 table td {
 140         padding: 8px;
 141         line-height: 1.333333rem;
 142         vertical-align: top;
 143         border-top: 1px solid #ddd
 144 }
 145 table th {
 146         font-weight: bold
 147 }
 148 table thead th {
 149         vertical-align: bottom
 150 }
 151 table caption+thead tr:first-child th,
 152 table caption+thead tr:first-child td,
 153 table colgroup+thead tr:first-child th,
 154 table colgroup+thead tr:first-child td,
 155 table thead:first-child tr:first-child th,
 156 table thead:first-child tr:first-child td {
 157         border-top: 0
 158 }
 159 table tbody+tbody {
 160         border-top: 2px solid #ddd
 161 }
 162
 163 .task-list{
 164         padding:0;
 165 }
 166
 167 .md-task-list-item {
 168         padding-left: 1.6rem;
 169 }
 170
 171 .md-task-list-item > input:before {
 172         content: '\221A';
 173         display: inline-block;
 174         width: 1.33333333rem;
 175         height: 1.6rem;
 176         vertical-align: middle;
 177         text-align: center;
 178         color: #ddd;
 179         background-color: #fefefe;
 180 }
 181
 182 .md-task-list-item > input:checked:before,
 183 .md-task-list-item > input[checked]:before{
 184         color: inherit;
 185 }
 186 .md-tag {
 187         color: inherit;
 188         font: inherit;
 189 }
 190 #write pre.md-meta-block {
 191         min-height: 35px;
 192         padding: 0.5em 1em;
 193 }
 194 #write pre.md-meta-block {
 195         white-space: pre;
 196         background: #f8f8f8;
 197         border: 0px;
 198         color: #999;
 199
 200         width: 100vw;
 201         max-width: calc(100% + 60px);
 202         margin-left: -30px;
 203         border-left: 30px #f8f8f8 solid;
 204         border-right: 30px #f8f8f8 solid;
 205
 206         margin-bottom: 2em;
 207         margin-top: -1.3333333333333rem;
 208         padding-top: 26px;
 209         padding-bottom: 10px;
 210         line-height: 1.8em;
 211         font-size: 0.9em;
 212         font-size: 0.76em;
 213         padding-left: 0;
 214 }
 215 .md-img-error.md-image>.md-meta{
 216         vertical-align: bottom;
 217 }
 218 #write>h5.md-focus:before {
 219         top: 2px;
 220 }
 221
 222 .md-toc {
 223         margin-top: 40px;
 224 }
 225
 226 .md-toc-content {
 227         padding-bottom: 20px;
 228 }
 229
 230 .outline-expander:before {
 231         color: inherit;
 232         font-size: 14px;
 233         top: auto;
 234         content: "\f0da";
 235         font-family: FontAwesome;
 236 }
 237
 238 .outline-expander:hover:before,
 239 .outline-item-open>.outline-item>.outline-expander:before {
 240         content: "\f0d7";
 241 }
 242
 243 /** source code mode */
 244 #typora-source {
 245         font-family: Courier, monospace;
 246     color: #6A6A6A;
 247 }
 248
 249 .html-for-mac #typora-sidebar {
 250     -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 251     box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 252 }
 253
 254 .cm-s-typora-default .cm-header,
 255 .cm-s-typora-default .cm-property,
 256 .CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
 257         color: #428bca;
 258 }
 259
 260 .cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number {
 261         color: #777777;
 262 }
 263
 264 .typora-node .file-list-item-parent-loc,
 265 .typora-node .file-list-item-time,
 266 .typora-node .file-list-item-summary {
 267         font-family: arial, sans-serif;
 268 }
 269
 270 .md-task-list-item>input {
 271     margin-left: -1.3em;
 272     margin-top: calc(1rem - 12px);
 273 }
 274
 275 .md-mathjax-midline {
 276         background: #fafafa;
 277 }
 278
 279 .md-fences .code-tooltip {
 280         bottom: -2em !important;
 281 }
 282
 283 .dropdown-menu .divider {
 284         border-color: #e5e5e5;
 285 }