--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/core/com.nokia.carbide.cpp/intro/css/overview/overview.css Fri Apr 03 23:33:03 2009 +0100
@@ -0,0 +1,120 @@
+/* ------------------------------- */
+/* 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; }
+
+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); }
+
+