1 /******************************************************************************* |
|
2 * Copyright (c) 2005, 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-family: Helvetica, sans-serif; |
|
18 font-size: 20px; |
|
19 color: #0A94D6; |
|
20 } |
|
21 |
|
22 #page-links a .link-label, #action-links a .link-label { |
|
23 font-size : 13pt; |
|
24 font-weight : 600; |
|
25 color : #0A94D6; |
|
26 } |
|
27 |
|
28 #page-links a p .text, #action-links a p .text { |
|
29 font-size : 13pt; |
|
30 font-weight : 500; |
|
31 color : #0A94D6; |
|
32 } |
|
33 |
|
34 /* |
|
35 * We will not use the general-purpose group1 used in |
|
36 * other pages for a curve image. |
|
37 */ |
|
38 |
|
39 #extra-group1 { |
|
40 display : none; |
|
41 } |
|
42 |
|
43 /* |
|
44 * Set up the content for the standby page. |
|
45 */ |
|
46 body { |
|
47 min-width : 230px; |
|
48 /* since IE doesn't support min-width, use expression */ |
|
49 width:expression(document.body.clientWidth < 230? "230px": "auto" ); |
|
50 /* background-image : url(../graphics/root/background.jpg); */ |
|
51 background-repeat : no-repeat; |
|
52 background-position : top left; |
|
53 /* background-color : #7169D1; */ |
|
54 } |
|
55 |
|
56 .page { |
|
57 /* |
|
58 /* background-image : url(../graphics/root/brandmark.gif); */ |
|
59 background-repeat : no-repeat; |
|
60 background-position : bottom left; |
|
61 */ |
|
62 background-image: none; |
|
63 min-width : 230px; |
|
64 /* since IE doesn't support min-width, use expression */ |
|
65 width:expression(document.body.clientWidth < 230? "230px": "auto" ); |
|
66 min-height : 610px; |
|
67 height : 100%; |
|
68 height : expression(document.body.clientHeight < 450? "450px": "100%" ); |
|
69 } |
|
70 |
|
71 #extra-group1 { |
|
72 display: none; |
|
73 } |
|
74 |
|
75 /* |
|
76 * Set up the navigation bar. It should be centered in the middle |
|
77 * of the page |
|
78 */ |
|
79 |
|
80 #links-background { |
|
81 width : 100%; |
|
82 margin-top : 10%; |
|
83 margin-bottom : auto; |
|
84 text-align : center; |
|
85 } |
|
86 |
|
87 #page-links a { |
|
88 display : block; |
|
89 width : 220px; |
|
90 text-align : left; |
|
91 margin-left : auto; |
|
92 margin-right : auto; |
|
93 margin-top : 0px; |
|
94 vertical-align : top; |
|
95 } |
|
96 #page-links a span, #page-links a p { |
|
97 display : block; |
|
98 width : 160px; |
|
99 margin : 0px; |
|
100 padding : 0px; |
|
101 } |
|
102 |
|
103 #page-links a .link-label { |
|
104 position : relative; |
|
105 left : 60px; |
|
106 top : -50px; |
|
107 } |
|
108 |
|
109 #page-links a p .text { |
|
110 position : relative; |
|
111 left : 60px; |
|
112 top : -50px; |
|
113 |
|
114 } |
|
115 |
|
116 #page-links a .content-img { |
|
117 visibility: hidden; |
|
118 } |
|
119 |
|
120 #page-links a img { |
|
121 height : 52px; |
|
122 width : 52px; |
|
123 vertical-align : middle; |
|
124 } |
|
125 |
|
126 #page-links a:hover, |
|
127 #page-links a:focus, |
|
128 #page-links a:active { border : 0px; } |
|
129 |
|
130 #page-links a:hover p, |
|
131 #page-links a:focus p, |
|
132 #page-links a:active p { margin : 0px; padding : 0px; } |
|
133 |
|
134 #action-links a { visibility: hidden; } |
|
135 |
|
136 /* properties for each of the page-links */ |
|
137 a#overview img { background-image : url(../graphics/icons/etool/overview48.gif); } |
|
138 a#overview:hover img, |
|
139 a#overview:focus img, |
|
140 a#overview:active img { background-image : url(../graphics/icons/ctool/overview48.gif); } |
|
141 |
|
142 a#tutorials img { background-image : url(../graphics/icons/etool/tutorials48.gif); } |
|
143 a#tutorials:hover img, |
|
144 a#tutorials:focus img, |
|
145 a#tutorials:active img { background-image : url(../graphics/icons/ctool/tutorials48.gif); } |
|
146 |
|
147 a#samples img { background-image : url(../graphics/icons/etool/samples48.gif); } |
|
148 a#samples:hover img, |
|
149 a#samples:focus img, |
|
150 a#samples:active img { background-image : url(../graphics/icons/ctool/samples48.gif); } |
|
151 |
|
152 a#whatsnew img { background-image : url(../graphics/icons/etool/whatsnew48.gif); } |
|
153 a#whatsnew:hover img, |
|
154 a#whatsnew:focus img, |
|
155 a#whatsnew:active img { background-image : url(../graphics/icons/ctool/whatsnew48.gif); } |
|
156 |
|
157 a#firststeps img { background-image : url(../graphics/icons/etool/firsteps48.gif); } |
|
158 a#firststeps:hover img, |
|
159 a#firststeps:focus img, |
|
160 a#firststeps:active img { background-image : url(../graphics/icons/ctool/firsteps48.gif); } |
|
161 |
|
162 a#webresources img { background-image : url(../graphics/icons/etool/webrsrc48.gif); } |
|
163 a#webresources:hover img, |
|
164 a#webresources:focus img, |
|
165 a#webresources:active img { background-image : url(../graphics/icons/ctool/webrsrc48.gif); } |
|
166 |
|
167 a#migrate img { background-image : url(../graphics/icons/etool/migrate48.gif); } |
|
168 a#migrate:hover img, |
|
169 a#migrate:focus img, |
|
170 a#migrate:active img { background-image : url(../graphics/icons/ctool/migrate48.gif); } |
|
171 |
|
172 a#workbench_img img { background-image : url(../graphics/icons/etool/wb48.gif); } |
|
173 a#workbench_img:hover img, |
|
174 a#workbench_img:focus img, |
|
175 a#workbench_img:active img { background-image : url(../graphics/icons/ctool/wb48.gif); } |
|
176 |
|