Add missing file.
[online-glom:gwt-glom.git] / mockups / style.css
1 body
2 {
3         font-family: sans-serif;
4         margin: 1em;
5 }
6
7 a
8 {
9         font-weight: bold;
10         color: #333;
11         text-decoration: none;
12 }
13 a:hover
14 {
15         color: #666;
16         text-decoration: underline;
17 }
18
19 #headbox, #footbox
20 {
21         background-color: #eee;
22         border: 1px solid #aaa;
23         padding: 0.2em;
24         border-radius: 3px;
25 }
26
27 div#document-title
28 {
29         color: #333333;
30         font-weight: bold;
31         font-size: x-large;
32         margin-bottom: 0.5em;
33         margin-left: 0.5em;
34 }
35
36 .backlink
37 {
38         float: right;
39         margin: 0.2em 0.5em;
40 }
41 .records
42 {
43         float: left;
44         margin: 0.2em 0.5em;
45         color: #333;
46 }
47 .details-navigation
48 {
49         float: right;
50         margin: 0.2em 0.5em;
51 }
52 .details-navigation a
53 {
54         padding-right: 1em;
55 }
56
57 .tablechooser
58 {
59         float: left;
60         margin-left: 0.5em;
61 }
62
63 table
64 {
65         border-collapse: collapse;
66 }
67 td
68 {
69         vertical-align: top;
70         padding: 0;
71         padding-right: 2em;
72 }
73
74 /**
75  * List View
76  */
77 table.data-list
78 {
79         width: 100%;
80         margin-top: 1em;
81 }
82 table.data-list th
83 {
84         background-color: #ccc;
85         border: 1px solid #000;
86         text-align: left;
87         font-weight: normal;
88         padding: 0.2em;
89         
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 h2.group-title
130 {
131         font-size: 100%;
132         padding: 0;
133         margin: 0;
134         margin-bottom: 0.8em;
135         border-bottom: 1px dashed #000;
136 }
137
138 group p
139 {
140         margin-top: 0;
141         margin-bottom: 0.8em;
142 }
143
144 .details-data
145 {
146         color: #333;
147 }
148
149
150