Update root page in slate theme to show descriptive text and have a similar layout to non-root pages.

3 files changed, 28 insertions, 11 deletions

diff --git a/org.eclipse.ui.intro.universal/themes/slate/html/font-relative.css b/org.eclipse.ui.intro.universal/themes/slate/html/font-relative.css
index fa5b36a0a..e396bd65b 100644
--- a/org.eclipse.ui.intro.universal/themes/slate/html/font-relative.css
+++ b/org.eclipse.ui.intro.universal/themes/slate/html/font-relative.css
@@ -76,13 +76,13 @@ p .group-description {
 	font-size:90%; 
 }
 
-#root #page-links, #root #action-links {
+#root #page-links, #root #action-links, #root #page-links a p .text {
     font-size : 100%;
 }
 
 /* Link label properties */
 #root #page-links a .link-label {
-	font-size : 130%;
+	font-size : 120%;
 }
 
 #root .intro-header span  {
diff --git a/org.eclipse.ui.intro.universal/themes/slate/html/root.css b/org.eclipse.ui.intro.universal/themes/slate/html/root.css
index 82dcade45..a4d17a91e 100644
--- a/org.eclipse.ui.intro.universal/themes/slate/html/root.css
+++ b/org.eclipse.ui.intro.universal/themes/slate/html/root.css
@@ -28,10 +28,10 @@ a .link-extra-div {
 }
 
 #page-links a {
-    width : 40%;
+    width : 45%;
     float : left;
-    margin-left : 7%; 
-	margin-top : 40px;
+    margin-left : 3%; 
+	margin-bottom : 35px;
 }
 
 /*
@@ -64,6 +64,7 @@ html, body {
 .intro-header {
     padding-top : 90px;
     margin-left : 7%;
+    margin-bottom : 40px;
 }
 
 /* For the main page content's title */
@@ -80,14 +81,30 @@ html, body {
 	vertical-align : middle;
 }
 
-/* Hide the text in the normal state */
-#page-links a .text {
-	display : none;
+#page-links a span {
+	display : block;
 }
 
 #page-links a span.link-label {
-    display : inline; 
-    vertical-align : middle;
+	position : relative;
+	top : -45px;
+	left : 60px;
+	margin-right: 60px;
+	font-family: Verdana, Arial, Helvetica; 
+	font-weight: bold; 
+	line-height:1.5;
+	color: #00507C;
+}
+
+#page-links a p .text {
+    left: 51px; 
+	display : block;
+	position : relative;
+	top : -40px;
+	margin-bottom: -25px;
+	margin-right: 53px;
+	font-family: Verdana, Arial, Helvetica; 
+	line-height: 1.3;
 }
 
 #page-links a .background-image {
diff --git a/org.eclipse.ui.intro.universal/themes/slate/html/shared.css b/org.eclipse.ui.intro.universal/themes/slate/html/shared.css
index 1e3b96948..f109153cc 100644
--- a/org.eclipse.ui.intro.universal/themes/slate/html/shared.css
+++ b/org.eclipse.ui.intro.universal/themes/slate/html/shared.css
@@ -430,7 +430,7 @@ h1, p { margin-left : 10px; } /* required in mozilla so the page description is
 	margin-right: 53px;
 }
 
-#page-content * a p > .text { left: 58px; }
+#page-content * a p > .text { left: 56px; }
 
 #page-content * a:hover { border-right : 5px; }