diff options
Diffstat (limited to 'theme/admin/css/layout.css')
-rw-r--r-- | theme/admin/css/layout.css | 280 |
1 files changed, 280 insertions, 0 deletions
diff --git a/theme/admin/css/layout.css b/theme/admin/css/layout.css new file mode 100644 index 0000000..06aa372 --- /dev/null +++ b/theme/admin/css/layout.css | |||
@@ -0,0 +1,280 @@ | |||
1 | /* Basic ---------------------------------------- */ | ||
2 | |||
3 | .clear { clear: both; } | ||
4 | |||
5 | body { | ||
6 | background: white; | ||
7 | font-family: Arial, Helvetica, sans-serif; | ||
8 | font-size: 12px; | ||
9 | color: #646464; | ||
10 | text-align: center; | ||
11 | } | ||
12 | |||
13 | #wrapper { | ||
14 | text-align: left; | ||
15 | width: 930px; | ||
16 | margin: 0 auto; | ||
17 | } | ||
18 | |||
19 | /* Logo ---------------------------------------- */ | ||
20 | |||
21 | h1 { | ||
22 | margin: 15px 0 10px 5px; | ||
23 | width: 225px; | ||
24 | height: 28px; | ||
25 | background: url(../img/transdmin-light.gif) no-repeat left top; | ||
26 | } | ||
27 | |||
28 | h1 a { | ||
29 | display: block; | ||
30 | width: 225px; | ||
31 | height: 28px; | ||
32 | } | ||
33 | |||
34 | h1 span { display: none; } | ||
35 | |||
36 | /* Main Navigation ---------------------------------------- */ | ||
37 | |||
38 | #mainNav { | ||
39 | width: 918px; | ||
40 | height: 37px; | ||
41 | padding: 6px; | ||
42 | margin: 0 0 30px 0; | ||
43 | background: url(../img/top-menu-bg.gif) no-repeat left top; | ||
44 | /* We used a background image making the thick border and the thin one to keep the html structure simple */ | ||
45 | } | ||
46 | |||
47 | #mainNav li { | ||
48 | float: left; | ||
49 | height: 37px; | ||
50 | border-right: 1px solid #ddd; | ||
51 | } | ||
52 | |||
53 | #mainNav li a { | ||
54 | display: block; | ||
55 | float: left; | ||
56 | height: 37px; | ||
57 | font-weight: bold; | ||
58 | line-height: 37px; | ||
59 | text-decoration: none; | ||
60 | color: #646464; | ||
61 | padding: 0 20px; | ||
62 | } | ||
63 | |||
64 | #mainNav li.logout { | ||
65 | float: right; | ||
66 | border-left: 1px solid #ddd; | ||
67 | border-right: none; | ||
68 | } | ||
69 | |||
70 | #mainNav li a:hover { background: #fdfcf6; } | ||
71 | |||
72 | #mainNav li a.active, #mainNav li a.active { | ||
73 | background: #f0f0f0 url(../img/top-menu-item-bg.gif) repeat-x left top; | ||
74 | color: #454545; | ||
75 | } | ||
76 | |||
77 | /* Container ---------------------------------------- */ | ||
78 | |||
79 | #containerHolder { | ||
80 | background: #eee; | ||
81 | padding: 5px; | ||
82 | } | ||
83 | |||
84 | |||
85 | #container { | ||
86 | background: #fff url(../img/content.gif) repeat-y left top; | ||
87 | border: 1px solid #ddd; | ||
88 | width: 918px; | ||
89 | } | ||
90 | |||
91 | /* Sidebar ---------------------------------------- */ | ||
92 | |||
93 | #sidebar { | ||
94 | width: 179px; | ||
95 | float: left; | ||
96 | } | ||
97 | |||
98 | #sidebar .sideNav { width: 179px; } | ||
99 | |||
100 | #sidebar .sideNav li { border-bottom: 1px solid #ddd; width: 179px; } | ||
101 | |||
102 | #sidebar .sideNav li a { | ||
103 | display: block; | ||
104 | color: #646464; | ||
105 | background: #f6f6f6; | ||
106 | text-decoration: none; | ||
107 | height: 29px; | ||
108 | line-height: 29px; | ||
109 | padding: 0 19px; | ||
110 | width: 141px; | ||
111 | } | ||
112 | |||
113 | #sidebar .sideNav li a:hover { background: #fdfcf6; } | ||
114 | |||
115 | #sidebar .sideNav li a.active, #sidebar .sideNav li a.active:hover { | ||
116 | background: #f0f7fa; | ||
117 | color: #c66653; | ||
118 | } | ||
119 | |||
120 | /* Breadcrumb ---------------------------------------- */ | ||
121 | |||
122 | h2 { | ||
123 | width: 718px; | ||
124 | float: right; | ||
125 | color: #646464; | ||
126 | font-size: 16px; | ||
127 | line-height: 16px; | ||
128 | font-weight: bold; | ||
129 | margin: 20px 0 0 0; | ||
130 | padding: 0 0 10px 0; | ||
131 | border-bottom: 1px solid #ddd; | ||
132 | } | ||
133 | |||
134 | h2 a { | ||
135 | color: #646464; | ||
136 | text-decoration: none; | ||
137 | } | ||
138 | |||
139 | h2 a.active { color: #c66653; } | ||
140 | |||
141 | h2 a:hover { text-decoration: underline; } | ||
142 | |||
143 | /* Content ---------------------------------------- */ | ||
144 | |||
145 | #main { | ||
146 | width: 700px; | ||
147 | float: right; | ||
148 | padding: 0 19px 0 0; | ||
149 | } | ||
150 | |||
151 | h3 { | ||
152 | font-size: 14px; | ||
153 | line-height: 14px; | ||
154 | font-weight: bold; | ||
155 | color: #5494af; | ||
156 | padding: 0 0 0 10px; | ||
157 | margin: 20px 0 10px; | ||
158 | } | ||
159 | |||
160 | #main table { | ||
161 | border-top: 1px solid #ddd; | ||
162 | width: 700px; | ||
163 | } | ||
164 | |||
165 | #main table tr td { | ||
166 | background: #f6f6f6; | ||
167 | padding: 0px 20px; | ||
168 | height: 29px; | ||
169 | line-height: 29px; | ||
170 | border-bottom: 1px solid #ddd; | ||
171 | } | ||
172 | |||
173 | #main table tr.odd td { | ||
174 | background: #fbfbfb; | ||
175 | } | ||
176 | |||
177 | #main table tr:hover td { background: #fdfcf6; } | ||
178 | |||
179 | #main table .action { | ||
180 | text-align: right; | ||
181 | padding: 0 20px 0 10px; | ||
182 | } | ||
183 | |||
184 | #main table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; } | ||
185 | #main table tr:hover .action .edit { color: #c5a059; } | ||
186 | #main table tr:hover .action .delete { color: #a02b2b; } | ||
187 | #main table tr:hover .action .view { color: #55a34a; } | ||
188 | |||
189 | #main table tr:hover .action a:hover { text-decoration: underline; } | ||
190 | |||
191 | /*#main fieldset { | ||
192 | border: 1px solid #ddd; | ||
193 | padding: 19px; | ||
194 | margin: 0 0 20px 0; | ||
195 | background: #fbfbfb; | ||
196 | } | ||
197 | |||
198 | #main fieldset p { margin: 0 0 14px 0; float: left; width: 100%; } | ||
199 | |||
200 | #main fieldset label { | ||
201 | display: block; | ||
202 | width: 100%; | ||
203 | margin: 0 0 7px 0; | ||
204 | line-height: 12px; | ||
205 | } | ||
206 | |||
207 | #main fieldset .text-long { | ||
208 | border: 1px solid #ddd; | ||
209 | background: #fff url(../img/input-shaddow.gif) no-repeat left top; | ||
210 | font: 11px Arial, Helvetica, sans-serif; | ||
211 | color: #646464; | ||
212 | padding: 5px 7px; | ||
213 | width: 264px; | ||
214 | float: left; | ||
215 | margin: 0 10px 0 0; | ||
216 | } | ||
217 | |||
218 | #main fieldset .text-medium { | ||
219 | border: 1px solid #ddd; | ||
220 | background: #fff url(../img/input-shaddow.gif) no-repeat left top; | ||
221 | font: 11px Arial, Helvetica, sans-serif; | ||
222 | color: #646464; | ||
223 | padding: 5px 7px; | ||
224 | width: 124px; | ||
225 | float: left; | ||
226 | margin: 0 10px 0 0; | ||
227 | } | ||
228 | |||
229 | #main fieldset .text-small { | ||
230 | border: 1px solid #ddd; | ||
231 | background: #fff url(../img/input-shaddow.gif) no-repeat left top; | ||
232 | font: 11px Arial, Helvetica, sans-serif; | ||
233 | color: #646464; | ||
234 | padding: 5px 7px; | ||
235 | width: 44px; | ||
236 | float: left; | ||
237 | margin: 0 10px 0 0; | ||
238 | } | ||
239 | |||
240 | #main fieldset .text-long:focus, | ||
241 | #main fieldset .text-medium:focus, | ||
242 | #main fieldset .text-small:focus, | ||
243 | #main fieldset textarea:focus { background: #fdfcf6 url(../img/input-shaddow-hover.gif) no-repeat left top; } | ||
244 | |||
245 | #main fieldset textarea { | ||
246 | border: 1px solid #ddd; | ||
247 | background: #fff url(../img/input-shaddow.gif) no-repeat left top; | ||
248 | font: 11px Arial, Helvetica, sans-serif; | ||
249 | color: #646464; | ||
250 | padding: 5px 7px; | ||
251 | width: 364px; | ||
252 | float: left; | ||
253 | margin: 0 10px 0 0; | ||
254 | height: 148px; | ||
255 | overflow: hidden; | ||
256 | }*/ | ||
257 | |||
258 | .button-submit { | ||
259 | font: 11px Arial, Helvetica, sans-serif; | ||
260 | color: #646464; | ||
261 | width: 94px; | ||
262 | height: 29px; | ||
263 | cursor: pointer; | ||
264 | border: none; | ||
265 | background: url(../img/button-submit.gif) no-repeat left top; | ||
266 | } | ||
267 | |||
268 | /* Footer ---------------------------------------- */ | ||
269 | |||
270 | #footer { | ||
271 | margin: 10px 0 30px 0; | ||
272 | font-size: 11px; | ||
273 | line-height: 11px; | ||
274 | color: #9B9B9B; | ||
275 | padding: 0 0 0 5px; | ||
276 | } | ||
277 | |||
278 | #footer a { color: #9B9B9B; } | ||
279 | |||
280 | #footer a:hover { text-decoration: none; } | ||