5 |
*/ |
*/ |
6 |
} |
} |
7 |
|
|
8 |
|
table { |
9 |
|
border-collapse: collapse; |
10 |
|
} |
11 |
|
|
12 |
|
th { |
13 |
|
background: #3e83c9; |
14 |
|
color: #fff; |
15 |
|
font-weight: bold; |
16 |
|
padding: 0.25em 0.5em; |
17 |
|
text-align: left; |
18 |
|
border-right: 1px solid #fff; |
19 |
|
line-height: 1.2; |
20 |
|
} |
21 |
|
|
22 |
|
td { |
23 |
|
border-bottom: 1px solid #95bce2; |
24 |
|
vertical-align: top; |
25 |
|
} |
26 |
|
|
27 |
|
td * { |
28 |
|
padding: 0.25em 0.5em; |
29 |
|
} |
30 |
|
|
31 |
|
tr.alt td { |
32 |
|
background: #ecf6fc; |
33 |
|
} |
34 |
|
|
35 |
|
tr.over td { |
36 |
|
background: #bcd4ec; |
37 |
|
} |
38 |
|
|
39 |
|
/* position classes */ |
40 |
|
|
41 |
|
.float-left { |
42 |
|
float: left; |
43 |
|
display: block; |
44 |
|
} |
45 |
|
|
46 |
|
.float-right { |
47 |
|
float: right; |
48 |
|
display: block; |
49 |
|
} |
50 |
|
|
51 |
|
/* borders */ |
52 |
|
|
53 |
|
.boxed { |
54 |
|
border: 1px solid #ccc; |
55 |
|
padding: 1em; |
56 |
|
margin: 1em; |
57 |
|
min-width: 10em; |
58 |
|
min-height: 7em; |
59 |
|
} |
60 |
|
|
61 |
|
.boxed ul, .boxed li { |
62 |
|
margin: 0; |
63 |
|
/* |
64 |
|
list-style-type: none; |
65 |
|
*/ |
66 |
|
} |
67 |
|
|
68 |
|
.boxed-gray { |
69 |
|
border: 1px dashed #ccc; |
70 |
|
background-color: #eee; |
71 |
|
} |
72 |
|
|
73 |
|
.boxed-yellow { |
74 |
|
border: 1px dashed #cc8 !important; |
75 |
|
background-color: #eec !important; |
76 |
|
} |
77 |
|
|
78 |
|
/* small layout helpers */ |
79 |
|
.cl { |
80 |
|
clear: left; |
81 |
|
} |