| html,body{font-family:"Helvetica";padding:0;background:#f9f9f9;color:#444;margin:0;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#redsidebar{width:270px;height:100vh;background-color:#d84d4d;position:fixed;text-align:center;overflow:auto}#redsidebar .header{padding:20px 20px 40px 20px;font-weight:bold;color:#f9f9f9;vertical-align:middle;font-size:16px}#redsidebar .header .logo{fill:#9b0038;height:25px;display:inline;padding-right:10px;vertical-align:middle}#redsidebar .header .title{display:inline;vertical-align:middle;cursor:pointer}#redsidebar .header .subtitle{color:#750f34;vertical-align:middle}#redsidebar a.section{background-repeat:no-repeat;background-position:center;margin-bottom:30px;display:block;font-weight:300;color:#f9f9f9;font-size:12px;text-decoration:none}#redsidebar a.section:hover{cursor:pointer;color:#750f34}#redsidebar a.section .large-icon{height:150px;width:150px;background-repeat:no-repeat;margin:auto}#redsidebar a.section.getting-started .large-icon{background-image:url('imgs/getting-started-light.png')}#redsidebar a.section.getting-started .large-icon:hover{background-image:url('imgs/getting-started-dark.png')}#redsidebar a.section.using-fauxton .large-icon{cursor:pointer;background-image:url('imgs/using-fauxton-light.png')}#redsidebar a.section.using-fauxton .large-icon:hover{background-image:url('imgs/using-fauxton-dark.png')}#redsidebar a.section.answers .large-icon{background-image:url('imgs/answers-light.png')}#redsidebar a.section.answers .large-icon:hover{background-image:url('imgs/answers-dark.png')}#content{width:100%;background:#f9f9f9;display:inline-block;-webkit-transition:padding-left 0.5s,width 0.5s;transition:padding-left 0.5s,width 0.5s;overflow-y:auto;overflow-x:auto}#content.showSideBar{padding-left:270px;width:calc(100% - 270px)}#content #hamburger{height:25px;text-align:left;padding:15px;position:fixed;left:0;cursor:pointer;color:#750f34;font-size:20px;top:0;-webkit-transition:left 0.5s,width 0.5s;transition:left 0.5s,width 0.5s}#content #hamburger.showSideBar{left:275px}#content .section{display:none}#content .shown{display:inline}.middleBar{width:255px;padding-left:30px;padding-top:50px;height:calc(100% - 100px);padding-bottom:50px;float:left;position:fixed;background:#f9f9f9;text-align:center}.middleBar .topic-image{height:120px}.middleBar .section-title{font-weight:300;color:#750f34}#rightContent{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;width:calc(100% - 360px);padding-left:300px;font-weight:300;text-align:left;margin:auto;min-width:450px;max-width:960px;margin-top:50px}#rightContent .box{overflow-x:auto}#rightContent h1{font-size:24px;font-weight:normal;padding-bottom:20px}#rightContent h1::before{content:url('imgs/diamond.png');margin-right:10px}#rightContent div,#rightContent h2,#rightContent p{margin-top:15px;margin:15px 8px;font-size:16px}#rightContent .intro-section,#rightContent .dl-space{padding-bottom:40px}#rightContent .download-btn{width:200px;vertical-align:middle}#rightContent a{color:black}#rightContent a:hover{color:darkgray}#using-fauxton #rightContent .chapter{padding:75px 0 0 0;border-top:1px solid gainsboro}#using-fauxton #rightContent .chapter a{color:black}#using-fauxton #rightContent .chapter a:hover{color:darkgray}#using-fauxton #rightContent .chapter img{width:100%}#using-fauxton #end-using-fauxton{height:40vh}.fauxton-toc{margin-top:40px}.fauxton-toc .icon-menu{width:50px;height:100%;float:left;font-size:20px;text-align:center}.fauxton-toc .icon-menu a{color:#b3b3b3}.fauxton-toc .icon-menu > div i:hover,.fauxton-toc .icon-menu > div svg:hover,.fauxton-toc .icon-menu a.selected{cursor:pointer;color:black}.fauxton-toc .icon-menu > div i:hover path,.fauxton-toc .icon-menu > div svg:hover path,.fauxton-toc .icon-menu a.selected path{fill:black}.fauxton-toc .icon-menu .replicate-icon,.fauxton-toc .icon-menu .user-icon,.fauxton-toc .icon-menu .docs-icon{width:22px}.fauxton-toc .icon-menu .replicate-icon:hover path,.fauxton-toc .icon-menu .user-icon:hover path,.fauxton-toc .icon-menu .docs-icon:hover path{fill:black}.fauxton-toc .icon-menu .replicate-icon path,.fauxton-toc .icon-menu .user-icon path,.fauxton-toc .icon-menu .docs-icon path{fill:#b3b3b3}.fauxton-toc .icon-menu .line{width:50%;border-right:1px dotted black;height:10px;margin:5px 0 5px 0}.fauxton-toc .toc{float:right;font-weight:400;text-align:left;width:175px;cursor:pointer;padding-right:15px}.fauxton-toc .toc a{text-decoration:none;color:#b3b3b3}.fauxton-toc .toc .heading{display:block;margin-left:5px;margin-bottom:15px;font-size:12px}.fauxton-toc .toc .heading .heading-title{padding-left:18px}.fauxton-toc .toc .heading .subheading{font-weight:normal;display:none;line-height:17px;font-size:10px;margin-left:8px}.fauxton-toc .toc .heading .subheading:hover{color:red}.fauxton-toc .toc .heading.selected .subheading{display:block;padding-left:19px}.fauxton-toc .toc .heading:hover{font-weight:bold;color:black}.fauxton-toc .toc .heading:hover .subheading{font-weight:normal}.fauxton-toc .toc .selected{color:black}.fauxton-toc .toc .selected.heading{padding-left:0}.fauxton-toc .toc .selected .heading-title{font-weight:bold;margin-bottom:10px;padding-left:15px;border-left:2px solid red;color:black}.fauxton-toc .toc .selected .heading-title .number{font-size:18px}.fauxton-toc .toc .selected .heading-title .heading-text{font-size:12px}#answers .question{font-weight:bold}#answers a{color:black}#answers a:hover{color:darkgray}#end1,#end2{height:40vh} |