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