@ -103,7 +103,7 @@ body{ background-color: #fff; }
img {
max-height : 250 px ;
}
}
}
}
article {
overflow : auto ;
@ -111,6 +111,27 @@ body{ background-color: #fff; }
display : block ;
margin-right : auto ;
margin-left : auto ;
margin-top : emCalc ( 4 px ) ;
margin-bottom : emCalc ( 4 px ) ;
}
. article-details {
font-size : emCalc ( 14 px ) ;
color : darken ( $secondary-color , 15 % ) ;
border-bottom : 1 px solid darken ( #fff , 5 % ) ;
margin-bottom : emCalc ( 7 px ) ;
padding-bottom : emCalc ( 5 px ) ;
. published , . modified , . category {
line-height : 2 em ;
margin-left : emCalc ( 5 px ) ;
white-space : pre ;
}
. tag-list {
font-size : 0 .9 em ;
margin-bottom : 0 ;
display : inline-block ;
vertical-align : middle ;
li a { line-height : 1 .5 em ; padding : emCalc ( 4 px ) emCalc ( 7 px ) ; }
}
}
}
ul . item-list {
@ -125,7 +146,7 @@ body{ background-color: #fff; }
clear : both ;
& : after { clear : both }
@include border-radius ( $global-radius ) ;
@include background-image ( linear-gradient ( top , #fff , #f8f8f8 ));
@include background-image ( linear-gradient ( top , #fff , darken ( #fff , 2 % ) ));
. summary { font-size : 0 .9 em ; padding-bottom : emCalc ( 7 px ) ; }
footer {
border-top : 1 px solid darken ( #fff , 5 % ) ;
@ -143,7 +164,7 @@ body{ background-color: #fff; }
margin-bottom : 0 ;
display : inline-block ;
vertical-align : middle ;
li a { padding: emCalc ( 4 px ) emCalc ( 7 px ) ; }
li a { line-height: 1 .5 em ; padding: emCalc ( 4 px ) emCalc ( 7 px ) ; }
}
span { font-size : 0 .8 em ; }
}
@ -154,18 +175,34 @@ body{ background-color: #fff; }
display : block ;
margin-bottom : emCalc ( 7 px ) ;
p : last-child { margin-bottom : emCalc ( 5 px ) ; }
img . photo { display : none ; }
}
}
ul . item-list . featured li . author {
@include box-shadow ( none ) ;
@include background-image ( none ) ;
border : none ;
}
dl . item-list {
dt { border-top : 1 px solid darken ( #fff , 5 % ) ; }
dt : first-child { border : none ; }
dd { margin-bottom : emCalc ( 8 px ) ; }
}
. page_footer , . article_footer {
font-size : emCalc ( 14 px ) ;
border-top : 1 px solid darken ( #fff , 5 % ) ;
padding-top : emCalc ( 5 px ) ;
margin-top : emCalc ( 5 px ) ;
. no-bullet { margin-left : 0 ; }
ul li {
margin-bottom : emCalc ( 7 px ) ;
& : last-child { margin-bottom : ( 4 px ) ; }
}
. vcard . brief {
li { margin-bottom : 0 ; }
display : block ;
margin-bottom : 0 ;
}
# disqus_thread {
border-top : 1 px solid darken ( #fff , 5 % ) ;
padding-top : emCalc ( 10 px ) ;
@ -179,9 +216,12 @@ body{ background-color: #fff; }
padding : emCalc ( 10 px ) emCalc ( 7 px ) ;
}
}
# blogRoll {
# blogRoll , . no-margin {
margin-left : 0 ;
margin-bottom : 0 ;
overflow : hidden ;
}
# blogRoll {
. external {
& : after {
font-family : ' pelican-red ' ;
@ -217,8 +257,10 @@ body{ background-color: #fff; }
. tag-list {
@include inline-list ;
margin-left : 0 ;
li {
@include label ( 0 , emCalc ( 16 px ) , $secondary-color , $global-radius ) ;
margin : emCalc ( 4 px ) ;
a {
padding : emCalc ( 7 px ) emCalc ( 7 px ) ;
color : #000 ;
@ -240,6 +282,11 @@ body{ background-color: #fff; }
}
}
}
ul . pagination {
li . current a {
background : desaturate ( lighten ( $primary-color , 5 % ) , 50 % ) ;
}
}
@media #{ $small } {
}