blog/themes/solarized/static/css/main.css

294 lines
10 KiB
CSS
Raw Permalink Normal View History

/* 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}
2022-11-03 02:55:14 +00:00
/* 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 */
2022-11-04 18:30:06 +00:00
html {
background-color: #0E2F39;
/* color: #ACBDBF; */
color: #93a1a1;
}
2022-11-03 02:55:14 +00:00
body {
2022-11-03 03:36:10 +00:00
font-family: 'Lato', 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
2022-11-03 02:55:14 +00:00
line-height: 1.429;
margin: 0;
padding: 0;
text-align: left;
min-height: 95vh;
}
p {
margin: 0 10 0 10;
2022-11-03 03:36:10 +00:00
padding-left: 0.75rem;
2022-11-03 02:55:14 +00:00
line-height: 1.2rem;
font-size: 14px;
2022-11-03 05:01:50 +00:00
text-align: left;
padding-bottom: 0.75rem;
2022-11-03 02:55:14 +00:00
}
2022-11-12 16:41:46 +00:00
.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;
}
2023-08-24 18:50:41 +00:00
.pill-link { text-decoration: none; }
2022-11-12 16:41:46 +00:00
.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;
}
2022-11-03 02:55:14 +00:00
.literal {
padding: 2px;
2022-11-03 06:04:09 +00:00
font:12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
2023-09-26 20:21:53 +00:00
white-space: pre-line;
2023-09-26 19:12:11 +00:00
background-color: #b58900;
color: #000;
2022-11-03 02:55:14 +00:00
}
2022-11-03 05:01:50 +00:00
.literal-block, pre {
2022-11-03 03:36:10 +00:00
width: 95%;
2022-11-03 02:55:14 +00:00
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
2022-11-03 03:36:10 +00:00
background-color: #eee8d5;
2022-11-03 02:55:14 +00:00
border: 1px solid #BCBEC0;
padding: 0.5rem;
margin: 0.75rem;
2024-08-26 15:40:05 +00:00
font: 12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
2023-09-26 19:12:11 +00:00
color: #000;
2022-11-03 02:55:14 +00:00
}
2022-11-03 03:36:10 +00:00
article h2 {
line-height: 2rem;
}
article ul {
margin-left: 1rem;
}
2022-11-03 02:55:14 +00:00
.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;}
2023-08-24 18:50:41 +00:00
.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;
}
2022-11-03 05:28:47 +00:00
@media screen and (min-width: 700px) {
.parent-panel { padding-left:20%;width:100%; }
.right-panel { position:relative;float:left;width:100%; }
.right-panel-content {
2022-11-03 05:55:17 +00:00
border-left: 2px dashed #b58900;
min-height: 96vh;
2022-11-03 15:22:57 +00:00
max-width: 80%;
padding-left: 0.75rem;
2022-11-04 15:41:57 +00:00
padding-right:20rem;
2022-11-03 05:28:47 +00:00
}
.left-panel {
position:relative;
float:left;
width:20%;
right:20%;
margin-left:-101%;
text-align:right;
}
2022-11-03 15:22:57 +00:00
a {
padding: 4px;
}
h2 a{
padding: 0;
}
2022-11-04 15:41:57 +00:00
.right-panel-content img {
margin: 1rem;
max-width: 80%;
}
2022-11-03 02:55:14 +00:00
}
2022-11-03 05:28:47 +00:00
@media screen and (max-width: 700px) {
2022-11-04 15:41:57 +00:00
.right-panel-content img {
margin: 1rem;
max-width: 80%;
}
2022-11-03 05:55:17 +00:00
.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;
}
2022-11-03 05:28:47 +00:00
.left-panel {
border: 2px dashed #b58900;
2022-11-03 05:55:17 +00:00
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;
}
2022-11-03 15:22:57 +00:00
.right-panel-content {
max-width: 100%;
}
2022-11-03 05:55:17 +00:00
.left-panel li {
2022-11-03 15:22:57 +00:00
display: inline-block;
padding: 0.75rem;
2022-11-03 05:55:17 +00:00
white-space: nowrap;
}
.blogroll {
display: none;
}
.social {
display: none;
2022-11-03 05:28:47 +00:00
}
2023-08-24 18:50:41 +00:00
.entry-list-flex-child.category {
flex-basis: 600px;
}
}
@media screen and (max-width: 1000px) {
.entry-list-flex-child.category {
flex-basis: 600px;
}
2022-11-03 15:22:57 +00:00
}
2022-11-03 05:28:47 +00:00
2023-08-24 18:50:41 +00:00
2022-11-03 15:22:57 +00:00
@media screen and (max-width: 600px) {
.right-panel-content {
max-width: 80%;
2022-11-04 15:41:57 +00:00
padding-right:2rem;
2022-11-03 15:22:57 +00:00
}
2023-08-24 18:50:41 +00:00
.entry-list-flex-child.category {
flex-basis: 300px;
}
2022-11-03 15:22:57 +00:00
}
@media screen and (min-width: 1200px) {
.right-panel-content {
max-width: 1000px;
}
2022-11-04 15:41:57 +00:00
.right-panel-content img {
margin: 1rem;
max-width: 80%;
padding-right:20rem;
}
2022-11-03 05:28:47 +00:00
}
2022-11-03 02:55:14 +00:00
.small {
font-size: 0.75rem;
}
.article-list-title {
font-size: 1.25rem;
}
2022-11-03 03:36:10 +00:00
hr {
2022-11-03 15:22:57 +00:00
border: 2px dotted #b58900;
2022-11-03 02:55:14 +00:00
border-style: none none dashed;
2023-01-10 15:05:56 +00:00
.end {
padding-top: 1rem;
}
2022-11-03 02:55:14 +00:00
}
.tags {
float: right;
}
2022-11-03 03:36:10 +00:00
.indent {
font-size: 0.6rem;
2022-11-03 15:22:57 +00:00
margin-left: 4.1rem;
2022-11-03 03:36:10 +00:00
}
2022-11-03 15:22:57 +00:00
header.entry-title{
2022-11-03 03:36:10 +00:00
border-bottom: 1px dotted #b58900;
padding-bottom: 0.25rem;
}
.permalink {
float:right;
}
a:link.permalink { text-decoration: none; }
2022-11-03 04:05:48 +00:00
2022-11-03 05:01:50 +00:00
ul.simple {
list-style: square inside none;
padding-left:1rem;
}
ul ul {
list-style-type: circle;
padding-left: 2rem;
}
2022-11-03 15:22:57 +00:00
.caption {
padding-left: 5rem;
font-style: italic;
}
2022-11-04 20:41:55 +00:00
.new ::before {
content: "(new)";
display: inline-block;
font-size: 0.8rem;
padding-right: 0.25rem;
color: #859900;
}
2022-11-12 16:41:46 +00:00
.section h3 {
padding-left: 0.25rem;
}