Add document title (database name) to top of the browser page.
[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 .group table.data-list
145 {
146         margin-bottom: 0.8em;
147 }
148
149 table.columns
150 {
151         width: 100%;
152 }
153
154 .group-title
155 {
156         font-weight: bold;
157         font-size: 100%;
158         padding: 0;
159         margin: 0;
160         margin-bottom: 0.8em;
161         border-bottom: 1px dashed #000;
162 }
163
164 .subgroup-title
165 {
166         font-weight: bold;
167         font-size: 100%;
168         padding: 0;
169         margin: 0;
170         margin-bottom: 0.6em;
171 }
172
173 group
174 {
175         margin-top: 0;
176         margin-bottom: 0.8em;
177 }
178
179 .details-cell
180 {
181         margin-top: 0;
182         margin-bottom: 0.8em;
183         overflow: hidden;
184 }
185
186 .details-data
187 {
188         padding: 0 0.25em;
189         color: #333;
190         float: left;
191 }
192
193 .details-label
194 {
195         padding: 0 0.25em;
196         float: left;
197 }
198