DetailsActivity: Check for authentication here too.
[online-glom:gwt-glom.git] / src / main / webapp / style.css
1 body
2 {
3         font-size: medium;
4         font-family: sans-serif;
5         margin: 1em;
6 }
7
8 a
9 {
10         font-weight: bold;
11         color: #333;
12         text-decoration: none;
13 }
14
15 a:hover
16 {
17         color: #666;
18         text-decoration: underline;
19 }
20
21 #titlebox
22 {
23         overflow: hidden;
24 }
25
26 /**
27  * Top and Bottom Navigation Boxes
28  */
29 #headbox, #footbox
30 {
31         background-color: #eee;
32         border: 1px solid #aaa;
33         padding: 0.2em;
34         border-radius: 3px;
35         overflow: hidden;
36 }
37
38 div#document-title
39 {
40         float: left;
41         color: #333333;
42         font-weight: bold;
43         font-size: x-large;
44         margin-bottom: 0.5em;
45 }
46
47 .reportslabel
48 {
49         float: right;
50         margin-left: 0.5em;
51         font-size: 13.3333px;
52         font-family: sans-serif;
53 }
54
55 .reportschooser
56 {
57         float: right;
58         margin-left: 0.5em;
59         font-size: 13.3333px;
60         font-family: sans-serif;
61 }
62
63 .localeschooser
64 {
65         float: right;
66         margin-left: 0.5em;
67         font-size: 13.3333px;
68         font-family: sans-serif;
69 }
70
71
72 .backlink
73 {
74         float: right;
75         margin: 0.2em 0.5em;
76 }
77
78 .tableschooser
79 {
80         float: left;
81         margin-left: 0.5em;
82         font-size: 13.3333px;
83         font-family: sans-serif;
84 }
85
86 .searchlabel
87 {
88         float: left;
89         margin-left: 0.5em;
90         font-size: 13.3333px;
91         font-family: sans-serif;
92 }
93
94 .searchtextbox
95 {
96         float: left;
97         margin-left: 0.5em;
98         font-size: 13.3333px;
99         font-family: sans-serif;
100 }
101
102 .records
103 {
104         float: left;
105         margin: 0.2em 0.5em;
106         color: #333;
107 }
108
109 .details-navigation a
110 {
111         padding-right: 1em;
112 }
113
114 table
115 {
116         border-collapse: collapse;
117 }
118
119 /**
120  * List View
121  */
122 table.data-list
123 {
124         width: 100%;
125         margin-top: 1em;
126 }
127
128 table.data-list th
129 {
130         background-color: #ccc;
131         border: 1px solid #000;
132         text-align: left;
133         font-weight: normal;
134         padding: 0.2em;
135         color: #000;
136 }
137
138 table.data-list td
139 {
140         background-color: #fff;
141         border: 1px dotted #aaa;
142         padding: 0.2em;
143         font-size: medium;
144         vertical-align: middle;
145 }
146
147 /* This is for the details column of the List View.
148    Note: Firefox, Chrome, and Safari only support the span and width
149          attributes of the col element.
150  */
151 table.data-list col.details
152 {
153
154 }
155
156 /* TODO: add 'table.data-list td.details' */
157
158 /**
159  * Details View
160  */
161 .group
162 {
163         font-family: sans-serif;
164         font-size: medium;
165         margin: 1em 0;
166         background-color: #eee;
167         padding: 0.8em;
168         border-radius: 7px;
169 }
170
171 .group-contents
172 {
173         padding-left: 0.8em;
174 }
175
176 .subgroup
177 {
178
179 }
180
181 /* Overrides the table settings from the list view */
182 .group table.data-list
183 {
184         margin-top: 0em;
185 }
186
187 .group-column
188 {
189         font-family: sans-serif;
190     font-size: medium;
191 }
192
193 .group-title
194 {
195         font-weight: bold;
196         font-size: 100%;
197         padding: 0;
198         margin: 0;
199         margin-bottom: 0.8em;
200         border-bottom: 1px dashed #000;
201 }
202
203 .subgroup-title
204 {
205         font-weight: bold;
206         font-size: 100%;
207         padding: 0;
208         margin: 0;
209         margin-bottom: 0.6em;
210 }
211
212 group
213 {
214         margin-top: 0;
215         margin-bottom: 0.8em;
216 }
217
218 .details-cell
219 {
220         margin-top: 0;
221         margin-bottom: 0.8em;
222         overflow: hidden;
223 }
224
225 .details-label
226 {
227         padding-right: 0.5em;
228         padding-top: 0.25em;
229         float: left;
230 }
231
232 .details-data
233 {
234         padding-bottom: 0.5em;
235         padding-top: 0.25em;
236         color: #333;
237         float: left;
238 }
239
240 button.details-navigation
241 {
242         margin-left: 0.5em;
243 }
244
245 /*
246  * The Notebook in the Detail View.
247  */
248  .gwt-TabLayoutPanel
249 {
250         margin-bottom: 0.8em;
251 }
252
253 .gwt-TabLayoutPanelContentContainer
254 {
255         border: none;
256         border-bottom: 1px solid rgba(120, 120, 120, 0.2);
257 }
258
259 .gwt-TabLayoutPanel .gwt-TabLayoutPanelContent
260 {
261         border: 0;
262 }
263
264 .gwt-TabLayoutPanel .gwt-TabLayoutPanelContent .group-contents
265 {
266         padding-left: 0;
267 }
268
269 /* The unselected tabs */
270 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab
271 {
272         background-color: #d4d4d4;
273         border-radius: 2px 2px 0 0;
274         top: 1px;
275         border: 1px solid #aaa;
276         border-bottom: none;
277         background: -moz-linear-gradient(center top, #d4d4d4 90%,#eeeeee 100%);
278         background: -webkit-gradient(linear, left top, left bottom, color-stop(0.9, #d4d4d4),color-stop(1, #eeeeee));
279
280 }
281
282 /* The selected tab */
283 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected
284 {
285         background-color: #eee;
286         z-index: 10;
287         border: 1px solid #787878;
288         border-bottom: none;
289         top: 1px;
290         background: #eee;
291 }
292
293 /* The selected inner tab */
294 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected .gwt-TabLayoutPanelTabInner {
295         position: relative;
296         margin-top: 1px;
297         top: -1px;
298 }
299
300 /* The tab bar */
301 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs
302 {
303         border-bottom: 1px solid #787878;
304 }
305
306 /* The first tab */
307 .gwt-TabLayoutPanel .firstTab {
308         /* Uncomment this line to remove the left margin from the first tab. */
309         /* margin-left: 0px; */
310 }
311
312 table.pager td
313 {
314         padding: 4px;
315 }
316
317 #documentSelectionPanel
318 {
319         border-color: #777777;
320         border-radius: 6px;
321         border-style: solid;
322         border-width: 2px;
323         margin: 3em auto;
324         padding: 3em 0em 3em 3em;
325         width: 28em;
326 }
327
328 a.documentLink
329 {
330         font-family: sans-serif;
331         font-size: medium;
332         font-weight: bold;
333         margin-left: 1em;
334 }
335
336 table.documentLinkTable td
337 {
338         padding-bottom: 0.25em;
339 }
340
341 a.dataLink
342 {
343         font-weight: normal;
344         color: #333333;
345     font-family: sans-serif;
346     font-size: medium;
347 }