diff options
author | Jerome Pasion <jerome.pasion@digia.com> | 2014-01-23 15:30:27 +0100 |
---|---|---|
committer | The Qt Project <gerrit-noreply@qt-project.org> | 2014-02-20 11:06:40 +0100 |
commit | 93d35c07d06fcc932196aa22586b65411b4e5edd (patch) | |
tree | 7193c900dda233ece4fdd2e312657a8e89fd9182 /doc | |
parent | e99c37494474fb2c2ddc3c95476f650eb95c3139 (diff) |
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>
Diffstat (limited to 'doc')
-rw-r--r-- | doc/global/template/style/offline.css | 136 |
1 files changed, 51 insertions, 85 deletions
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; } |