Add data to the DetailsView using a hard-coded primary key value.
[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 .backlink
28 {
29         float: left;
30         margin: 0.2em 0.5em;
31 }
32 .records
33 {
34         float: left;
35         margin: 0.2em 0.5em;
36         color: #333;
37 }
38 .details-navigation
39 {
40         float: right;
41         margin: 0.2em 0.5em;
42 }
43 .details-navigation a
44 {
45         padding-right: 1em;
46 }
47
48 .tablechooser
49 {
50         float: right;
51 }
52
53 table
54 {
55         border-collapse: collapse;
56 }
57 td
58 {
59         vertical-align: top;
60         padding: 0;
61         padding-right: 2em;
62 }
63
64 /**
65  * List View
66  */
67 table.data-list
68 {
69         width: 100%;
70         margin-top: 1em;
71 }
72 table.data-list th
73 {
74         background-color: #ccc;
75         border: 1px solid #000;
76         text-align: left;
77         font-weight: normal;
78         padding: 0.2em;
79         
80 }
81 table.data-list td
82 {
83         background-color: #fff;
84         border: 1px dotted #aaa;
85         padding: 0.2em;
86 }
87 table.data-list td.details
88 {
89         text-align: right;
90 }
91
92
93 /**
94  * Details View 
95  */
96 .group
97 {
98         margin: 1em 0;
99         background-color: #eee;
100         padding: 0.8em;
101         border-radius: 7px;
102 }
103
104 .group-contents
105 {
106         padding-left: 0.8em;
107 }
108
109 .group table.data-list
110 {
111         margin-bottom: 0.8em;
112 }
113
114 table.columns
115 {
116         width: 100%;
117 }
118
119 h2.group-title
120 {
121         font-size: 100%;
122         padding: 0;
123         margin: 0;
124         margin-bottom: 0.8em;
125         border-bottom: 1px dashed #000;
126 }
127
128 group p
129 {
130         margin-top: 0;
131         margin-bottom: 0.8em;
132 }
133
134 .details-data
135 {
136         color: #333;
137 }
138
139
140