/web-app/css/main.css

  1html * {
  2    margin: 0;
  3    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
  4}
  5
  6/* GENERAL */
  7
  8.spinner {
  9    padding: 5px;
 10    position: absolute;
 11    right: 0;
 12}
 13
 14body {
 15    background: #fff;
 16    color: #333;
 17    font: 11px verdana, arial, helvetica, sans-serif;
 18}
 19#grailsLogo {
 20	padding:20px;
 21}
 22
 23a:link, a:visited, a:hover {
 24    color: #666;
 25    font-weight: bold;
 26    text-decoration: none;
 27}
 28
 29h1 {
 30    color: #48802c;
 31    font-weight: normal;
 32    font-size: 16px;
 33    margin: .8em 0 .3em 0;
 34}
 35
 36ul {
 37    padding-left: 15px;
 38}
 39
 40input, select, textarea {
 41    background-color: #fcfcfc;
 42    border: 1px solid #ccc;
 43    font: 11px verdana, arial, helvetica, sans-serif;
 44    margin: 2px 0;
 45    padding: 2px 4px;
 46}
 47select {
 48   padding: 2px 2px 2px 0;
 49}
 50textarea {
 51	width: 250px;
 52	height: 150px;
 53	vertical-align: top;
 54}
 55
 56input:focus, select:focus, textarea:focus {
 57    border: 1px solid #b2d1ff;
 58}
 59
 60.body {
 61    float: left;
 62    margin: 0 15px 10px 15px;
 63}
 64
 65/* NAVIGATION MENU */
 66
 67.nav {
 68    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
 69    border: 1px solid #ccc;
 70    border-style: solid none solid none;
 71    margin-top: 5px;
 72    padding: 7px 12px;
 73}
 74
 75.menuButton {
 76    font-size: 10px;
 77    padding: 0 5px;
 78}
 79.menuButton a {
 80    color: #333;
 81    padding: 4px 6px;
 82}
 83.menuButton a.home {
 84    background: url(../images/skin/house.png) center left no-repeat;
 85    color: #333;
 86    padding-left: 25px;
 87}
 88.menuButton a.list {
 89    background: url(../images/skin/database_table.png) center left no-repeat;
 90    color: #333;
 91    padding-left: 25px;
 92}
 93.menuButton a.create {
 94    background: url(../images/skin/database_add.png) center left no-repeat;
 95    color: #333;
 96    padding-left: 25px;
 97}
 98
 99/* MESSAGES AND ERRORS */
100
101.message {
102    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
103    border: 1px solid #b2d1ff;
104    color: #006dba;
105    margin: 10px 0 5px 0;
106    padding: 5px 5px 5px 30px
107}
108
109div.errors {
110    background: #fff3f3;
111    border: 1px solid red;
112    color: #cc0000;
113    margin: 10px 0 5px 0;
114    padding: 5px 0 5px 0;
115}
116div.errors ul {
117    list-style: none;
118    padding: 0;
119}
120div.errors li {
121	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
122    line-height: 16px;
123    padding-left: 30px;
124}
125
126td.errors select {
127    border: 1px solid red;
128}
129td.errors input {
130    border: 1px solid red;
131}
132td.errors textarea {
133    border: 1px solid red;
134}
135
136/* TABLES */
137
138table {
139    border: 1px solid #ccc;
140    width: 100%
141}
142tr {
143    border: 0;
144}
145td, th {
146    font: 11px verdana, arial, helvetica, sans-serif;
147    line-height: 12px;
148    padding: 5px 6px;
149    text-align: left;
150    vertical-align: top;
151}
152th {
153    background: #fff url(../images/skin/shadow.jpg);
154    color: #666;
155    font-size: 11px;
156    font-weight: bold;
157    line-height: 17px;
158    padding: 2px 6px;
159}
160th a:link, th a:visited, th a:hover {
161    color: #333;
162    display: block;
163    font-size: 10px;
164    text-decoration: none;
165    width: 100%;
166}
167th.asc a, th.desc a {
168    background-position: right;
169    background-repeat: no-repeat;
170}
171th.asc a {
172    background-image: url(../images/skin/sorted_asc.gif);
173}
174th.desc a {
175    background-image: url(../images/skin/sorted_desc.gif);
176}
177
178.odd {
179    background: #f7f7f7;
180}
181.even {
182    background: #fff;
183}
184
185/* LIST */
186
187.list table {
188    border-collapse: collapse;
189}
190.list th, .list td {
191    border-left: 1px solid #ddd;
192}
193.list th:hover, .list tr:hover {
194    background: #b2d1ff;
195}
196
197/* PAGINATION */
198
199.paginateButtons {
200    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
201    border: 1px solid #ccc;
202    border-top: 0;
203    color: #666;
204    font-size: 10px;
205    overflow: hidden;
206    padding: 10px 3px;
207}
208.paginateButtons a {
209    background: #fff;
210    border: 1px solid #ccc;
211    border-color: #ccc #aaa #aaa #ccc;
212    color: #666;
213    margin: 0 3px;
214    padding: 2px 6px;
215}
216.paginateButtons span {
217    padding: 2px 3px;
218}
219
220/* DIALOG */
221
222.dialog table {
223    padding: 5px 0;
224}
225
226.prop {
227    padding: 5px;
228}
229.prop .name {
230    text-align: left;
231    width: 15%;
232    white-space: nowrap;
233}
234.prop .value {
235    text-align: left;
236    width: 85%;
237}
238
239/* ACTION BUTTONS */
240
241.buttons {
242    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
243    border: 1px solid #ccc;
244    color: #666;
245    font-size: 10px;
246    margin-top: 5px;
247    overflow: hidden;
248    padding: 0;
249}
250
251.buttons input {
252    background: #fff;
253    border: 0;
254    color: #333;
255    cursor: pointer;
256    font-size: 10px;
257    font-weight: bold;
258    margin-left: 3px;
259    overflow: visible;
260    padding: 2px 6px;
261}
262.buttons input.delete {
263    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
264    padding-left: 28px;
265}
266.buttons input.edit {
267    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
268    padding-left: 28px;
269}
270.buttons input.save {
271    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
272    padding-left: 28px;
273}