root / src / gr / ebs / gss / admin / public / TwoAdmin.css @ 0a37ac21
History | View | Annotate | Download (5.1 kB)
1 | 0a37ac21 | koutsoub | /** Add css rules here for your application. */
|
---|---|---|---|
2 | 0a37ac21 | koutsoub | |
3 | 0a37ac21 | koutsoub | |
4 | 0a37ac21 | koutsoub | /** Example rules used by the template application (remove for your app) */
|
5 | 0a37ac21 | koutsoub | h1 {
|
6 | 0a37ac21 | koutsoub | font-size: 2em; |
7 | 0a37ac21 | koutsoub | font-weight: bold; |
8 | 0a37ac21 | koutsoub | color: #777777; |
9 | 0a37ac21 | koutsoub | margin: 40px 0px 70px; |
10 | 0a37ac21 | koutsoub | text-align: center; |
11 | 0a37ac21 | koutsoub | } |
12 | 0a37ac21 | koutsoub | |
13 | 0a37ac21 | koutsoub | .gwt-TabPanelBottom{
|
14 | 0a37ac21 | koutsoub | height:100%; |
15 | 0a37ac21 | koutsoub | overflow: auto; |
16 | 0a37ac21 | koutsoub | } |
17 | 0a37ac21 | koutsoub | |
18 | 0a37ac21 | koutsoub | |
19 | 0a37ac21 | koutsoub | .sendButton {
|
20 | 0a37ac21 | koutsoub | display: block; |
21 | 0a37ac21 | koutsoub | font-size: 16pt; |
22 | 0a37ac21 | koutsoub | } |
23 | 0a37ac21 | koutsoub | |
24 | 0a37ac21 | koutsoub | /** Most GWT widgets already have a style name defined */
|
25 | 0a37ac21 | koutsoub | .gwt-DialogBox {
|
26 | 0a37ac21 | koutsoub | width: 400px; |
27 | 0a37ac21 | koutsoub | } |
28 | 0a37ac21 | koutsoub | |
29 | 0a37ac21 | koutsoub | .dialogVPanel {
|
30 | 0a37ac21 | koutsoub | margin: 5px; |
31 | 0a37ac21 | koutsoub | } |
32 | 0a37ac21 | koutsoub | |
33 | 0a37ac21 | koutsoub | .serverResponseLabelError {
|
34 | 0a37ac21 | koutsoub | color: red; |
35 | 0a37ac21 | koutsoub | } |
36 | 0a37ac21 | koutsoub | |
37 | 0a37ac21 | koutsoub | /** Set ids using widget.getElement().setId("idOfElement") */
|
38 | 0a37ac21 | koutsoub | #closeButton {
|
39 | 0a37ac21 | koutsoub | margin: 15px 6px 6px; |
40 | 0a37ac21 | koutsoub | } |
41 | 0a37ac21 | koutsoub | |
42 | 0a37ac21 | koutsoub | |
43 | 0a37ac21 | koutsoub | .Gmnuri3D {
|
44 | 0a37ac21 | koutsoub | border:0 none; |
45 | 0a37ac21 | koutsoub | border-collapse:collapse; |
46 | 0a37ac21 | koutsoub | padding:0; |
47 | 0a37ac21 | koutsoub | } |
48 | 0a37ac21 | koutsoub | .Gmnuri3D > div { |
49 | 0a37ac21 | koutsoub | border:1px solid #D9E6F0; |
50 | 0a37ac21 | koutsoub | border-collapse:collapse; |
51 | 0a37ac21 | koutsoub | } |
52 | 0a37ac21 | koutsoub | .Gmnuri3D h3 { |
53 | 0a37ac21 | koutsoub | -moz-background-clip:border; |
54 | 0a37ac21 | koutsoub | -moz-background-inline-policy:continuous; |
55 | 0a37ac21 | koutsoub | -moz-background-origin:padding; |
56 | 0a37ac21 | koutsoub | background:#E3E9FF none repeat scroll 0 0; |
57 | 0a37ac21 | koutsoub | border-bottom:1px solid #D9E6F0; |
58 | 0a37ac21 | koutsoub | color:#375B91; |
59 | 0a37ac21 | koutsoub | margin:0; |
60 | 0a37ac21 | koutsoub | padding:2px; |
61 | 0a37ac21 | koutsoub | } |
62 | 0a37ac21 | koutsoub | .Gmnuri3F {
|
63 | 0a37ac21 | koutsoub | -moz-background-clip:border; |
64 | 0a37ac21 | koutsoub | -moz-background-inline-policy:continuous; |
65 | 0a37ac21 | koutsoub | -moz-background-origin:padding; |
66 | 0a37ac21 | koutsoub | background:transparent none repeat scroll 0 0; |
67 | 0a37ac21 | koutsoub | border-collapse:collapse; |
68 | 0a37ac21 | koutsoub | margin:4px; |
69 | 0a37ac21 | koutsoub | } |
70 | 0a37ac21 | koutsoub | .Gmnuri3F > tbody > tr > td { |
71 | 0a37ac21 | koutsoub | border:1px solid #D9E6F0; |
72 | 0a37ac21 | koutsoub | padding:2px; |
73 | 0a37ac21 | koutsoub | } |
74 | 0a37ac21 | koutsoub | .Gmnuri3F > tbody > tr { |
75 | 0a37ac21 | koutsoub | color:#375B91; |
76 | 0a37ac21 | koutsoub | } |
77 | 0a37ac21 | koutsoub | .Gmnuri3F > tbody > tr:first-child { |
78 | 0a37ac21 | koutsoub | -moz-background-clip:border; |
79 | 0a37ac21 | koutsoub | -moz-background-inline-policy:continuous; |
80 | 0a37ac21 | koutsoub | -moz-background-origin:padding; |
81 | 0a37ac21 | koutsoub | background:#E3E9FF none repeat scroll 0 0; |
82 | 0a37ac21 | koutsoub | color:#000000; |
83 | 0a37ac21 | koutsoub | } |
84 | 0a37ac21 | koutsoub | .Gmnuri3E {
|
85 | 0a37ac21 | koutsoub | -moz-background-clip:border; |
86 | 0a37ac21 | koutsoub | -moz-background-inline-policy:continuous; |
87 | 0a37ac21 | koutsoub | -moz-background-origin:padding; |
88 | 0a37ac21 | koutsoub | background:transparent none repeat scroll 0 0; |
89 | 0a37ac21 | koutsoub | border-collapse:collapse; |
90 | 0a37ac21 | koutsoub | } |
91 | 0a37ac21 | koutsoub | .Gmnuri3E > tbody > tr > td > div { |
92 | 0a37ac21 | koutsoub | margin:4px; |
93 | 0a37ac21 | koutsoub | padding:0; |
94 | 0a37ac21 | koutsoub | } |
95 | 0a37ac21 | koutsoub | .Gmnuri3E > tbody > tr > td > button { |
96 | 0a37ac21 | koutsoub | margin:4px; |
97 | 0a37ac21 | koutsoub | padding:2px 0 0; |
98 | 0a37ac21 | koutsoub | width:80px; |
99 | 0a37ac21 | koutsoub | } |
100 | 0a37ac21 | koutsoub | .Gmnuri3B {
|
101 | 0a37ac21 | koutsoub | border:0 none; |
102 | 0a37ac21 | koutsoub | border-collapse:collapse; |
103 | 0a37ac21 | koutsoub | padding:0; |
104 | 0a37ac21 | koutsoub | } |
105 | 0a37ac21 | koutsoub | .Gmnuri3B > div { |
106 | 0a37ac21 | koutsoub | border:1px solid #D9E6F0; |
107 | 0a37ac21 | koutsoub | border-collapse:collapse; |
108 | 0a37ac21 | koutsoub | } |
109 | 0a37ac21 | koutsoub | .Gmnuri3B h3 { |
110 | 0a37ac21 | koutsoub | -moz-background-clip:border; |
111 | 0a37ac21 | koutsoub | -moz-background-inline-policy:continuous; |
112 | 0a37ac21 | koutsoub | -moz-background-origin:padding; |
113 | 0a37ac21 | koutsoub | background:#E3E9FF none repeat scroll 0 0; |
114 | 0a37ac21 | koutsoub | border-bottom:1px solid #D9E6F0; |
115 | 0a37ac21 | koutsoub | color:#375B91; |
116 | 0a37ac21 | koutsoub | margin:0; |
117 | 0a37ac21 | koutsoub | padding:2px; |
118 | 0a37ac21 | koutsoub | } |
119 | 0a37ac21 | koutsoub | .Gmnuri3B > div > table > tbody > tr > td { |
120 | 0a37ac21 | koutsoub | -moz-background-clip:border; |
121 | 0a37ac21 | koutsoub | -moz-background-inline-policy:continuous; |
122 | 0a37ac21 | koutsoub | -moz-background-origin:padding; |
123 | 0a37ac21 | koutsoub | background:#E3E9FF none repeat scroll 0 0; |
124 | 0a37ac21 | koutsoub | border:1px solid #D9E6F0; |
125 | 0a37ac21 | koutsoub | margin:0; |
126 | 0a37ac21 | koutsoub | padding:2px; |
127 | 0a37ac21 | koutsoub | width:150px; |
128 | 0a37ac21 | koutsoub | } |
129 | 0a37ac21 | koutsoub | .Gmnuri3B > div > button { |
130 | 0a37ac21 | koutsoub | margin:4px; |
131 | 0a37ac21 | koutsoub | padding:0; |
132 | 0a37ac21 | koutsoub | width:92px; |
133 | 0a37ac21 | koutsoub | } |
134 | 0a37ac21 | koutsoub | .Gmnuri3C {
|
135 | 0a37ac21 | koutsoub | -moz-background-clip:border; |
136 | 0a37ac21 | koutsoub | -moz-background-inline-policy:continuous; |
137 | 0a37ac21 | koutsoub | -moz-background-origin:padding; |
138 | 0a37ac21 | koutsoub | background:transparent none repeat scroll 0 0; |
139 | 0a37ac21 | koutsoub | border-collapse:collapse; |
140 | 0a37ac21 | koutsoub | margin:4px; |
141 | 0a37ac21 | koutsoub | } |
142 | 0a37ac21 | koutsoub | .Gmnuri3A {
|
143 | 0a37ac21 | koutsoub | border:0 none; |
144 | 0a37ac21 | koutsoub | border-collapse:collapse; |
145 | 0a37ac21 | koutsoub | margin:0; |
146 | 0a37ac21 | koutsoub | padding:0; |
147 | 0a37ac21 | koutsoub | } |
148 | 0a37ac21 | koutsoub | .Gmnuri3A > div { |
149 | 0a37ac21 | koutsoub | border:1px solid #D9E6F0; |
150 | 0a37ac21 | koutsoub | border-collapse:collapse; |
151 | 0a37ac21 | koutsoub | } |
152 | 0a37ac21 | koutsoub | .Gmnuri3A h3 { |
153 | 0a37ac21 | koutsoub | -moz-background-clip:border; |
154 | 0a37ac21 | koutsoub | -moz-background-inline-policy:continuous; |
155 | 0a37ac21 | koutsoub | -moz-background-origin:padding; |
156 | 0a37ac21 | koutsoub | background:#E3E9FF none repeat scroll 0 0; |
157 | 0a37ac21 | koutsoub | border-bottom:1px solid #D9E6F0; |
158 | 0a37ac21 | koutsoub | color:#375B91; |
159 | 0a37ac21 | koutsoub | margin:0; |
160 | 0a37ac21 | koutsoub | padding:2px; |
161 | 0a37ac21 | koutsoub | } |
162 | 0a37ac21 | koutsoub | .Gmnuri3A > div > select { |
163 | 0a37ac21 | koutsoub | -moz-background-clip:border; |
164 | 0a37ac21 | koutsoub | -moz-background-inline-policy:continuous; |
165 | 0a37ac21 | koutsoub | -moz-background-origin:padding; |
166 | 0a37ac21 | koutsoub | background:#E3E9FF none repeat scroll 0 0; |
167 | 0a37ac21 | koutsoub | border:1px solid #D9E6F0; |
168 | 0a37ac21 | koutsoub | margin:4px; |
169 | 0a37ac21 | koutsoub | padding:2px 0 0; |
170 | 0a37ac21 | koutsoub | } |
171 | 0a37ac21 | koutsoub | .Gmnuri3A > div > button { |
172 | 0a37ac21 | koutsoub | margin:4px; |
173 | 0a37ac21 | koutsoub | padding:2px 0 0; |
174 | 0a37ac21 | koutsoub | width:80px; |
175 | 0a37ac21 | koutsoub | } |
176 | 0a37ac21 | koutsoub | |
177 | 0a37ac21 | koutsoub | body {
|
178 | 0a37ac21 | koutsoub | padding: 10px; |
179 | 0a37ac21 | koutsoub | } |
180 | 0a37ac21 | koutsoub | |
181 | 0a37ac21 | koutsoub | /*
|
182 | 0a37ac21 | koutsoub | * ScrollTable
|
183 | 0a37ac21 | koutsoub | */
|
184 | 0a37ac21 | koutsoub | .gwt-ScrollTable {
|
185 | 0a37ac21 | koutsoub | border-color: #aaa; |
186 | 0a37ac21 | koutsoub | border-style: solid; |
187 | 0a37ac21 | koutsoub | border-width: 1px 0px 1px 1px; |
188 | 0a37ac21 | koutsoub | } |
189 | 0a37ac21 | koutsoub | |
190 | 0a37ac21 | koutsoub | .gwt-ScrollTable .headerWrapper { |
191 | 0a37ac21 | koutsoub | background: #8bd url(images/bg_header_gradient.gif) repeat-x bottom left; |
192 | 0a37ac21 | koutsoub | } |
193 | 0a37ac21 | koutsoub | |
194 | 0a37ac21 | koutsoub | .gwt-ScrollTable .footerWrapper { |
195 | 0a37ac21 | koutsoub | border-top: 1px solid #aaa; |
196 | 0a37ac21 | koutsoub | background: #8bd url(images/bg_header_gradient.gif) repeat-x bottom left; |
197 | 0a37ac21 | koutsoub | } |
198 | 0a37ac21 | koutsoub | |
199 | 0a37ac21 | koutsoub | .gwt-ScrollTable .dataTable td, |
200 | 0a37ac21 | koutsoub | .gwt-ScrollTable .headerTable td, |
201 | 0a37ac21 | koutsoub | .gwt-ScrollTable .footerTable td { |
202 | 0a37ac21 | koutsoub | border-color: #aaa; |
203 | 0a37ac21 | koutsoub | border-style: solid; |
204 | 0a37ac21 | koutsoub | border-width: 0px 1px 1px 0px; |
205 | 0a37ac21 | koutsoub | white-space: nowrap; |
206 | 0a37ac21 | koutsoub | overflow: hidden; |
207 | 0a37ac21 | koutsoub | } |
208 | 0a37ac21 | koutsoub | |
209 | 0a37ac21 | koutsoub | .gwt-ScrollTable .headerTable td, |
210 | 0a37ac21 | koutsoub | .gwt-ScrollTable .footerTable td { |
211 | 0a37ac21 | koutsoub | color: #fff; |
212 | 0a37ac21 | koutsoub | } |
213 | 0a37ac21 | koutsoub | |
214 | 0a37ac21 | koutsoub | .gwt-ScrollTable .dataTable tr.highlighted { |
215 | 0a37ac21 | koutsoub | background: #C3D9FF; |
216 | 0a37ac21 | koutsoub | } |
217 | 0a37ac21 | koutsoub | |
218 | 0a37ac21 | koutsoub | .gwt-ScrollTable .dataTable td.highlighted { |
219 | 0a37ac21 | koutsoub | background: #FFFFAA; |
220 | 0a37ac21 | koutsoub | cursor: hand; |
221 | 0a37ac21 | koutsoub | cursor: pointer; |
222 | 0a37ac21 | koutsoub | } |
223 | 0a37ac21 | koutsoub | |
224 | 0a37ac21 | koutsoub | .gwt-ScrollTable .dataTable tr.selected td { |
225 | 0a37ac21 | koutsoub | background: #7AA5D6; |
226 | 0a37ac21 | koutsoub | } |
227 | 0a37ac21 | koutsoub | |
228 | 0a37ac21 | koutsoub | .badGPA {
|
229 | 0a37ac21 | koutsoub | background: #FFAAAA; |
230 | 0a37ac21 | koutsoub | } |
231 | 0a37ac21 | koutsoub | .goodGPA {
|
232 | 0a37ac21 | koutsoub | background: #AAAAFF; |
233 | 0a37ac21 | koutsoub | } |
234 | 0a37ac21 | koutsoub | .greatGPA {
|
235 | 0a37ac21 | koutsoub | background: #AAFFAA; |
236 | 0a37ac21 | koutsoub | } |
237 | 0a37ac21 | koutsoub | |
238 | 0a37ac21 | koutsoub | /**
|
239 | 0a37ac21 | koutsoub | * Applied to the options at the bottom of the page.
|
240 | 0a37ac21 | koutsoub | */
|
241 | 0a37ac21 | koutsoub | .gwt-PagingOptions {
|
242 | 0a37ac21 | koutsoub | background: #e8eef7; |
243 | 0a37ac21 | koutsoub | border: 1px solid #aaa; |
244 | 0a37ac21 | koutsoub | border-top: none; |
245 | 0a37ac21 | koutsoub | } |
246 | 0a37ac21 | koutsoub | |
247 | 0a37ac21 | koutsoub | .gwt-PagingOptions .errorMessage { |
248 | 0a37ac21 | koutsoub | color: red; |
249 | 0a37ac21 | koutsoub | } |
250 | 0a37ac21 | koutsoub | |
251 | 0a37ac21 | koutsoub | .pagingOptionsFirstPage,
|
252 | 0a37ac21 | koutsoub | .pagingOptionsLastPage,
|
253 | 0a37ac21 | koutsoub | .pagingOptionsNextPage,
|
254 | 0a37ac21 | koutsoub | .pagingOptionsPrevPage {
|
255 | 0a37ac21 | koutsoub | cursor: hand; |
256 | 0a37ac21 | koutsoub | cursor: pointer; |
257 | 0a37ac21 | koutsoub | } |
258 | 0a37ac21 | koutsoub | |
259 | 0a37ac21 | koutsoub | .gwt-InlineCellEditor {
|
260 | 0a37ac21 | koutsoub | border: 3px solid #7AA5D6; |
261 | 0a37ac21 | koutsoub | padding: 4px; |
262 | 0a37ac21 | koutsoub | background: white; |
263 | 0a37ac21 | koutsoub | overflow: auto; |
264 | 0a37ac21 | koutsoub | } |
265 | 0a37ac21 | koutsoub | .gwt-InlineCellEditor .accept { |
266 | 0a37ac21 | koutsoub | cursor: pointer; |
267 | 0a37ac21 | koutsoub | cursor: hand; |
268 | 0a37ac21 | koutsoub | } |
269 | 0a37ac21 | koutsoub | .gwt-InlineCellEditor .cancel { |
270 | 0a37ac21 | koutsoub | cursor: pointer; |
271 | 0a37ac21 | koutsoub | cursor: hand; |
272 | 0a37ac21 | koutsoub | } |
273 | 0a37ac21 | koutsoub | |
274 | 0a37ac21 | koutsoub | /** Applied to AbstractOptions */
|
275 | 0a37ac21 | koutsoub | .AbstractOption-Label {
|
276 | 0a37ac21 | koutsoub | font-weight: bold; |
277 | 0a37ac21 | koutsoub | text-align: right; |
278 | 0a37ac21 | koutsoub | } |
279 | 0a37ac21 | koutsoub | |
280 | 0a37ac21 | koutsoub | .stats{
|
281 | 0a37ac21 | koutsoub | border: 1px solid #92C1F0; |
282 | 0a37ac21 | koutsoub | } |
283 | 0a37ac21 | koutsoub | |
284 | 0a37ac21 | koutsoub |