300 lines
10 KiB
CSS
300 lines
10 KiB
CSS
/* RESET */
|
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
|
|
|
|
|
|
/* PYGMENT */
|
|
.hll{background-color:#eee}.c{color:#408090;font-style:italic}.err{border:1px solid #F00}.k{color:#007020;font-weight:bold}.o{color:#666}.cm{color:#408090;font-style:italic}.cp{color:#007020}.c1{color:#408090;font-style:italic}.cs{background-color:#FFF0F0;color:#408090}.gd{color:#A00000}.ge{font-style:italic}.gr{color:#F00}.gh{color:#000080;font-weight:bold}.gi{color:#00A000}.go{color:#303030}.gp{color:#C65D09;font-weight:bold}.gs{font-weight:bold}.gu{color:#800080;font-weight:bold}.gt{color:#0040D0}.kc{color:#007020;font-weight:bold}.kd{color:#007020;font-weight:bold}.kn{color:#007020;font-weight:bold}.kp{color:#007020}.kr{color:#007020;font-weight:bold}.kt{color:#902000}.m{color:#208050}.s{color:#4070A0}.na{color:#4070A0}.nb{color:#007020}.nc{color:#0E84B5;font-weight:bold}.no{color:#60ADD5}.nd{color:#555;font-weight:bold}.ni{color:#D55537;font-weight:bold}.ne{color:#007020}.nf{color:#06287E}.nl{color:#002070;font-weight:bold}.nn{color:#0E84B5;font-weight:bold}.nt{color:#062873;font-weight:bold}.nv{color:#BB60D5}.ow{color:#007020;font-weight:bold}.w{color:#BBB}.mf{color:#208050}.mh{color:#208050}.mi{color:#208050}.mo{color:#208050}.sb{color:#4070A0}.sc{color:#4070A0}.sd{color:#4070A0;font-style:italic}.s2{color:#4070A0}.se{color:#4070A0;font-weight:bold}.sh{color:#4070A0}.si{color:#70A0D0;font-style:italic}.sx{color:#C65D09}.sr{color:#235388}.s1{color:#4070A0}.ss{color:#517918}.bp{color:#007020}.vc{color:#BB60D5}.vg{color:#BB60D5}.vi{color:#BB60D5}.il{color:#208050}
|
|
|
|
/* SOLARIZED */
|
|
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{font-family:'PT Sans',sans-serif}pre,code{font-family:'Inconsolata',sans-serif}h1,h2,h3,h4,h5,h6{font-family:'PT Sans Narrow',sans-serif;font-weight:700}html{background-color:#002b36;color:#839496;margin:1em}body{margin:0 auto;padding:1em}code{background-color:#073642;padding:2px}a{color:#cb4b16}a:visited{color:#cb4b16}a:hover{color:#cb4b16}h1{color:#d33682}h2,h3,h4,h5,h6{color:#859900}pre{background-color:#002b36;color:#839496;border:1pt solid #586e75;padding:1em;box-shadow:5pt 5pt 8pt #073642}pre code{background-color:#002b36}.tag{background-color:#073642;color:#d33682;padding:0 .2em}.todo,.next,.done{color:#002b36;background-color:#dc322f;padding:0 .2em}.tag{-webkit-border-radius:.35em;-moz-border-radius:.35em;border-radius:.35em}.TODO{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#2aa198}.NEXT{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#268bd2}.ACTIVE{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#268bd2}.DONE{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#859900}.WAITING{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#cb4b16}.HOLD{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#d33682}.NOTE{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#d33682}.CANCELLED{-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;background-color:#859900}
|
|
|
|
/* WORDCLOUD */
|
|
|
|
/* CUSTOM */
|
|
html {
|
|
background-color: #0E2F39;
|
|
/* color: #ACBDBF; */
|
|
color: #93a1a1;
|
|
}
|
|
|
|
|
|
body {
|
|
font-family: 'Lato', 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
|
|
line-height: 1.429;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
min-height: 95vh;
|
|
}
|
|
p {
|
|
margin: 0 10 0 10;
|
|
padding-left: 0.75rem;
|
|
line-height: 1.2rem;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
padding-bottom: 0.75rem;
|
|
}
|
|
|
|
.tag-pill {
|
|
border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border: 1px solid #BCBEC0;
|
|
padding: 2px;
|
|
background-color: #eee8d5;
|
|
color: #586e75;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.pill-link { text-decoration: none; }
|
|
|
|
|
|
.category-pill {
|
|
border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border: 1px solid #BCBEC0;
|
|
padding: 2px;
|
|
background-color: #b58900;
|
|
color: #002b36;
|
|
white-space: nowrap;
|
|
}
|
|
.literal {
|
|
border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border: 1px solid #BCBEC0;
|
|
padding: 2px;
|
|
font:12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
|
|
white-space: nowrap;
|
|
background-color: #b58900;
|
|
color: #000;
|
|
}
|
|
|
|
.literal-block, pre {
|
|
width: 95%;
|
|
border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
background-color: #eee8d5;
|
|
border: 1px solid #BCBEC0;
|
|
padding: 0.5rem;
|
|
margin: 0.75rem;
|
|
font:12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
|
|
background-color: #b58900;
|
|
color: #000;
|
|
}
|
|
|
|
|
|
article h2 {
|
|
line-height: 2rem;
|
|
}
|
|
article ul {
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
.caps {font-size:.92em;}
|
|
.amp {color:#666; font-size:1.05em;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic;}
|
|
.dquo {margin-left:-.38em;}
|
|
|
|
.entry-list-flex-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
align-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.entry-list-flex-child.date {
|
|
flex-basis: fit-content;
|
|
margin-right:1rem;
|
|
}
|
|
|
|
.entry-list-flex-child.category {
|
|
flex-basis: 100px;
|
|
margin-right:1rem;
|
|
}
|
|
|
|
@media screen and (min-width: 700px) {
|
|
.parent-panel { padding-left:20%;width:100%; }
|
|
.right-panel { position:relative;float:left;width:100%; }
|
|
|
|
.right-panel-content {
|
|
border-left: 2px dashed #b58900;
|
|
min-height: 96vh;
|
|
max-width: 80%;
|
|
padding-left: 0.75rem;
|
|
padding-right:20rem;
|
|
}
|
|
.left-panel {
|
|
position:relative;
|
|
float:left;
|
|
width:20%;
|
|
right:20%;
|
|
margin-left:-101%;
|
|
text-align:right;
|
|
}
|
|
a {
|
|
padding: 4px;
|
|
}
|
|
|
|
h2 a{
|
|
padding: 0;
|
|
}
|
|
.right-panel-content img {
|
|
margin: 1rem;
|
|
max-width: 80%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 700px) {
|
|
.right-panel-content img {
|
|
margin: 1rem;
|
|
max-width: 80%;
|
|
}
|
|
.parent-panel {
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-moz-box-orient: vertical;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
/* optional */
|
|
-webkit-box-align: start;
|
|
-moz-box-align: start;
|
|
-ms-flex-align: start;
|
|
-webkit-align-items: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.left-panel {
|
|
border: 2px dashed #b58900;
|
|
width: 100%;
|
|
-webkit-box-ordinal-group: 1;
|
|
-moz-box-ordinal-group: 1;
|
|
-ms-flex-order: 1;
|
|
-webkit-order: 1;
|
|
order: 1;
|
|
}
|
|
.right-panel{
|
|
-webkit-box-ordinal-group: 2;
|
|
-moz-box-ordinal-group: 2;
|
|
-ms-flex-order: 2;
|
|
-webkit-order: 2;
|
|
order: 2;
|
|
}
|
|
.right-panel-content {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.left-panel li {
|
|
display: inline-block;
|
|
padding: 0.75rem;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.blogroll {
|
|
display: none;
|
|
}
|
|
.social {
|
|
display: none;
|
|
}
|
|
.entry-list-flex-child.category {
|
|
flex-basis: 600px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1000px) {
|
|
.entry-list-flex-child.category {
|
|
flex-basis: 600px;
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 600px) {
|
|
.right-panel-content {
|
|
max-width: 80%;
|
|
padding-right:2rem;
|
|
}
|
|
.entry-list-flex-child.category {
|
|
flex-basis: 300px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1200px) {
|
|
.right-panel-content {
|
|
max-width: 1000px;
|
|
}
|
|
.right-panel-content img {
|
|
margin: 1rem;
|
|
max-width: 80%;
|
|
padding-right:20rem;
|
|
}
|
|
}
|
|
|
|
|
|
.small {
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
.article-list-title {
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
hr {
|
|
border: 2px dotted #b58900;
|
|
border-style: none none dashed;
|
|
.end {
|
|
padding-top: 1rem;
|
|
}
|
|
}
|
|
|
|
.tags {
|
|
float: right;
|
|
}
|
|
|
|
.indent {
|
|
font-size: 0.6rem;
|
|
margin-left: 4.1rem;
|
|
}
|
|
|
|
header.entry-title{
|
|
border-bottom: 1px dotted #b58900;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
|
|
.permalink {
|
|
float:right;
|
|
}
|
|
|
|
a:link.permalink { text-decoration: none; }
|
|
|
|
|
|
ul.simple {
|
|
list-style: square inside none;
|
|
padding-left:1rem;
|
|
}
|
|
ul ul {
|
|
list-style-type: circle;
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
|
|
.caption {
|
|
padding-left: 5rem;
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
.new ::before {
|
|
content: "(new)";
|
|
display: inline-block;
|
|
font-size: 0.8rem;
|
|
padding-right: 0.25rem;
|
|
color: #859900;
|
|
}
|
|
|
|
.section h3 {
|
|
padding-left: 0.25rem;
|
|
}
|