|
1 /******************************************************************************* |
|
2 * Copyright (c) 2006 IBM Corporation and others. |
|
3 * All rights reserved. This program and the accompanying materials |
|
4 * are made available under the terms of the Eclipse Public License v1.0 |
|
5 * which accompanies this distribution, and is available at |
|
6 * http://www.eclipse.org/legal/epl-v10.html |
|
7 * |
|
8 * Contributors: |
|
9 * IBM Corporation - initial API and implementation |
|
10 *******************************************************************************/ |
|
11 |
|
12 /* |
|
13 * Set up general font colours, sizes, etc. Some of these will override |
|
14 * settings from the shared CSS |
|
15 */ |
|
16 .intro-header H1 { |
|
17 font-size : 15pt; |
|
18 } |
|
19 |
|
20 /* |
|
21 * We will not use the general-purpose group1 used in |
|
22 * other pages for a curve image. |
|
23 */ |
|
24 |
|
25 #extra-group1 { |
|
26 display : none; |
|
27 } |
|
28 |
|
29 |
|
30 #page-links a .link-label, #action-links a .link-label { |
|
31 font-size : 10pt; |
|
32 font-weight : 600; |
|
33 color : #E5E5E5; |
|
34 } |
|
35 |
|
36 #page-links a p .text, #action-links a p .text { |
|
37 font-size : 10pt; |
|
38 font-weight : 500; |
|
39 color : #E5E5E5; |
|
40 } |
|
41 |
|
42 /* |
|
43 * Set up the content for the standby page. |
|
44 */ |
|
45 body { |
|
46 min-width : 230px; |
|
47 /* since IE doesn't support min-width, use expression */ |
|
48 width:expression(document.body.clientWidth < 230? "230px": "auto" ); |
|
49 background-repeat : no-repeat; |
|
50 background-position : top left; |
|
51 background-color : #6d7e85; |
|
52 } |
|
53 |
|
54 .page { |
|
55 background-repeat : no-repeat; |
|
56 background-position : bottom left; |
|
57 min-width : 230px; |
|
58 /* since IE doesn't support min-width, use expression */ |
|
59 width:expression(document.body.clientWidth < 230? "230px": "auto" ); |
|
60 min-height : 610px; |
|
61 height : 100%; |
|
62 height : expression(document.body.clientHeight < 450? "450px": "100%" ); |
|
63 } |
|
64 |
|
65 /* |
|
66 * Set up the navigation bar. It should be centered in the middle |
|
67 * of the page |
|
68 */ |
|
69 |
|
70 #links-background { |
|
71 width : 100%; |
|
72 margin-top : 10%; |
|
73 margin-bottom : auto; |
|
74 text-align : center; |
|
75 } |
|
76 |
|
77 #page-links a { |
|
78 display : block; |
|
79 width : 220px; |
|
80 text-align : left; |
|
81 margin-left : auto; |
|
82 margin-right : auto; |
|
83 margin-top : 0px; |
|
84 vertical-align : top; |
|
85 } |
|
86 |
|
87 #page-links a span, #page-links a p { |
|
88 display : block; |
|
89 width : 160px; |
|
90 margin : 0px; |
|
91 padding : 0px; |
|
92 } |
|
93 |
|
94 #page-links a .link-label { |
|
95 position : relative; |
|
96 left : 60px; |
|
97 top : -50px; |
|
98 } |
|
99 |
|
100 #page-links a p .text { |
|
101 position : relative; |
|
102 left : 60px; |
|
103 top : -50px; |
|
104 } |
|
105 |
|
106 #page-links a img { |
|
107 height : 52px; |
|
108 width : 52px; |
|
109 vertical-align : middle; |
|
110 } |
|
111 |
|
112 #page-links a:hover, |
|
113 #page-links a:focus, |
|
114 #page-links a:active { border : 0px; } |
|
115 |
|
116 #page-links a:hover p, |
|
117 #page-links a:focus p, |
|
118 #page-links a:active p { margin : 0px; padding : 0px; } |
|
119 |
|
120 /* properties for each of the page-links */ |
|
121 |
|
122 #page-links a .background-image { |
|
123 display: none; |
|
124 } |
|
125 |
|
126 #page-links a .link-extra-div { |
|
127 display :none; |
|
128 } |
|
129 |
|
130 a#overview img { background-image : url(../graphics/standby/ov_standby.gif); } |
|
131 a#overview:hover img, |
|
132 a#overview:focus img, |
|
133 a#overview:active img { background-image : url(../graphics/standby/ov_standbyhov.gif); } |
|
134 |
|
135 a#firststeps img { background-image : url(../graphics/standby/fs_standby.gif); } |
|
136 a#firststeps:hover img, |
|
137 a#firststeps:focus img, |
|
138 a#firststeps:active img { background-image : url(../graphics/standby/fs_standbyhov.gif); } |
|
139 |
|
140 a#tutorials img { background-image : url(../graphics/standby/tu_standby.gif); } |
|
141 a#tutorials:hover img, |
|
142 a#tutorials:focus img, |
|
143 a#tutorials:active img { background-image : url(../graphics/standby/tu_standbyhov.gif); } |
|
144 |
|
145 a#samples img { background-image : url(../graphics/standby/sa_standby.gif); } |
|
146 a#samples:hover img, |
|
147 a#samples:focus img, |
|
148 a#samples:active img { background-image : url(../graphics/standby/sa_standbyhov.gif); } |
|
149 |
|
150 a#whatsnew img { background-image : url(../graphics/standby/wn_standby.gif); } |
|
151 a#whatsnew:hover img, |
|
152 a#whatsnew:focus img, |
|
153 a#whatsnew:active img { background-image : url(../graphics/standby/wn_standbyhov.gif); } |
|
154 |
|
155 a#webresources img { background-image : url(../graphics/standby/wr_standby.gif); } |
|
156 a#webresources:hover img, |
|
157 a#webresources:focus img, |
|
158 a#webresources:active img { background-image : url(../graphics/standby/wr_standbyhov.gif); } |
|
159 |
|
160 a#migrate img { background-image : url(../graphics/standby/mi_standby.gif); } |
|
161 a#migrate:hover img, |
|
162 a#migrate:focus img, |
|
163 a#migrate:active img { background-image : url(../graphics/standby/mi_standbyhov.gif); } |
|
164 |
|
165 a#workbench img { background-image : url(../graphics/standby/wb_standby.gif); } |
|
166 a#workbench:hover img, |
|
167 a#workbench:focus img, |
|
168 a#workbench:active img { background-image : url(../graphics/standby/wb_standbyhov.gif); } |