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