D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
www
/
html
/
chatweb02
/
assets
/
ckfinder
/
samples
/
css
/
Filename :
sample.css
back
Copy
/*! Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or https://ckeditor.com/sales/license/ckfinder */@media (max-width:900px){.global-is-mobile-hidden{display:none !important}}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body,html{margin:0;padding:0;font:16px / 1.8 Arial,'Helvetica Neue',Helvetica,sans-serif;font-weight:300;color:#575757}.content{font-size:14px;font-size:.875rem;line-height:25.2px;line-height:1.57rem;overflow:hidden;padding-top:1.5em;padding-bottom:1.5em}.content p{margin:.75em 0}.content ul,.content ol,.content pre,.content blockquote,.content textarea:not([class^="cke"]),.content .cke{margin:1.875em 0}.content code,.content kbd{-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;padding:3px 4px}.content pre,.content code,.content kbd,.content blockquote{background:#f5f5f5}.content blockquote,.content pre{background:none;border-left:4px solid #9dc700;padding:1.5em 2.25em}.content p a,.content ul a,.content ol a,.content blockquote a,.content h1 a,.content h2 a,.content h3 a,.content h4 a,.content h5 a{color:#9dc700;text-decoration:none;border-bottom:1px dotted #9dc700}.content p a:hover,.content ul a:hover,.content ol a:hover,.content blockquote a:hover,.content h1 a:hover,.content h2 a:hover,.content h3 a:hover,.content h4 a:hover,.content h5 a:hover{color:#89ae00}.content h1,.content h2,.content h3,.content h4,.content h5{color:#000;font-weight:100}.content h1 code,.content h2 code,.content h3 code,.content h4 code,.content h5 code,.content h1 kbd,.content h2 kbd,.content h3 kbd,.content h4 kbd,.content h5 kbd{font-size:inherit}.content h1 a.content-heading-anchor,.content h2 a.content-heading-anchor,.content h3 a.content-heading-anchor,.content h4 a.content-heading-anchor,.content h5 a.content-heading-anchor{font-weight:100;vertical-align:middle;opacity:0;border:0}.content h1:hover a.content-heading-anchor,.content h2:hover a.content-heading-anchor,.content h3:hover a.content-heading-anchor,.content h4:hover a.content-heading-anchor,.content h5:hover a.content-heading-anchor{opacity:1}.content h1:target a,.content h2:target a,.content h3:target a,.content h4:target a,.content h5:target a{-webkit-animation:targetLinkOpacity 0.5s linear alternate;-moz-animation:targetLinkOpacity 0.5s linear alternate;-o-animation:targetLinkOpacity 0.5s linear alternate;animation:targetLinkOpacity 0.5s linear alternate;opacity:1}.content input,.content select,.content textarea:not([class^="cke"]){-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08);font:inherit;color:inherit;border:1px solid #d9d9d9;padding:.2em .5em}.content input:focus,.content select:focus,.content textarea:not([class^="cke"]):focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px #93c6ef}.content abbr{border-bottom:1px dotted #666;cursor:pointer}.content blockquote{font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;font-size:16px;font-size:1rem;line-height:28.8px;line-height:1.8rem}.content em{font-style:italic}.content h1{font-size:36px;font-size:2.25rem;line-height:64.8px;line-height:4.05rem;margin:1.125em 0 0}.content h2{font-size:27.2px;font-size:1.7rem;line-height:48.96px;line-height:3.06rem;margin:.9em 0 0}.content h3{font-size:24px;font-size:1.5rem;line-height:43.2px;line-height:2.7rem;font-weight:500;margin:.75em 0 0}.content h4{font-size:19.2px;font-size:1.2rem;line-height:34.56px;line-height:2.16rem;font-weight:500;margin:.75em 0 0}.content h5{font-size:17.6px;font-size:1.1rem;line-height:31.68px;line-height:1.98rem;font-weight:500;margin:.75em 0 0}.content hr{border:0;border-top:4px solid #d9d9d9;margin:1.5em 0}.content input[type="text"]{height:1.8em;line-height:1.8em}.content input[type="button"]{-webkit-appearance:button;-moz-appearance:button;appearance:button}.content kbd{font-size:12px;font-size:.75rem;line-height:21.6px;line-height:1.35rem;font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;padding:2px 6px;-webkit-box-shadow:0 0 4px #ffffff inset, 0 2px 0 #d9d9d9;-moz-box-shadow:0 0 4px #ffffff inset, 0 2px 0 #d9d9d9;box-shadow:0 0 4px #ffffff inset, 0 2px 0 #d9d9d9}.content p img{vertical-align:middle}.content p pre{padding:1.5em}.content pre{padding:0;border:0;tab-size:4;-o-tab-size:4;-moz-tab-size:4}.content pre,.content code{font-size:11.89px;font-size:.743rem;line-height:21.4px;line-height:1.34rem;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif}.content pre a,.content code a{border:0}.content pre code{padding:.75em;display:block}.content strong{color:#000}.content ul ul,.content ol ul,.content ul ol,.content ol ol{margin:.75em 0}.content ul li,.content ol li{font-size:14px;font-size:.875rem;line-height:30.24px;line-height:1.89rem}.content textarea:not([class^="cke"]){width:100%}.content div.todo{border:2px dotted #444;padding:10px;margin:60px 0 10px 0}.content div.todo:before{content:"TODO";font-weight:bold}.icon-pos-left:before,.icon-pos-right:after,.tree-a h2:after,.tree-a h2.tree-a-no-sub a:after{content:'';display:inline-block;width:18px;height:18px;vertical-align:middle;background-repeat:no-repeat}.icon-pos-left:before{margin-right:10px}.icon-pos-right:after,.tree-a h2:after,.tree-a h2.tree-a-no-sub a:after{margin-left:10px}.icon-download:before,.icon-download:after{background-image:url('img/icon-download.png')}.icon-question-mark:before,.icon-question-mark:after{background-image:url('img/icon-question-mark.png')}.icon-close:before,.icon-close:after{background-image:url('img/icon-close.png')}.grid-width-10{width:10%}.grid-width-20{width:20%}.grid-width-30{width:30%}.grid-width-40{width:40%}.grid-width-50{width:50%}.grid-width-60{width:60%}.grid-width-70{width:70%}.grid-width-80{width:80%}.grid-width-90{width:90%}.grid-width-100{width:100%}@media (max-width:900px){.grid-width-10,.grid-width-20,.grid-width-30,.grid-width-40,.grid-width-50,.grid-width-60,.grid-width-70,.grid-width-80,.grid-width-90,.grid-width-100{width:100%}}*[class*="grid-width"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:4%;padding-right:4%;float:left}*[class*="grid-width"]:after,.grid-container:after,*[class*="grid-width"]:before,.grid-container:before{content:'';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}*[class*="grid-width"]:after,.grid-container:after{clear:both}.grid-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto}.grid-container-nested *[class*="grid-width"]:first-child{padding-left:0}.grid-container-nested *[class*="grid-width"]:last-child{padding-right:0}@media (max-width:900px){.grid-container-nested *[class*="grid-width"]:first-child{padding-left:4%}.grid-container-nested *[class*="grid-width"]:last-child{padding-right:4%}}.header-a{min-height:140px;overflow:hidden}.header-a .header-a-logo{margin:40px 0 0}@media (max-width:900px){.header-a .header-a-logo{text-align:center}}.header-a .header-a-logo img{border:transparent}.navigation-a{height:30px;background:#3d3d3d;position:absolute;left:0;right:0;top:0;padding:0;overflow:hidden}@media (max-width:900px){.navigation-a{text-align:center}}.navigation-a ul{list-style:none;margin:0;overflow:hidden}.navigation-a ul li,.navigation-a ul li a{display:inline-block}@media (max-width:900px){.navigation-a ul{width:auto;text-overflow:ellipsis;white-space:nowrap;display:inline-block;float:none}.navigation-a ul:before,.navigation-a ul:after{display:none}}.navigation-a ul.navigation-a-left{text-align:left}@media (max-width:900px){.navigation-a ul.navigation-a-left{padding-right:0}}.navigation-a ul.navigation-a-right{text-align:right}@media (max-width:900px){.navigation-a ul.navigation-a-right{padding-left:23px}}.navigation-a ul li+li{margin-left:23px}.navigation-a ul li a{font-size:10px;font-size:.625rem;line-height:18px;line-height:1.13rem;line-height:30px;float:left;color:#ddd;font-weight:bold;text-decoration:none;text-transform:uppercase}.navigation-a ul li a:hover{cursor:pointer;color:#fff}.icon-navigation-a-github:before,.icon-navigation-a-github:after{background-image:url('img/icon-navigation-a-github.png')}.navigation-b{text-align:right;margin:52px 0 0;overflow:visible}@media (max-width:900px){.navigation-b{text-align:center;margin-top:20px;padding:0}}.navigation-b ul{padding:0;list-style:none;margin:0;overflow:visible}.navigation-b ul li,.navigation-b ul li a{display:inline-block}@media (max-width:900px){.navigation-b ul{display:table;width:100%;padding-bottom:1.5em}}@media (max-width:900px){.navigation-b ul li{display:table-row}}.navigation-b ul li+li{margin-left:20px}@media (max-width:900px){.navigation-b ul li+li{margin-left:0}}.navigation-b ul li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;text-decoration:none;outline:none}@media (max-width:900px){.navigation-b ul li a{width:100%;-webkit-border-radius:0;-webkit-background-clip:padding-box;-moz-border-radius:0;-moz-background-clip:padding;border-radius:0;background-clip:padding-box}}.footer-a{font-size:13px;font-size:.8125rem;line-height:23.4px;line-height:1.46rem;padding-top:2.25em;padding-bottom:2.25em;overflow:hidden;color:#8a8a8a}.footer-a a{color:#9dc700;text-decoration:none;border-bottom:1px dotted #9dc700}.footer-a a:hover{color:#89ae00}.footer-a p{margin:0;display:inline-block;text-align:center}body a.button-a,body button.button-a,body input.button-a{-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;font-size:14px;font-size:.875rem;line-height:25.2px;line-height:1.57rem;height:36px;line-height:36px;padding:0 1.1em;font-weight:700;color:#3e3e3e;white-space:nowrap;text-decoration:none;display:inline-block;cursor:pointer;border:0;vertical-align:middle;margin:1px 0;background:transparent}body a.button-a.icon-pos-left,body button.button-a.icon-pos-left,body input.button-a.icon-pos-left{padding-left:.8em}body a.button-a.icon-pos-right,body button.button-a.icon-pos-right,body input.button-a.icon-pos-right,body a.button-a.tree-a h2,body button.button-a.tree-a h2,body input.button-a.tree-a h2,body a.button-a.tree-a h2.tree-a-no-sub a,body button.button-a.tree-a h2.tree-a-no-sub a,body input.button-a.tree-a h2.tree-a-no-sub a{padding-right:.8em}body a.button-a.button-a-no-text,body button.button-a.button-a-no-text,body input.button-a.button-a-no-text{-webkit-border-radius:100px;-webkit-background-clip:padding-box;-moz-border-radius:100px;-moz-background-clip:padding;border-radius:100px;background-clip:padding-box;width:36px;padding:0;text-indent:-999px;overflow:hidden;position:relative;text-align:center}body a.button-a.button-a-no-text:before,body button.button-a.button-a-no-text:before,body input.button-a.button-a-no-text:before{position:absolute;left:50%;top:50%;margin:-9px 0 0 -9px}@media (max-width:900px){body a.button-a.button-a-mobile-collapsed,body button.button-a.button-a-mobile-collapsed,body input.button-a.button-a-mobile-collapsed{-webkit-border-radius:100px;-webkit-background-clip:padding-box;-moz-border-radius:100px;-moz-background-clip:padding;border-radius:100px;background-clip:padding-box;width:36px;padding:0;text-indent:-999px;overflow:hidden;position:relative;text-align:center}body a.button-a.button-a-mobile-collapsed:before,body button.button-a.button-a-mobile-collapsed:before,body input.button-a.button-a-mobile-collapsed:before{position:absolute;left:50%;top:50%;margin:-9px 0 0 -9px}body a.button-a.button-a-mobile-collapsed:before,body button.button-a.button-a-mobile-collapsed:before,body input.button-a.button-a-mobile-collapsed:before{position:absolute;left:50%;top:50%;margin:-9px 0 0 -9px}}body a.button-a:active,body button.button-a:active,body input.button-a:active,body a.button-a:hover,body button.button-a:hover,body input.button-a:hover{color:#fff;background:#89ae00}body a.button-a:focus,body button.button-a:focus,body input.button-a:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #93c6ef;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #93c6ef;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #93c6ef}body a.button-a-soft,body button.button-a-soft,body input.button-a-soft{background:#e7e7e7}body a.button-a-soft:active,body button.button-a-soft:active,body input.button-a-soft:active,body a.button-a-soft:hover,body button.button-a-soft:hover,body input.button-a-soft:hover{color:#3e3e3e;background:#cecece}body a.button-a-background,body button.button-a-background,body input.button-a-background,body a.navigation-b ul li a:hover,body button.navigation-b ul li a:hover,body input.navigation-b ul li a:hover{color:#fff;background:#9dc700}body a.button-a-background:active,body button.button-a-background:active,body input.button-a-background:active,body a.button-a-background:hover,body button.button-a-background:hover,body input.button-a-background:hover,body a.navigation-b ul li a:hover:active,body button.navigation-b ul li a:hover:active,body input.navigation-b ul li a:hover:active,body a.navigation-b ul li a:hover:hover,body button.navigation-b ul li a:hover:hover,body input.navigation-b ul li a:hover:hover{color:#fff;background:#89ae00}.tip-a{border-bottom:4px solid #d4d4d4;padding:1.5em 1.5em 1.5em 85px;margin:3em 0;background:#f5f5f5;overflow:hidden;position:relative}.tip-a:before{content:url('img/tip.png');position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;left:1.5em}.tip-a.tip-a-alert{background:#fff0be;border-bottom:4px solid #f1b900}.tip-a.tip-a-alert:before{content:url('img/alert.png');margin-top:-22px}.balloon-a{font-size:12px;font-size:.75rem;line-height:21.6px;line-height:1.35rem;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box;border-bottom:3px solid #d4d4d4;background:#ebebeb;display:inline-block;white-space:nowrap;padding:.4em 1.2em .2em;font-weight:700;position:relative;z-index:1000;text-transform:none;color:#575757}.balloon-a:hover{color:#575757}.balloon-a:before{content:'';width:0;height:0;border-style:solid;position:absolute}.balloon-a-ne:before,.balloon-a-nw:before{top:-13px;border-width:0 9px 15.6px 9px;border-color:transparent transparent #ebebeb transparent}.balloon-a-se:before,.balloon-a-sw:before{bottom:-13px;border-width:15.6px 9px 0 9px;border-color:#ebebeb transparent transparent transparent}.balloon-a-nw:before,.balloon-a-sw:before{left:20px}.balloon-a-ne:before,.balloon-a-se:before{right:20px}.tree-a-box-shadow{-webkit-box-shadow:-8px 0 6px -4px rgba(0, 0, 0, 0.06) inset;-moz-box-shadow:-8px 0 6px -4px rgba(0, 0, 0, 0.06) inset;box-shadow:-8px 0 6px -4px rgba(0, 0, 0, 0.06) inset}.tree-a{padding-right:0;text-align:right}.tree-a a{color:#9dc700;text-decoration:none;border-bottom:1px dotted #9dc700}.tree-a a:hover{color:#89ae00}@media (max-width:900px){.tree-a{text-align:left}}.tree-a-standalone{-webkit-box-shadow:-8px 0 6px -4px rgba(0, 0, 0, 0.06) inset;-moz-box-shadow:-8px 0 6px -4px rgba(0, 0, 0, 0.06) inset;box-shadow:-8px 0 6px -4px rgba(0, 0, 0, 0.06) inset;border-right:1px solid #d9d9d9;overflow:hidden;padding-bottom:1px}@media (max-width:900px){.tree-a-standalone{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;padding-right:0}}.tree-a-standalone>*:last-child{border-bottom:0}.tree-a-layout{border-width:1px 0 0;border-style:solid;border-color:transparent;-webkit-border-image:-webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;-moz-border-image:-moz-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;-o-border-image:-o-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;border-image:linear-gradient(to right, rgba(255,255,255,0), #e3e3e3) 1 stretch;border-color:#d9d9d9}@media (max-width:900px){.tree-a-layout{-webkit-border-image:none;-moz-border-image:none;-o-border-image:none;border-image:none;padding-right:4%;text-align:left}}.tree-a-layout:after{-webkit-box-shadow:-8px 0 6px -4px rgba(0, 0, 0, 0.06) inset;-moz-box-shadow:-8px 0 6px -4px rgba(0, 0, 0, 0.06) inset;box-shadow:-8px 0 6px -4px rgba(0, 0, 0, 0.06) inset;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #d9d9d9;content:'';position:absolute;top:0;bottom:0;left:0;height:auto;visibility:visible;z-index:-100;border-style:solid;border-color:transparent;-webkit-border-image:-webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;-moz-border-image:-moz-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;-o-border-image:-o-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;border-image:linear-gradient(to right, rgba(255,255,255,0), #e3e3e3) 1 stretch;border-width:0 1px 1px 0;border-color:#d9d9d9}@media (max-width:900px){.tree-a-layout:after{display:none}}.grid-width-10.tree-a-layout:after{width:10%}.grid-width-20.tree-a-layout:after{width:20%}.grid-width-30.tree-a-layout:after{width:30%}.grid-width-40.tree-a-layout:after{width:40%}.grid-width-50.tree-a-layout:after{width:50%}.grid-width-60.tree-a-layout:after{width:60%}.grid-width-70.tree-a-layout:after{width:70%}.grid-width-80.tree-a-layout:after{width:80%}.grid-width-90.tree-a-layout:after{width:90%}.grid-width-100.tree-a-layout:after{width:100%}.tree-a h1,.tree-a h2{color:#000}.tree-a h1{font-size:18px;font-size:1.125rem;line-height:32.4px;line-height:2.02rem;margin-top:25px;margin-bottom:25px;padding-right:41px;font-weight:700}.tree-a h2{font-size:14px;font-size:.875rem;line-height:25.2px;line-height:1.57rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-weight:500;padding:7px 12px 7px 15px;margin:0 0 -1px;position:relative;border-style:solid;border-color:transparent;-webkit-border-image:-webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;-moz-border-image:-moz-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;-o-border-image:-o-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;border-image:linear-gradient(to right, rgba(255,255,255,0), #e3e3e3) 1 stretch;border-width:1px 0;border-color:#d9d9d9}@media (max-width:900px){.tree-a h2{border-color:#d9d9d9;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none;border-image:none}}.tree-a h2:hover,.tree-a h2.active{background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.04))}@media (max-width:900px){.tree-a h2:hover,.tree-a h2.active{background:rgba(0,0,0,0.04)}}.tree-a h2.tree-a-no-sub{padding-top:0;padding-bottom:0}.tree-a h2.tree-a-no-sub a{display:block;color:#000;border:none;padding:7px 0;opacity:1}.tree-a h2.tree-a-no-sub.tree-a-active{background:#9dc700}.tree-a h2.tree-a-no-sub.tree-a-active:hover{color:#fff;background:#89ae00}.tree-a h2.tree-a-no-sub.tree-a-active a{color:#fff;font-weight:500}.tree-a h2.tree-a-no-sub:after{display:none}.tree-a h2.tree-a-active{border-bottom-width:0;margin-bottom:0;background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.04))}.tree-a h2.tree-a-active+ul{display:block;border-top-width:0;background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.04))}@media (max-width:900px){.tree-a h2.tree-a-active+ul{background:rgba(0,0,0,0.04)}}.tree-a ul{padding:0;display:none;margin:0 0 -1px !important;border-style:solid;border-color:transparent;-webkit-border-image:-webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;-moz-border-image:-moz-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;-o-border-image:-o-linear-gradient(to right, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;border-image:linear-gradient(to right, rgba(255,255,255,0), #e3e3e3) 1 stretch;border-width:0 0 1px;border-color:#d9d9d9}@media (max-width:900px){.tree-a ul{border-color:#d9d9d9;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none;border-image:none}}.tree-a ul li{margin:0;padding:0;list-style-type:none}.tree-a ul li a{color:#787878;font-size:14px;font-size:.875rem;line-height:25.2px;line-height:1.57rem;font-weight:300;text-decoration:none;display:block;padding:7px 40px 7px 20px;outline:none;border:0}.tree-a ul li a:hover{color:#787878;background:rgba(128,128,128,0.04)}.tree-a li.tree-a-active a{color:#fff;font-weight:500;background:#9dc700}.tree-a li.tree-a-active a:hover{color:#fff;background:#89ae00}.icon-tree-a-expanded:before,.icon-tree-a-collapsed:before,.icon-tree-a-expanded:after,.icon-tree-a-collapsed:after,.tree-a h2:before,.tree-a h2:after,.tree-a h2.tree-a-active:before,.tree-a h2.tree-a-active:after{background-image:url('img/icon-tree-a-collapser.png')}.icon-tree-a-expanded:before,.icon-tree-a-expanded:after,.tree-a h2.tree-a-active:before,.tree-a h2.tree-a-active:after{background-position:left top}.icon-tree-a-collapsed:before,.icon-tree-a-collapsed:after,.tree-a h2:before,.tree-a h2:after{background-position:left bottom}.icon-tree-a-link:before,.icon-tree-a-link-active:before,.icon-tree-a-link:after,.icon-tree-a-link-active:after,.tree-a h2.tree-a-no-sub a:before,.tree-a h2.tree-a-no-sub a:after,.tree-a h2.tree-a-no-sub.tree-a-active a:before,.tree-a h2.tree-a-no-sub.tree-a-active a:after{background-image:url('img/icon-tree-a-link.png')}.icon-tree-a-link:before,.icon-tree-a-link:after,.tree-a h2.tree-a-no-sub a:before,.tree-a h2.tree-a-no-sub a:after{background-position:left top}.icon-tree-a-link-active:before,.icon-tree-a-link-active:after,.tree-a h2.tree-a-no-sub.tree-a-active a:before,.tree-a h2.tree-a-no-sub.tree-a-active a:after{background-position:left bottom}main,header>div,.navigation-a>div,footer>div{max-width:1280px;overflow:hidden}.header-a{margin-top:30px}main{position:relative;overflow:hidden}main>.content{border-width:1px 0;border-style:solid;border-color:transparent;-webkit-border-image:-webkit-linear-gradient(to left, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;-moz-border-image:-moz-linear-gradient(to left, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;-o-border-image:-o-linear-gradient(to left, rgba(255, 255, 255, 0), #e3e3e3) 1 stretch;border-image:linear-gradient(to left, rgba(255,255,255,0), #e3e3e3) 1 stretch;border-color:#d9d9d9}@media (max-width:900px){main>.content{-webkit-border-image:none;-moz-border-image:none;-o-border-image:none;border-image:none}}main>.content>h1{display:table;width:100%}main>.content>h1 .sdk-header-split{display:table-cell;text-align:right}main>.content>h1 .sdk-header-split .button-a{display:inline-block;vertical-align:middle;margin-left:1.5em}.content ul.spacious li{margin:.75em}.content a:not( .button-a )[href*='#!/api']:after,.content a:not( .button-a )[href*='#!/guide']:after,.content a:not( .button-a )[href^='./']:after{content:'';margin-left:.3em;margin-right:.1em;height:10px;width:10px;display:inline-block;vertical-align:middle;-webkit-border-radius:2px;-webkit-background-clip:padding-box;-moz-border-radius:2px;-moz-background-clip:padding;border-radius:2px;background-clip:padding-box;background-color:#9dc700;background-position:top left;background-repeat:no-repeat}.content a:not( .button-a )[href*="#!/api"]:after{background-image:url('img/icon-sdk-gear.png')}.content a:not( .button-a )[href*="#!/guide"]:after{background-image:url('img/icon-sdk-book.png')}.content a:not( .button-a )[href^="./"]:after{background-image:url('img/icon-sdk-sample.png')}.content .inline-editor{border:1px dotted #999;padding:5px 20px}.icon-sdk-documentation:before,.icon-sdk-documentation:after{background-image:url("img/icon-sdk-documentation.png")}.icon-tree-a-link:before,.icon-tree-a-link-active:before,.icon-tree-a-link:after,.icon-tree-a-link-active:after,.tree-a h2.tree-a-no-sub a:before,.tree-a h2.tree-a-no-sub a:after,.tree-a h2.tree-a-no-sub.tree-a-active a:before,.tree-a h2.tree-a-no-sub.tree-a-active a:after{background-image:none}