source: trunk/web-app/css/main.css @ 130

Last change on this file since 130 was 124, checked in by gav, 16 years ago

Detail controller and views for Asset, AssetExtendedAttribute?, PlannedMaintenance?, MaintenanceAction?, RecurringSchedule?, SystemSection?.
Some minor work on Task controller and views.
Change PlannedMaintenance? relationship, adjust ERD, Bootstrap and Domain classes to suite.

File size: 6.3 KB
RevLine 
[55]1html * {
2    margin: 0;
3    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
[59]4
[55]5}
6
7/* GENERAL */
8
9.spinner {
10    padding: 5px;
11    position: absolute;
12    right: 0;
13}
14
15body {
[59]16    text-align: center; 
17    width: 980px
[55]18    background: #fff;
[106]19    color: #222;
[98]20    font: 14px verdana, arial, helvetica, sans-serif;
[59]21    background: transparent url("../images/brushed_metal.png") repeat fixed center;
[55]22}
23
[59]24#wrapper {
25  margin: 0 auto;
26  padding: 0;
27  width: 1024px;
28}
29
30#top {
31  background: url("../images/topBg.png") no-repeat scroll center;
32  width: 1020px;
33  height: 44px;
34}
35
36#content {
37  padding: 0px 20px 20px;
38  background: url("../images/Contentbg.png") repeat-y scroll center;
39  width: 980px;
40}
41
42#Header {
43  background: transparent url("../images/logo.png") no-repeat scroll center;
44  width: 980px;
45  height: 160px;
46}
[80]47#HeaderLink{
48  display: block;
49  width: 650px;
50  height: 160px;
51}
[59]52
[55]53a:link, a:visited, a:hover {
54    color: #666;
55    font-weight: bold;
56    text-decoration: none;
[59]57}
[55]58
[106]59img {
60    border: 0px;
61}
62
[55]63h1 {
64    color: #006dba;
65    font-weight: normal;
[98]66    font-size: 17px;
[59]67    margin: 0 0 .3em 0;
[55]68}
69
70ul {
[59]71    padding-left: 15px;
[55]72}
73
74input, select, textarea {
75    background-color: #fcfcfc;
76    border: 1px solid #ccc;
[98]77    font: 14px verdana, arial, helvetica, sans-serif;
[55]78    margin: 2px 0;
79    padding: 2px 4px;
80}
81select {
82   padding: 2px 2px 2px 0;
83}
84textarea {
[98]85        width: 450px;
[55]86        height: 150px;
87        vertical-align: top;
88}
89
90input:focus, select:focus, textarea:focus {
91    border: 1px solid #b2d1ff;
92}
93
94.body {
[110]95    padding: 20px 20px 20px 20px;
96    text-align: center;
[55]97}
98
[59]99/* Login/out and Admin*/
100
101.appcontrol {
102    text-align: right;
103    padding: 5px 160px 5px 5px
104}
105
106.appcontrolButton {
[98]107    font-size: 14px;
[59]108    padding: 5px 5px;
109}
110
[55]111/* NAVIGATION MENU */
112
113.nav {
[59]114    text-align: centre;
115    background: url("../images/linkPanel_long.png") top no-repeat;
116    /*border: 1px solid #ccc;
117    border-style: solid none solid none;*/
118    padding: 15px 0px 0px 0px;
119    width: 980px;
120    height: 40px;
[55]121}
122
[59]123/*.nav a{
124    background: url("../images/linkPanel.png") no-repeat top;
125    display: inline-block;
126    width: 140px;
127    height: 40px;
128    text-decoration: none;
129}*/
130
[55]131.menuButton {
[98]132    font-size: 14px;
[55]133    padding: 0 5px;
134}
135.menuButton a {
136    color: #333;
[59]137    padding: 14px 25px;
[55]138}
139.menuButton a.home {
[59]140    /*background: url(../images/skin/house.png) center left no-repeat;*/
[55]141    color: #333;
[59]142    /*padding: 25px;*/
[55]143}
144.menuButton a.list {
[59]145    /*background: url(../images/skin/database_table.png) center left no-repeat;*/
[55]146    color: #333;
[59]147    /*padding-left: 25px;*/
[55]148}
149.menuButton a.create {
[59]150    /*background: url(../images/skin/database_add.png) center left no-repeat;*/
[55]151    color: #333;
[59]152    /*padding-left: 25px;*/
[55]153}
154
155/* MESSAGES AND ERRORS */
156
157.message {
158    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
159    border: 1px solid #b2d1ff;
160    color: #006dba;
161    margin: 10px 0 5px 0;
[59]162    padding: 5px 5px 5px 0px
[55]163}
164
165div.errors {
166    background: #fff3f3;
167    border: 1px solid red;
168    color: #cc0000;
169    margin: 10px 0 5px 0;
170    padding: 5px 0 5px 0;
171}
172div.errors ul {
173    list-style: none;
[59]174    padding: 0;
[55]175}
176div.errors li {
177        background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
178    line-height: 16px;
179    padding-left: 30px;
180}
181
182td.errors select {
183    border: 1px solid red;
184}
185td.errors input {
186    border: 1px solid red;
187}
[98]188td.errors textarea {
189    border: 1px solid red;
190}
[55]191
[98]192input.duration {
193    width:40px;
194}
195input.duration.errors {
196    border: 1px solid red;
197}
198
[55]199/* TABLES */
200
201table {
202    border: 1px solid #ccc;
203    width: 100%
204}
205tr {
206    border: 0;
207}
[59]208td, th {
[98]209    font: 14px verdana, arial, helvetica, sans-serif;
210    line-height: 17px;
[55]211    padding: 5px 6px;
212    text-align: left;
213    vertical-align: top;
214}
215th {
216    background: #fff url(../images/skin/shadow.jpg);
[106]217    color: #555;
[98]218    font-size: 14px;
[55]219    font-weight: bold;
220    line-height: 17px;
221    padding: 2px 6px;
222}
223th a:link, th a:visited, th a:hover {
224    color: #333;
225    display: block;
[98]226    font-size: 14px;
[55]227    text-decoration: none;
228    width: 100%;
229}
230th.asc a, th.desc a {
231    background-position: right;
232    background-repeat: no-repeat;
233}
234th.asc a {
235    background-image: url(../images/skin/sorted_asc.gif);
236}
237th.desc a {
238    background-image: url(../images/skin/sorted_desc.gif);
239}
240
241.odd {
242    background: #f7f7f7;
243}
244.even {
245    background: #fff;
246}
247
[124]248.clickableOdd {
249    background: #f7f7f7;
250    cursor: pointer;
251}
252.clickableEven {
253    background: #fff;
254    cursor: pointer;
255}
256
[55]257/* LIST */
258
259.list table {
260    border-collapse: collapse;
261}
262.list th, .list td {
263    border-left: 1px solid #ddd;
264}
265.list th:hover, .list tr:hover {
266    background: #b2d1ff;
267}
268
269/* PAGINATION */
270
271.paginateButtons {
[110]272    width: 940px;
[55]273    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
274    border: 1px solid #ccc;
275    border-top: 0;
276    color: #666;
[98]277    font-size: 14px;
[55]278    overflow: hidden;
279    padding: 10px 3px;
280}
281.paginateButtons a {
282    background: #fff;
283    border: 1px solid #ccc;
284    border-color: #ccc #aaa #aaa #ccc;
285    color: #666;
286    margin: 0 3px;
287    padding: 2px 6px;
288}
289.paginateButtons span {
290    padding: 2px 3px;
291}
292
293/* DIALOG */
294
295.dialog table {
296    padding: 5px 0;
297}
298
299.prop {
300    padding: 5px;
301}
302.prop .name {
303    text-align: left;
304    width: 15%;
305    white-space: nowrap;
306}
307.prop .value {
308    text-align: left;
309    width: 85%;
310}
311
312/* ACTION BUTTONS */
313
314.buttons {
315    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
316    border: 1px solid #ccc;
317    color: #666;
[98]318    font-size: 14px;
[84]319    margin-top: -1px;
320    margin-bottom: 5px;
[55]321    overflow: hidden;
322    padding: 0;
323}
324
325.buttons input {
326    background: #fff;
327    border: 0;
328    color: #333;
329    cursor: pointer;
[98]330    font-size: 14px;
[55]331    font-weight: bold;
332    margin-left: 3px;
333    overflow: visible;
334    padding: 2px 6px;
335}
336.buttons input.delete {
337    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
338    padding-left: 28px;
339}
340.buttons input.edit {
341    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
342    padding-left: 28px;
343}
344.buttons input.save {
345    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
346    padding-left: 28px;
347}
[106]348.buttons input.add {
349    background: transparent url(../images/skin/database_add.png) 5px 50% no-repeat;
350    padding-left: 28px;
351}
[59]352
353#bottom {
354  background: url("../images/bottomBg.png") no-repeat scroll center;
355  width: 1020px;
356  height: 100px;
357}
Note: See TracBrowser for help on using the repository browser.