source: trunk/src/web-app/css/main.css @ 31

Last change on this file since 31 was 17, checked in by tuxta, 16 years ago

Created grails app and init domain classes

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