Doc: Updated online template according to new layout.

-changes to index.qdoc layout
-updated paragraph and footer layout

Task-number: QTBUG-36411
Change-Id: Ib4e178903c3563e2dbeb4a9591ca9315c65a9ae1
Reviewed-by: Martin Smith <martin.smith@digia.com>

1 files changed, 53 insertions, 90 deletions

diff --git a/doc-snapshot/config/template/style/online.css b/doc-snapshot/config/template/style/online.css
index 629d424..035d612 100644
--- a/doc-snapshot/config/template/style/online.css
+++ b/doc-snapshot/config/template/style/online.css
@@ -1,8 +1,4 @@
 img {
-    -moz-box-shadow: 3px 3px 3px #ccc;
-    -webkit-box-shadow: 3px 3px 3px #ccc;
-    box-shadow: 3px 3px 3px #ccc;
-    border: #8E8D8D 2px solid;
     margin-left: 0px;
     max-width: 800px;
     height: auto;
@@ -21,7 +17,7 @@ img {
  }
 
 .descr {
-    margin-top: 35px;
+/*    margin-top: 35px;*/
     /*max-width: 75%;*/
     margin-left: 5px;
     text-align: left;
@@ -171,13 +167,12 @@ headers
 @media screen {
     .title {
         color: #313131;
-        font-size: 18px;
+        font-size: 24px;
         font-weight: normal;
         left: 0;
         padding-bottom: 20px;
         padding-left: 10px;
         padding-top: 20px;
-        border-bottom: 1px #CCC solid;
         font-weight: bold;
         margin-left: 0px;
         margin-right: 0px;
@@ -201,7 +196,6 @@ h2, p.h2 {
     border-top: #E0E0DE 1px solid;
     border-bottom: #E0E0DE 1px solid;
     max-width: 99%;
-    overflow: hidden;
 }
 
 h3 {
@@ -455,7 +449,7 @@ Content table
         clear: both;
         clear: right;
         position: relative;
-        top: 83px;
+        top: 25px;
         float: right;
         vertical-align: top;
         -moz-border-radius: 7px 7px 7px 7px;
@@ -520,73 +514,6 @@ Content table
     clear: both
 }
 
-/* start index box */
-
-.indexbox {
-    width: 100%;
-    display: inline-block;
-}
-
-.indexbox .indexIcon {
-     width: 11%
- }
-
-  .indexbox .indexIcon span {
-      display: block
-  }
-
-.indexboxcont {
-    display: block
-}
-
-.indexboxcont .sectionlist {
-     display: inline-block;
-     vertical-align: top;
-     width: 32.5%;
-     padding: 0;
- }
-
-  .indexboxcont .sectionlist ul {
-      margin-bottom: 20px
-  }
-
-   .indexboxcont .sectionlist ul li {
-       line-height: 1.5
-   }
-
-.indexboxcont .indexIcon {
-     width: 11%;
-     *width: 18%;
-     _width: 18%;
-     overflow: hidden;
- }
-
-.indexboxcont .section {
-     float: left
- }
-
-.indexboxcont .section {
-     display: inline-block;
-     width: 49%;
-     *width: 42%;
-     _width: 42%;
-     padding: 0 2% 0 1%;
-     vertical-align: top;
- }
-
-  .indexboxcont .section p {
-      padding-top: 20px;
-      padding-bottom: 20px;
-  }
-
-.indexboxcont:after {
-    content: ".";
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden;
-}
-
 /*
 -----------
 Landing page
@@ -598,6 +525,19 @@ Landing page
     vertical-align: top;
 }
 
+
+.landing h2 {
+    background-color: transparent;
+    border: none;
+    margin-bottom: 0px;
+    font-size: 18px;
+}
+
+.landing a, .landing li {
+    font-size: 13px;
+    font-weight: bold !important;
+}
+
 .col-1 {
     display: inline-block;
     white-space: normal;
@@ -606,19 +546,38 @@ Landing page
     float: left;
 }
 
+.col-2 {
+    display: inline-block;
+    white-space: normal;
+    width: 20%;
+    margin-left: 5%;
+    position: relative;
+    top: -75px;
+}
+
 .col-1 h1 {
-     margin: 20px 0 0 0
+     margin: 20px 0 0 0;
  }
 
-.col-2 {
+.col-1 h2 {
+    font-size: 18px;
+    font-weight: bold !important;
+}
+
+.landingicons {
     display: inline-block;
-    white-space: normal;
-    width: 25%;
-    margin: 0 0 0 50px;
 }
 
-.sectionlist {
-    width: 100% !important
+.icons1of3 {
+    display: inline-block;
+    width: 33.3333%;
+    float: left;
+}
+
+.icons1of3  h2 {
+    font-size: 15px;
+    margin: 0px;
+    padding: 0px;
 }
 
 /*
@@ -965,24 +924,27 @@ body {
     border-top: 1px solid #000;
     background: url('../images/Qt-footer-bg.jpg') repeat;
     margin: 0;
-    padding: 36px 0;
-    font-weight: 400;
-    font-size: 0.84615em;
-    line-height: 1.63636em;
+    padding: 45px 0;
+    font-size: 11px;
+    line-height: 11pt;
 }
 
 .qt13a-copyright p {
      padding: 0;
+     margin: 0;
      color: #aeadac;
      font-size: 11px;
+    line-height: 11pt;
  }
 
 .qt13a-copyright a {
-     color: #328930 !important
+     color: #328930
+     font-weight: bold !important;
  }
 
 .qt13a-copyright a:visited {
-     color: #328930
+     color: #328930;
+     font-weight: bold !important;
  }
 
 .searchbox {
@@ -1043,7 +1005,8 @@ a:link {
 }
 
 .main {
-    padding: 0px 30px 30px 30px
+    padding: 0px 30px 0px 30px;
+    margin-bottom: 45px;
 }
 
 .main-rounded {