Put tableselector on the right, back to list link on right.
[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
64 {
65         float: right;
66         margin: 0.2em 0.5em;
67 }
68
69 .details-navigation a
70 {
71         padding-right: 1em;
72 }
73
74 table
75 {
76         border-collapse: collapse;
77 }
78 td
79 {
80         vertical-align: top;
81         padding: 0;
82         padding-right: 2em;
83 }
84
85 /**
86  * List View
87  */
88 table.data-list
89 {
90         width: 100%;
91         margin-top: 1em;
92 }
93
94 table.data-list th
95 {
96         background-color: #ccc;
97         border: 1px solid #000;
98         text-align: left;
99         font-weight: normal;
100         padding: 0.2em;
101         color: #000;
102 }
103
104 table.data-list td
105 {
106         background-color: #fff;
107         border: 1px dotted #aaa;
108         padding: 0.2em;
109         font-size: medium;
110         vertical-align: middle;
111 }
112
113 /* This is for the details column of the List View.
114    Note: Firefox, Chrome, and Safari only support the span and width
115          attributes of the col element.
116  */
117 table.data-list col.details
118 {
119
120 }
121
122 /* TODO: add 'table.data-list td.details' */
123
124 /**
125  * Details View
126  */
127 .group
128 {
129         margin: 1em 0;
130         background-color: #eee;
131         padding: 0.8em;
132         border-radius: 7px;
133 }
134
135 .group-contents
136 {
137         padding-left: 0.8em;
138 }
139
140 .subgroup
141 {
142
143 }
144
145 /* Overrides the table settings from the list view */
146 .group table.data-list
147 {
148         margin-top: 0em;
149 }
150
151 table.columns
152 {
153         width: 100%;
154 }
155
156 .group-title
157 {
158         font-weight: bold;
159         font-size: 100%;
160         padding: 0;
161         margin: 0;
162         margin-bottom: 0.8em;
163         border-bottom: 1px dashed #000;
164 }
165
166 .subgroup-title
167 {
168         font-weight: bold;
169         font-size: 100%;
170         padding: 0;
171         margin: 0;
172         margin-bottom: 0.6em;
173 }
174
175 group
176 {
177         margin-top: 0;
178         margin-bottom: 0.8em;
179 }
180
181 .details-cell
182 {
183         margin-top: 0;
184         margin-bottom: 0.8em;
185         overflow: hidden;
186 }
187
188 .details-data
189 {
190         padding: 0 0.25em;
191         color: #333;
192         float: left;
193 }
194
195 .details-label
196 {
197         padding: 0 0.25em;
198         float: left;
199 }
200