From 93d35c07d06fcc932196aa22586b65411b4e5edd Mon Sep 17 00:00:00 2001
From: Jerome Pasion <jerome.pasion@digia.com>
Date: Thu, 23 Jan 2014 15:30:27 +0100
Subject: Doc: Updated CSS used by the offline documentation.

-new layout for landing page
-updates to title sizes and changes to footer
-fixes to general paragraph issues

-index.qdoc changed in qtdoc repository

Task-number: QTBUG-36411
Change-Id: Icb4fb0374e474137686f4cb67c64dc0249fef2c4
Reviewed-by: Martin Smith <martin.smith@digia.com>
---
 doc/global/template/style/offline.css | 136 +++++++++++++---------------------
 1 file changed, 51 insertions(+), 85 deletions(-)

(limited to 'doc')

diff --git a/doc/global/template/style/offline.css b/doc/global/template/style/offline.css
index 81e11aac0b..bfa086284f 100644
--- a/doc/global/template/style/offline.css
+++ b/doc/global/template/style/offline.css
@@ -13,10 +13,6 @@ p {
 }
 
 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;
@@ -36,7 +32,7 @@ img {
 
 .descr {
     margin-top: 35px;
-    /*max-width: 75%;*/
+    margin-bottom: 45px;
     margin-left: 5px;
     text-align: left;
     vertical-align: top;
@@ -51,6 +47,9 @@ tt {
     text-align: left
 }
 
+.main {
+    display: none;
+}
 /*
 -----------
 links
@@ -193,17 +192,19 @@ footer and license
 
 .footer {
     text-align: left;
-    margin-top: 50px;
+    padding-top: 45px;
     padding-left: 5px;
-    margin-bottom: 10px;
+    margin-top: 45px;
+    margin-bottom: 45px;
     font-size: 10px;
     border-top: 1px solid #999;
-    padding-top: 11px;
 }
 
 .footer p {
     line-height: 14px;
     font-size: 11px;
+    padding: 0;
+    margin: 0;
 }
 
 .footer a[href*="http://"], a[href*="ftp://"], a[href*="https://"] {
@@ -221,7 +222,7 @@ footer and license
     display: block;
     position: relative;
     top: -20px;
-    /*border-top: 2px solid #ffffff;*/
+    border-top: 1px solid #cecece;
     border-bottom: 1px solid #cecece;
     background-color: #F2F2F2;
     z-index: 1;
@@ -288,7 +289,7 @@ headers
 @media screen {
     .title {
         color: #313131;
-        font-size: 18px;
+        font-size: 24px;
         font-weight: normal;
         left: 0;
         padding-bottom: 20px;
@@ -320,7 +321,6 @@ h2, p.h2 {
     border-top: #E0E0DE 1px solid;
     border-bottom: #E0E0DE 1px solid;
     max-width: 99%;
-    overflow: hidden;
 }
 
 h3 {
@@ -625,73 +625,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 {
-     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 .section {
-     float: left
- }
-
-.indexboxcont:after {
-    content: ".";
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden;
-}
-
 /*
 -----------
 Landing page
@@ -703,6 +636,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;
@@ -711,17 +657,37 @@ Landing page
     float: left;
 }
 
+.col-2 {
+    display: inline-block;
+    white-space: normal;
+    width: 20%;
+    margin-left: 5%;
+    position: relative;
+    top: -20px;
+}
+
 .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;
+    width: 100%;
 }
 
-.sectionlist {
-    width: 100% !important
+.icons1of3 {
+    display: inline-block;
+    width: 33.3333%;
+    float: left;
+}
+
+.icons1of3  h2 {
+    font-size: 15px;
+    margin: 0px;
+    padding: 0px;
 }
-- 
cgit v1.2.3