1 @include-when-export url(https://fonts.loli.net/css?family=Merriweather:900,900italic,300,300italic&subset=latin-ext);
2 @include-when-export url(https://fonts.loli.net/css?family=Lato:900,300&subset=latin-ext);
5 --control-text-color: #777;
9 * forked from pixyll.com
14 font-family: 'Merriweather';
17 src: local('Merriweather Light'), local('Merriweather-Light'), url('./pixyll/merriweather-v19-latin-300.woff') format('woff');
20 font-family: 'Merriweather';
23 src: local('Merriweather Heavy'), local('Merriweather-Heavy'), url('./pixyll/merriweather-v19-latin-700.woff') format('woff');
26 font-family: 'Merriweather';
29 src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url('./pixyll/merriweather-v19-latin-300italic.woff') format('woff');
32 font-family: 'Merriweather';
35 src: local('Merriweather Heavy Italic'), local('Merriweather-HeavyItalic'), url('./pixyll/merriweather-v19-latin-700italic.woff') format('woff');
42 src: local('Lato Light'), local('Lato-Light'), url('./pixyll/lato-v14-latin-300.woff') format('woff');
48 src: local('Lato Black'), local('Lato-Blcak'), url('./pixyll/lato-v14-latin-900.woff') format('woff');
54 src: local('Lato LightItalic'), local('Lato-LightItalic'), url('./pixyll/lato-v14-latin-300italic.woff') format('woff');
60 src: local('Lato BlackItalic'), local('Lato-BlackItalic'), url('./pixyll/lato-v14-latin-900italic.woff') format('woff');
102 A simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff.
103 Best served with BASSCSS (http://jxnblk.github.io/basscss)
104 Crafted with <3 by John Otander (@4lpine) - ©2015 John Otander MIT License http://opensource.org/licenses/MIT
109 font-family: "Merriweather", "PT Serif", Georgia, "Times New Roman", "STSong", Serif;
119 @media only screen and (min-width: 1400px) {
125 @media only screen and (min-width: 1700px) {
137 box-sizing: border-box;
138 -moz-box-sizing: border-box;
139 -webkit-box-sizing: border-box;
150 table > thead > tr > th,
151 table > thead > tr > td,
152 table > tbody > tr > th,
153 table > tbody > tr > td,
154 table > tfoot > tr > th,
155 table > tfoot > tr > td {
159 border-top: 1px solid #333;
161 table > thead > tr > th {
162 vertical-align: bottom;
163 border-bottom: 2px solid #333;
165 table > caption + thead > tr:first-child > th,
166 table > caption + thead > tr:first-child > td,
167 table > colgroup + thead > tr:first-child > th,
168 table > colgroup + thead > tr:first-child > td,
169 table > thead:first-child > tr:first-child > th,
170 table > thead:first-child > tr:first-child > td {
173 table > tbody + tbody {
174 border-top: 2px solid #333;
181 border-bottom: 1px black dotted;
186 font-family: Menlo, Monaco, "Courier New", monospace;
196 margin-bottom: 0.88em;
198 border: 1px solid #7a7a7a;
199 padding-bottom: 0.5rem;
206 border-left: 5px solid #7a7a7a;
215 background-color: #fff;
217 border-color: transparent;
231 font-family: "Lato", 'Helvetica Neue', Helvetica, sans-serif;
236 @media screen and (min-width: 48em) {
253 #write>h4.md-focus:before,
254 #write>h5.md-focus:before,
255 #write>h6.md-focus:before{
268 @media (max-width: 48em) {
291 @media screen and (min-width: 64em) {
308 #write>h4.md-focus:before{
314 text-decoration: underline;
321 #write pre.md-meta-block {
327 border-left: 30px #f8f8f8 solid;
328 border-right: 30px #f8f8f8 solid;
330 max-width: calc(100% + 60px);
336 padding-bottom: 10px;
339 background-color: #fafafa;
340 font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
353 font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
358 .code-tooltip-content {
370 .md-task-list-item > input{
374 -webkit-appearance: initial;
377 margin-top: calc(1rem - 7px);
381 .md-task-list-item > input:focus{
386 .md-task-list-item > input:before{
387 border: 1px solid #555;
388 border-radius: 1.5rem;
393 transition: background-color 200ms ease-in-out;
397 .md-task-list-item > input:checked:before,
398 .md-task-list-item > input[checked]:before{
401 display:inline-block;
402 transition: background-color 200ms ease-in-out;
405 .md-task-list-item > input:checked:after,
406 .md-task-list-item > input[checked]:after {
410 .md-task-list-item > input:after {
412 -webkit-transition: opacity 0.05s ease-in-out;
413 -moz-transition: opacity 0.05s ease-in-out;
414 transition: opacity 0.05s ease-in-out;
415 -webkit-transform: rotate(-45deg);
416 -moz-transform: rotate(-45deg);
417 transform: rotate(-45deg);
423 border: 3px solid #fff;
434 .md-toc:focus .md-toc-content{
439 font-size:1rem !important;
442 .html-for-mac #typora-sidebar {
443 background-color:white;
446 .outline-content li, .outline-content ul {
447 font-size:1rem !important;
451 line-height: inherit;
459 .outline-expander:before {
461 font-family: inherit;
462 color: rgb(108, 108, 108);
467 .outline-expander:hover:before {
471 .outline-item-open>.outline-item>.outline-expander:before{
475 /** source code mode */
477 font-family: Courier, monospace;
481 .os-windows #typora-source {
482 font-family: inherit;
485 .cm-s-typora-default .cm-header,
486 .cm-s-typora-default .cm-property,
487 .CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
491 .cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number {
500 .md-mathjax-midline {
504 .enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip,
505 .enable-diagrams pre.md-fences[lang="flow"] .code-tooltip,
506 .enable-diagrams pre.md-fences[lang="mermaid"] .code-tooltip {
510 .dropdown-menu .divider {
511 border-color: #e5e5e5;