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