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