qt5base-lts/doc/global/template/style/online.css
Topi Reinio 03d621cbff Doc: Update online documentation template
Update the online documentation template with following fixes:

   - Improve responsivess for narrow screens: TOC and sidebar
     now collapse into drop-down menus
   - React to hashchange events: When the user edits the anchor
     tag in URL and presses enter, the page is scrolled
     correctly to bring the selected section title into view.
   - Handle Ctrl and Meta keys correctly
   - Improve colors for target section highlighting
   - Minor CSS fixes

Task-number: QTWEBSITE-634
Task-number: QTWEBSITE-657
Change-Id: I7221f38cf4988497f0f24ee66e62b7b7d770a121
Reviewed-by: Martin Smith <martin.smith@digia.com>
Reviewed-by: Topi Reiniö <topi.reinio@digia.com>
2015-08-26 09:45:55 +00:00

1672 lines
33 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

#navbar {
position:fixed;
top:0;
left:0;
z-index:100;
background:#fff;
width:100%
}
#navbar .container {
overflow:visible
}
.fixed .container {
overflow:visible
}
.box-shadowed-nav #navbar {
border-bottom:1px solid #eee
}
#navbar .navbar-header {
position:relative
}
#navbar .navbar-toggle {
display:none;
float:right;
line-height:18px;
min-width:95px;
position:relative;
text-align:center;
border-left:1px solid #eee;
border-right:1px solid #eee;
padding:10px 0 10px 0
}
#navbar .navbar-toggle:hover figure {
background:#5caa15
}
#navbar .navbar-toggle span {
color:#bdbebf;
font-weight:300
}
#navbar .navbar-toggle figure {
background:#7fc241;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
height:26px;
width:34px;
padding:8px 0 0 0;
margin-top:3px;
margin-left:auto;
margin-right:auto;
text-align:center
}
#navbar .navbar-toggle figure span.line {
display:inline-block;
width:1.125em;
height:0.1875em;
background:#fff;
transition:0.3s;
position:relative;
vertical-align:middle;
margin-top:-3px
}
#navbar .navbar-toggle figure span.line:before,#navbar .navbar-toggle figure span.line:after {
display:inline-block;
width:1.125em;
height:0.1875em;
background:#fff;
position:absolute;
left:0;
content:'';
-webkit-transform-origin:0.28571rem center;
transform-origin:0.28571rem center;
transition:0.3s;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s
}
#navbar .navbar-toggle figure span.line:before {
top:6px
}
#navbar .navbar-toggle figure span.line:after {
top:-6px
}
#navbar .navbar-toggle.opened figure {
background:#5caa15
}
#navbar .navbar-toggle.opened span {
color:#5caa15
}
#navbar .navbar-toggle.opened span.line {
background:transparent
}
#navbar .navbar-toggle.opened span.line:before,#navbar .navbar-toggle.opened span.line:after {
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
transform-origin:50% 50%;
top:0;
width:23px;
margin-left:-2px
}
#navbar .navbar-toggle.opened span.line:before {
transform:rotate3d(0, 0, 1, 45deg);
-webkit-transform:rotate3d(0, 0, 1, 45deg);
-moz-transform:rotate3d(0, 0, 1, 45deg);
-ms-transform:rotate3d(0, 0, 1, 45deg);
-o-transform:rotate3d(0, 0, 1, 45deg);
left:0
}
#navbar .navbar-toggle.opened span.line:after {
transform:rotate3d(0, 0, 1, -45deg);
-webkit-transform:rotate3d(0, 0, 1, -45deg);
-moz-transform:rotate3d(0, 0, 1, -45deg);
-ms-transform:rotate3d(0, 0, 1, -45deg);
-o-transform:rotate3d(0, 0, 1, -45deg)
}
#navbar .navbar-oneQt {
display:inline;
float:left;
width:31px;
padding:20px 8px;
margin:0 15px 0 0
}
#navbar .navbar-oneQt:before {
content:attr(data-icon);
position:absolute;
top:15px;
left:0;
color:#80c342;
font-family:'Qt Icons';
line-height:1;
font-size:3.125em;
transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out
}
.navbar-oneQt {
color: #80c342 !important;
}
.navbar-oneQt:hover {
color: #80c342;
}
#navbar .navbar-menu {
width:auto;
float:left
}
.lt-ie9 #navbar {
border-bottom:1px solid #ddd
}
#mainmenu {
float:left;
list-style:none;
margin-left:16px
}
#mainmenu li {
float:left;
margin-left:0;
list-style-type:none !important
}
#mainmenu li a {
display:block;
padding:29px 0.7em;
font-size:1.125em;
font-weight:300;
line-height:20px;
height:80px;
color:#26282a;
text-decoration:none;
border:0px solid #80c342;
-webkit-transition:all 0.2s ease-in-out;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
*behavior:url(boxsizing.htc)
}
#mainmenu li a:hover {
color:#5caa15;
border-bottom:4px solid #80C342
}
#mainmenu li.current-menu-item a {
color:#5caa15;
border-bottom:4px solid #80C342
}
#menuextras, #mainmenu, #menuextraslanguages {
margin-bottom:0
}
#menuextras {
display:inline-block;
float:right;
list-style-type:none;
margin-right:0;
margin-left:0;
letter-spacing:-0.31em;
line-height:0
}
#menuextras li {
letter-spacing:normal;
float:left;
display:inline-block
}
#menuextras li a {
display:inline-block;
text-align:center;
height:80px;
border-left:1px solid #eee;
padding-top:14px;
box-sizing:border-box;
overflow:hidden;
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';
content:attr(data-icon);
font-size:2.125em;
width:100%;
color:#80c342;
line-height:1;
transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out
}
#menuextras li a:hover:before {
color:#5caa15
}
#menuextras .search.open a {
color:#006325
}
#menuextras .search a {
border-right:1px solid #eee
}
#menuextras li a span {
color:#bdbebf;
display:inline-block;
overflow:hidden;
max-height:30px;
transition:max-height 0.2s ease-in-out;
-webkit-transition:max-height 0.2s ease-in-out;
-moz-transition:max-height 0.2s ease-in-out;
-ms-transition:max-height 0.2s ease-in-out;
-o-transition:max-height 0.2s ease-in-out;
line-height:1.4;
font-size:0.875em
}
@media (min-width: 1120px) {
#navbar.fixed,#navbar.shadow_bottom {
-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2);
box-shadow:0px 0px 8px rgba(0,0,0,0.2)
}
#navbar.fixed #menuextras li a,#navbar.shadow_bottom #menuextras li a {
padding-top:9px;
height:50px
}
#navbar.fixed #menuextras li a span,#navbar.shadow_bottom #menuextras li a span {
max-height:0
}
#navbar.fixed #menuextras li a:before,#navbar.shadow_bottom #menuextras li a:before {
font-size:30px
}
#navbar.fixed #mainmenu li a {
height:50px;
padding:14px 0.7em
}
#navbar.fixed #mainmenu li a:hover {
border-bottom:4px solid #5caa15
}
#navbar.fixed .navbar-toggle {
padding:13px 14px 9px
}
#navbar.fixed #menuextras li.navbar-search {
padding:0px 0
}
#navbar.fixed #menuextras ul.menuextraslinks,#navbar.fixed #menuextras ul.menuextraslanguages {
display:none
}
#navbar.fixed .navbar-oneQt:before {
font-size:35px;
top:7px
}
#navbar.fixed #mainmenu li.current-menu-item a {
border-bottom:4px solid #80C342
}
}
@media (max-width: 1120px) {
#navbar {
padding:0;
position:relative
}
#navbar .container {
max-width:100%
}
#navbar .menuextraslanguages {
bottom:10px !important;
right:0
}
#navbar .menuextraslanguages li a {
color:#7fc241 !important
}
#navbar .menuextraslanguages li.active a,#navbar .menuextraslanguages li a:hover {
border-color:#7fc241 !important
}
#navbar .container {
padding:0
}
#navbar .navbar-toggle {
display:block
}
#navbar .navbar-oneQt,#navbar.fixed .navbar-oneQt,#navbar .navbar-oneQt:hover {
margin-left:0;
height:26px;
width:22px;
padding:7px 20px 7px 15px
}
#navbar .navbar-oneQt:before {
left:20px
}
#navbar .navbar-menu {
max-height:0;
overflow:hidden;
width:100%;
border-top:1px solid #eee;
-webkit-transition:all 600ms ease-in-out;
-moz-transition:all 600ms ease-in-out;
-o-transition:all 600ms ease-in-out;
transition:all 600ms ease-in-out;
position:relative
}
#mainmenu {
float:none;
width:100%;
padding:0;
margin:0
}
#mainmenu li {
float:none;
list-style:none
}
#mainmenu li:nth-child(odd) {
background:rgba(0,0,0,0)
}
#mainmenu li a,#navbar.fixed #mainmenu li a {
padding:10px;
border-left:3px solid #fff;
height:auto;
width:100%
}
#mainmenu li.current-menu-item a,#navbar.fixed #mainmenu li.current-menu-item a {
border-bottom:none;
border-left:3px solid #5caa15;
padding:10px
}
#mainmenu li a:hover {
border-bottom:0;
padding:10px;
border-left:3px solid #5caa15
}
#navbar.fixed {
-moz-box-shadow:0px 0px 0px rgba(0,0,0,0);
-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
box-shadow:0px 0px 0px rgba(0,0,0,0)
}
.lt-ie9 #navbar.fixed {
border-bottom:none
}
#menuextras li.navbar-search {
padding:5px 0
}
#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%;
background:#eeeeee
}
.in-page-nav ul {
margin:0 auto;
letter-spacing:-0.31em;
max-width:1180px;
text-align:center
}
.in-page-nav ul li {
display:inline-block;
letter-spacing:normal
}
.in-page-nav ul li a {
color:#26282a;
padding:25px 10px;
display:inline-block
}
body.qt-account #navbar .navbar-oneQt {
width:auto;
height:auto
}
body.qt-account #navbar .navbar-oneQt:before {
left:0;
position:relative;
display:inline-block;
vertical-align:middle;
top:0;
margin-right:20px
}
body.qt-account #navbar .navbar-oneQt h2 {
margin:0;
color:#000;
display:inline-block;
vertical-align:middle
}
.landing header[role="banner"] {
background:#26282a
}
.landing header[role="banner"] figure {
max-width:1180px;
margin:auto;
position:relative
}
.landing header[role="banner"] figure img {
max-width:100%
}
.landing header[role="banner"] figcaption {
color:#fff;
position:absolute;
left:0px;
width:100%;
text-align:center
}
.landing header[role="banner"] figcaption.top {
top:0
}
.landing header[role="banner"] figcaption.bottom {
bottom:0
}
.landing header[role="banner"] figcaption h1 {
margin:50px auto 0 auto;
max-width:70%;
font-weight:600
}
.landing header[role="banner"] figcaption h3 {
margin-bottom:40px
}
.cookies_yum {
background-color:#d6d6d6;
display:none;
line-height:1.625em;
width:100%
}
.cookies_yum img {
width:25px;
top:6px;
display:inline-block;
position:absolute;
left:6px
}
.cookies_yum div {
margin:0 auto;
max-width:1280px;
min-height:30px;
padding:6px 0px 6px 0px;
position:relative
}
.cookies_yum p {
color:#585a5c;
margin:0px;
font-size:0.79em;
display:inline-block;
line-height:1.2;
padding:0 30px 0 50px
}
.cookies_yum p a {
white-space:nowrap
}
.cookies_yum a:hover {
color:white
}
.cookies_yum .close {
width:15px;
height:15px;
background-image:url("cookiebar-x.png");
background-size:15px 30px;
background-position:top left;
cursor:pointer;
top:13px;
right:13px;
position:absolute;
transition:none;
}
#sidebar-toggle,#toc-toggle {
width:24px;
height:14px;
background-size:24px 28px;
cursor:pointer;
background-image:url("list_expand.png");
float:right
}
#sidebar-toggle.collapsed,
#toc-toggle.collapsed {
background-position:bottom left
}
#sidebar-content > h2 {
display:none
}
.cookies_yum .close:hover {
background-position:bottom left
}
#bottom_header {
display:block;
position:absolute;
width:100%;
z-index:50;
padding-top:15px
}
#bottom_header .container {
overflow:visible
}
#bottom_header .left {
font-weight:bolder
}
#bottom_header a {
color:white;
transition-duration:0.3s
}
#bottom_header .left a:hover {
padding-left:10px
}
.fixed .menuextraslanguages {
opacity:0;
visibility:hidden
}
@media (max-width: 1120px) {
.fixed .menuextraslanguages {
opacity:1 !important;
visibility:visible !important
}
}
#navbar .menuextraslanguages {
position:absolute;
right:0;
bottom:-35px;
transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out
}
#navbar .menuextraslanguages li {
display:inline;
list-style:none;
margin-left:3px;
padding:0px 4px;
font-size:0.6875em
}
#navbar .menuextraslanguages li.dark a {
color:#868482
}
#navbar .menuextraslanguages li.dark a:hover {
border:2px solid #868482
}
#navbar .menuextraslanguages li.active.dark a {
border-color:#868482;
color:#868482
}
#navbar .menuextraslanguages a {
color:#fff;
padding:2px 4px;
border:2px solid transparent
}
#navbar .menuextraslanguages a:hover,#navbar .menuextraslanguages li.active a {
border:2px solid #fff;
color:#fff
}
#bottom_header .dark,#bottom_header .dark.active {
color:#868482;
transition-duration:0.3s;
border-color:#868482 !important
}
#navbar .big_bar {
width:100%;
height:100px;
background-color:#80C342;
display:none;
position:relative
}
#navbar .big_bar.search {
height:auto;
overflow:hidden;
display:none
}
#navbar .big_bar ::-webkit-input-placeholder {
color:#fff
}
#navbar .big_bar :-moz-input-placeholder {
color:#fff
}
#navbar .big_bar ::-moz-input-placeholder {
color:#fff
}
#navbar .big_bar :-ms-input-placeholder {
color:#fff
}
#navbar .big_bar:hover>div .big_bar_button.account {
background-position:right bottom
}
#navbar .big_bar.account h1 {
padding-top:20px
}
#navbar .big_bar.account h1,#navbar .big_bar.account h1 a {
color:#FFF;
margin-bottom:5px
}
#navbar .big_bar.account h1 a:hover {
color:#328930
}
#navbar .big_bar_button:hover {
background-position:left bottom;
cursor:pointer
}
#navbar .big_bar_button.account {
background-position:right top
}
#navbar .big_bar input.big_bar_search {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#fff;
display:block;
float:left;
font-size:4em;
outline:0 none;
width:70%;
line-height:1.3;
height:auto;
margin:10px 5%;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
*behavior:url(boxsizing.htc)
}
#navbar .big_bar_button {
background-color:transparent;
border:none;
width:18%;
transition-duration:0.3s;
display:block;
float:left;
position:relative;
font-family:'QT Icons';
font-size:3.5em;
color:#fff;
margin:15px 2% 0 0 !important;
text-align:right;
padding-right:2px !important;
transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out
}
#navbar .big_bar_button:focus,#navbar .big_bar_button:hover {
outline:0;
color:#ebebeb
}
.hero_slide>div {
width:80%;
margin:0 auto
}
.hero_slide>div:first-child>div {
width:80%;
margin:0 auto
}
.hero_slide .content {
margin-top:70px
}
.hero_bar {
padding-top:50px;
padding-bottom:18px
}
.hero_bar p {
font-size:0.875em;
text-align:center
}
.hero_bar .arrow {
bottom:65px;
display:block;
margin:0 auto;
position:relative;
right:260px;
width:230px
}
.hero_bar .comment {
margin:0
}
#footerbar {
background:#26282a;
color:#fff
}
#footerbar.fixed {
bottom:0;
left:0;
width:100%
}
#footerbar .footer-nav {
display:inline;
float:left
}
#footerbar .footer-main .footer-nav li {
float:left;
margin-right:1em
}
#footerbar .footer-main .footer-nav li a {
display:block;
padding:31px 10px 15px 0;
line-height:20px;
height:20px;
color:#d6d6d6
}
#footerbar .footer-main .footer-nav li a:hover,#footerbar .footer-main .footer-nav li.current-menu-item a {
color:#eee
}
#footerbar .footer-main .footer-nav .sub-menu {
margin-left:0;
margin-bottom:0
}
#footerbar .footer-main .footer-nav .sub-menu li {
float:none
}
#footerbar .footer-main .footer-nav .sub-menu ul {
padding:1px 1em;
font-size:0.786em;
line-height:8px;
float:none;
color:#5d5b59;
margin-bottom:0
}
#footerbar .footer-main .footer-nav .sub-menu li a {
padding:1px 0;
font-size:0.786em;
line-height:8px;
float:none;
color:#d6d6d6
}
#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 .theqtcompany {
background:url("theqtcompany.png") no-repeat;
background-size:100%;
width:215px;
height:68px;
display:inline;
float:right;
margin:29px 0 28px 30px
}
#footerbar .footer-social {
display:inline;
float:right;
padding-top:31px;
width:164px
}
#footerbar .footer-main .footer-social>div {
margin-left:0.1em;
margin-bottom:10px
}
#footerbar .disclaimer {
font-size:0.786em;
line-height:2.73;
color:#868584;
padding-top:20px;
padding-bottom:0.5%
}
#footerbar .disclaimer a {
color:#bdbebf
}
#footerbar .disclaimer a:hover {
color:#d6d6d6
}
#footerbar .disclaimer ul li {
float:left;
vertical-align:middle;
margin-left:1.18em
}
#footerbar .disclaimer ul li:first-child {
margin-left:0
}
#footerbar .disclaimer ul.lang-selector a {
color:#506a34;
color:rgba(128,195,66,0.3)
}
#footerbar .disclaimer ul.lang-selector a:hover {
color:#80c342;
color:rgba(128,195,66,0.7)
}
#menu-footer-menu, #menu-footer-menu ul {
margin-left:0;
margin-bottom:0
}
@font-face {
font-family:'Open Sans';
font-style:normal;
font-weight:300;
src:local("Open Sans Light"),local("OpenSans-Light"),url(//fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
}
@font-face {
font-family:'Open Sans';
font-style:normal;
font-weight:400;
src:local("Open Sans"),local("OpenSans"),url(//fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype")
}
@font-face {
font-family:'Open Sans';
font-style:normal;
font-weight:600;
src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(//fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
}
@font-face {
font-family:'Open Sans';
font-style:normal;
font-weight:700;
src:local("Open Sans Bold"),local("OpenSans-Bold"),url(//fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
}
@font-face {
font-family:'Open Sans';
font-style:normal;
font-weight:800;
src:local("Open Sans Extrabold"),local("OpenSans-Extrabold"),url(//fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
}
@font-face {
font-family:'Droid Sans Mono';
font-style:normal;
font-weight:400;
src:local("Droid Sans Mono"),local("DroidSansMono"),url(//fonts.gstatic.com/s/droidsansmono/v7/ns-m2xQYezAtqh7ai59hJUYuTAAIFFn5GTWtryCmBQ4.woff) format("woff")
}
@font-face {
font-family:'Qt Icons';
src:url("../style/icomoon.eot?-tgjuoj");
src:url("../style/icomoon.eot?#iefix-tgjuoj") format("embedded-opentype"),url("../style/icomoon.woff?-tgjuoj") format("woff"),url("../style/icomoon.ttf?-tgjuoj") format("truetype"),url("../style/icomoon.svg?-tgjuoj#icomoon") format("svg");
font-weight:normal;
font-style:normal
}
.clearfix:before,.clearfix:after {
content:" ";
display:table
}
.clearfix:after {
clear:both
}
.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,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;
border:0;
font-size:100%
}
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,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
vertical-align:baseline
}
body {
font-family:Open Sans, Arial, Helvetica, sans-serif;
line-height:1.5;
font-weight:400
}
h1,h2,h3,h4,h5,h6 {
font-weight:300
}
.context h2,.context h3,.context h4,.context h5,.context h6 {
margin:1.5em 0 1em
}
.context h1 {
margin-bottom:1em;
font-size:3.125em
}
.context h3.fn,.context h3.flags {
color:#26282a;
font-size:1.46em;
padding:15px 0 15px 0;
border-bottom:2px #eee solid;
word-wrap:break-word
}
.context h3.fn .name,
.context h3 span.type,
.qmlname span.name {
font-weight: 400
}
.qmlname {
font-size:1.46em
}
.qmlproto table {
border:none;
border-bottom:2px #eee solid
}
.qmlproto table p {
max-width:100%
}
.qmlproto table tr {
background-color:#fff
}
.qmlname td, .qmlname th {
border:none;
text-align:left;
padding:5px 0 0 0
}
.qmlreadonly,.qmldefault {
padding:0 5px 0 5px;
font-size:0.75em;
background-color:#eee;
float:right
}
.qmlreadonly {
color:#414141
}
.qmldefault {
color:#D14141
}
.rightAlign {
padding:3px 5px 3px 10px;
text-align:right
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}
body {
line-height:1;
font-family:"Open Sans", Arial, Helvetica, sans-serif;
transition-duration:1s
}
ol,ul {
list-style:none
}
.context ol,.context ul {
margin-top:0.75em;
margin-left:20px
}
.mainContent ol>li {
list-style-type:decimal
}
blockquote,q {
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none;
width:100%
}
table {
border-collapse:collapse;
border-spacing:0;
margin-bottom:25px;
width:100%
}
a {
color:#5caa15;
text-decoration:none;
transition-duration:0.3s
}
a:hover {
color:#46a2da
}
.main,.navbar-header,#footerbar>div {
max-width:1280px;
width:95%;
margin:0 auto
}
.main {
margin-top:100px
}
.main_index {
background-color:#fff
}
.sectionlist {
margin-bottom:2em
}
[class*="col-"] {
letter-spacing:normal
}
.landing,.main_index .row {
letter-spacing:-0.31em
}
.main_index .row>div {
letter-spacing:normal
}
.col-1,.context {
width:80%;
display:inline-block;
background-color:#fff;
padding:35px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box
}
.col-1 h2 {
font-size:2.1875em;
font-weight:300;
line-height:1.1;
margin-bottom:0.83em;
margin-top:1em
}
.icons1of3 img {
display:inline-block;
float:left;
margin-right:0.75em;
margin-top:-5px;
width:2.75em
}
div.multi-column {
position:relative
}
div.multi-column div {
display:-moz-inline-box;
display:inline-block;
vertical-align:top;
margin-top:1em;
margin-right:2em;
width:16em
}
.sidebar {
display:block;
float:right;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
width:20%;
padding-left:30px
}
.toc,.sectionlist {
padding:35px;
background-color:#fff;
margin-bottom:2em
}
.sidebar-content:empty {
display:none;
visibility:hidden
}
.col-2 h2,.toc h3,.sidebar-content h2,.sidebar-content h3,.sectionlist h2 {
font-weight:400;
margin-bottom:2em
}
.toc h3 a {
color:#404244
}
.title {
font-size:3em;
font-weight:300;
letter-spacing:-1px;
line-height:1.15em;
margin-bottom:0.5em;
word-wrap:break-word
}
.navigationbar,col-1 h2 {
font-size:0.75em
}
.navigationbar h1 {
font-size:3.125em;
margin-bottom:1em;
margin-top:1em
}
.navigationbar li {
display:inline-block;
margin-right:5px;
position:relative;
padding-right:10px;
color:#585a5c
}
.navigationbar li a {
color:#58585c
}
body {
background-color:#eee;
color:#404244
}
.sectionlist li {
margin-bottom:5px
}
dd {
padding-bottom:0.25em;
padding-left:2em
}
.col-1 ul {
margin-bottom:1.56em
}
.mainContent li {
margin-top:0.8em;
line-height:1.25em
}
.mainContent li.level2 {
margin-left:10px;
margin-top:0.4em;
font-size:0.9375em;
line-height:1.15em;
}
.mainContent p {
line-height:1.56em;
margin-bottom:1.5em;
color:#404244;
max-width:85%
}
.mainContent b {
font-weight:600
}
.context ul,.context ol {
margin-bottom:1.5em
}
.mainContent ul ul {
margin-top:0.5em
}
.mainContent .naviNextPrevious {
margin-top:25px;
max-width:100%
}
.naviNextPrevious.headerNavi {
display:none
}
.nextPage {
float:right
}
.prevPage:before {
content:"< "
}
.nextPage:after {
content:" >"
}
.navigationbar li:after {
color:#404244;
content:"";
display:inline-block;
font-size:1.5em;
line-height:1;
position:absolute;
right:-2px;
top:-4px
}
.navigationbar ul:last li a {
color:#80c342
}
.sub-navigation {
margin-top:10px
}
.navigationbar li:last-child:after,.sub-navigation li:after {
content:none
}
.navigationbar {
margin-bottom:10px
}
#buildversion {
font-style:italic;
font-size:small;
float:right
}
.copy-notice {
width:65%;
font-size:0.75em;
margin-top:50px;
margin-bottom:25px;
line-height:1.75em;
color:#585a5c
}
li a.active {
color:#585a5c
}
.flowList {
padding:25px
}
.alphaChar {
font-size:2em;
position:absolute
}
.flowList.odd {
background-color:#f9f9f9
}
.context ul>li,.doc-column ul>li {
list-style-image:url("list_arrow.png");
margin-left:15px;
color:#404244;
line-height:1.16em
}
.mainContent table p {
margin:0px;
padding:0px
}
.mainContent table p {
margin:0px;
padding:0px;
min-height:2em
}
.context h2 {
font-size:2.1875em
}
.context h3 {
font-size:1.75em
}
.context h4 {
font-size:1.375em
}
.context p img {
margin-top:0.75em;
max-width:100%
}
.context table {
vertical-align:initial
}
table .odd {
background-color:#f9f9f9
}
table thead {
text-align:left;
padding-left:20px
}
table,table td,table th {
border:1px solid #eee
}
table td,table th {
padding:5px 20px;
line-height:1.3
}
table.alignedsummary,table.propsummary {
width:initial
}
div.main_index .row {
border-bottom:1px solid #eee
}
div.main_index .row {
position:relative
}
div.main_index .row>div {
display:inline-block;
width:50%;
vertical-align:top;
padding:50px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box
}
div.main_index h2 {
font-size:2.1875em;
margin-bottom:1em
}
#search_bar {
width:40%;
float:right
}
div.main_index .row:after {
content:"";
position:absolute;
top:0;
right:50%;
height:100%;
width:1px;
background-color:#eee
}
div.table {
overflow-x:auto
}
.context tr > td > pre {
font-size:0.85em
}
p.qt_commercial {
border:3px solid #5caa15;
margin:0 auto;
padding:15px;
width:28%;
text-align:center;
clear:both
}
h1.qt_commercial {
padding:20px;
background-color:#5caa15;
display:inline;
float:right;
font-size:1.25em;
line-height:1.25em;
height:1.25em;
color:#fff
}
div.qt_commercial {
border-top:5px solid #5caa15;
margin-bottom:50px
}
pre {
background-color:#404244;
color:#fff;
display:block;
font-family:"Droid Sans Mono";
line-height:1.5;
overflow-x:auto;
margin-bottom:25px;
padding:25px;
margin-top:0.75em
}
.copy_text {
background-color:#46a2da;
color:#fff;
border:2px solid #46a2da;
padding:10px 16px;
margin-left:-10px;
margin-top:-50px;
position:absolute;
opacity:0;
cursor:pointer;
float:right
}
.copy_text:hover {
background-color:#fff;
color:#46a2da
}
code,.codelike {
font-family:"Droid Sans Mono"
}
h3.fn code {
font-size:0.75em;
float:right;
background-color:#eee;
padding:3px;
margin: 3px 0 0 20px
}
pre:hover>.copy_text {
display:inline-block;
opacity:1;
transition:0.5s ease
}
#main_title_bar {
letter-spacing:-0.31em
}
#main_title_bar .search_bar {
letter-spacing:normal;
width:50%;
display:inline-block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
vertical-align:middle
}
#main_title_bar h1 {
letter-spacing:normal;
width:50%;
display:inline-block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
vertical-align:middle
}
#main_title_bar .search_bar * {
letter-spacing:normal;
padding:0;
margin:0;
border:none
}
#sidebar-toggle,#toc-toggle {
display:none
}
@media (max-width: 980px) {
body {
font-size:calc-em(14px)
}
#main_title_bar {
letter-spacing:-0.31em;
width:100%
}
#main_title_bar>h1,#main_title_bar .search_bar {
display:block;
width:100%
}
#main_title_bar .search_bar {
margin-bottom:15px
}
.main {
margin-top:0px
}
.main_index .row {
border:none !important
}
.title {
font-size:1.5em;
font-weight:400;
word-wrap:break-word
}
.col-1,.context,.naviNextPrevious,.sidebar {
padding:10px
}
.sidebar {
padding-top:0
}
.search .sidebar {
display:none;
visibility:hidden
}
.col-2 h2,.toc h3,.sidebar-content h2,.sidebar-content h3,.sectionlist h2 {
text-align:center;
margin-bottom:0
}
div.main_index .row:after {
content:none
}
div.main_index .row>div {
display:block !important;
width:100%;
padding:0;
margin:0
}
.context,.sidebar,.col-1 {
width:100%
}
.main_index h2,h1 {
text-align:center
}
.context h4,.context h3,.context h2 {
text-align:center
}
.sidebar-content,.col-2,.toc {
background-color:#fff;
margin-bottom:1em;
padding:20px
}
#sidebar-toggle,#toc-toggle {
display:block
}
#sidebar-toggle.collapsed + h2 {
display:block
}
.mainContent p {
line-height:1.56em;
margin-bottom:1em;
max-width:100%
}
table td,table th {
padding:5px 5px
}
.sectionlist {
padding:0
}
}
[id]:target,[name]:target,[name]:target+* {
-webkit-animation:highlighter 3s;
animation:highlighter 3s
}
@-webkit-keyframes highlighter {
25% {
background-color:#d1e8f6;
color:#444
}
75% {
background-color:#d1e8f6;
color:#444
}
}
@keyframes highlighter {
25% {
background-color:#d1e8f6;
color:#444
}
75% {
background-color:#d1e8f6;
color:#444
}
}
@-webkit-keyframes copypaste {
25% {
opacity:1
}
100% {
border-radius:10px;
margin-top:-50px;
opacity:1
}
}
@keyframes copypaste {
25% {
opacity:1
}
100% {
border-radius:10px;
margin-top:-50px;
opacity:1
}
}
#footer {
clear:both
}
.menuextraslanguages {
display:none;
visibility:hidden
}
form.gsc-search-box {
font-size: 25px !important;
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 4px !important;
margin-left: 0 !important;
width: 100% !important;
}
table.gsc-search-box {
border-style: none !important;
border-width: 0 !important;
border-spacing: 0 0 !important;
width: 100% !important;
margin-bottom: 2px !important;
}
table.gsc-search-box td {
vertical-align: middle !important;
}
table.gsc-search-box td.gsc-input {
padding-right: 0px !important;
}
table.gsc-search-box td.gsc-input input {
background-position: 15px center !important;
}
td.gsc-search-button {
width: 1% !important;
}
td.gsc-clear-button {
width: 14px !important;
visibility:hidden !important;
display:none !important;
}
table.gsc-branding td,
table.gsc-branding {
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
border: none !important;
}
table.gsc-branding {
border-style: none !important;
border-width: 0 !important;
border-spacing: 0 0 !important;
width: 100% !important;
}
.gsc-branding-text {
color: #676767 !important;
}
td.gsc-branding-text {
vertical-align: top !important;
}
td.gsc-branding-text div.gsc-branding-text {
padding-bottom: 2px !important;
text-align: right !important;
font-size: 11px !important;
margin-right: 2px !important;
}
td.gsc-branding-img {
width: 65px !important;
vertical-align: bottom !important;
}
img.gsc-branding-img {
padding-top: 1px !important;
margin: 0 0 0 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
padding-bottom: 0 !important;
border: none !important;
display: inline !important;
}
input.gsc-search-button {
background-color: white !important;
height: 35px !important;
width: 25px !important;
color: transparent !important;
background-image: url("doc_search.png") !important;
background-size: 25px auto;
background-position: 0px 5px;
background-repeat: no-repeat;
margin-left: -43px !important;
overflow: hidden;
min-width: 20px !important;
}
input.gsc-search-button:hover {
cursor: pointer;
}
input.gsc-search-button:focus {
outline: none;
box-shadow: none;
}
.gsc-search-box-tools .gsc-clear-button {
display: none !important;
visibility: none !important;
}
.gsc-overflow-hidden {
overflow: hidden !important;
}
input.gsc-input {
background-color: #fff !important;
border: 1px solid #d6d6d6 !important;
border-radius: 5px !important;
box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
color: #868482 !important;
outline: 0 none !important;
padding: 9px 10px 10px !important;
transition: color 0.5s ease 0s, box-shadow 0.5s ease 0s, background-color 0.5s ease 0s !important;
}
input {
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
line-height: 1.5 !important;
font-weight: 300 !important;
vertical-align:middle
}
input:focus {
border-color: #46a2da;
box-shadow: 0 0 5px #46a2da;
color: #000;
}
a.qa-mark:target:before {
content: "***";
color: #ff0000;
}