Task 4006 online help content

I have reviewed the html pages, structure the folders as per DSE templete, added/changed the figures (where required), removed the unnecessary figures.

org.fortiss.af3.rcp.help/html/gettingStarted/main_style.css

@@ -10,7 +10,7 @@ html, body
 	font-size : 12px;
 	color : #000000;
 	background : #666666;
-	margin : 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
+	margin : 0; /* Es empfiehlt sich, margin (Rand) und padding (Auff�llung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
 	padding : 0;
 	text-align : center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
 	color : #000000;
@@ -44,13 +44,13 @@ h1,h2,h3,h4,h5,h6
 	height: 137px;
 	padding: 0;
 	margin:0;
-	/* Diese Auffllung entspricht der linksbndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffllung entfernen. */
+	/* Diese Auff�llung entspricht der linksb�ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auff�llung entfernen. */
 } 
 
 #header h1 
 {
-	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, knnen Sie das Auftreten unerwarteter Abstnde zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unntig, weil dieser Rahmen die gleiche Wirkung hat. */
-	padding: 10px 0; /* Durch die Verwendung der Auffllung anstelle von Rndern lsst sich gewhrleisten, dass das Element die Kanten des div nicht berhrt. */
+	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, k�nnen Sie das Auftreten unerwarteter Abst�nde zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unn�tig, weil dieser Rahmen die gleiche Wirkung hat. */
+	padding: 10px 0; /* Durch die Verwendung der Auff�llung anstelle von R�ndern l�sst sich gew�hrleisten, dass das Element die Kanten des div nicht ber�hrt. */
 }
 
 #logo
@@ -103,7 +103,7 @@ h1,h2,h3,h4,h5,h6
 
 #butimg
 {
-	padding: 0; /* padding (Auffllung) bezeichnet den Innenabstand und margin (Rand) den Auenabstand der div -Box. */
+	padding: 0; /* padding (Auff�llung) bezeichnet den Innenabstand und margin (Rand) den Au�enabstand der div -Box. */
 	margin-top: 25px;
 
 	width: 900px;
@@ -301,7 +301,7 @@ h1,h2,h3,h4,h5,h6
 
 #mainContent 
 {
-	padding: 0; /* padding (Auffllung) bezeichnet den Innenabstand und margin (Rand) den Auenabstand der div -Box. */
+	padding: 0; /* padding (Auff�llung) bezeichnet den Innenabstand und margin (Rand) den Au�enabstand der div -Box. */
 	background: #FFFFFF;
 	width: 900px;
 	height: 100%;		
@@ -319,14 +319,14 @@ h1,h2,h3,h4,h5,h6
 
 .mainfeature
 {
-	height: 409px;
+	height: 409px auto;
 	width: 100%;
 	border: 1px solid #7290AA;
 	margin-top: 4px;
 	border-width: 1px 1px 1px 1px;
 	background-image:url(img/boxback.png);
 	background-repeat: repeat-x; 
-	
+	font-family:Verdana;	
 }
 
 .mainfeature h4
@@ -391,17 +391,22 @@ h1,h2,h3,h4,h5,h6
 
 #footer 
 { 
-	margin-left: 3px;
-	border-width: 1px 1px 1px 1px;
-	background: #d6d9dd;
-	margin-top: 10px;
-	margin-bottom: 10px;
+	z-index: 10;
+	width: 100%;
+	height: 20px;
+	color: white;
+	background: #004696;
+	text-align: center;
+	vertical-align: middle;
+	display: inline-block;
+	margin: 10 auto
 } 
 
 #footer p {
-	margin: 0; /* Wenn Sie die Rnder des ersten Elements in der Fuzeile auf 0 einstellen, knnen Sie unerwartete Abstnde zwischen divs vermeiden. */
-	padding: 0 0; /* Durch die Verwendung der Auffllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
-}
+  font-color: white;
+  color: white;
+  text-decoration: none;
+  }
 
 #reportbug
 {
@@ -661,7 +666,7 @@ a[href^="http:"]
 
 .mainfeature a[href]
 {
-	 background-image: url(img/iconlink2.png);
+	background-image: url(img/iconlink2.png);
     background-position: 100% 0;
     background-repeat: no-repeat;
 	margin-top: 0;
@@ -760,6 +765,74 @@ html[xmlns] .clearfix {
 }
 
 
+
+* {
+  box-sizing: border-box;
+}
+
+/* Create two equal columns that floats next to each other */
+.column {
+  float: left;
+  width: 50%;
+  padding: 10px;
+  background-color: #004696;
+  
+}
+
+/* Clear floats after the columns */
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/* Hyperlinks */
+  a[href]{
+    transition: all ease 0.15s;
+   }
+    a[href]:hover {
+       color: red;
+    }
+
+    a[href]:active {
+      text-decoration: underline;
+    }
+    
+    
+ /* up button */ 
+ #upBtn {
+  display: none;
+  position: fixed;
+  bottom: 20px;
+  right: 30px;
+  z-index: 99;
+  font-size: 18px;
+  border: none;
+  outline: none;
+  background-color: #004696;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  color: white;
+  cursor: pointer;
+  padding: 15px;
+  border-radius: 4px;
+}
+
+#upBtn:hover {
+  color: #add8e6;
+}
+
+label.hamburger { 
+   display: block;
+   background: #004696;
+   width: 18px; height: 18px; 
+   position: relative; 
+   margin-left: 0px;
+   margin-right: 0px;
+   border-radius: 0px; 
+}   
+    
+    
+
 /* End hide from IE-mac */
 /*---[ special End]---*/  
 </style>