Mercurial > libervia-web

comparison public/libervia.css @ 7:7acca1ce1ca4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
6:a663b9955cf3 7:7acca1ce1ca4
13 GNU Affero General Public License for more details. 13 GNU Affero General Public License for more details.
14 14
15 You should have received a copy of the GNU Affero General Public License 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/>. 16 along with this program. If not, see <http://www.gnu.org/licenses/>.
17 */ 17 */
18
19
20 /*
21 * CSS Reset: see http://pyjs.org/wiki/csshellandhowtodealwithit/
22 */
23
24 /* reset/default styles */
25
26 html, body, div, span, applet, object, iframe,
27 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
28 a, abbr, acronym, address, big, cite, code,
29 del, dfn, em, font, img, ins, kbd, q, s, samp,
30 small, strike, strong, sub, sup, tt, var,
31 b, u, i, center, dl, dt, dd, ol, ul, li,
32 fieldset, form, label, legend, table, caption,
33 tbody, tfoot, thead, tr, th, td {
34 margin: 0;
35 padding: 0;
36 border: 0;
37 outline: 0;
38 font-size: 100%;
39 vertical-align: baseline;
40 background: transparent;
41 color: #444;
42
43 }
44
45 ol, ul { list-style: none; }
46 blockquote, q { quotes: none; }
47
48 blockquote:before, blockquote:after,
49 q:before, q:after {
50 content: '';
51 content: none;
52
53 }
54
55 :focus { outline: 0; }
56 ins { text-decoration: none; }
57 del { text-decoration: line-through; }
58
59 table {
60 border-collapse: collapse;
61 border-spacing: 0;
62
63 }
64
65 /* pyjamas iframe hide */
66 iframe { position: absolute; }
67
68
69 html, body {
70 width: 100%;
71 height: 100%;
72 min-height: 100%;
73
74 }
75
76 body {
77 line-height: 1em;
78 font-size: 1em;
79 overflow: auto;
80
81 }
82
83 .scrollpanel {
84 margin-bottom: -10000px;
85
86 }
87
88 .iescrollpanelfix {
89 position: relative;
90 top: 100%;
91 margin-bottom: -10000px;
92
93 }
94
95 /* undo part of the above (non-IE) */
96 html>body .iescrollpanelfix { position: static; }
97
98 /* CSS Reset END */
18 99
19 .gwt-MenuBar,.gwt-MenuBar-horizontal { 100 .gwt-MenuBar,.gwt-MenuBar-horizontal {
20 background-color: #C3D9FF; 101 background-color: #C3D9FF;
21 border: 1px solid #87B3FF; 102 border: 1px solid #87B3FF;
22 cursor: default; 103 cursor: default;
77 } 158 }
78 159
79 .selected { 160 .selected {
80 background-color: yellow; 161 background-color: yellow;
81 } 162 }
163
164 /* Microblog */
165
166 .microblogPanel {
167 margin: auto;
168 }
169
170 .microblogEntry {
171 text-align:center;
172
173 border: 1px solid LightGray;
174
175 border-bottom-width: 1px;
176 margin-bottom: 5px;
177 margin-top: 5px;
178 padding-left: 10px;
179 padding-right: 10px;
180 padding-top: 5px;
181 padding-bottom: 5px;
182
183 -moz-border-radius: 15px;
184 -webkit-border-radius: 15px;
185 border-radius: 15px;
186 }
187
188 .mb_entry_header {
189 font-size: small;
190 }
191
192 .mb_entry_author {
193 font-weight: bold;
194 }
195
196 .mb_entry_timestamp {
197 font-style: italic;
198 }
199
200 /* Test drag and drop */
201
202 .dragover {
203 background: #8f8;
204 }