| /* |
| * Copyright (c) 2005, 2006 IBM Corporation and others. |
| * All rights reserved. This program and the accompanying materials |
| * are made available under the terms of the Eclipse Public License v1.0 |
| * which accompanies this distribution, and is available at |
| * |
| * http://www.eclipse.org/legal/epl-v10.html |
| * |
| * Contributors: |
| * IBM Corporation - initial implementation |
| */ |
| |
| /* |
| * Set up general font colours, sizes, etc. Some of these will override |
| * settings from the shared CSS |
| */ |
| .intro-header H1 { |
| font-size : 15pt; |
| } |
| |
| #page-links a .link-label, #action-links a .link-label { |
| font-size : 10pt; |
| font-weight : 600; |
| color : #E5E5E5; |
| } |
| |
| #page-links a p .text, #action-links a p .text { |
| font-size : 10pt; |
| font-weight : 500; |
| color : #E5E5E5; |
| } |
| |
| /* |
| * 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/rootpage/background.jpg); |
| background-repeat : no-repeat; |
| background-position : top left; |
| background-color : #7169D1; |
| } |
| |
| .page { |
| background-image : url(graphics/rootpage/brandmark.gif); |
| background-repeat : no-repeat; |
| background-position : bottom left; |
| 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%" ); |
| } |
| |
| /* |
| * 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 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; } |
| |
| /* 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#steps img { background-image : url(graphics/icons/etool/firsteps48.gif); }a#steps:hover img,a#steps:focus img,a#steps:active img { background-image : url(graphics/icons/ctool/firsteps48.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#web img { background-image : url(graphics/icons/etool/webrsrc48.gif); }a#web:hover img,a#web:focus img,a#web:active img { background-image : url(graphics/icons/ctool/webrsrc48.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#news img { background-image : url(graphics/icons/etool/whatsnew48.gif); } |
| a#news:hover img, |
| a#news:focus img, |
| a#news:active img { background-image : url(graphics/icons/ctool/whatsnew48.gif); } |
| |