/* Meyers global reset */ 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; border:0; font-size:100%; font:inherit; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } /* HTML5 display-role reset for older browsers */ body { line-height:1 } ol, ul { list-style:none } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none } table { border-collapse: collapse; border-spacing: 0 } /* Defaults */ abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help } table { border-collapse:collapse; border-spacing:0 } input, textarea, select { outline:none; vertical-align:middle } html { position:relative; height:100% } body { position:relative; height:100%; margin:0; font:16px/24px 'Open Sans',sans-serif; color:#000; -webkit-font-smoothing: subpixel-antialiased; } a, button, input[type=submit] { -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } /* Sphinx resets */ .headerlink { visibility:hidden; display:inline; margin-left:10px; color:#999 !important } h1:hover .headerlink, h2:hover .headerlink, h3:hover .headerlink, h4:hover .headerlink, h5:hover .headerlink, h6:hover .headerlink { visibility:visible } /* container – sticky footer */ .page > .container { min-height:100%; margin-bottom:-40px } /* header */ .page > .container > header { float:left; width:100%; z-index:100; background:#fff } .page > .container > header > .wrapper { position:relative; width:1145px; margin:0 auto; } .page > .container > header > .wrapper .logo { float:left; margin:15px 0 0 0; text-decoration:none; } .page > .container > header > .wrapper .logo img { float:left; } .page > .container > header > .wrapper .logo .text { position:relative; z-index:200; float:left; margin:12px 0 0 17px; font-size:18px; color:#999; text-decoration:none; } .page > .container > header > .wrapper .search { position:relative; float:right; margin:18px 0 0 0 } .page > .container > header > .wrapper .search input { width:240px; height:30px; padding-left:30px; box-sizing:border-box; border:1px solid #c8c8c8; font-family:'Open Sans',sans-serif; font-size:14px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > header > .wrapper .search:before { content:''; position:absolute; top:7px; left:8px; width:16px; height:16px; background:url(../images/icons.png) no-repeat -118px -45px } .page > .container > header > .wrapper .search i { opacity:0; position:absolute; top:7px; left:8px; width:16px; height:16px; background:url(../images/icons.png) no-repeat -118px -65px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > header > .wrapper .search input:focus { outline:none; border-color:#141414; color:#141414; } .page > .container > header > .wrapper .search input:focus ~ i { opacity:1 } .page > .container > header > .wrapper .search input::-webkit-input-placeholder { color:#999 } .page > .container > header > .wrapper .search input:-moz-placeholder { color:#999; opacity:1 } .page > .container > header > .wrapper .search input::-moz-placeholder { color:#999; opacity:1 } .page > .container > header > .wrapper .search input:-ms-input-placeholder { color:#999 } .page > .container > header > .wrapper .sticky-blocks { display:none; } .page.frontpage > .container > header > .wrapper { width:640px } .page.frontpage > .container > header > .wrapper .logo { margin-top:65px; } .page.frontpage > .container > header > .wrapper .logo .text { clear:left; margin:11px 0 0 0 } .page.inner.sticky-header { padding-top:51px } .page.inner.sticky-header > .container > header { position:fixed; top:0; height:109px; box-shadow:0 5px 0 rgba(0,0,0,.05); border-bottom:1px solid #ccc } .page.inner.sticky-header > .container > header .sticky-blocks { display:block } .page.inner.sticky-header > .container > header .sticky-blocks .guide-title { position:absolute; top:77px; left:0; text-indent:47px; font-size:12px; color:#141414; text-decoration:none; } .page.inner.sticky-header > .container > header .sticky-blocks .guide-title:before { content:''; position:absolute; top:9px; left:0; width:12px; height:7px; background:url(../images/icons.png) no-repeat 0 -50px } .page.inner.sticky-header > .container > header .sticky-blocks .guide-title:after { content:''; position:absolute; top:7px; left:30px; width:9px; height:12px; background:url(../images/icons.png) no-repeat -138px -50px } .page.inner.sticky-header > .container > header .sticky-blocks .page-title { position:absolute; top:77px; left:403px; right:0; font-size:12px; text-align:center; color:#141414 } .page.inner.sticky-header > .container > header .sticky-blocks .controls { position:absolute; z-index:2; top:77px; left:403px; right:0 } .page.inner.sticky-header > .container > header .sticky-blocks .controls .prev { position:relative; float:left; padding-left:22px; font-size:12px; color:#999; text-decoration:none; } .page.inner.sticky-header > .container > header .sticky-blocks .controls .prev:before { content:''; position:absolute; top:7px; left:0; width:11px; height:10px; background:url(../images/icons.png) no-repeat -60px -50px } .page.inner.sticky-header > .container > header .sticky-blocks .controls .prev:after { content:''; opacity:0; position:absolute; top:7px; left:0; width:11px; height:10px; background:url(../images/icons.png) no-repeat -60px -67px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page.inner.sticky-header > .container > header .sticky-blocks .controls .prev:hover { color:#141414; } .page.inner.sticky-header > .container > header .sticky-blocks .controls .prev:hover:after { opacity:1 } .page.inner.sticky-header > .container > header .sticky-blocks .controls .next { position:relative; float:right; padding-right:22px; font-size:12px; color:#999; text-decoration:none; } .page.inner.sticky-header > .container > header .sticky-blocks .controls .next:before { content:''; position:absolute; top:7px; right:0; width:11px; height:10px; background:url(../images/icons.png) no-repeat -77px -50px } .page.inner.sticky-header > .container > header .sticky-blocks .controls .next:after { content:''; opacity:0; position:absolute; top:7px; right:0; width:11px; height:10px; background:url(../images/icons.png) no-repeat -77px -67px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page.inner.sticky-header > .container > header .sticky-blocks .controls .next:hover { color:#141414 } .page.inner.sticky-header > .container > header .sticky-blocks .controls .next:hover:after { opacity:1 } /* main */ .page > .container > .main { float:left; width:100%; margin-bottom:45px; background:#fff } .page > .container > .main > .wrapper { position:relative; width:1145px; margin:0 auto; } .page > .container > .main > .wrapper > .search-box { float:left; width:100%; margin-top:110px } .page > .container > .main > .wrapper > .search-box form { position:relative; margin:0 auto; width:640px; } .page > .container > .main > .wrapper > .search-box .search { float:left; width:600px; height:58px; padding:0 20px; border:1px solid #999; font:18px 'Open Sans',sans-serif; color:#141414; } .page > .container > .main > .wrapper > .search-box .send { display:block; position:absolute; z-index:2; top:0px; right:6px; padding:0 9px 0 37px; height:59px; font:14px 'Open Sans',sans-serif; color:#999; border:none; background:transparent; cursor:pointer; } .page > .container > .main > .wrapper > .search-box .search-icon:before { content:''; position:absolute; top:21px; right:72px; width:18px; height:18px; background:url(../images/icons.png) no-repeat -96px 0 } .page > .container > .main > .wrapper > .search-box .search-icon:after { content:''; opacity:0; position:absolute; top:21px; right:72px; width:18px; height:18px; background:url(../images/icons.png) no-repeat -96px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .search-box .search:focus { border-color:#141414 } .page > .container > .main > .wrapper > .search-box .search:focus + .send { color:#141414; } .page > .container > .main > .wrapper > .search-box .search:focus ~ .search-icon:after { opacity:1 } .page > .container > .main > .wrapper > .search-box .search:focus ~ .results { border-color:#141414 !important; } .page > .container > .main > .wrapper > .search-box .results { display:none; opacity:0; position:absolute; z-index:2; top:59px; left:0; width:100%; padding-bottom:17px; background:#fff; border:1px solid #999; border-top:none } .page > .container > .main > .wrapper > .search-box .results:before { content:''; position:absolute; top:0; left:18px; right:18px; height:1px; background:#999 } .page > .container > .main > .wrapper > .search-box .results .category { float:left; clear:left; width:100%; margin:17px 0 0 40px } .page > .container > .main > .wrapper > .search-box .results .category .title { position:relative; font-size:12px; color:#999; } .page > .container > .main > .wrapper > .search-box .results .category .title:before { content:''; position:absolute; top:5px; left:-20px; width:10px; height:12px; background:url(../images/icons.png) no-repeat -315px 0 } .page > .container > .main > .wrapper > .search-box .results .category .title a { display:inline-block; line-height:17px; color:#999; text-decoration:none; border-bottom:1px solid transparent } .page > .container > .main > .wrapper > .search-box .results .category .title a:hover { color:#141414; border-color:#141414; } .page > .container > .main > .wrapper > .search-box .results .category ul { float:left; clear:left; } .page > .container > .main > .wrapper > .search-box .results .category ul li { display:block; float:left; clear:left; margin-top:8px } .page > .container > .main > .wrapper > .search-box .results .category ul li a { display:inline-block; line-height:19px; font-size:14px; color:#141414; text-decoration:none; border-bottom:1px solid transparent } .page > .container > .main > .wrapper > .search-box .results .category ul li a:hover { border-color:#141414; } .page > .container > .main > .wrapper > .search-box .results .category ul li a span { position:relative; } .page > .container > .main > .wrapper > .search-box .results .category ul li a span:before { content:''; position:absolute; z-index:-1; top:0; left:-3px; right:-3px; bottom:0; background:#ffedcc } .page > .container > .main > .wrapper > .search-box .results .more { position:relative; display:inline-block; float:left; clear:left; margin:18px 0 0 41px; font-size:12px; line-height:19px; color:#999; text-decoration:none; border-bottom:1px solid transparent } .page > .container > .main > .wrapper > .search-box .results .more:before { content:''; position:absolute; top:9px; left:-21px; width:12px; height:3px; background:url(../images/icons.png) no-repeat -233px 0 } .page > .container > .main > .wrapper > .search-box .results .more:after { content:''; opacity:0; position:absolute; top:9px; left:-21px; width:12px; height:3px; background:url(../images/icons.png) no-repeat -233px -7px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .search-box .results .more:hover { color:#141414; border-color:#141414; } .page > .container > .main > .wrapper > .search-box .results .more:hover:after { opacity:1 } .page > .container > .main > .wrapper > .search-box.suggests-active .search { border-bottom:none; } .page > .container > .main > .wrapper > .search-box.suggests-active .results { display:block; opacity:1 } .page.frontpage > .container > .main > .wrapper > .search-box { margin-top:60px; } .page.search > .container > .main > .wrapper > .search-box { margin-top:40px; } .page.search > .container > .main > .wrapper > .search-box form { margin:0 } .page.search > .container > .main > .wrapper > .results { float:left; clear:left; width:100% } .page.search > .container > .main > .wrapper > .results > h2 { display:none; } .page.search > .container > .main > .wrapper > .results > p { float:left; width:100%; margin-top:36px; padding-right:100px; font-size:18px; line-height:26px; box-sizing:border-box; } .page.search > .container > .main > .wrapper > .results > .search { float:left; clear:left; width:100%; margin:30px 0 5px 0 } .page.search > .container > .main > .wrapper > .results > .search .title { position:relative; float:left; width:100%; font-size:14px; color:#999; text-indent:20px } .page.search > .container > .main > .wrapper > .results > .search .title:before { content:''; position:absolute; top:5px; left:0; width:10px; height:12px; background:url(../images/icons.png) no-repeat -315px 0 } .page.search > .container > .main > .wrapper > .results > .search .title a { display:inline-block; line-height:19px; color:#999; text-decoration:none; text-indent:0; border-bottom:1px solid transparent } .page.search > .container > .main > .wrapper > .results > .search .title a:hover { color:#141414; border-color:#141414; } .page.search > .container > .main > .wrapper > .results > .search li { display:block; float:left; clear:left; margin-bottom:20px } .page.search > .container > .main > .wrapper > .results > .search li > a { font-size:18px; color:#141414; text-decoration:none; border-bottom:1px solid transparent } .page.search > .container > .main > .wrapper > .results > .search li > a:hover { border-color:#141414; } .page.search > .container > .main > .wrapper > .results > .search li > a span { position:relative; } .page.search > .container > .main > .wrapper > .results > .search li > a span:before { content:''; position:absolute; z-index:-1; top:0; left:-3px; right:-3px; bottom:0; background:#ffedcc } .page.search > .container > .main > .wrapper > .results > .search li .context { position:relative; z-index:1; margin:35px 0 20px 20px; width:640px; } .page.search > .container > .main > .wrapper > .results > .search li .context:before, .page.search > .container > .main > .wrapper > .results > .search li .context:after { content:''; position:absolute; top:-14px; left:0; width:12px; height:3px; background:url(../images/icons.png) no-repeat -233px 0 } .page.search > .container > .main > .wrapper > .results > .search li .context:after { top:auto; bottom:-18px; background-position:-233px -7px } .page.search > .container > .main > .wrapper > .results > .search li .context .highlighted { position:relative; display:inline-block; padding:0 3px; } .page.search > .container > .main > .wrapper > .results > .search li .context .highlighted:before { content:''; position:absolute; z-index:-1; top:0; left:0px; right:0px; bottom:0; background:#ffedcc } .page.search > .container > .main > .wrapper > .results:empty { position:relative; min-height:200px } .page.search > .container > .main > .wrapper > .results:empty:before { content:'We will search for your request in all our guides.'; float:left; margin-top:36px; font-size:18px } .page.search > .container > .main > .wrapper > #search-progress { float:left; margin-top:36px; font-size:18px } .page.search > .container > .main > .wrapper > #searchindexloader { display:none; } /* guides */ .page > .container > .main > .wrapper > .guides-lists { display:block; clear:left; width:640px; margin:0 auto; font-size:0; text-align:center; } .page > .container > .main > .wrapper > .guides-lists > .guides { display:inline-block; width:310px; margin-top:70px; vertical-align:top; font-size:18px; text-align:left; } .page > .container > .main > .wrapper > .guides-lists > .guides.guides-virtuozzo { margin-right:20px } .page > .container > .main > .wrapper > .guides-lists.one-col > .guides { width:100% } .page > .container > .main > .wrapper > .guides-lists > .guides .title { float:left; width:100%; margin-bottom:9px; padding-bottom:20px; border-bottom:1px solid #ebebeb; font-size:24px; font-weight:600 } .page > .container > .main > .wrapper > .guides-lists > .guides ul { float:left; clear:left; width:100%; margin-bottom:14px } .page > .container > .main > .wrapper > .guides-lists > .guides ul li { position:relative; display:block; float:left; clear:left; padding:5px 35px 5px 0; white-space:nowrap; font-size:18px; } .page > .container > .main > .wrapper > .guides-lists > .guides ul li .guide { float:left; position:relative; padding-left:31px; text-decoration:none; white-space:nowrap } .page > .container > .main > .wrapper > .guides-lists > .guides ul li .guide:before { content:''; position:absolute; top:4px; left:0; width:14px; height:18px; background:url(../images/icons.png) no-repeat -138px 0 } .page > .container > .main > .wrapper > .guides-lists > .guides ul li .guide:after { content:''; opacity:0; z-index:2; position:absolute; top:4px; left:0; width:14px; height:18px; background:url(../images/icons.png) no-repeat -157px 0; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .guides-lists > .guides ul li .guide a { color:#141414; text-decoration:none; border-bottom:1px solid transparent; white-space:normal; } .page > .container > .main > .wrapper > .guides-lists > .guides ul li:hover .guide a { border-color:#ebebeb; } .page > .container > .main > .wrapper > .guides-lists > .guides ul li .pdf { position:relative; opacity:0; display:inline-block; top:3px; left:3px; width:40px; height:16px; font-size:11px; text-align:center; background:#C13337; text-decoration:none; } .page > .container > .main > .wrapper > .guides-lists > .guides ul li .pdf:before { content:''; position:absolute; top:5px; left:3px; width:9px; height:7px; background:url(../images/icons.png) no-repeat -330px 0 } .page > .container > .main > .wrapper > .guides-lists > .guides ul li .pdf:after { content:'PDF'; position:absolute; top:-4px; right:5px; color:#fff; text-decoration:none } .page > .container > .main > .wrapper > .guides-lists > .guides ul li:hover .pdf { opacity:1 } .page > .container > .main > .wrapper > .guides-lists > .guides ul li:hover .guide:after { opacity:1 } /* sidebar */ .page > .container > .main > .wrapper > .sidebar { float:left; width:365px; margin-top:35px; border-right:1px solid #ebebeb; box-sizing:border-box; } .page > .container > .main > .wrapper > .sidebar > .go-back { position:relative; float:left; margin:-5px 0 0 0; padding-left:18px; font-size:14px; color:#999; text-decoration:none; } .page > .container > .main > .wrapper > .sidebar > .go-back:before { content:''; position:absolute; top:9px; left:0; width:12px; height:7px; background:url(../images/icons.png) no-repeat 0 -50px } .page > .container > .main > .wrapper > .sidebar > .go-back:after { content:''; opacity:0; position:absolute; top:9px; left:0; width:12px; height:7px; background:url(../images/icons.png) no-repeat 0 -60px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .sidebar > .go-back:hover { color:#141414; } .page > .container > .main > .wrapper > .sidebar > .go-back:hover:after { opacity:1 } .page > .container > .main > .wrapper > .sidebar > .title { position:relative; width:100%; float:left; clear:left; margin-top:15px; padding-left:30px; font-size:18px; line-height:24px; font-weight:400; color:#141414; box-sizing:border-box } .page > .container > .main > .wrapper > .sidebar > .title:before { content:''; position:absolute; top:3px; left:0; width:14px; height:18px; background:url(../images/icons.png) no-repeat -138px 0 } .page > .container > .main > .wrapper > .sidebar > .title a { text-decoration:none; color:#141414; } .page > .container > .main > .wrapper > .sidebar > .version { float:left; clear:left; width:100%; margin-top:15px; color:#999; text-indent:30px; font-size:14px } .page > .container > .main > .wrapper > .sidebar > nav { float:left; clear:left; width:100%; margin-top:19px; padding-left:30px; box-sizing:border-box; } .page > .container > .main > .wrapper > .sidebar > nav ul { display:block; position:relative; float:left; clear:left; width:100% } .page > .container > .main > .wrapper > .sidebar > nav ul ul { padding-left:10px; box-sizing:border-box; } .page > .container > .main > .wrapper > .sidebar > nav ul ul:before { content:''; z-index:2; position:absolute; top:-14px; left:-18px; bottom:19px; width:2px; background:#EBEBEB } .page > .container > .main > .wrapper > .sidebar > nav a { position:relative; z-index:3; float:left; clear:left; margin-bottom:10px; padding-right:20px; font-size:14px; line-height:20px; color:#141414; text-decoration:none; box-sizing:border-box; } .page > .container > .main > .wrapper > .sidebar > nav a:hover { color:#000 } .page > .container > .main > .wrapper > .sidebar > nav a.current { color:#fff; } .page > .container > .main > .wrapper > .sidebar > nav a.current:hover { color:#fff; } .page > .container > .main > .wrapper > .sidebar > nav a span b { font-weight:400; color:#999; } .page > .container > .main > .wrapper > .sidebar > nav a span:after { content:''; opacity:0; position:absolute; z-index:-1; top:-2px; left:-7px; width:328px; bottom:-2px; background:#ebebeb } .page > .container > .main > .wrapper > .sidebar > nav a.current span:after { opacity:1; background:#141414; color:#fff; } .page > .container > .main > .wrapper > .sidebar > nav a span:hover:after { opacity:1 } .page > .container > .main > .wrapper > .sidebar > nav > ul > li > a span:after { width:340px } .page > .container > .main > .wrapper > .sidebar > nav > ul > li > ul > li > a span:after { width:331px } .page > .container > .main > .wrapper > .sidebar > nav > ul > li > ul > li > ul > li > a span:after { width:320px } .page > .container > .main > .wrapper > .sidebar > nav > ul > li > ul > li > ul > li > ul > li > a span:after { width:309px } .page > .container > .main > .wrapper > .sidebar > nav ul ul a:before { content:''; position:absolute; top:9px; left:-26px; width:10px; height:2px; background-color:#ebebeb } .page > .container > .main > .wrapper > .sidebar > nav ul ul li:last-child a:not(.expander):after { content:''; position:absolute; z-index:2; top:11px; left:-30px; width:5px; height:20px; background:#fff } .page > .container > .main > .wrapper > .sidebar > nav ul ul a.expander:before { width:3px } .page > .container > .main > .wrapper > .sidebar > nav a.expander:after { content:''; position:absolute; top:4px; left:-23px; width:12px; height:12px; background:url(../images/icons.png) no-repeat -202px 0 } .page > .container > .main > .wrapper > .sidebar > nav a.expander.expanded:after { background-position:-217px 0 } .page > .container > .main > .wrapper > .sidebar > nav > ul > li { position:relative; float:left; clear:left; width:100% } .page > .container > .main > .wrapper > .sidebar .downloads { position:relative; float:left; clear:left; width:100%; margin-top:35px } .page > .container > .main > .wrapper > .sidebar .downloads:before { content:''; position:absolute; top:-21px; left:0; height:1px; width:342px; background:#ebebeb } .page > .container > .main > .wrapper > .sidebar .downloads a { position:relative; float:left; padding-left:50px; padding-right:10px; color:#000; text-decoration:none } .page > .container > .main > .wrapper > .sidebar .downloads a .title { float:left; width:100%; font-size:16px; line-height:22px; color:#141414; } .page > .container > .main > .wrapper > .sidebar .downloads a .title:hover { color:#000; } .page > .container > .main > .wrapper > .sidebar .downloads a .info { float:left; clear:left; width:100%; margin-top:3px; font-size:14px; line-height:20px; color:#999; } .page > .container > .main > .wrapper > .sidebar .downloads a:hover .info { color:#666; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .sidebar .downloads a:before { content:''; position:absolute; z-index:1; top:4px; left:0; width:29px; height:36px; background:url(../images/icons.png) -437px 0 } .page > .container > .main > .wrapper > .sidebar .downloads a:after { content:''; opacity:0; z-index:1; position:absolute; z-index:2; top:4px; left:0; width:29px; height:36px; background:url(../images/icons.png) -437px -42px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .sidebar .downloads a:hover:after { opacity:1 } .page > .container > .main > .wrapper > .content { position:relative; display:block; float:left; margin-left:40px; width:740px } .page > .container > .main > .wrapper > .content:before { content:''; position:absolute; left:-41px; top:33px; width:2px; background:#ebebeb } .page > .container > .main > .wrapper > .content > .controls { float:left; width:100% } .page > .container > .main > .wrapper > .content > .controls { position:relative; float:left; width:100%; height:40px; margin-top:32px; } .page > .container > .main > .wrapper > .content > .controls:after { content:''; position:absolute; top:38px; left:0; right:0; height:1px; background:#ebebeb; } .page > .container > .main > .wrapper > .content > .controls.controls-bottom { margin-top:30px; } .page > .container > .main > .wrapper > .content > .controls.controls-bottom:after { top:-15px; right:0 } .page > .container > .main > .wrapper > .content > .controls .prev { position:relative; float:left; padding-left:22px; font-size:14px; color:#999; text-decoration:none; } .page > .container > .main > .wrapper > .content > .controls .prev:before { content:''; position:absolute; top:6px; left:0; width:13px; height:12px; background:url(../images/icons.png) no-repeat -20px -50px } .page > .container > .main > .wrapper > .content > .controls .prev:after { content:''; opacity:0; position:absolute; top:6px; left:0; width:13px; height:12px; background:url(../images/icons.png) no-repeat -20px -67px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .controls .prev:hover { color:#141414; } .page > .container > .main > .wrapper > .content > .controls .prev:hover:after { opacity:1 } .page > .container > .main > .wrapper > .content > .controls .next { position:relative; float:right; padding-right:22px; font-size:14px; color:#999; text-decoration:none; } .page > .container > .main > .wrapper > .content > .controls .next:before { content:''; position:absolute; top:6px; right:0; width:13px; height:12px; background:url(../images/icons.png) no-repeat -40px -50px } .page > .container > .main > .wrapper > .content > .controls .next:after { content:''; opacity:0; position:absolute; top:6px; right:0; width:13px; height:12px; background:url(../images/icons.png) no-repeat -40px -67px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .controls .next:hover { color:#141414 } .page > .container > .main > .wrapper > .content > .controls .next:hover:after { opacity:1 } .page > .container > .main > .wrapper > .content > .article-info { float:left; clear:left; width:100%; margin-top:30px; font-size:14px } .page > .container > .main > .wrapper > .content > .article-info > .version { display:inline-block; float:left; margin-top:5px; line-height:14px; color:#999; border-bottom:1px dotted transparent; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .article-info > .version:hover { border-color:#999; } .page > .container > .main > .wrapper > .content > .article-info > .options { float:right } .page > .container > .main > .wrapper > .content > .article-info > .options a { position:relative; float:left; margin-left:55px; color:#999; text-decoration:none; } .page > .container > .main > .wrapper > .content > .article-info > .options a.raw { display:none; } .page > .container > .main > .wrapper > .content > .article-info > .options a.raw:before { content:''; position:absolute; top:4px; left:-27px; width:20px; height:14px; background:url(../images/icons.png) -272px 0 } .page > .container > .main > .wrapper > .content > .article-info > .options a.raw:after { content:''; opacity:0; position:absolute; top:4px; left:-27px; width:20px; height:14px; background:url(../images/icons.png) -272px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .article-info > .options a.raw:hover { color:#141414; } .page > .container > .main > .wrapper > .content > .article-info > .options a.raw:hover:after { opacity:1 } .page > .container > .main > .wrapper > .content > .article-info > .options a.print:before { content:''; position:absolute; top:4px; left:-23px; width:16px; height:15px; background:url(../images/icons.png) -250px 0 } .page > .container > .main > .wrapper > .content > .article-info > .options a.print:after { content:''; opacity:0; position:absolute; top:4px; left:-23px; width:16px; height:15px; background:url(../images/icons.png) -250px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .article-info > .options a.print:hover { color:#141414; } .page > .container > .main > .wrapper > .content > .article-info > .options a.print:hover:after { opacity:1; } .page > .container > .main > .wrapper > .content > .article-info > .options a.share { display:none; } .page > .container > .main > .wrapper > .content > .article-info > .options a.share:before { content:''; position:absolute; top:2px; left:-22px; width:13px; height:16px; background:url(../images/icons.png) -297px 0 } .page > .container > .main > .wrapper > .content > .article-info > .options a.share:after { content:''; opacity:0; position:absolute; top:2px; left:-22px; width:13px; height:16px; background:url(../images/icons.png) -297px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .article-info > .options a.share:hover { color:#141414; } .page > .container > .main > .wrapper > .content > .article-info > .options a.share:hover:after { opacity:1 } .page > .container > .main > .wrapper > .content > .article-info > .options a.edit { display:none; } .page > .container > .main > .wrapper > .content > .article-info > .options a.edit:before { content:''; position:absolute; top:2px; left:-22px; width:16px; height:16px; background:url(../images/icons.png) -274px -48px } .page > .container > .main > .wrapper > .content > .article-info > .options a.edit:after { content:''; opacity:0; position:absolute; top:2px; left:-22px; width:16px; height:16px; background:url(../images/icons.png) -250px -48px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .article-info > .options a.edit:hover { color:#141414; } .page > .container > .main > .wrapper > .content > .article-info > .options a.edit:hover:after { opacity:1 } .page > .container > .main > .wrapper > .content > .text { float:left; clear:left; margin:9px 0 0 0; width:100%; font-size:16px; line-height:24px; } .page > .container > .main > .wrapper > .content > .text h1 { float:left; clear:left; width:100%; margin:13px 0; font-size:36px; font-weight:600; line-height:42px; color:#141414 } .page > .container > .main > .wrapper > .content > .text h1 b, .page > .container > .main > .wrapper > .content > .text h2 b, .page > .container > .main > .wrapper > .content > .text h3 b, .page > .container > .main > .wrapper > .content > .text h4 b, .page > .container > .main > .wrapper > .content > .text h5 b, .page > .container > .main > .wrapper > .content > .text h6 b { font-weight:400; color:#999; } .page > .container > .main > .wrapper > .content > .text h2, .page > .container > .main > .wrapper > .content > .text h3, .page > .container > .main > .wrapper > .content > .text h5, .page > .container > .main > .wrapper > .content > .text h4 { clear:left; margin:40px 0 20px 0; font-size:24px; font-weight:600; color:#000; } .page > .container > .main > .wrapper > .content > .text h3 { font-size:18px } .page > .container > .main > .wrapper > .content > .text h4 { font-size:16px } .page > .container > .main > .wrapper > .content > .text h5 { font-size:14px } .page > .container > .main > .wrapper > .content > .text p { margin-bottom:20px } .page > .container > .main > .wrapper > .content > .text ul, .page > .container > .main > .wrapper > .content > .text ol { clear:left; margin-left:40px; padding-bottom:10px } .page > .container > .main > .wrapper > .content > .text em { font-style:italic; } .page > .container > .main > .wrapper > .content > .text b, .page > .container > .main > .wrapper > .content > .text strong { font-weight:600 } .page > .container > .main > .wrapper > .content > .text li { position:relative; margin-bottom:10px } .page > .container > .main > .wrapper > .content > .text ul > li:before { content:''; position:absolute; top:9px; left:-20px; width:10px; height:10px; background:#999; border-radius:10px } .page > .container > .main > .wrapper > .content > .text ol { counter-reset:li } .page > .container > .main > .wrapper > .content > .text ol[start="1"] { counter-reset: li 0 } .page > .container > .main > .wrapper > .content > .text ol[start="2"] { counter-reset: li 1 } .page > .container > .main > .wrapper > .content > .text ol[start="3"] { counter-reset: li 2 } .page > .container > .main > .wrapper > .content > .text ol[start="4"] { counter-reset: li 3 } .page > .container > .main > .wrapper > .content > .text ol[start="5"] { counter-reset: li 4 } .page > .container > .main > .wrapper > .content > .text ol[start="6"] { counter-reset: li 5 } .page > .container > .main > .wrapper > .content > .text ol[start="7"] { counter-reset: li 6 } .page > .container > .main > .wrapper > .content > .text ol[start="8"] { counter-reset: li 7 } .page > .container > .main > .wrapper > .content > .text ol[start="9"] { counter-reset: li 8 } .page > .container > .main > .wrapper > .content > .text ol[start="10"] { counter-reset: li 9 } .page > .container > .main > .wrapper > .content > .text ol[start="11"] { counter-reset: li 10 } .page > .container > .main > .wrapper > .content > .text ol[start="12"] { counter-reset: li 11 } .page > .container > .main > .wrapper > .content > .text ol[start="13"] { counter-reset: li 12 } .page > .container > .main > .wrapper > .content > .text ol[start="14"] { counter-reset: li 13 } .page > .container > .main > .wrapper > .content > .text ol[start="15"] { counter-reset: li 14 } .page > .container > .main > .wrapper > .content > .text ol[start="16"] { counter-reset: li 15 } .page > .container > .main > .wrapper > .content > .text ol > li:before { content:counter(li)'.'; counter-increment:li; position:absolute; top:1px; left:-23px; font-size:14px; color:#999; } .page > .container > .main > .wrapper > .content > .text ul > li ul { margin-top:20px; } .page > .container > .main > .wrapper > .content > .text mark { position:relative; padding:0 4px; background:transparent; } .page > .container > .main > .wrapper > .content > .text mark:before { content:''; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:-2px; background:#ebebeb } .page > .container > .main > .wrapper > .content > .text a { color:#2F71C4; text-decoration:none; border-bottom:1px solid #ccdcf0 } .page > .container > .main > .wrapper > .content > .text .pict-outer { margin-bottom:20px; } .page > .container > .main > .wrapper > .content > .text .pict-outer .text { margin-bottom:11px; font-weight:600; color:#141414; } .page > .container > .main > .wrapper > .content > .text table { float:left; clear:left; margin:20px 0 40px 0; font-size:14px; border:1px solid #EBEBEB; border-spacing:0; border-collapse:collapse; } .page > .container > .main > .wrapper > .content > .text table td { border:1px solid #EBEBEB; padding:12px 19px 13px 19px; } .page > .container > .main > .wrapper > .content > .text table th { padding:12px 19px 13px 19px; background:#EBEBEB; border:1px solid #EBEBEB; text-align:left; } .page > .container > .main > .wrapper > .content > .text table caption { margin-bottom:9px; font-weight:600; font-size:14px; text-align:left; } .page > .container > .main > .wrapper > .content > .text table p { margin-bottom:10px; } .page > .container > .main > .wrapper > .content > .text table li { margin:0; } .page > .container > .main > .wrapper > .content > .text table ul li:before { top:7px; } .page > .container > .main > .wrapper > .content > .text table ~ * { clear:left; } .page > .container > .main > .wrapper > .content > .text tt, .page > .container > .main > .wrapper > .content > .text code { padding:1px 4px; background:#ebebeb; font-family:'Inconsolata',serif } .page > .container > .main > .wrapper > .content > .text *[class^="highlight-"] { overflow-x:auto; margin-bottom:20px; padding:10px 20px; background:#f5f5f5; border:1px solid #ebebeb; font-family:'Inconsolata',serif; font-size:16px; line-height:24px; color:#000; box-sizing:border-box; } .page > .container > .main > .wrapper > .content > .text .note { position:relative; clear:left; margin-bottom:10px; padding:45px 20px 15px 20px; background:#EBEBEB; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .text .note:before { content:''; position:absolute; top:20px; left:20px; width:16px; height:16px; background:url(../images/icons.png) no-repeat -344px 0 } .page > .container > .main > .wrapper > .content > .text .note:after { content:'Note'; position:absolute; top:17px; left:46px; font-size:14px; color:#7C6741; } .page > .container > .main > .wrapper > .content > .text .note:hover { background:#f0f0f0 } .page > .container > .main > .wrapper > .content > .text .note + p { margin-top:15px; } .page > .container > .main > .wrapper > .content > .text .admonition-title { display:none } .page > .container > .main > .wrapper > .content > .text .align-center { display:block; margin:0 auto; max-width:100%; text-align:center; } .page > .container > .main > .wrapper > .content > .text img.with-border { padding:20px; border:1px solid #ebebeb; } .page > .container > .main > .wrapper > .content > .text img + * { margin-top:40px; } .page > .container > .main > .wrapper > .content > .text .highlighted { position:relative; display:inline-block; padding:0 4px; background:#ffedcc } .page > .container > .main > .wrapper > .content > .text .important, .page > .container > .main > .wrapper > .content > .text .warning { position:relative; clear:left; margin-bottom:10px; padding:45px 20px 15px 20px; background:#FFEDCC; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .text .warning { background:#ffc1c5 } .page > .container > .main > .wrapper > .content > .text .important:before, .page > .container > .main > .wrapper > .content > .text .warning:before { content:''; position:absolute; top:20px; left:20px; width:16px; height:16px; background:url(../images/icons.png) no-repeat -363px 0 } .page > .container > .main > .wrapper > .content > .text .important .admonition-title, .page > .container > .main > .wrapper > .content > .text .important .title, .page > .container > .main > .wrapper > .content > .text .warning .admonition-title, .page > .container > .main > .wrapper > .content > .text .warning .title { display:block; position:absolute; top:17px; left:46px; font-size:14px; color:#7C6840; } .page > .container > .main > .wrapper > .content > .text .important:hover { background:#fff2d1 } .page > .container > .main > .wrapper > .content > .text .warning:hover { background:#ffc8cc } .page > .container > .main > .wrapper > .content > .text div[id]:before { content:" "; display:block; clear:none; margin-top:-90px; height:90px; visibility:hidden } .page > .container > .main > .wrapper > .content > .text .section { clear:none; } .page > .container > .main > .wrapper > .content > .article-details { float:left; clear:left; width:100%; margin-top:15px; padding-top:20px; font-size:16px; border-top:1px solid #EBEBEB } .page > .container > .main > .wrapper > .content > .article-details a { color:#999; text-decoration:none; } .page > .container > .main > .wrapper > .content > .article-details .helpful { float:left } .page > .container > .main > .wrapper > .content > .article-details .helpful .text { position:relative; margin:0 7px 0 0; padding-left:31px } .page > .container > .main > .wrapper > .content > .article-details .helpful .amount { color:#141414; } .page > .container > .main > .wrapper > .content > .article-details .helpful .yes { float:left; margin-right:40px } .page > .container > .main > .wrapper > .content > .article-details .helpful .yes .text:before { content:''; position:absolute; top:2px; left:0; width:21px; height:19px; background:url(../images/icons.png) no-repeat -410px 0 } .page > .container > .main > .wrapper > .content > .article-details .helpful .yes .text:after { content:''; opacity:0; position:absolute; top:2px; left:0; width:21px; height:19px; background:url(../images/icons.png) no-repeat -410px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .article-details .helpful .yes .text:hover { color:#141414; } .page > .container > .main > .wrapper > .content > .article-details .helpful .yes .text:hover:after { opacity:1 } .page > .container > .main > .wrapper > .content > .article-details .helpful .not { float:left } .page > .container > .main > .wrapper > .content > .article-details .helpful .not .text:before { content:''; position:absolute; top:2px; left:0; width:20px; height:18px; background:url(../images/icons.png) no-repeat -383px 0 } .page > .container > .main > .wrapper > .content > .article-details .helpful .not .text:after { content:''; opacity:0; position:absolute; top:2px; left:0; width:20px; height:18px; background:url(../images/icons.png) no-repeat -383px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .article-details .helpful .not .text:hover { color:#141414; } .page > .container > .main > .wrapper > .content > .article-details .helpful .not .text:hover:after { opacity:1 } .page > .container > .main > .wrapper > .content > .article-details .improve { position:relative; float:right; padding-left:29px } .page > .container > .main > .wrapper > .content > .article-details .improve:hover { color:#141414; } .page > .container > .main > .wrapper > .content > .article-details .improve:before { content:''; position:absolute; top:4px; left:0; width:19px; height:19px; background:url(../images/icons.png) no-repeat -472px 0 } .page > .container > .main > .wrapper > .content > .article-details .improve:after { content:''; opacity:0; position:absolute; top:4px; left:0; width:19px; height:19px; background:url(../images/icons.png) no-repeat -472px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease } .page > .container > .main > .wrapper > .content > .article-details .improve:hover:after { opacity:1 } /* footer */ .page > footer { float:left; width:100%; height:40px; background:#141414; } .page > footer > .wrapper { position:relative; width:1145px; margin:0 auto; } .page > footer > .wrapper .logo { float:left; margin-top:10px } .page > footer > .wrapper nav { float:right; margin:10px 25px 0 0 } .page > footer > .wrapper nav a { display:inline-block; line-height:19px; float:left; margin-left:25px; font-size:12px; color:#999; text-decoration:none; border-bottom:1px solid transparent } .page > footer > .wrapper nav a:hover { color:#fff; border-color:#fff; } /* definition list */ .page > .container > .main > .wrapper > .content > .text dl { display: grid; grid-template-columns: max-content auto; margin-bottom: 15px; } .page > .container > .main > .wrapper > .content > .text dt { grid-column-start: 1; } .page > .container > .main > .wrapper > .content > .text dd { grid-column-start: 2; margin-bottom: 10px; margin-left: 30px; } .page > .container > .main > .wrapper > .content > .text dd p { margin-top: 0px; font-size: 1em; } .page > .container > .main > .wrapper > .content > .text dd ul, dd table { margin-bottom: 10px; }