Mercurial > libervia-web
annotate public/libervia.css @ 7:7acca1ce1ca4
CSS: microbloging style + using CSS reset
note: CSS reset is based on pyjamas' wiki: http://pyjs.org/wiki/csshellandhowtodealwithit/ , need maybe some tweaking
author | Goffi <goffi@goffi.org> |
---|---|
date | Mon, 14 Feb 2011 01:48:05 +0100 |
parents | 0a7c685faa53 |
children | c80b75bf2e91 |
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 |
0 | 100 .gwt-MenuBar,.gwt-MenuBar-horizontal { |
101 background-color: #C3D9FF; | |
102 border: 1px solid #87B3FF; | |
103 cursor: default; | |
104 } | |
105 | |
106 .gwt-MenuBar-horizontal .gwt-MenuItem { | |
107 } | |
108 .gwt-MenuBar .gwt-MenuItem { | |
109 padding: 1px 4px 1px 4px; | |
110 font-size: smaller; | |
111 cursor: default; | |
112 } | |
113 | |
114 .gwt-MenuBar .gwt-MenuItem-selected { | |
115 background-color: #E8EEF7; | |
116 } | |
117 | |
118 .gwt-AutoCompleteTextBox { | |
119 width: 80%; | |
120 border: 1px solid #87B3FF; | |
121 margin-top: 20px; | |
122 } | |
123 .gwt-DialogBox { | |
124 border: 2px outset; | |
125 background-color: white; | |
126 } | |
127 | |
128 .gwt-DialogBox .Caption { | |
129 background-color: #C3D9FF; | |
130 padding: 3px; | |
131 margin: 2px; | |
132 font-weight: bold; | |
133 cursor: default; | |
134 } | |
135 | |
136 .gwt-DialogBox .Registration { | |
137 padding: 10px; | |
138 } | |
139 | |
1 | 140 /* Contact List */ |
141 | |
142 .contactTitle { | |
143 font-style: italic; | |
144 border-bottom: 1px solid gray; | |
145 text-align: center; | |
146 } | |
147 | |
148 .group { | |
149 font-weight: bold; | |
150 font-size: small; | |
151 } | |
152 | |
153 div.group:hover { | |
154 text-decoration:underline; | |
155 } | |
156 .contact { | |
157 font-size: small; | |
158 } | |
159 | |
160 .selected { | |
161 background-color: yellow; | |
162 } | |
7
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
163 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
164 /* Microblog */ |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
165 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
166 .microblogPanel { |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
167 margin: auto; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
168 } |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
169 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
170 .microblogEntry { |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
171 text-align:center; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
172 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
173 border: 1px solid LightGray; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
174 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
175 border-bottom-width: 1px; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
176 margin-bottom: 5px; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
177 margin-top: 5px; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
178 padding-left: 10px; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
179 padding-right: 10px; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
180 padding-top: 5px; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
181 padding-bottom: 5px; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
182 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
183 -moz-border-radius: 15px; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
184 -webkit-border-radius: 15px; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
185 border-radius: 15px; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
186 } |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
187 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
188 .mb_entry_header { |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
189 font-size: small; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
190 } |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
191 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
192 .mb_entry_author { |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
193 font-weight: bold; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
194 } |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
195 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
196 .mb_entry_timestamp { |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
197 font-style: italic; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
198 } |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
199 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
200 /* Test drag and drop */ |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
201 |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
202 .dragover { |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
203 background: #8f8; |
7acca1ce1ca4
CSS: microbloging style + using CSS reset
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
204 } |