blob: 587e710a7ac3e8fe98f235d4b0c6dd9cd879a536 [file] [log] [blame]
/*******************************************************************************
* Copyright (c) 2005, 2006 IBM Corporation and others.
*
* This program and the accompanying materials
* are made available under the terms of the Eclipse Public License 2.0
* which accompanies this distribution, and is available at
* https://www.eclipse.org/legal/epl-2.0/
*
* SPDX-License-Identifier: EPL-2.0
*
* Contributors:
* IBM Corporation - initial API and implementation
*******************************************************************************/
/*
* Set up general font colours, sizes, etc. Some of these will override
* settings from the shared CSS
*/
#page-links a .link-label, #action-links a .link-label {
font-weight : 600;
color : #E5E5E5;
}
#page-links a p .text, #action-links a p .text {
font-weight : 500;
color : #E5E5E5;
}
/*
* We will not use the general-purpose group1 used in
* other pages for a curve image.
*/
#extra-group1 {
display : none;
}
/*
* Set up the content for the standby page.
*/
body {
min-width : 230px;
/* since IE doesn't support min-width, use expression */
width:expression(document.body.clientWidth < 230? "230px": "auto" );
background-image : url(../graphics/root/background.jpg);
background-repeat : no-repeat;
background-position : top left;
background-color : #7169D1;
}
.page {
/*
background-image : url(../graphics/root/brandmark.gif);
background-repeat : no-repeat;
background-position : bottom left;
*/
background-image: none;
min-width : 230px;
/* since IE doesn't support min-width, use expression */
width:expression(document.body.clientWidth < 230? "230px": "auto" );
min-height : 610px;
height : 100%;
height : expression(document.body.clientHeight < 450? "450px": "100%" );
}
#extra-group1 {
display: none;
}
/*
* Set up the navigation bar. It should be centered in the middle
* of the page
*/
#links-background {
width : 100%;
margin-top : 10%;
margin-bottom : auto;
text-align : center;
}
#page-links a {
display : block;
width : 220px;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-top : 0px;
vertical-align : top;
}
#page-links a span, #page-links a p {
display : block;
width : 160px;
margin : 0px;
padding : 0px;
}
#page-links a .link-label {
position : relative;
left : 60px;
top : -50px;
}
#page-links a p .text {
position : relative;
left : 60px;
top : -50px;
}
#page-links a .content-img {
visibility: hidden;
}
#page-links a img {
height : 52px;
width : 52px;
vertical-align : middle;
}
#page-links a:hover,
#page-links a:focus,
#page-links a:active { border : 0px; }
#page-links a:hover p,
#page-links a:focus p,
#page-links a:active p { margin : 0px; padding : 0px; }
#action-links a { visibility: hidden; }
/* properties for each of the page-links */
a#overview img { background-image : url(../graphics/icons/etool/overview48.gif); }
a#overview:hover img,
a#overview:focus img,
a#overview:active img { background-image : url(../graphics/icons/ctool/overview48.gif); }
a#tutorials img { background-image : url(../graphics/icons/etool/tutorials48.gif); }
a#tutorials:hover img,
a#tutorials:focus img,
a#tutorials:active img { background-image : url(../graphics/icons/ctool/tutorials48.gif); }
a#samples img { background-image : url(../graphics/icons/etool/samples48.gif); }
a#samples:hover img,
a#samples:focus img,
a#samples:active img { background-image : url(../graphics/icons/ctool/samples48.gif); }
a#whatsnew img { background-image : url(../graphics/icons/etool/whatsnew48.gif); }
a#whatsnew:hover img,
a#whatsnew:focus img,
a#whatsnew:active img { background-image : url(../graphics/icons/ctool/whatsnew48.gif); }
a#firststeps img { background-image : url(../graphics/icons/etool/firsteps48.gif); }
a#firststeps:hover img,
a#firststeps:focus img,
a#firststeps:active img { background-image : url(../graphics/icons/ctool/firsteps48.gif); }
a#webresources img { background-image : url(../graphics/icons/etool/webrsrc48.gif); }
a#webresources:hover img,
a#webresources:focus img,
a#webresources:active img { background-image : url(../graphics/icons/ctool/webrsrc48.gif); }
a#migrate img { background-image : url(../graphics/icons/etool/migrate48.gif); }
a#migrate:hover img,
a#migrate:focus img,
a#migrate:active img { background-image : url(../graphics/icons/ctool/migrate48.gif); }
a#workbench img { background-image : url(../graphics/icons/etool/wb48.gif); }
a#workbench:hover img,
a#workbench:focus img,
a#workbench:active img { background-image : url(../graphics/icons/ctool/wb48.gif); }