From 2002103baac593e9193d9501dc0e1b1e9e28446a Mon Sep 17 00:00:00 2001 From: Topi Reinio Date: Fri, 6 Feb 2015 15:51:23 +0100 Subject: Doc: Update the online documentation template This change fixes a number of issues in the online template: - Missing vertical line after the login icon in the header - Update header, footer links and appearance - Adjust alternate background color of table cells to improve readability - Fix style of cookie notification in the html header - Add The Qt Company logo in the footer - Adjust list item marker image - Improve responsiveness of footer Change-Id: I77147b4b4161d6001c095a4b67e15552132100e6 Reviewed-by: Martin Smith Reviewed-by: Leena Miettinen --- doc/global/template/scripts/extras.js | 5 +- doc/global/template/style/cookiebar-x.png | Bin 0 -> 3680 bytes doc/global/template/style/list_arrow.png | Bin 1115 -> 236 bytes doc/global/template/style/online.css | 89 ++++++++++++++++++----------- doc/global/template/style/theqtcompany.png | Bin 0 -> 11748 bytes 5 files changed, 60 insertions(+), 34 deletions(-) create mode 100644 doc/global/template/style/cookiebar-x.png create mode 100644 doc/global/template/style/theqtcompany.png (limited to 'doc/global/template') diff --git a/doc/global/template/scripts/extras.js b/doc/global/template/scripts/extras.js index cb1102d493..409215f2d8 100644 --- a/doc/global/template/scripts/extras.js +++ b/doc/global/template/scripts/extras.js @@ -1,13 +1,14 @@ var vOffset = 65; $(function () { - $('a[href*=#]:not([href=#])').on('click', function () { + $('a[href*=#]:not([href=#])').on('click', function (e) { + if (e.which == 2) + return true; var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { setTimeout(function () { $('html, body').animate({scrollTop: target.offset().top - vOffset}, 50);}, 50); - // return false; } }); }); diff --git a/doc/global/template/style/cookiebar-x.png b/doc/global/template/style/cookiebar-x.png new file mode 100644 index 0000000000..6aea1e62d1 Binary files /dev/null and b/doc/global/template/style/cookiebar-x.png differ diff --git a/doc/global/template/style/list_arrow.png b/doc/global/template/style/list_arrow.png index a6a6be665b..7bb07b32d0 100644 Binary files a/doc/global/template/style/list_arrow.png and b/doc/global/template/style/list_arrow.png differ diff --git a/doc/global/template/style/online.css b/doc/global/template/style/online.css index 97498f16d7..b4f5be18b6 100644 --- a/doc/global/template/style/online.css +++ b/doc/global/template/style/online.css @@ -153,7 +153,8 @@ } #mainmenu { float:left; - list-style:none + list-style:none; + margin-left:16px } #mainmenu li { float:left; @@ -212,6 +213,9 @@ min-width:85px; font-weight:100 } +#menuextras li:last-child a { + border-right:1px solid #eee; +} #menuextras li a:before { display:inline-block; font-family:'Qt Icons'; @@ -372,12 +376,37 @@ #menuextras li.navbar-search { padding:5px 0 } - .container { - padding:0 2% + #footerbar .container { + padding:0 } body .main { margin-top:0px } + #footerbar .footer-main .footer-nav { + padding:3.9% 0 3.9% 3%; + border-bottom:1px solid #413d3b; + float:none; + display:block; + width:auto + } + #footerbar .footer-main .theqtcompany { + clear:both; + float:left; + margin:30px 0 28px 3% + } + #footerbar .footer-main .footer-social { + float:left; + padding:30px 0px 0px 3% + } + #footerbar #menu-footer-submenu { + clear:both; + float:none; + display:block; + padding:0px 0px 3.9% 3% + } + ul#menu-footer-submenu { + margin-left: 0 + } } .in-page-nav { width:100%; @@ -449,8 +478,9 @@ body.qt-account #navbar .navbar-oneQt h2 { margin-bottom:40px } .cookies_yum { - background-color:#006325; + background-color:#d6d6d6; display:none; + line-height:1.625em; width:100% } .cookies_yum img { @@ -462,18 +492,18 @@ body.qt-account #navbar .navbar-oneQt h2 { } .cookies_yum div { margin:0 auto; - max-width:1180px; + max-width:1280px; min-height:30px; padding:6px 0px 6px 0px; position:relative } .cookies_yum p { - color:white; + color:#585a5c; margin:0px; font-size:0.79em; display:inline-block; line-height:1.2; - padding:0 30px 0 40px + padding:0 30px 0 50px } .cookies_yum p a { white-space:nowrap @@ -484,13 +514,14 @@ body.qt-account #navbar .navbar-oneQt h2 { .cookies_yum .close { width:15px; height:15px; - background-image:url("../images/cookiebar-x.png"); + background-image:url("cookiebar-x.png"); background-size:15px 30px; background-position:top left; cursor:pointer; - top:6px; - right:6px; - position:absolute + top:13px; + right:13px; + position:absolute; + transition:none; } .cookies_yum .close:hover { background-position:bottom left @@ -691,7 +722,7 @@ body.qt-account #navbar .navbar-oneQt h2 { left:0; width:100% } -#footerbar .footer-main .footer-nav { +#footerbar .footer-nav { display:inline; float:left } @@ -734,29 +765,20 @@ body.qt-account #navbar .navbar-oneQt h2 { #footerbar .footer-main .footer-nav .sub-menu li a:hover,#footerbar .footer-main .footer-nav .sub-menu li.current-menu-item a { color:#eee } -#footerbar .footer-main .footer-logo { +#footerbar .theqtcompany { + background:url("theqtcompany.png") no-repeat; + background-size:100%; + width:150px; + height:68px; display:inline; float:right; - padding:29px 0 28px 10px; - margin-left:30px; - width:56px + margin:29px 0 28px 30px } -#footerbar .footer-main .footer-logo:before { - content:attr(data-icon); - font-family:'Qt Icons'; - width:100%; - line-height:1.2; - display:inline-block; - font-size:1.875em; - color:#706e6d -} -#footerbar .footer-main .footer-logo:hover { - padding:31px 0 26px 10px -} -#footerbar .footer-main .footer-social { +#footerbar .footer-social { display:inline; float:right; - padding-top:31px + padding-top:31px; + width:164px } #footerbar .footer-main .footer-social>div { margin-left:0.1em; @@ -848,6 +870,9 @@ body.qt-account #navbar .navbar-oneQt h2 { .clearfix { *zoom:1 } +.clearfix .right { + float:right +} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; @@ -1169,7 +1194,7 @@ li a.active { position:absolute } .flowList.odd { - background-color:#eee + background-color:#f9f9f9 } .context ul>li,.doc-column ul>li { list-style-image:url("list_arrow.png"); @@ -1203,7 +1228,7 @@ li a.active { vertical-align:initial } table .odd { - background-color:#eee + background-color:#f9f9f9 } table thead { text-align:left; diff --git a/doc/global/template/style/theqtcompany.png b/doc/global/template/style/theqtcompany.png new file mode 100644 index 0000000000..b9799f387c Binary files /dev/null and b/doc/global/template/style/theqtcompany.png differ -- cgit v1.2.3