[Summary view] [Print] [Text view]

   1  // Media objects
   2  // Source: http://stubbornella.org/content/?p=497
   3  // --------------------------------------------------
   4  
   5  
   6  // Common styles
   7  // -------------------------
   8  
   9  // Clear the floats
  10  .media,
  11  .media-body {
  12    overflow: hidden;
  13    *overflow: visible;
  14    zoom: 1;
  15  }
  16  
  17  // Proper spacing between instances of .media
  18  .media,
  19  .media .media {
  20    margin-top: 15px;
  21  }
  22  .media:first-child {
  23    margin-top: 0;
  24  }
  25  
  26  // For images and videos, set to block
  27  .media-object {
  28    display: block;
  29  }
  30  
  31  // Reset margins on headings for tighter default spacing
  32  .media-heading {
  33    margin: 0 0 5px;
  34  }
  35  
  36  
  37  // Media image alignment
  38  // -------------------------
  39  
  40  .media > .pull-left {
  41    margin-right: 10px;
  42  }
  43  .media > .pull-right {
  44    margin-left: 10px;
  45  }
  46  
  47  
  48  // Media list variation
  49  // -------------------------
  50  
  51  // Undo default ul/ol styles
  52  .media-list {
  53    margin-left: 0;
  54    list-style: none;
  55  }