vigiboard / dashboard / public / css / style.css @ 805cc54a
History | View | Annotate | Download (4.91 KB)
1 | 805cc54a | Thomas ANDREJAK | html {
|
---|---|---|---|
2 | background: #555555 url('../images/pagebg.png') top left repeat-x; |
||
3 | text-align: center; |
||
4 | margin: 0; |
||
5 | padding: 0; |
||
6 | } |
||
7 | |||
8 | body {
|
||
9 | text-align: left; |
||
10 | width: 960px; |
||
11 | margin: 0 auto; |
||
12 | padding: 0; |
||
13 | font-size: 12px; |
||
14 | font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; |
||
15 | } |
||
16 | |||
17 | #header {
|
||
18 | height: 132px; |
||
19 | margin: 10px 10px 0 10px; |
||
20 | background: url('../images/headerbg.png') top left no-repeat; |
||
21 | } |
||
22 | |||
23 | #header h1 { |
||
24 | padding: 0; |
||
25 | margin: 0; |
||
26 | padding-top: 30px; |
||
27 | padding-left: 180px; |
||
28 | color: #fff; |
||
29 | position: relative; |
||
30 | font-size: 36px; |
||
31 | } |
||
32 | |||
33 | #header h1 .subtitle { |
||
34 | font-size: 60%; |
||
35 | position: absolute; |
||
36 | left: 240px; |
||
37 | top: 70px; |
||
38 | } |
||
39 | |||
40 | ul#mainmenu { |
||
41 | margin: 0; |
||
42 | padding: 0 10px; |
||
43 | background: url('../images/menubg.png') top left no-repeat; |
||
44 | height: 38px; |
||
45 | } |
||
46 | |||
47 | ul#mainmenu li { |
||
48 | list-style-type: none; |
||
49 | margin: 0; |
||
50 | padding: 0; |
||
51 | position: relative; |
||
52 | display: inline; |
||
53 | float: left; |
||
54 | } |
||
55 | |||
56 | ul#mainmenu li a { |
||
57 | color: #fff; |
||
58 | float: left; |
||
59 | height: 31px; |
||
60 | display: block; |
||
61 | line-height: 30px; |
||
62 | vertical-align: middle; |
||
63 | padding: 0 10px; |
||
64 | font-size: 12px; |
||
65 | text-decoration: none; |
||
66 | background: url('../images/menu-item-border.png') left top no-repeat; |
||
67 | } |
||
68 | |||
69 | ul#mainmenu li a:hover, ul#mainmenu li a.active { |
||
70 | background: url('../images/menu-item-actibg.png') left top no-repeat; |
||
71 | } |
||
72 | |||
73 | ul#mainmenu li.first a { |
||
74 | background: none; |
||
75 | } |
||
76 | |||
77 | ul#mainmenu li.first a:hover, ul#mainmenu li.first a.active { |
||
78 | background: url('../images/menu-item-actibg-first.png') left top no-repeat; |
||
79 | } |
||
80 | |||
81 | ul#mainmenu li.loginlogout |
||
82 | { |
||
83 | float: right; |
||
84 | right: 10px; |
||
85 | } |
||
86 | |||
87 | ul#mainmenu li.loginlogout a:hover |
||
88 | { |
||
89 | background: url('../images/menu-item-border.png') left top no-repeat; |
||
90 | } |
||
91 | |||
92 | #content {
|
||
93 | background: #fff url('../images/contentbg.png') left bottom no-repeat; |
||
94 | margin : 0 10px 10px 10px; |
||
95 | padding: 0 10px; |
||
96 | overflow: hidden; |
||
97 | } |
||
98 | |||
99 | #content .currentpage { |
||
100 | margin-top: 0; |
||
101 | } |
||
102 | |||
103 | /* Login form*/
|
||
104 | |||
105 | #loginform
|
||
106 | { |
||
107 | text-align: center; |
||
108 | } |
||
109 | |||
110 | form.loginfields |
||
111 | { |
||
112 | text-align: left; |
||
113 | width: 270px; |
||
114 | background: url('../images/loginbg.png') top left no-repeat; |
||
115 | padding: 0; |
||
116 | margin: 0 auto; |
||
117 | border: 0; |
||
118 | } |
||
119 | |||
120 | form.loginfields h2 |
||
121 | { |
||
122 | font-size: 16px; |
||
123 | float: left; |
||
124 | padding: 0; |
||
125 | margin: 5px; |
||
126 | margin-top: 0; |
||
127 | background: url('../images/loginheader-left.png') top left no-repeat; |
||
128 | } |
||
129 | |||
130 | * html form.loginfields h2 |
||
131 | { |
||
132 | margin-left: 3px; |
||
133 | width: 80px; |
||
134 | text-align: center; |
||
135 | } |
||
136 | |||
137 | form.loginfields h2 span |
||
138 | { |
||
139 | background: url('../images/loginheader-right.png') right top no-repeat; |
||
140 | height: 30px; |
||
141 | line-height: 30px; |
||
142 | display: block; |
||
143 | font-size: 100%; |
||
144 | font-weight: normal; |
||
145 | color: #fff; |
||
146 | padding: 0 10px; |
||
147 | } |
||
148 | |||
149 | *+html form.loginfields h2 span |
||
150 | { |
||
151 | padding: 0 20px; |
||
152 | } |
||
153 | |||
154 | form.loginfields label |
||
155 | { |
||
156 | clear: left; |
||
157 | float: left; |
||
158 | margin-top: 5px; |
||
159 | margin-left: 10px; |
||
160 | width: 65px; |
||
161 | line-height: 31px; |
||
162 | vertical-align: middle; |
||
163 | } |
||
164 | |||
165 | form.loginfields input.text |
||
166 | { |
||
167 | float: left; |
||
168 | margin-left: 10px; |
||
169 | margin-top: 5px; |
||
170 | width: 165px; |
||
171 | height: 21px; |
||
172 | padding: 5px; |
||
173 | border: 0; |
||
174 | background: url('../images/inputbg.png') top left no-repeat; |
||
175 | color: #fff; |
||
176 | } |
||
177 | |||
178 | form.loginfields input#submit |
||
179 | { |
||
180 | background: url('../images/loginbottombg.png') bottom left no-repeat; |
||
181 | width: 270px; |
||
182 | height: 61px; |
||
183 | border: 0; |
||
184 | margin-top: 10px; |
||
185 | color: #fff; |
||
186 | padding: 10px 140px 20px 10px; |
||
187 | } |
||
188 | |||
189 | * html form.loginfields input#submit |
||
190 | { |
||
191 | clear: both; |
||
192 | margin-left: -10px; |
||
193 | } |
||
194 | |||
195 | /* Sidebar */
|
||
196 | .sidebar {
|
||
197 | border: 1px solid #cce; |
||
198 | background-color: #eee; |
||
199 | margin: 0.5em; |
||
200 | margin-left: 1.5em; |
||
201 | padding: 1em; |
||
202 | float: right; |
||
203 | width: 200px; |
||
204 | font-size: 88%; |
||
205 | } |
||
206 | |||
207 | .sidebar h2 { |
||
208 | margin-top: 0; |
||
209 | color: black; |
||
210 | } |
||
211 | |||
212 | .sidebar ul { |
||
213 | margin-left: 1.5em; |
||
214 | padding-left: 0; |
||
215 | } |
||
216 | |||
217 | |||
218 | |||
219 | #sb_top {
|
||
220 | clear: right; |
||
221 | } |
||
222 | |||
223 | #sb_bottom {
|
||
224 | clear: right; |
||
225 | } |
||
226 | |||
227 | #getting_started {
|
||
228 | margin-left: 20px; |
||
229 | } |
||
230 | |||
231 | #getting_started_steps a { |
||
232 | text-decoration: none; |
||
233 | } |
||
234 | |||
235 | #getting_started_steps a:hover { |
||
236 | text-decoration: underline; |
||
237 | } |
||
238 | |||
239 | #getting_started_steps li { |
||
240 | margin-bottom: 0.5em; |
||
241 | } |
||
242 | |||
243 | /* Other and footer */
|
||
244 | #footer {
|
||
245 | background: #fff; |
||
246 | padding: 10px; |
||
247 | color:#888888; |
||
248 | font-size:90%; |
||
249 | } |
||
250 | .flogo {
|
||
251 | float:left; |
||
252 | margin-bottom:0px; |
||
253 | padding-left:20px; |
||
254 | padding-right:20px; |
||
255 | padding-top:0px; |
||
256 | } |
||
257 | .foottext p { |
||
258 | margin: 0; padding: 0; |
||
259 | } |
||
260 | .code {
|
||
261 | font-family:monospace; |
||
262 | font-size:127%; |
||
263 | } |
||
264 | span.code { |
||
265 | background:#EEEEEE none repeat scroll 0% 0%; |
||
266 | font-weight:bold; |
||
267 | } |
||
268 | #flash, .notice { |
||
269 | font-size:120%; |
||
270 | font-weight:bolder; |
||
271 | margin:0pt auto 0.5em; |
||
272 | width:680px; |
||
273 | } |
||
274 | #flash div, .notice { |
||
275 | padding:20px 15px 20px 65px; |
||
276 | } |
||
277 | #flash .ok { |
||
278 | background:#d8ecd8 url(../images/ok.png) no-repeat scroll 10px center; |
||
279 | } |
||
280 | #flash .warning { |
||
281 | background:#fff483 url(../images/warning.png) no-repeat scroll 10px center; |
||
282 | } |
||
283 | #flash .error { |
||
284 | background:#f9c5c1 url(../images/error.png) no-repeat scroll 10px center; |
||
285 | } |
||
286 | #flash .alert, |
||
287 | #flash .info { |
||
288 | background:#EEEEFF url(../images/info.png) no-repeat scroll 10px center; |
||
289 | } |
||
290 | .notice {
|
||
291 | background:#EEEEFF url(../images/info.png) no-repeat scroll 10px center; |
||
292 | } |
||
293 | .fielderror {
|
||
294 | color:red; |
||
295 | font-weight:bold; |
||
296 | } |
||
297 | div.clearingdiv { |
||
298 | clear:both; |
||
299 | } |