Add style to Notebook that matches current theme.
[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 /**
22  * Top and Bottom Navigation Boxes
23  */
24 #headbox, #footbox
25 {
26         background-color: #eee;
27         border: 1px solid #aaa;
28         padding: 0.2em;
29         border-radius: 3px;
30         overflow: hidden;
31 }
32
33 div#document-title
34 {
35         color: #333333;
36         font-weight: bold;
37         font-size: x-large;
38         margin-bottom: 0.5em;
39         margin-left: 0.5em;
40 }
41
42 .backlink
43 {
44         float: right;
45         margin: 0.2em 0.5em;
46 }
47
48 .tablechooser
49 {
50         float: left;
51         margin-left: 0.5em;
52         font-size: 13.3333px;
53         font-family: sans-serif;
54 }
55
56 .records
57 {
58         float: left;
59         margin: 0.2em 0.5em;
60         color: #333;
61 }
62
63 .details-navigation a
64 {
65         padding-right: 1em;
66 }
67
68 table
69 {
70         border-collapse: collapse;
71 }
72 td
73 {
74         vertical-align: top;
75         padding: 0;
76         padding-right: 2em;
77 }
78
79 /**
80  * List View
81  */
82 table.data-list
83 {
84         width: 100%;
85         margin-top: 1em;
86 }
87
88 table.data-list th
89 {
90         background-color: #ccc;
91         border: 1px solid #000;
92         text-align: left;
93         font-weight: normal;
94         padding: 0.2em;
95         color: #000;
96 }
97
98 table.data-list td
99 {
100         background-color: #fff;
101         border: 1px dotted #aaa;
102         padding: 0.2em;
103         font-size: medium;
104         vertical-align: middle;
105 }
106
107 /* This is for the details column of the List View.
108    Note: Firefox, Chrome, and Safari only support the span and width
109          attributes of the col element.
110  */
111 table.data-list col.details
112 {
113
114 }
115
116 /* TODO: add 'table.data-list td.details' */
117
118 /**
119  * Details View
120  */
121 .group
122 {
123         margin: 1em 0;
124         background-color: #eee;
125         padding: 0.8em;
126         border-radius: 7px;
127 }
128
129 .group-contents
130 {
131         padding-left: 0.8em;
132 }
133
134 .subgroup
135 {
136
137 }
138
139 /* Overrides the table settings from the list view */
140 .group table.data-list
141 {
142         margin-top: 0em;
143 }
144
145 table.columns
146 {
147         width: 100%;
148 }
149
150 .group-title
151 {
152         font-weight: bold;
153         font-size: 100%;
154         padding: 0;
155         margin: 0;
156         margin-bottom: 0.8em;
157         border-bottom: 1px dashed #000;
158 }
159
160 .subgroup-title
161 {
162         font-weight: bold;
163         font-size: 100%;
164         padding: 0;
165         margin: 0;
166         margin-bottom: 0.6em;
167 }
168
169 group
170 {
171         margin-top: 0;
172         margin-bottom: 0.8em;
173 }
174
175 .details-cell
176 {
177         margin-top: 0;
178         margin-bottom: 0.8em;
179         overflow: hidden;
180 }
181
182 .details-label
183 {
184         padding: 0 0.25em;
185         float: left;
186 }
187
188 .details-data
189 {
190         padding: 0 0.25em;
191         color: #333;
192         float: left;
193 }
194
195 button.details-navigation
196 {
197         margin-left: 0.5em;
198 }
199
200 /*
201  * The Notebook in the Detail View.
202  */
203  .gwt-TabLayoutPanel
204 {
205         margin-bottom: 0.8em;
206 }
207
208 .gwt-TabLayoutPanelContentContainer
209 {
210         border-color: #aaa;
211         border-style: solid;
212         border-width: 2px 1px 1px;
213         border-radius: 3px;
214 }
215
216 .gwt-TabLayoutPanel .gwt-TabLayoutPanelContent
217 {
218         border: 0;
219 }
220
221 .gwt-TabLayoutPanel .gwt-TabLayoutPanelContent .group-contents
222 {
223         padding-left: 0;
224 }
225
226 /* The unselected tabs */
227 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab
228 {
229         background-color: #aaa;
230         border-radius: 3px 3px 0 0;
231 }
232
233 /* The selected tab */
234 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected
235 {
236         background-color: #ccc;
237 }
238
239 /* The tab bar */
240 .gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs
241 {
242
243 }