/* Future Imperfect by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) */ /* List */ ul.posts article:after { clear: both; content: ''; display: block; } ul.posts article .image { display: table-cell; vertical-align: top; } ul.posts article header { display: table-cell; padding-right: 1em; vertical-align: top; } /* Author */ .author .name { display: inline-block; vertical-align: middle; } .author img { display: inline-block; vertical-align: middle; } /* Post */ .post:after { clear: both; content: ''; display: block; } .post > header:after { clear: both; content: ''; display: block; } .post > header .title { display: table-cell; vertical-align: top; width: 65%; } .post > header .meta { display: table-cell; vertical-align: top; width: 30%; } .post > footer:after { clear: both; content: ''; display: block; } .post > footer .actions { display: inline-block; } .post > footer .stats { display: inline-block; margin-left: 2em; } /* Mini Post */ .mini-post .image { display: block; } /* Header */ #header:after { clear: both; content: ''; display: block; } #header h1 { float: left; } #header .links { float: left; } #header .main { position: absolute; right: 0; top: 0; } /* Wrapper */ /* Sidebar */ #sidebar { display: table-cell; margin-right: 0; padding-right: 3em; vertical-align: top; } /* Main */ #main { display: table-cell; vertical-align: top; }