Mercurial > libervia-web
comparison public/libervia.css @ 65:8f421a12b8f9
browser side: register box CSS update
author | Adrien Vigneron <adrienvigneron@mailoo.org> |
---|---|
date | Wed, 15 Jun 2011 00:49:34 +0200 |
parents | 4419ef07bb2b |
children | c378653792b8 |
comparison
equal
deleted
inserted
replaced
64:104e71ce2293 | 65:8f421a12b8f9 |
---|---|
1 /* | 1 /* |
2 Libervia: a Salut à Toi frontend | 2 Libervia: a Salut à Toi frontend |
3 Copyright (C) 2011 Jérôme Poisson (goffi@goffi.org) | 3 Copyright (C) 2011 Jérôme Poisson <goffi@goffi.org> |
4 Copyright (C) 2011 Adrien Vigneron <adrienvigneron@mailoo.org> | |
4 | 5 |
5 This program is free software: you can redistribute it and/or modify | 6 This program is free software: you can redistribute it and/or modify |
6 it under the terms of the GNU Affero General Public License as published by | 7 it under the terms of the GNU Affero General Public License as published by |
7 the Free Software Foundation, either version 3 of the License, or | 8 the Free Software Foundation, either version 3 of the License, or |
8 (at your option) any later version. | 9 (at your option) any later version. |
23 | 24 |
24 /* reset/default styles */ | 25 /* reset/default styles */ |
25 | 26 |
26 html, body, div, span, applet, object, iframe, | 27 html, body, div, span, applet, object, iframe, |
27 h1, h2, h3, h4, h5, h6, p, blockquote, pre, | 28 h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
28 a, abbr, acronym, address, big, cite, code, | 29 a, abbr, acronym, address, big, button, cite, code, |
29 del, dfn, em, font, img, ins, kbd, q, s, samp, | 30 del, dfn, em, font, img, ins, kbd, q, s, samp, |
30 small, strike, strong, sub, sup, tt, var, | 31 small, strike, strong, sub, sup, tt, var, |
31 b, u, i, center, dl, dt, dd, ol, ul, li, | 32 b, u, i, center, dl, dt, dd, ol, ul, li, |
32 fieldset, form, label, legend, table, caption, | 33 fieldset, form, label, legend, table, caption, |
33 tbody, tfoot, thead, tr, th, td { | 34 tbody, tfoot, thead, tr, th, td { |
134 font-weight: bold; | 135 font-weight: bold; |
135 cursor: default; | 136 cursor: default; |
136 text-align: center; | 137 text-align: center; |
137 } | 138 } |
138 | 139 |
139 .gwt-DialogBox .Registration { | |
140 padding: 10px; | |
141 } | |
142 | |
143 .gwt-ListBox { | 140 .gwt-ListBox { |
144 width: 100%; | 141 width: 100%; |
145 } | 142 } |
146 | 143 |
147 /* Custom Dialogs */ | 144 /* Custom Dialogs */ |
201 } | 198 } |
202 | 199 |
203 .status { | 200 .status { |
204 font-style: italic; | 201 font-style: italic; |
205 } | 202 } |
203 | |
204 /* RegisterBox */ | |
205 | |
206 .registerPanel_main div, .registerPanel_main button { | |
207 color: #fff; | |
208 font-family: Verdana, sans-serif; | |
209 text-decoration: none; | |
210 } | |
211 | |
212 .registerPanel_main{ | |
213 height: 100%; | |
214 } | |
215 | |
216 .registerPanel_tabs .gwt-Label { | |
217 margin-top: 20px; | |
218 margin-left: 15px; | |
219 cursor: pointer; | |
220 } | |
221 | |
222 .registerPanel_tabs .gwt-TabBarItem div { | |
223 color: #444444; | |
224 } | |
225 | |
226 .registerPanel_tabs .gwt-TabBarItem div:hover { | |
227 color: #fff; | |
228 } | |
229 | |
230 .registerPanel_tabs .gwt-TabBarItem-selected div { | |
231 color: #fff; | |
232 } | |
233 | |
234 .registerPanel_right_side { | |
235 background: #111 url('popup_right.png'); | |
236 height: 100%; | |
237 width: 100%; | |
238 } | |
239 .registerPanel_content { | |
240 margin-left: 50px; | |
241 margin-top: 30px; | |
242 } | |
243 | |
244 .registerPanel_content div { | |
245 font-size: 0.8em; | |
246 margin-left: 10px; | |
247 margin-top: 15px; | |
248 font-style: bold; | |
249 color: #888; | |
250 } | |
251 | |
252 .registerPanel_content input { | |
253 height: 25px; | |
254 line-height: 25px; | |
255 width: 200px; | |
256 text-indent: 11px; | |
257 background: #000; | |
258 color: #aaa; | |
259 border: 1px solid #222; | |
260 border-radius:15px; | |
261 -webkit-border-radius: 15px; | |
262 -moz-border-radius: 15px; | |
263 } | |
264 | |
265 .registerPanel_content input:focus { | |
266 border: 1px solid #444; | |
267 } | |
268 | |
269 | |
270 .registerPanel_content .button, .registerPanel_content .button:visited { | |
271 background: #222 url('gradient.png') repeat-x; | |
272 display: inline-block; | |
273 text-decoration: none; | |
274 -moz-border-radius: 6px; | |
275 -webkit-border-radius: 6px; | |
276 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); | |
277 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); | |
278 border-bottom: 1px solid rgba(0,0,0,0.25); | |
279 cursor: pointer; | |
280 margin-top: 30px; | |
281 } | |
282 | |
283 .registerPanel_content .button:hover { background-color: #111; color: #fff; } | |
284 .registerPanel_content .button:active { top: 1px; } | |
285 .registerPanel_content .button, .registerPanel_content .button:visited { font-size: 14px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 7px 10px 8px; } | |
286 .registerPanel_content .red.button, .registerPanel_content .red.button:visited { background-color: #000; } | |
287 .registerPanel_content .red.button:hover { background-color: #bc0000; } | |
206 | 288 |
207 /* Microblog */ | 289 /* Microblog */ |
208 | 290 |
209 .microblogPanel { | 291 .microblogPanel { |
210 margin: auto; | 292 margin: auto; |
379 | 461 |
380 .gwt-TabBar .gwt-TabBarRest { | 462 .gwt-TabBar .gwt-TabBarRest { |
381 padding-right: 3px; | 463 padding-right: 3px; |
382 } | 464 } |
383 | 465 |
384 .gwt-TabBar .gwt-TabBarItem { | 466 .mainTabPanel .gwt-TabBar .gwt-TabBarItem { |
385 border-top: 1px solid #C3D9FF; | 467 border-top: 1px solid #C3D9FF; |
386 border-bottom: 1px solid #C3D9FF; | 468 border-bottom: 1px solid #C3D9FF; |
387 border-right: 1px solid #C3D9FF; | 469 border-right: 1px solid #C3D9FF; |
388 background: white; | 470 background: white; |
389 padding: 2px; | 471 padding: 2px; |
390 cursor: pointer; | 472 cursor: pointer; |
391 } | 473 } |
392 | 474 |
393 div.gwt-TabBarItem:hover { | 475 .mainTabPanel div.gwt-TabBarItem:hover { |
394 background: yellow; | 476 background: yellow; |
395 } | 477 } |
396 | 478 |
397 .gwt-TabBar .gwt-TabBarItem-selected { | 479 .mainTabPanel .gwt-TabBar .gwt-TabBarItem-selected { |
398 font-weight: bold; | 480 font-weight: bold; |
399 background-color: #E8EEF7; | 481 background-color: #E8EEF7; |
400 border-top: 1px solid #87B3FF; | 482 border-top: 1px solid #87B3FF; |
401 border-left: 1px solid #87B3FF; | 483 border-left: 1px solid #87B3FF; |
402 border-right: 1px solid #87B3FF; | 484 border-right: 1px solid #87B3FF; |