blob: 507a140061e126fcc67e1a6ad513cb7f0d6f53a0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
/*
Base .mod module from http://j.mp/svs81k
HTML should look like this and .bd is required:
<div class="mod">
<div class="inner">
<div class="hd"></div>
<div class="bd"></div>
<div class="ft"></div>
</div><!-- inner -->
</div><!-- mod -->
No styleguide reference.
*/
.mod .inner { position:relative; }
.mod .bd, .mod .ft, .mod .hd { overflow:hidden; *overflow:visible; zoom:1; }
/*
.media module from http://j.mp/tQCTa8
Since .media uses overflow: hidden, box-shadow needs padding to render correctly.
Using dropdown or pop over should be problematic. Anything try to go outside of this module box should have problem.
HTML should look like this and .media-left or .media-right and .bd is required:
<div class="media">
<a href="#" class="media-left"><img src="#" alt=""></a>
<a href="#" class="media-right"><img src="#" alt=""></a>
<div class="bd"></div>
</div><!-- media -->
No styleguide reference.
*/
.media { overflow:hidden; *overflow:visible; zoom:1; }
.media .media-left { float:left; margin-right: 14px; }
.media .img img { display:block; }
.media .media-right { float:right; margin-left: 14px; }
.media .bd, .media .ft, .media .hd { overflow:hidden; *overflow:visible; zoom:1; }
/*
List modules
.list-linear - list line up horizontally
HTML:
<ul class="list-linear">
<li></li>
<li></li>
<li></li>
</ul>
No styleguide reference.
*/
.list-linear {
letter-spacing: -0.31em;
*letter-spacing: normal;
word-spacing: -0.43em;
list-style: none;
padding-left: 0;
}
.list-linear li {
display: inline-block;
*display: inline;
zoom: 1;
line-height: normal;
letter-spacing: normal;
margin-right: 16px;
word-spacing: normal;
vertical-align: middle;
}
.list-linear li:last-child { margin-right: 0; }
|
