Mercurial > libervia-web
annotate public/libervia.css @ 33:e70521e6d803
browser side, misc stuffs
- dropCell are now keep the dragover style if the mouse go on an other widget inside them
- uniBox moved to panels.py
- chatPanel now partially managed MUC Room
- room joined open in a new tab (as Tarot games)
- MainPanel & MainTabPanel are now dynamically sized in pixels
- fixed stupid bug in json callbacks management
author | Goffi <goffi@goffi.org> |
---|---|
date | Sat, 14 May 2011 01:11:08 +0200 |
parents | 8152f019d334 |
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 } |