Commit | Line | Data |
b67ffc2e |
1 | * { |
2 | margin:0; |
3 | padding:0; |
4 | list-style: none; |
5 | } |
6 | |
7 | body { |
8 | text-align: center; |
9 | font-family: Arial, sans-serif; |
10 | color: #333; |
11 | } |
12 | |
13 | a { color:#004065; } |
14 | |
15 | .container { |
16 | margin: 20px auto 40px auto; |
17 | text-align: left; |
18 | width: 900px; |
19 | } |
20 | |
21 | #ordering, #header, #paging, #list { float: left; } |
22 | #menu, #page-size, #search { float: right; } |
23 | |
24 | #search input#q { |
25 | float: right; |
26 | border: 1px solid #004065; |
27 | padding: 1px 25px 1px 5px; |
28 | font-size: 14px; |
29 | background: url(searchbtn.png) no-repeat right; |
30 | } |
31 | |
32 | #header { |
33 | font-size: 12px; |
34 | color: #999; |
35 | } |
36 | |
37 | .nav ul li { |
38 | display: inline; |
39 | } |
40 | |
41 | .nav ul li a { |
42 | font-size: 14px; |
43 | padding: 0 15px; |
44 | text-decoration: none; |
45 | color: #004065; |
46 | height: 30px; |
47 | line-height: 30px; |
48 | display: block; |
49 | float: left; |
50 | } |
51 | |
52 | .nav ul li a:hover { |
53 | background: #004065; |
54 | color: #FFF; |
55 | text-shadow: 1px 1px 1px #333; |
56 | } |
57 | |
924289f3 |
58 | #content, #list, #footer { width: 100%; overflow: auto } |
59 | #content { min-height: 518px } |
b67ffc2e |
60 | |
61 | #content { |
62 | margin-top: 30px; |
63 | border-top: 5px solid #004065; |
64 | } |
65 | |
66 | #page-size, #ordering { width: 245px; } |
67 | #page-size span, #ordering span { |
68 | float: left; |
69 | font-size: 14px; |
70 | padding-top: 6px; |
71 | } |
72 | |
73 | .page-size-options span a, .ordering-options span a { |
74 | text-decoration: none; |
75 | margin-left: 2px; |
76 | padding: 0 4px; |
77 | margin-top: -6px; |
78 | display: block; |
79 | height: 28px; |
80 | line-height: 28px; |
81 | float: left; |
82 | } |
83 | .page-size-options span a:hover, .ordering-options span a:hover { |
84 | background: url(arrow-down.gif) no-repeat center top; |
85 | } |
86 | |
87 | a.active { |
88 | background: url(arrow-up.gif) no-repeat center bottom; |
89 | } |
90 | |
91 | .main-list { |
92 | border-top: 1px solid #004065; |
93 | border-bottom: 1px solid #004065; |
94 | margin-top: 5px; |
95 | } |
96 | /* IExpression to the horror */ |
97 | .main-list li { |
98 | display: table; |
99 | width: 900px; |
100 | } |
101 | /* I Love IExplorer! */ |
102 | |
103 | .main-list li a { |
104 | display: block; |
105 | font-size: 15px; |
106 | color: #333; |
107 | text-decoration: none; |
108 | padding: 5px 30px; |
109 | } |
110 | .main-list li a:hover { |
111 | color: #FFF; |
112 | background: #004065; |
113 | } |
114 | .main-list li.even a { background: #eaeaea; } |
115 | .main-list li.even a:hover { |
116 | color: #FFF; |
117 | background: #004065; |
118 | } |
119 | |
120 | #paging span { |
121 | font-size: 12px; |
122 | } |
123 | #pages span a { |
124 | margin-left: 2px; |
125 | padding: 2px; |
126 | color: #004065; |
127 | font-size: 14px; |
128 | text-decoration: none; |
129 | } |
130 | |
131 | #plain-text { |
132 | min-height: 518px; |
133 | } |
134 | #plain-text a { text-decoration: none } |
135 | #plain-text a:hover { text-decoration: underline } |
136 | #plain-text p { |
137 | padding: 20px 20px 5px 20px; |
138 | } |
139 | |
140 | #footer { |
141 | min-height: 40px; |
142 | background: #004065; |
143 | color: #fff; |
144 | } |
145 | #footer a { |
146 | text-decoration: none; |
147 | text-shadow: 1px 1px 1px #333; |
148 | color: #FFF; |
149 | } |
150 | #footer a:hover { text-decoration: underline } |