Line | |
---|
1 | .testBox { |
---|
2 | border:1px solid #333; |
---|
3 | width:75px; |
---|
4 | height:75px; |
---|
5 | } |
---|
6 | .absolutely { position:absolute; |
---|
7 | top:0; left:0; |
---|
8 | } |
---|
9 | .floating { |
---|
10 | float:left; |
---|
11 | } |
---|
12 | .wide { |
---|
13 | width:200px; |
---|
14 | } |
---|
15 | .tall { |
---|
16 | height:200px; |
---|
17 | } |
---|
18 | .tiny { |
---|
19 | width:3px; |
---|
20 | height:3px; |
---|
21 | } |
---|
22 | |
---|
23 | |
---|
24 | .black { |
---|
25 | color:#fff; |
---|
26 | background-color:#000; |
---|
27 | } |
---|
28 | |
---|
29 | .white { |
---|
30 | color:#666; |
---|
31 | background-color:#fff; |
---|
32 | } |
---|
33 | |
---|
34 | .green { |
---|
35 | color:#000; |
---|
36 | background-color:#eef; |
---|
37 | } |
---|
38 | .red { |
---|
39 | color:#fff; |
---|
40 | background-color:#ffe; |
---|
41 | } |
---|
42 | .blue { |
---|
43 | color:#000; |
---|
44 | background-color:#fef !important; |
---|
45 | } |
---|
46 | |
---|
47 | /* font sizes */ |
---|
48 | .baseFont { |
---|
49 | line-height:14px; |
---|
50 | font:12px Arial,sans-serif; |
---|
51 | letter-spacing:0.1em; |
---|
52 | } |
---|
53 | |
---|
54 | .spacedVertical { |
---|
55 | line-height:42px; |
---|
56 | } |
---|
57 | .spacedHorizontal { |
---|
58 | letter-spacing:0.42em; |
---|
59 | } |
---|
60 | .fontSizeTest { |
---|
61 | font:20px Arial,sans-serif; |
---|
62 | } |
---|
63 | |
---|
64 | /* margins */ |
---|
65 | .bigMargin { |
---|
66 | margin:30px; |
---|
67 | } |
---|
68 | .noMargin { |
---|
69 | margin:0; |
---|
70 | } |
---|
71 | .mediumMargin { |
---|
72 | margin:15px; |
---|
73 | } |
---|
74 | .bigMarginLeft { |
---|
75 | margin-left:150px; |
---|
76 | } |
---|
77 | |
---|
78 | /* padding */ |
---|
79 | .padded { |
---|
80 | padding:3px; |
---|
81 | } |
---|
82 | .noPadding { |
---|
83 | padding:0; |
---|
84 | } |
---|
85 | .topPadding { |
---|
86 | padding-top:50px; |
---|
87 | } |
---|
88 | .bigPadding { |
---|
89 | padding:30px; |
---|
90 | } |
---|
91 | |
---|
92 | /* positioning */ |
---|
93 | |
---|
94 | .offsetSome { |
---|
95 | top:50px; |
---|
96 | left:75px; |
---|
97 | } |
---|
98 | |
---|
99 | .topLeft { |
---|
100 | top:0; |
---|
101 | left:0; |
---|
102 | } |
---|
103 | .bottomRight { |
---|
104 | bottom:0; |
---|
105 | right:0; |
---|
106 | } |
---|
107 | |
---|
108 | .bothAxis { |
---|
109 | top:10px; |
---|
110 | left:10px; |
---|
111 | right:10px; |
---|
112 | bottom:10px; |
---|
113 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.