You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 lines
904 B

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