Commit | Line | Data |
c4e00ace |
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 | |
58 | #content, #list, #footer { width: 100%; overflow: auto; } |
59 | |
60 | #content { |
61 | margin-top: 30px; |
62 | border-top: 5px solid #004065; |
63 | } |
64 | |
65 | #page-size, #ordering { width: 245px; } |
66 | #page-size span, #ordering span { |
67 | float: left; |
68 | font-size: 14px; |
69 | padding-top: 6px; |
70 | } |
71 | |
72 | .page-size-options span a, .ordering-options span a { |
73 | text-decoration: none; |
74 | margin-left: 2px; |
75 | padding: 0 4px; |
76 | margin-top: -6px; |
77 | display: block; |
78 | height: 28px; |
79 | line-height: 28px; |
80 | float: left; |
81 | } |
82 | .page-size-options span a:hover, .ordering-options span a:hover { |
83 | background: url(arrow-down.gif) no-repeat center top; |
84 | } |
85 | |
86 | a.active { |
87 | background: url(arrow-up.gif) no-repeat center bottom; |
88 | } |
89 | |
90 | .main-list { |
91 | border-top: 1px solid #004065; |
92 | border-bottom: 1px solid #004065; |
93 | margin-top: 5px; |
94 | } |
95 | /* IExpression to the horror */ |
96 | .main-list li { |
97 | display: table; |
98 | width: 900px; |
99 | } |
100 | /* I Love IExplorer! */ |
101 | |
102 | .main-list li a { |
103 | display: block; |
104 | font-size: 15px; |
105 | color: #333; |
106 | text-decoration: none; |
107 | padding: 5px 30px; |
108 | } |
109 | .main-list li a:hover { |
110 | color: #FFF; |
111 | background: #004065; |
112 | } |
113 | .main-list li.even a { background: #eaeaea; } |
114 | .main-list li.even a:hover { |
115 | color: #FFF; |
116 | background: #004065; |
117 | } |
118 | |
119 | #paging span { |
120 | font-size: 12px; |
121 | } |
122 | #pages span a { |
123 | margin-left: 2px; |
124 | padding: 2px; |
125 | color: #004065; |
126 | font-size: 14px; |
127 | text-decoration: none; |
128 | } |
129 | |
130 | #plain-text { |
131 | min-height: 518px; |
132 | } |
133 | #plain-text a { text-decoration: none } |
134 | #plain-text a:hover { text-decoration: underline } |
135 | #plain-text p { |
136 | padding: 20px 20px 5px 20px; |
137 | } |
138 | |
139 | #footer { |
140 | min-height: 40px; |
141 | background: #004065; |
142 | color: #fff; |
143 | } |
144 | #footer a { |
145 | text-decoration: none; |
146 | text-shadow: 1px 1px 1px #333; |
147 | color: #FFF; |
148 | } |
149 | #footer a:hover { text-decoration: underline } |