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