Mercurial > libervia-web
annotate public/libervia.css @ 29:8152f019d334
browser-side: CSS misc udpates
- added uniBoxPanel
- added occupantsList stuff
- TabBar has now a z-index of 10 to avoid being overlapped
- TabBar's items are now yellow on :hover
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Sat, 14 May 2011 00:51:11 +0200 |
| parents | 46c8d5431198 |
| children | ed935f763cc8 |
| rev | line source |
|---|---|
| 0 | 1 /* |
| 2 Libervia: a Salut à Toi frontend | |
| 3 Copyright (C) 2011 Jérôme Poisson (goffi@goffi.org) | |
| 4 | |
| 5 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 the Free Software Foundation, either version 3 of the License, or | |
| 8 (at your option) any later version. | |
| 9 | |
| 10 This program is distributed in the hope that it will be useful, | |
| 11 but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
| 13 GNU Affero General Public License for more details. | |
| 14 | |
| 15 You should have received a copy of the GNU Affero General Public License | |
| 16 along with this program. If not, see <http://www.gnu.org/licenses/>. | |
| 17 */ | |
| 18 | |
|
7
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
19 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
20 /* |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
21 * CSS Reset: see http://pyjs.org/wiki/csshellandhowtodealwithit/ |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
22 */ |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
23 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
24 /* reset/default styles */ |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
25 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
26 html, body, div, span, applet, object, iframe, |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
27 h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
28 a, abbr, acronym, address, big, cite, code, |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
29 del, dfn, em, font, img, ins, kbd, q, s, samp, |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
30 small, strike, strong, sub, sup, tt, var, |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
31 b, u, i, center, dl, dt, dd, ol, ul, li, |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
32 fieldset, form, label, legend, table, caption, |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
33 tbody, tfoot, thead, tr, th, td { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
34 margin: 0; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
35 padding: 0; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
36 border: 0; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
37 outline: 0; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
38 font-size: 100%; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
39 vertical-align: baseline; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
40 background: transparent; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
41 color: #444; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
42 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
43 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
44 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
45 ol, ul { list-style: none; } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
46 blockquote, q { quotes: none; } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
47 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
48 blockquote:before, blockquote:after, |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
49 q:before, q:after { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
50 content: ''; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
51 content: none; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
52 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
53 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
54 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
55 :focus { outline: 0; } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
56 ins { text-decoration: none; } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
57 del { text-decoration: line-through; } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
58 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
59 table { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
60 border-collapse: collapse; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
61 border-spacing: 0; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
62 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
63 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
64 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
65 /* pyjamas iframe hide */ |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
66 iframe { position: absolute; } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
67 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
68 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
69 html, body { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
70 width: 100%; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
71 height: 100%; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
72 min-height: 100%; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
73 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
74 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
75 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
76 body { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
77 line-height: 1em; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
78 font-size: 1em; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
79 overflow: auto; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
80 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
81 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
82 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
83 .scrollpanel { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
84 margin-bottom: -10000px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
85 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
86 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
87 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
88 .iescrollpanelfix { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
89 position: relative; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
90 top: 100%; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
91 margin-bottom: -10000px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
92 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
93 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
94 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
95 /* undo part of the above (non-IE) */ |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
96 html>body .iescrollpanelfix { position: static; } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
97 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
98 /* CSS Reset END */ |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
99 |
| 29 | 100 /* Misc Pyjamas stuff */ |
| 101 | |
| 0 | 102 .gwt-MenuBar,.gwt-MenuBar-horizontal { |
|
21
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
103 background-color: #01FF78; |
| 0 | 104 border: 1px solid #87B3FF; |
| 105 cursor: default; | |
| 106 } | |
| 107 | |
| 108 .gwt-MenuBar-horizontal .gwt-MenuItem { | |
| 109 } | |
|
21
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
110 .gwt-MenuItem { |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
111 padding: 1px 20px 1px 10px; |
| 0 | 112 font-size: smaller; |
| 113 cursor: default; | |
| 114 } | |
| 115 | |
| 116 .gwt-MenuBar .gwt-MenuItem-selected { | |
| 117 background-color: #E8EEF7; | |
| 118 } | |
| 119 | |
| 120 .gwt-AutoCompleteTextBox { | |
| 121 width: 80%; | |
| 122 border: 1px solid #87B3FF; | |
| 123 margin-top: 20px; | |
| 124 } | |
| 125 .gwt-DialogBox { | |
| 126 border: 2px outset; | |
| 127 background-color: white; | |
| 128 } | |
| 129 | |
| 130 .gwt-DialogBox .Caption { | |
| 131 background-color: #C3D9FF; | |
| 132 padding: 3px; | |
| 133 margin: 2px; | |
| 134 font-weight: bold; | |
| 135 cursor: default; | |
| 136 } | |
| 137 | |
| 138 .gwt-DialogBox .Registration { | |
| 139 padding: 10px; | |
| 140 } | |
| 141 | |
|
25
46c8d5431198
browser side: added CSS for contactsChooser class
Goffi <goffi@goffi.org>
parents:
23
diff
changeset
|
142 /* Custom Dialogs */ |
|
46c8d5431198
browser side: added CSS for contactsChooser class
Goffi <goffi@goffi.org>
parents:
23
diff
changeset
|
143 .contactsChooser { |
|
46c8d5431198
browser side: added CSS for contactsChooser class
Goffi <goffi@goffi.org>
parents:
23
diff
changeset
|
144 text-align: center; |
|
46c8d5431198
browser side: added CSS for contactsChooser class
Goffi <goffi@goffi.org>
parents:
23
diff
changeset
|
145 } |
|
46c8d5431198
browser side: added CSS for contactsChooser class
Goffi <goffi@goffi.org>
parents:
23
diff
changeset
|
146 |
| 1 | 147 /* Contact List */ |
| 148 | |
| 149 .contactTitle { | |
| 150 font-style: italic; | |
| 151 border-bottom: 1px solid gray; | |
| 152 text-align: center; | |
| 153 } | |
| 154 | |
| 155 .group { | |
| 156 font-weight: bold; | |
| 157 font-size: small; | |
| 158 } | |
| 159 | |
| 160 div.group:hover { | |
| 161 text-decoration:underline; | |
| 162 } | |
| 163 .contact { | |
| 164 font-size: small; | |
| 165 } | |
| 166 | |
| 167 .selected { | |
| 168 background-color: yellow; | |
| 169 } | |
|
7
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
170 |
| 29 | 171 /* UniBox & Status */ |
| 172 | |
| 173 .uniBoxPanel { | |
| 174 margin: auto; | |
| 175 width: 80%; | |
| 176 } | |
| 20 | 177 |
| 178 .statusPanel { | |
| 179 margin: auto; | |
| 180 text-align: center; | |
| 181 width: 80%; | |
| 182 } | |
| 183 | |
| 184 .status { | |
| 185 font-style: italic; | |
| 186 } | |
| 187 | |
|
7
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
188 /* Microblog */ |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
189 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
190 .microblogPanel { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
191 margin: auto; |
| 9 | 192 width: 90%; |
| 23 | 193 overflow: scroll; |
| 9 | 194 } |
| 195 | |
| 196 .mb_panel_header{ | |
| 197 text-align: center; | |
| 198 background-color: lightGray; | |
| 199 font-style: italic; | |
| 200 margin-top: 5px; | |
| 201 -moz-border-radius: 50px; | |
| 202 -webkit-border-radius: 50px; | |
| 203 border-radius: 50px; | |
|
7
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
204 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
205 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
206 .microblogEntry { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
207 text-align:center; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
208 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
209 border: 1px solid LightGray; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
210 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
211 border-bottom-width: 1px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
212 margin-bottom: 5px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
213 margin-top: 5px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
214 padding-left: 10px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
215 padding-right: 10px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
216 padding-top: 5px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
217 padding-bottom: 5px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
218 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
219 -moz-border-radius: 15px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
220 -webkit-border-radius: 15px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
221 border-radius: 15px; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
222 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
223 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
224 .mb_entry_header { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
225 font-size: small; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
226 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
227 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
228 .mb_entry_author { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
229 font-weight: bold; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
230 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
231 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
232 .mb_entry_timestamp { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
233 font-style: italic; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
234 } |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
235 |
| 29 | 236 /* Chat & MUC Room */ |
| 19 | 237 |
| 23 | 238 .chatPanel { |
| 29 | 239 } |
| 240 | |
| 241 .chatPanel_body { | |
| 242 } | |
| 243 | |
| 244 .chatContent { | |
| 245 overflow: auto; | |
| 23 | 246 } |
| 247 | |
| 19 | 248 .chatText { |
| 249 /* font-size: smaller; */ | |
| 250 } | |
| 251 | |
| 29 | 252 .chatArea { |
| 253 } | |
| 254 | |
| 19 | 255 .chat_text_timestamp { |
| 256 font-style: italic; | |
| 257 } | |
| 258 | |
| 259 .chat_text_nick { | |
| 260 font-weight: bold; | |
| 261 } | |
| 262 | |
| 263 .chat_text_mymess { | |
| 264 color: blue; | |
| 265 } | |
| 266 | |
| 29 | 267 .occupant { |
| 268 padding-right: 15px; | |
| 269 } | |
| 270 | |
| 271 .occupantsList { | |
| 272 border-right: 1px solid lightGray; | |
| 273 margin-left: 5px; | |
| 274 margin-right: 10px; | |
| 275 height: 100%; | |
| 276 } | |
| 277 | |
|
7
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
278 /* Test drag and drop */ |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
279 |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
280 .dragover { |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
281 background: #8f8; |
|
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
282 } |
| 19 | 283 |
|
21
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
284 /* Warning message */ |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
285 |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
286 .warningPopup { |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
287 width: 100%; |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
288 text-align: center; |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
289 background-color: white; |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
290 border: 1px solid #87B3FF; |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
291 padding: 4px; |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
292 } |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
293 |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
294 .warningTarget { |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
295 font-weight: bold; |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
296 } |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
297 |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
298 .targetPublic { |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
299 background-color: red; |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
300 } |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
301 |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
302 .targetGroup { |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
303 background-color: #00FFFB; |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
304 } |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
305 |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
306 .targetOne2One { |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
307 background-color: #72FF06; |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
308 } |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
309 |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
310 .targetStatus { |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
311 } |
|
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
312 |
| 23 | 313 /* Tab panel */ |
| 29 | 314 |
| 315 .mainTabPanel { | |
| 316 } | |
| 317 | |
| 318 .gwt-TabPanel { | |
| 319 } | |
| 23 | 320 |
| 321 .gwt-TabPanelBottom { | |
| 322 height: 100%; | |
| 323 } | |
| 324 | |
| 325 .gwt-TabBar { | |
| 326 /*background-color: #C3D9FF;*/ | |
| 327 position: fixed; | |
| 29 | 328 z-index: 10; |
| 23 | 329 bottom: 0; |
| 330 font-size: small; | |
| 331 } | |
| 332 | |
| 333 .gwt-TabBar .gwt-TabBarFirst { | |
| 334 height: 100%; | |
| 335 padding-left: 3px; | |
| 336 } | |
| 337 | |
| 338 .gwt-TabBar .gwt-TabBarRest { | |
| 339 padding-right: 3px; | |
| 340 } | |
| 341 | |
| 342 .gwt-TabBar .gwt-TabBarItem { | |
| 343 border-top: 1px solid #C3D9FF; | |
| 344 border-bottom: 1px solid #C3D9FF; | |
| 29 | 345 border-right: 1px solid #C3D9FF; |
| 346 background: white; | |
| 23 | 347 padding: 2px; |
| 348 cursor: pointer; | |
| 349 } | |
| 350 | |
| 29 | 351 div.gwt-TabBarItem:hover { |
| 352 background: yellow; | |
| 353 } | |
| 354 | |
| 23 | 355 .gwt-TabBar .gwt-TabBarItem-selected { |
| 356 font-weight: bold; | |
| 357 background-color: #E8EEF7; | |
| 358 border-top: 1px solid #87B3FF; | |
| 359 border-left: 1px solid #87B3FF; | |
| 360 border-right: 1px solid #87B3FF; | |
| 361 border-bottom: 1px solid #E8EEF7; | |
| 362 padding: 2px; | |
| 363 cursor: default; | |
| 364 } | |
| 365 | |
| 366 | |
| 19 | 367 /* Misc */ |
| 368 | |
| 369 .selected_widget { | |
| 370 /* this property is set when a widget is the current target of the uniBox | |
| 371 * (messages entered in unibox will be sent to this widget) | |
| 372 */ | |
|
21
77c2e48efa29
browser side: a warning message now show who will receive the message entered in UniBox, with a color depending on how many people will be able to see it
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
373 border: 3px dashed red; |
| 19 | 374 } |