175 lines
3.2 KiB
CSS
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;
|
|
}
|