Audio Post Format with Player

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique tempus sollicitudin. Praesent a nisi mi. Pellentesque ligula nulla, consectetur id volutpat sed, porta quis quam. Curabitur vel libero mi, ac rhoncus turpis. Suspendisse potenti. Pellentesque quis erat eget ante aliquet porttitor non elementum lectus. Nam dapibus elit non ligula varius pulvinar. Nullam diam eros, lobortis sed vestibulum in, interdum quis neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec sit amet odio purus, eu gravida tortor. Aliquam erat volutpat. Pellentesque massa augue, scelerisque eget lobortis id, commodo quis nibh. Sed suscipit sodales taciti sociosqu ad nunc at lobortis....

read more

TEDx Zurich Show Opener

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique tempus sollicitudin. Praesent a nisi mi. Pellentesque ligula nulla, consectetur id volutpat sed, porta quis quam. Curabitur vel libero mi, ac rhoncus turpis. Suspendisse potenti. Pellentesque quis erat eget ante aliquet porttitor non elementum lectus. Nam dapibus elit non ligula varius pulvinar. Nullam diam eros, lobortis sed vestibulum in, interdum quis neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec sit amet odio purus, eu gravida tortor. Aliquam erat volutpat. Pellentesque massa augue, scelerisque eget lobortis id, commodo quis nibh. Sed suscipit sodales taciti sociosqu ad nunc at lobortis....

read more

Welcome to Vellum (self-hosted video)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tristique tempus sollicitudin. Praesent a nisi mi. Pellentesque ligula nulla, consectetur id volutpat sed, porta quis quam. Curabitur vel libero mi, ac rhoncus turpis. Suspendisse potenti. Pellentesque quis erat eget ante aliquet porttitor non elementum lectus. Nam dapibus elit non ligula varius pulvinar. Nullam diam eros, lobortis sed vestibulum in, interdum quis neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec sit amet odio purus, eu gravida tortor. Aliquam erat volutpat. Pellentesque massa augue, scelerisque eget lobortis id, commodo quis nibh. Sed suscipit sodales taciti sociosqu ad nunc at lobortis.

read more

Notes

This layout uses some custom CSS:

/* stretch post images to margins */
@media screen and (min-width: 768px) {
    .format-standard .post-header, .format-gallery .post-header, .format-image .post-header,
    .format-audio .post-header, .format-video .post-header, .format-link .post-header {
        margin-left: -50px; margin-right: -50px; }
}

/* page background color */
#ContentWrapper, .format-quote .post-header .sub-title, .format-quote .post-header .post-symbol i {
    background-color: #f6f6f6; }

/* menu background color */
#megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1, #megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu, .boxed #NavSearchForm, .full-width #NavSearchForm {
    background-color: #f3f3f3;
    box-shadow: 0px 2px 2px rgba(0,0,0,.25) !important; }
@media screen and (min-width: 768px) {
#megaMenu ul.megaMenu > li.mega-with-sub:hover > a:after, #megaMenu ul.megaMenu > li.mega-with-sub > a:hover:after, #megaMenu ul.megaMenu > li.mega-with-sub:hover > span.um-anchoremulator:after, #megaMenu ul.megaMenu > li.mega-with-sub > span.um-anchoremulator:hover:after, .boxed #NavSearchForm:after, .full-width #NavSearchForm:after {
    border-bottom-color: #f3f3f3; }

/* un-docked nav has no shadow */
.boxed #masthead, .full-width #masthead {
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }