Browse Source

Tighten CSS layout with a focus on symmetry

master
digitalcraftsman 7 years ago
committed by GitHub
parent
commit
3c9b7fb496
  1. 35
      static/css/style.css

35
static/css/style.css

@ -43,7 +43,7 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
.icon-facebook-rect:before { content: '\e803'; }
/* Spacing */
.post h1, h3, h4, h5, p, .post-body ul, #post-list li, pre {
.post h1, h3, h4, h5, p, .post-body ul, pre {
margin-bottom: 20px;
}
@ -76,8 +76,6 @@ h2 {
}
.profile #header {
border-bottom: 1px solid #eee;
margin-bottom: 40px;
padding-bottom: 40px;
text-align: center;
position: relative;
@ -182,7 +180,7 @@ a,
transition: all 0.15s ease;
}
ul { margin:0; padding:0; }
ul { margin:0; padding:0; margin-bottom: 20px; }
li { list-style-type:circle; list-style-position:inside; }
/* Line Height */
@ -371,21 +369,24 @@ img {
/*=========================================
Post List
=========================================== */
#post-list,#archive-list {
#archive-list {
margin-top: 100px;
}
#post-list li,#archive-list li {
list-style-type: none;
#post-list {
margin-bottom: 0;
}
#post-list li:last-child {
#post-list li,#archive-list li {
border-top: 1px solid #eee;
padding-top: 20px;
padding-bottom: 20px;
list-style-type: none;
margin-bottom: 0;
}
#post-list li+li {
padding-top: 20px;
border-top: 1px solid #eee;
#post-list li:last-child {
border-bottom: 1px solid #eee;
}
#post-list a {
@ -430,16 +431,10 @@ Post List
}
#footer {
box-shadow: inset 0 1px 0 #eee;
padding: 40px 0 0 0;
margin-top: 100px;
}
/* Post Page */
#header {
border-bottom: 1px solid #eee;
}
.post {
margin: 80px 0 0 0;
}
@ -495,12 +490,10 @@ Post List
/* Post Navigation */
#post-nav {
border-top:1px solid #eee;
text-align:center;
padding-top:20px;
font-size:13px;
font-weight:500;
margin-top: 40px;
margin-top: 20px;
}
#post-nav span {
@ -626,9 +619,7 @@ h2.month {
/* Media Queries */
@media screen and (max-width: 540px) {
#wrapper { padding:20px 20px 20px 20px;}
#header { margin-bottom: 60px; border-bottom: 1px solid #eee; }
.post { margin: 40px 0; }
#footer { margin-top: 60px; }
#post-list, #archive-list { margin-top: 0; }
#post-meta { margin-top: 60px; }

Loading…
Cancel
Save