info@53: // Media objects
info@53: // Source: http://stubbornella.org/content/?p=497
info@53: // --------------------------------------------------
info@53: 
info@53: 
info@53: // Common styles
info@53: // -------------------------
info@53: 
info@53: // Clear the floats
info@53: .media,
info@53: .media-body {
info@53:   overflow: hidden;
info@53:   zoom: 1;
info@53: }
info@53: 
info@53: // Proper spacing between instances of .media
info@53: .media,
info@53: .media .media {
info@53:   margin-top: 15px;
info@53: }
info@53: .media:first-child {
info@53:   margin-top: 0;
info@53: }
info@53: 
info@53: // For images and videos, set to block
info@53: .media-object {
info@53:   display: block;
info@53: }
info@53: 
info@53: // Reset margins on headings for tighter default spacing
info@53: .media-heading {
info@53:   margin: 0 0 5px;
info@53: }
info@53: 
info@53: 
info@53: // Media image alignment
info@53: // -------------------------
info@53: 
info@53: .media {
info@53:   > .pull-left {
info@53:     margin-right: 10px;
info@53:   }
info@53:   > .pull-right {
info@53:     margin-left: 10px;
info@53:   }
info@53: }
info@53: 
info@53: 
info@53: // Media list variation
info@53: // -------------------------
info@53: 
info@53: // Undo default ul/ol styles
info@53: .media-list {
info@53:   padding-left: 0;
info@53:   list-style: none;
info@53: }