From 3159beba2eb5bc6422a20ff770a1f049028133d8 Mon Sep 17 00:00:00 2001 From: Andrew Senetar Date: Mon, 29 Jul 2013 16:57:23 -0400 Subject: [PATCH] Update to latest version of pelican-red --- 404.html | 10 ++-- archives.html | 4 +- author/andrew-senetar.html | 41 +++++++++++++-- authors.html | 44 +++++++++++++--- categories.html | 4 +- category/projects.html | 4 +- index.html | 4 +- pages/about.html | 10 ++-- pelican-red.html | 20 +++---- sitemap.xml | 14 ++--- tags.html | 4 +- theme/css/app.css | 104 ++++++------------------------------- theme/js/app.js | 5 ++ theme/sass/app.scss | 35 +++++++++++-- 14 files changed, 169 insertions(+), 134 deletions(-) diff --git a/404.html b/404.html index 97876f7..43d6dfd 100644 --- a/404.html +++ b/404.html @@ -66,10 +66,12 @@

404

From: VoltaicIdeas

-

!( Page or Article )

+
+

!( Page or Article )

The url you have tried is not a page or article on this site. Maybe going back to the index will help.

+
@@ -97,7 +99,7 @@
  • Categories
  • Tags
  • Archives
    • -
  • HKN Beta
    • +
  • HKN Beta
  • Pelican
  • pelican-red
    • @@ -106,7 +108,7 @@ diff --git a/archives.html b/archives.html index 955e647..bebce54 100644 --- a/archives.html +++ b/archives.html @@ -97,7 +97,7 @@
  • Categories
  • Tags
  • Archives
    • -
  • HKN Beta
    • +
  • HKN Beta
  • Pelican
  • pelican-red
    • @@ -106,7 +106,7 @@ diff --git a/author/andrew-senetar.html b/author/andrew-senetar.html index 193c6f1..083bfd7 100644 --- a/author/andrew-senetar.html +++ b/author/andrew-senetar.html @@ -66,7 +66,42 @@

    Andrew Senetar

    From: VoltaicIdeas

    - Author vcard here? + @@ -128,7 +163,7 @@ diff --git a/authors.html b/authors.html index 8acfd5c..958f8d4 100644 --- a/authors.html +++ b/authors.html @@ -66,10 +66,42 @@

    Authors

    From: VoltaicIdeas

    -

    Authors

    - +
    @@ -95,7 +127,7 @@ Andrew Senetar
  • Categories
  • Tags
  • Archives
    • -
  • HKN Beta
    • +
  • HKN Beta
  • Pelican
  • pelican-red
    • @@ -104,7 +136,7 @@ Andrew Senetar
    diff --git a/categories.html b/categories.html index 6366bf2..1f47688 100644 --- a/categories.html +++ b/categories.html @@ -119,7 +119,7 @@
  • Categories
  • Tags
  • Archives
    • -
  • HKN Beta
    • +
  • HKN Beta
  • Pelican
  • pelican-red
    • @@ -128,7 +128,7 @@ diff --git a/category/projects.html b/category/projects.html index 136992f..7450f22 100644 --- a/category/projects.html +++ b/category/projects.html @@ -118,7 +118,7 @@
  • Categories
  • Tags
  • Archives
    • -
  • HKN Beta
    • +
  • HKN Beta
  • Pelican
  • pelican-red
    • @@ -127,7 +127,7 @@ diff --git a/index.html b/index.html index ea76244..122f9b9 100644 --- a/index.html +++ b/index.html @@ -120,7 +120,7 @@
  • Categories
  • Tags
  • Archives
    • -
  • HKN Beta
    • +
  • HKN Beta
  • Pelican
  • pelican-red
    • @@ -129,7 +129,7 @@ diff --git a/pages/about.html b/pages/about.html index 91f6705..4d94f7f 100644 --- a/pages/about.html +++ b/pages/about.html @@ -66,7 +66,8 @@

    About

    From: VoltaicIdeas

    -

    Simple About Page

    +
    +

    Simple About Page

    Some Content

    Another heading

    Code below:

    @@ -177,8 +178,9 @@

    Code above ^

    +
    @@ -206,7 +208,7 @@
  • Categories
  • Tags
  • Archives
    • -
  • HKN Beta
    • +
  • HKN Beta
  • Pelican
  • pelican-red
    • @@ -215,7 +217,7 @@ diff --git a/pelican-red.html b/pelican-red.html index 4b3dcdd..0b96212 100644 --- a/pelican-red.html +++ b/pelican-red.html @@ -68,16 +68,17 @@

    Pelican-Red

    From: VoltaicIdeas

    -
    -

    Pelican-Red

    -

    pelican-red is a theme for the pelican static website generator with lots of stuff and

    +
    +

    pelican-red is a theme for the pelican static website generator with lots of stuff and

    more stuff and more stuff and more stuff and more stuff and more stuff and more and more all the stuff still going...

    and still going some more...

    and some more here as well

    more words, and more and more and more and more

    -
    Andrew Senetar
    -
    -
    + +
    diff --git a/sitemap.xml b/sitemap.xml index af2134f..98c6256 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -5,35 +5,35 @@ xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> http://blog.voltaicideas.net/index.html -2013-07-29T12:01:37-00:00 +2013-07-29T16:56:31-00:00 daily 0.5 http://blog.voltaicideas.net/archives.html -2013-07-29T12:01:37-00:00 +2013-07-29T16:56:31-00:00 daily 0.5 http://blog.voltaicideas.net/tags.html -2013-07-29T12:01:37-00:00 +2013-07-29T16:56:31-00:00 daily 0.5 http://blog.voltaicideas.net/categories.html -2013-07-29T12:01:37-00:00 +2013-07-29T16:56:31-00:00 daily 0.5 http://blog.voltaicideas.net/pages/about.html -2013-07-29T12:01:37-00:00 +2013-07-29T16:56:31-00:00 monthly 0.5 @@ -47,14 +47,14 @@ xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> http://blog.voltaicideas.net/category/projects.html -2013-07-29T12:01:37-00:00 +2013-07-29T16:56:31-00:00 daily 0.5 http://blog.voltaicideas.net/author/andrew-senetar.html -2013-07-29T12:01:37-00:00 +2013-07-29T16:56:31-00:00 daily 0.5 diff --git a/tags.html b/tags.html index 5e76c03..1dc8d27 100644 --- a/tags.html +++ b/tags.html @@ -94,7 +94,7 @@
  • Categories
  • Tags
  • Archives
    • -
  • HKN Beta
    • +
  • HKN Beta
  • Pelican
  • pelican-red
    • @@ -103,7 +103,7 @@ diff --git a/theme/css/app.css b/theme/css/app.css index f882750..c4bf003 100644 --- a/theme/css/app.css +++ b/theme/css/app.css @@ -381,67 +381,6 @@ blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } -button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #9b160d; border-color: #6c0f09; color: white; } -button:hover, button:focus, .button:hover, .button:focus { background-color: #6c0f09; } -button:hover, button:focus, .button:hover, .button:focus { color: white; } -button.secondary, .button.secondary { background-color: #e0e0e0; border-color: #c7c7c7; color: #333333; } -button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #c7c7c7; } -button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } -button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; } -button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; } -button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } -button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; } -button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; } -button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } -button.large, .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; } -button.small, .button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; } -button.tiny, .button.tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; } -button.expand, .button.expand { padding-right: 0px; padding-left: 0px; width: 100%; } -button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; } -button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; } -button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #9b160d; border-color: #6c0f09; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } -button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #6c0f09; } -button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } -button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #9b160d; } -button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e0e0e0; border-color: #c7c7c7; color: #333333; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } -button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #c7c7c7; } -button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } -button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e0e0e0; } -button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } -button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; } -button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } -button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } -button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } -button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; } -button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } -button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } - -button, .button { padding-top: 0.8125em; padding-bottom: 0.75em; -webkit-appearance: none; } -button.tiny, .button.tiny { padding-top: 0.5em; padding-bottom: 0.4375em; -webkit-appearance: none; } -button.small, .button.small { padding-top: 0.625em; padding-bottom: 0.5625em; -webkit-appearance: none; } -button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em; -webkit-appearance: none; } - -@media only screen { button, .button { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } - button:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } - button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; } - button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } } -@media only screen and (min-width: 768px) { button, .button { display: inline-block; } } -/* Dropdown Button */ -.dropdown.button { position: relative; padding-right: 3.1875em; } -.dropdown.button:before { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; border-color: white transparent transparent transparent; top: 50%; } -.dropdown.button:before { border-width: 0.5625em; right: 1.5em; margin-top: -0.25em; } -.dropdown.button:before { border-color: white transparent transparent transparent; } -.dropdown.button.tiny { padding-right: 2.1875em; } -.dropdown.button.tiny:before { border-width: 0.4375em; right: 0.875em; margin-top: -0.15625em; } -.dropdown.button.tiny:before { border-color: white transparent transparent transparent; } -.dropdown.button.small { padding-right: 2.8125em; } -.dropdown.button.small:before { border-width: 0.5625em; right: 1.125em; margin-top: -0.21875em; } -.dropdown.button.small:before { border-color: white transparent transparent transparent; } -.dropdown.button.large { padding-right: 4em; } -.dropdown.button.large:before { border-width: 0.625em; right: 1.75em; margin-top: -0.3125em; } -.dropdown.button.large:before { border-color: white transparent transparent transparent; } -.dropdown.button.secondary:before { border-color: #333333 transparent transparent transparent; } - /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; background: #9b160d; } .contain-to-grid .top-bar { margin-bottom: 1.875em; } @@ -562,21 +501,6 @@ ul.pagination li { float: left; display: block; } .pagination-centered { text-align: center; } .pagination-centered ul.pagination li { float: none; display: inline-block; } -/* Panels */ -.panel { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; } -.panel > :first-child { margin-top: 0; } -.panel > :last-child { margin-bottom: 0; } -.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p { color: #333333; } -.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { line-height: 1; margin-bottom: 0.625em; } -.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { line-height: 1.4; } -.panel.callout { border-style: solid; border-width: 1px; border-color: #6c0f09; margin-bottom: 1.25em; padding: 1.25em; background: #9b160d; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } -.panel.callout > :first-child { margin-top: 0; } -.panel.callout > :last-child { margin-bottom: 0; } -.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p { color: white; } -.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { line-height: 1; margin-bottom: 0.625em; } -.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { line-height: 1.4; } -.panel.radius { -webkit-border-radius: 3px; border-radius: 3px; } - /* Tables */ table { background: white; margin-bottom: 1.25em; border: solid 1px #dddddd; } table thead, table tfoot { background: whitesmoke; font-weight: bold; } @@ -817,21 +741,27 @@ body { background-color: #fff; } #main section header { overflow: hidden; margin-bottom: 0.4375em; border-bottom: 1px solid #f2f2f2; } #main section header h1, #main section header h2, #main section header h3 { margin-top: 0; margin-bottom: 0; } #main section header .print_header { display: none; } +#main section header a.th { display: block; margin-left: 0.625em; margin-right: 0.625em; margin-bottom: 0.625em; text-align: center; background-color: #000; } +#main section header a.th img { max-height: 250px; } +#main section article { overflow: auto; } +#main section article a.th { display: block; margin-right: auto; margin-left: auto; } #main section ul.item-list { margin-bottom: 0; margin-left: 0; } -#main section ul.item-list li .article { border: 1px solid #f2f2f2; padding: 0.4375em; margin: 0.4375em; overflow: hidden; clear: both; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8); background-image: -o-linear-gradient(top, #ffffff, #f8f8f8); background-image: linear-gradient(to bottom, #ffffff, #f8f8f8); } -#main section ul.item-list li .article:after { clear: both; } -#main section ul.item-list li .article .summary { font-size: 0.9em; padding-bottom: 0.4375em; } -#main section ul.item-list li .article footer { border-top: 1px solid #f2f2f2; font-size: 0.8em; color: #c7c7c7; } -#main section ul.item-list li .article footer ul { margin-left: 0; } -#main section ul.item-list li .article footer abbr { color: #c7c7c7; } -#main section ul.item-list li .article footer a { color: #b3190f; } -#main section ul.item-list li .article header .tag-list { font-size: 0.7em; margin-bottom: 0; display: inline-block; vertical-align: middle; } -#main section ul.item-list li .article header .tag-list li a { padding: 0.25em 0.4375em; } -#main section ul.item-list li .article header span { font-size: 0.8em; } +#main section ul.item-list li .article, #main section ul.item-list li .author { border: 1px solid #f2f2f2; padding: 0.4375em; margin: 0.4375em; overflow: hidden; clear: both; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8); background-image: -o-linear-gradient(top, #ffffff, #f8f8f8); background-image: linear-gradient(to bottom, #ffffff, #f8f8f8); } +#main section ul.item-list li .article:after, #main section ul.item-list li .author:after { clear: both; } +#main section ul.item-list li .article .summary, #main section ul.item-list li .author .summary { font-size: 0.9em; padding-bottom: 0.4375em; } +#main section ul.item-list li .article footer, #main section ul.item-list li .author footer { border-top: 1px solid #f2f2f2; font-size: 0.8em; color: #c7c7c7; } +#main section ul.item-list li .article footer ul, #main section ul.item-list li .author footer ul { margin-left: 0; } +#main section ul.item-list li .article footer abbr, #main section ul.item-list li .author footer abbr { color: #c7c7c7; } +#main section ul.item-list li .article footer a, #main section ul.item-list li .author footer a { color: #b3190f; } +#main section ul.item-list li .article header .tag-list, #main section ul.item-list li .author header .tag-list { font-size: 0.7em; margin-bottom: 0; display: inline-block; vertical-align: middle; } +#main section ul.item-list li .article header .tag-list li a, #main section ul.item-list li .author header .tag-list li a { padding: 0.25em 0.4375em; } +#main section ul.item-list li .article header span, #main section ul.item-list li .author header span { font-size: 0.8em; } +#main section ul.item-list li .author .vcard { border: none; border-bottom: 1px solid #f2f2f2; display: block; margin-bottom: 0.4375em; } +#main section ul.item-list li .author .vcard p:last-child { margin-bottom: 0.3125em; } #main section dl.item-list dt { border-top: 1px solid #f2f2f2; } #main section dl.item-list dt:first-child { border: none; } #main section dl.item-list dd { margin-bottom: 0.5em; } -#main section .page_footer, #main section .article_footer { border-top: 1px solid #f2f2f2; padding-top: 0.3125em; } +#main section .page_footer, #main section .article_footer { border-top: 1px solid #f2f2f2; padding-top: 0.3125em; margin-top: 0.3125em; } #main section .page_footer .no-bullet, #main section .page_footer ul.item-list, #main section .article_footer .no-bullet, #main section .article_footer ul.item-list { margin-left: 0; } #main section .page_footer #disqus_thread, #main section .article_footer #disqus_thread { border-top: 1px solid #f2f2f2; padding-top: 0.625em; } diff --git a/theme/js/app.js b/theme/js/app.js index fc11a96..f02a7ca 100644 --- a/theme/js/app.js +++ b/theme/js/app.js @@ -13,6 +13,11 @@ yepnope.errorTimeout = 3000; // set 3 second error timeout instead of 10 function ready(){ // Hack to fix .codehilitetable overflow $('.codehilitetable').wrap('
    '); + // Hack to make images more responsive and wrap with .th class + $('#main article img').each( function() { + $(this).css({'height': '', 'width': ''}); + $(this).wrap(''); + }); }; // zeptojs or jquery diff --git a/theme/sass/app.scss b/theme/sass/app.scss index f09300e..47fbecf 100644 --- a/theme/sass/app.scss +++ b/theme/sass/app.scss @@ -10,11 +10,11 @@ // @import "foundation/components/visibility"; // @import "foundation/components/block-grid"; @import "foundation/components/type"; -@import "foundation/components/buttons"; +// @import "foundation/components/buttons"; // @import "foundation/components/forms"; // *requires components/buttons // @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms // @import "foundation/components/button-groups"; // *requires components/buttons - @import "foundation/components/dropdown-buttons"; // *requires components/buttons +// @import "foundation/components/dropdown-buttons"; // *requires components/buttons // @import "foundation/components/split-buttons"; // *requires components/buttons // @import "foundation/components/flex-video"; // @import "foundation/components/section"; @@ -29,7 +29,7 @@ @import "foundation/components/labels"; @import "foundation/components/inline-lists"; @import "foundation/components/pagination"; -@import "foundation/components/panels"; +// @import "foundation/components/panels"; // @import "foundation/components/pricing-tables"; // @import "foundation/components/progress-bars"; // @import "foundation/components/side-nav"; @@ -93,12 +93,31 @@ body{ background-color: #fff; } h1, h2, h3 { margin-top: 0; margin-bottom: 0; } border-bottom: 1px solid darken(#fff, 5%); .print_header{ display: none; } + a.th{ + display: block; + margin-left: emCalc(10px); + margin-right: emCalc(10px); + margin-bottom: emCalc(10px); + text-align: center; + background-color: #000; + img { + max-height: 250px; + } + } + } + article { + overflow: auto; + a.th { + display: block; + margin-right: auto; + margin-left: auto; + } } ul.item-list { @extend .no-bullet; margin-bottom: 0; margin-left: 0; - li .article { + li .article, li .author { border: 1px solid darken(#fff, 5%); padding: emCalc(7px); margin: emCalc(7px); @@ -129,6 +148,13 @@ body{ background-color: #fff; } span{ font-size: 0.8em; } } } + li .author .vcard { + border: none; + border-bottom: 1px solid darken(#fff, 5%); + display: block; + margin-bottom: emCalc(7px); + p:last-child { margin-bottom: emCalc(5px); } + } } dl.item-list { dt{ border-top: 1px solid darken(#fff, 5%); } @@ -138,6 +164,7 @@ body{ background-color: #fff; } .page_footer, .article_footer{ border-top: 1px solid darken(#fff, 5%); padding-top: emCalc(5px); + margin-top: emCalc(5px); .no-bullet{ margin-left: 0; } #disqus_thread { border-top: 1px solid darken(#fff, 5%);