source: trunk/web-app/css/default_style.css @ 1082

Last change on this file since 1082 was 1082, checked in by work@…, 7 years ago
  • IE CSS bugfix
  • Property svn:keywords set to Author Date Rev
File size: 8.9 KB
Line 
1body {
2        margin: 0; padding: 0;
3        font: 10px normal Arial, Helvetica, sans-serif;
4        background: #fff url(../images/default_style/body_bg.gif) repeat-x;
5}
6/*a:link, a:visited, a:hover {
7    color: #ff7900;
8    font-weight: normal;
9    text-decoration: none;
10}*/
11h1 {
12    color: #006dba;
13    font-weight: normal;
14    font-size: 16px;
15    margin: .8em 0 .3em 0;
16}
17h2 {
18    color: #006dba;
19    font-weight: normal;
20    font-size: 12px;
21    margin: .8em 0 .3em 0;
22}
23/** START :: container **/
24.container {
25        width: 960px;
26        margin: 0 auto;
27        position: relative;
28}
29/** END :: container **/
30/** START :: header **/
31#header {
32        background: url(../images/default_style/header.png) no-repeat center top;
33        padding-top: 120px;
34}
35
36#header .info {
37    color: #ff3333;
38    position: relative;
39    width: 350px;
40    margin: -110px 710px;
41    display: inline-block;
42    zoom: 1; /* IE 6 & 7 hack */
43    *display: inline; /* IE 6 & 7 hack */
44}
45#header .info table {
46    border: 0;
47}
48#header .info td {
49    padding: 0px;
50}
51/** END :: header **/
52/** START :: topnav **/
53ul.topnav {
54        list-style: none;
55        padding: 0 20px;
56        margin: 0;
57        float: left;
58        width: 920px;
59        background: #222;
60        font-size: 1.2em;
61        background: url(../images/default_style/topnav/topnav_bg.gif) repeat-x;
62}
63ul.topnav li {
64        float: left;
65        margin: 0;
66        padding: 0 15px 0 0;
67        position: relative; /*--Declare X and Y axis base--*/
68}
69ul.topnav li img {
70    border: none;
71}
72ul.topnav li a{
73    padding: 10px 5px;
74        color: #fff;
75        display: block;
76        text-decoration: none;
77        float: left;
78}
79ul.topnav li a:hover{
80        background: url(../images/default_style/topnav/topnav_hover.gif) no-repeat center top;
81}
82ul.topnav li span { /*--Drop down trigger styles--*/
83        width: 17px;
84        height: 35px;
85        float: left;
86        background: url(../images/default_style/topnav/subnav_btn.gif) no-repeat center top;
87}
88ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
89ul.topnav li ul.subnav {
90        list-style: none;
91        position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
92        left: 0; top: 35px;
93        background: #333;
94        margin: 0; padding: 0;
95        display: none;
96        float: left;
97        width: 170px;
98        -moz-border-radius-bottomleft: 5px;
99        -moz-border-radius-bottomright: 5px;
100        -webkit-border-bottom-left-radius: 5px;
101        -webkit-border-bottom-right-radius: 5px;
102        border: 1px solid #111;
103}
104ul.topnav li ul.subnav li{
105        margin: 0; padding: 0;
106        border-top: 1px solid #252525; /*--Create bevel effect--*/
107        border-bottom: 1px solid #444; /*--Create bevel effect--*/
108        clear: both;
109        width: 170px;
110}
111html ul.topnav li ul.subnav li a {
112        float: left;
113        width: 145px;
114        background: #333 url(../images/default_style/topnav/dropdown_linkbg.gif) no-repeat 10px center;
115        padding-left: 20px;
116}
117html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
118        background: #222 url(../images/default_style/topnav/dropdown_linkbg.gif) no-repeat 10px center;
119}
120/** END :: topnav **/
121/** START :: content **/
122#content {
123        padding-top: 40px;
124        font-family: Verdana, Arial, Helvetica, sans-serif;
125        font-size: 10pt;
126        padding-bottom: 20px;
127}
128
129#content p {
130    text-align: justify; 
131}
132#content a:link, #content a:visited, #content a:hover{
133    color: #006dba;
134    text-decoration: none;
135}
136#content p img {
137    display: run-in;
138    float: right;
139    padding: 2px;
140    border: 1px solid #006dba;
141    margin-left: 10px;
142    margin-bottom: 10px;
143    height: 120px;
144}
145
146#content .message { 
147    border: 1px solid #ccc; /* #006dba; */
148    margin-bottom: 10px;
149    margin-top: 10px;
150
151    background: #f7f7f7 url(../plugins/famfamfam-1.0.1/images/icons/information.png) 10px 10px no-repeat;
152    padding: 10px 10px 10px 33px;
153
154}
155
156/** END :: content **/
157/** START :: footer **/
158#footer {
159        font-family: Verdana, Arial, Helvetica, sans-serif;
160        font-size: 8pt;
161        color: #727272;
162        border-top: 1px solid #727272;
163        padding-top: 5px;
164}
165#footer a:link, #footer a:visited, #footer a:hover {
166    color: #006dba;
167    font-weight: normal;
168    text-decoration: none;
169}
170/** END :: footer **/
171
172/** START :: TABLES **/
173table {
174    border: 1px solid #ccc;
175    width: 100%
176}
177tr {
178    border: 0;
179}
180td, th {
181    font: 11px verdana, arial, helvetica, sans-serif;
182    line-height: 12px;
183    padding: 5px 6px;
184    text-align: left;
185    vertical-align: top;
186}
187th {
188    background: #fff url(../images/default_style/tables/shadow.jpg);
189    color: #666;
190    font-size: 11px;
191    font-weight: bold;
192    line-height: 17px;
193    padding: 2px 6px;
194}
195th a:link, th a:visited, th a:hover {
196    color: #333;
197    display: block;
198    font-size: 10px;
199    text-decoration: none;
200    width: 100%;
201}
202th.asc a, th.desc a {
203    background-position: right;
204    background-repeat: no-repeat;
205}
206th.asc a {
207    background-image: url(../images/default_style/tables/sorted_asc.gif);
208}
209th.desc a {
210    background-image: url(../images/default_style/tables/sorted_desc.gif);
211}
212
213.odd {
214    background: #f7f7f7;
215}
216.even {
217    background: #fff;
218}
219/** END :: TABLES **/
220
221/** START :: LIST **/
222.list table {
223    border-collapse: collapse;
224}
225.list th, .list td {
226    border-left: 1px solid #ddd;
227}
228.list th:hover, .list tr:hover {
229    background: #b2d1ff;
230}
231/** END :: LIST **/
232
233/** START :: buttons **/
234.buttons {
235    margin-top: 15px;
236    font-size: 10px;
237}
238
239/* Hides the default navigation bar that is added by the Grails scaffolding */
240/* .nav { display: none; } */
241
242/* Links in the buttons section should look just like buttons in the
243   same section */
244#content .button a {
245    color: #333;
246}
247.button a {
248    font-size: 10px;
249    font-weight: bold;
250    margin-left: 3px;
251    margin-right: 3px;
252    padding-top: 2px;
253    padding-bottom: 2px;
254}
255.buttons input {
256    background: #fff;
257    border: 0;
258    color: #333;
259    cursor: pointer;
260    font-size: 10px;
261    font-weight: bold;
262    margin-left: 3px;
263    margin-right: 3px;
264    overflow: visible;
265    padding: 2px 6px;
266    font-family: Verdana, Arial, Helvetica, sans-serif;
267}
268
269.buttons input.delete, .buttons a.delete {
270        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/delete.png) 5px 50% no-repeat;
271        padding-left: 28px;
272}
273.buttons input.edit, .buttons a.edit  {
274        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_edit.png) 5px 50% no-repeat;
275        padding-left: 28px;
276}
277.buttons input.save, .buttons a.save {
278        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/accept.png) 5px 50% no-repeat;
279        padding-left: 28px;
280}
281.buttons input.create, .buttons a.create {
282        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/add.png) 5px 50% no-repeat;
283        padding-left: 28px;
284}
285.buttons input.backToList, .buttons a.backToList {
286        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application.png) 5px 50% no-repeat;
287        padding-left: 28px;
288}
289.buttons input.cancel, .buttons a.cancel {
290        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/delete.png) 5px 50% no-repeat;
291        padding-left: 28px;
292        font-weight: normal;
293}
294.buttons input.otherList, .buttons a.otherList {
295        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_view_detail.png) 5px 50% no-repeat;
296        padding-left: 28px;
297}
298
299/* Reset the font weight for buttons occurring within the table */
300td.buttons input { font-weight: normal; }
301
302/** END :: buttons **/
303
304/** START :: pagination buttons **/
305.paginateButtons {
306    margin-top: 15px;
307    overflow: auto;
308    width: 100%;
309}
310
311.paginateButtons a,
312.paginateButtons span.currentStep {
313    border:solid 1px #ccc;
314    margin-right:2px;
315    display:block;
316    float:left;
317    padding:1px 6px;
318    text-decoration:none;
319}
320
321.paginateButtons a {
322    color:#0e509e;
323}
324
325.paginateButtons span.currentStep {
326    background:#2e6ab1;
327    color:#FFFFFF;
328}
329
330/** END :: pagination buttons **/
331
332/* START :: ontology autocomplete */
333.ui-autocomplete .ui-menu-item {
334    font-size: 10px;
335}
336.ui-autocomplete .about {
337    font-size: 8px;
338    color: #006DBA;
339}
340.ui-autocomplete .from {
341    font-size: 8px;
342    color: #666;
343}
344/* END :: ontology autocomplete */
345
346/* START :: special select option styles */
347option.addMore {
348    background: url(../plugins/famfamfam-1.0.1/images/icons/add.png) no-repeat left top;
349    background-color: #333;
350    padding-left: 18px;
351    height: 16px;
352    color: #fff;
353    font-weight: bold;
354}
355option.modify {
356    background: url(../plugins/famfamfam-1.0.1/images/icons/layout_add.png) no-repeat left top;
357    background-color: #333;
358    padding-left: 18px;
359    height: 16px;
360    color: #fff;
361    font-weight: bold;   
362}
363option.locked {
364    background: url(../plugins/famfamfam-1.0.1/images/icons/lock.png) no-repeat left top;
365    padding-left: 18px;
366}
367option.unlocked {
368    padding-left: 18px;
369}
370/* END :: special select option styles */
Note: See TracBrowser for help on using the repository browser.