blog/themes/solarized/static/css/main.css
2022-11-03 02:02:43 -04:00

175 lines
3.2 KiB
CSS

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 {
color: rgb(131, 148, 150);
margin: 0 10 0 10;
padding-left: 0.75rem;
line-height: 1.2rem;
font-size: 14px;
text-align: left;
padding-bottom: 0.75rem;
}
.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
}
.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
}
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;}
@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: 60%;
padding-left: 0.75rem;
}
.left-panel {
position:relative;
float:left;
width:20%;
right:20%;
margin-left:-101%;
text-align:right;
}
}
@media screen and (max-width: 700px) {
.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;
}
.left-panel li {
display: inline;
padding: 0.5rem;
white-space: nowrap;
}
.blogroll {
display: none;
}
.social {
display: none;
}
}
.right-panel-content img {
margin: 1rem;
max-width: 50rem;
}
.small {
font-size: 0.75rem;
}
.article-list-title {
font-size: 1.25rem;
}
hr {
border: 2px dotted #b58900;;
border-style: none none dashed;
}
.tags {
float: right;
}
hr.end {
padding-top: 1rem;
}
.indent {
font-size: 0.6rem;
margin-left: 5.1rem;
}
h3.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;
}