Add better support for subgroups in the 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 .backlink
34 {
35         float: left;
36         margin: 0.2em 0.5em;
37 }
38
39 .tablechooser
40 {
41         float: right;
42         font-size: 13.3333px;
43         font-family: sans-serif;
44 }
45
46 .records
47 {
48         float: left;
49         margin: 0.2em 0.5em;
50         color: #333;
51 }
52
53 .details-navigation
54 {
55         float: right;
56         margin: 0.2em 0.5em;
57 }
58
59 .details-navigation a
60 {
61         padding-right: 1em;
62 }
63
64 table
65 {
66         border-collapse: collapse;
67 }
68 td
69 {
70         vertical-align: top;
71         padding: 0;
72         padding-right: 2em;
73 }
74
75 /**
76  * List View
77  */
78 table.data-list
79 {
80         width: 100%;
81         margin-top: 1em;
82 }
83 table.data-list th
84 {
85         background-color: #ccc;
86         border: 1px solid #000;
87         text-align: left;
88         font-weight: normal;
89         padding: 0.2em;
90 }
91 table.data-list td
92 {
93         background-color: #fff;
94         border: 1px dotted #aaa;
95         padding: 0.2em;
96 }
97 table.data-list td.details
98 {
99         text-align: right;
100 }
101
102
103 /**
104  * Details View
105  */
106 .group
107 {
108         margin: 1em 0;
109         background-color: #eee;
110         padding: 0.8em;
111         border-radius: 7px;
112 }
113
114 .group-contents
115 {
116         padding-left: 0.8em;
117 }
118
119 .subgroup
120 {
121
122 }
123
124 .group table.data-list
125 {
126         margin-bottom: 0.8em;
127 }
128
129 table.columns
130 {
131         width: 100%;
132 }
133
134 .group-title
135 {
136         font-weight: bold;
137         font-size: 100%;
138         padding: 0;
139         margin: 0;
140         margin-bottom: 0.8em;
141         border-bottom: 1px dashed #000;
142 }
143
144 .subgroup-title
145 {
146         font-weight: bold;
147         font-size: 100%;
148         padding: 0;
149         margin: 0;
150         margin-bottom: 0.8em;
151 }
152
153 group
154 {
155         margin-top: 0;
156         margin-bottom: 0.8em;
157 }
158
159 .details-cell
160 {
161         margin-top: 0;
162         margin-bottom: 0.8em;
163 }
164
165 .details-data
166 {
167         padding: 0 0.25em;
168         color: #333;
169 }
170
171 .details-label
172 {
173         padding: 0 0.25em;
174 }
175