blog/themes/solarized/static/css/main.css
2022-11-03 01:28:47 -04:00

137 lines
2.4 KiB
CSS

@import url("reset.css");
@import url("pygment.css");
@import url("wordcloud.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;}
.right-panel-content {
border-left: 2px dashed #b58900;
min-height: 96vh;
}
@media screen and (min-width: 700px) {
.parent-panel { padding-left:20%;width:100%; }
.right-panel { position:relative;float:left;width:100%; }
.right-panel-content {
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) {
.left-panel {
border: 2px dashed #b58900;
}
}
.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;
/*border-bottom: 2px dotted #b58900;*/
}
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;
}