Make the TableSelector header match the mockup.
[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 .group table.data-list
120 {
121         margin-bottom: 0.8em;
122 }
123
124 table.columns
125 {
126         width: 100%;
127 }
128
129 .group-title
130 {
131         font-weight: bold;
132         font-size: 100%;
133         padding: 0;
134         margin: 0;
135         margin-bottom: 0.8em;
136         border-bottom: 1px dashed #000;
137 }
138
139 group
140 {
141         margin-top: 0;
142         margin-bottom: 0.8em;
143 }
144
145 .details-cell
146 {
147         margin-top: 0;
148         margin-bottom: 0.8em;
149 }
150
151 .details-data
152 {
153         padding: 0 0.25em;
154         color: #333;
155 }
156
157 .details-label
158 {
159         padding: 0 0.25em;
160 }
161