diff -r c2eba6dabd38 -r 8e2b71714488 core/com.nokia.carbide.cpp/intro/css/overview/overview.css --- a/core/com.nokia.carbide.cpp/intro/css/overview/overview.css Mon Jul 26 15:11:10 2010 -0500 +++ b/core/com.nokia.carbide.cpp/intro/css/overview/overview.css Mon Jul 26 17:27:13 2010 -0500 @@ -1,123 +1,123 @@ -/* ------------------------------- */ -/* intro/css/overview/overview.css */ -/* ------------------------------- */ - -body { - /* Carbide branding mod */ - /* replace normal eclipse background image */ - /* background-image : url(../graphics/contentpage/overview_wtr.jpg); */ - background-image : url(../graphics/rootpage/background_carbide.jpg); -} - -/* show the "selected" image for this page */ -#navigation-links a#overview img, #navigation-links a#overview:hover img { - /* background-image : url(../graphics/icons/ctool/overview48sel.gif); */ - } - - -iframe { - /* Eclipse standard */ - position:relative; - top:16px; - /* width:100%; */ - /* height:70%; */ - /* padding-left:10px; */ - /* Carbide branding mod */ - width: 90%; - padding: 2px; - height: expression(document.body.clientHeight < 600? "580px" : "99%" ); - } - -/* mozilla scrollbar appearing off page fix */ -#page-content > iframe { - /* Eclipse standard */ - /* width: 98%; */ - padding-left: 2%; - /* Carbide branding mod */ - width: 88%; -} - - -/* - * Set up the Overview links to be displayed in two columns - * that are centered in the middle of the page. - */ - -#overview-links { - text-align : left; - width : 760px; - /* To center in Moz (have to use text-align for IE) */ - margin : 0px auto; - -} - -#overview-links a { - width : 370px; - text-align : left; - margin-left : 5px; - margin-right : 5px; - margin-top : 5px; - margin-bottom : -20px; - vertical-align : top; - /* Carbide branding mod */ - margin-bottom : 0px; - background-image : url(../graphics/carbide/page-link-wide.gif); - background-repeat:no-repeat; - background-position : top left; -} - -#overview-links > a { vertical-align : middle; } - -#overview-links a img { - height : 57px; - width : 57px; - vertical-align : middle; - -} - -#overview-links a .link-label { - display : block; - width : 300px; - position : relative; - top : -50px; - left : 60px; -} - -#overview-links a > .link-label { left: 65px; } - -#overview-links a p .text { - display : block; - width : 300px; - position : relative; - top : -45px; - left : 53px; -} - -#overview-links a p > .text { left: 58px; } - -/* Special case for Mozilla, because the links are displayed - in 1 vertical column instead of 2 centered columns */ -#overview-links > a { width : 700px; } -#overview-links a > .link-label { width : 700px; } -#overview-links a p > .text { width : 700px; } - -/* #overview-links a:hover { border-right : 5px; } */ -#overview-links a:hover { - background-image : url(../graphics/contentpage/page-link-wide.gif); -} - -a#basics img { background-image : url(../graphics/icons/obj48/wbbasics_obj.gif); } -a#basics:hover img { background-image : url(../graphics/icons/obj48/wbbasicshov_obj.gif); } - -a#team img { background-image : url(../graphics/icons/obj48/teamsup_obj.gif); } -a#team:hover img { background-image : url(../graphics/icons/obj48/teamsuphov_obj.gif); } - -/* added Carbide bullet icons here for topic */ -a#carbide-blue img { background-image : url(../graphics/icons/carbide_bullet_blue.gif); } -a#carbide-blue:hover img { background-image : url(../graphics/icons/carbide_bullet_turq.gif); } - -/* added Carbide application icon here for tutorials */ -a#carbideapp img { background-image : url(../graphics/icons/obj48/carbideapp_obj.gif); } -a#carbideapp:hover img { background-image : url(../graphics/icons/obj48/carbideapphov_obj.gif); } - - +/* ------------------------------- */ +/* intro/css/overview/overview.css */ +/* ------------------------------- */ + +body { + /* Carbide branding mod */ + /* replace normal eclipse background image */ + /* background-image : url(../graphics/contentpage/overview_wtr.jpg); */ + background-image : url(../graphics/rootpage/background_carbide.jpg); +} + +/* show the "selected" image for this page */ +#navigation-links a#overview img, #navigation-links a#overview:hover img { + /* background-image : url(../graphics/icons/ctool/overview48sel.gif); */ + } + + +iframe { + /* Eclipse standard */ + position:relative; + top:16px; + /* width:100%; */ + /* height:70%; */ + /* padding-left:10px; */ + /* Carbide branding mod */ + width: 90%; + padding: 2px; + height: expression(document.body.clientHeight < 600? "580px" : "99%" ); + } + +/* mozilla scrollbar appearing off page fix */ +#page-content > iframe { + /* Eclipse standard */ + /* width: 98%; */ + padding-left: 2%; + /* Carbide branding mod */ + width: 88%; +} + + +/* + * Set up the Overview links to be displayed in two columns + * that are centered in the middle of the page. + */ + +#overview-links { + text-align : left; + width : 760px; + /* To center in Moz (have to use text-align for IE) */ + margin : 0px auto; + +} + +#overview-links a { + width : 370px; + text-align : left; + margin-left : 5px; + margin-right : 5px; + margin-top : 5px; + margin-bottom : -20px; + vertical-align : top; + /* Carbide branding mod */ + margin-bottom : 0px; + /* background-image : url(../graphics/carbide/page-link-wide.gif); */ + background-repeat:no-repeat; + background-position : top left; +} + +#overview-links > a { vertical-align : middle; } + +#overview-links a img { + height : 57px; + width : 57px; + vertical-align : middle; + +} + +#overview-links a .link-label { + display : block; + width : 300px; + position : relative; + top : -50px; + left : 60px; +} + +#overview-links a > .link-label { left: 65px; } + +#overview-links a p .text { + display : block; + width : 300px; + position : relative; + top : -45px; + left : 53px; +} + +#overview-links a p > .text { left: 58px; } + +/* Special case for Mozilla, because the links are displayed + in 1 vertical column instead of 2 centered columns */ +#overview-links > a { width : 700px; } +#overview-links a > .link-label { width : 700px; } +#overview-links a p > .text { width : 700px; } + +/* #overview-links a:hover { border-right : 5px; } */ +#overview-links a:hover { + /* background-image : url(../graphics/contentpage/page-link-wide.gif); */ +} + +a#basics img { background-image : url(../graphics/icons/obj48/wbbasics_obj.gif); } +a#basics:hover img { background-image : url(../graphics/icons/obj48/wbbasicshov_obj.gif); } + +a#team img { background-image : url(../graphics/icons/obj48/teamsup_obj.gif); } +a#team:hover img { background-image : url(../graphics/icons/obj48/teamsuphov_obj.gif); } + +/* added Carbide bullet icons here for topic */ +a#carbide-blue img { background-image : url(../graphics/icons/carbide_bullet_blue.gif); } +a#carbide-blue:hover img { background-image : url(../graphics/icons/carbide_bullet_turq.gif); } + +/* added Carbide application icon here for tutorials */ +a#carbideapp img { background-image : url(../graphics/icons/obj48/carbideapp_obj.gif); } +a#carbideapp:hover img { background-image : url(../graphics/icons/obj48/carbideapphov_obj.gif); } + +