-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
16 lines (15 loc) · 21.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue Scroll Magnet</title>
<style>
#nav,.sidebar ul{list-style-type:none}#highlights .point,.search-query,a.button{box-sizing:border-box}.gutter pre{color:#999}pre{color:#525252}pre .constant,pre .function .keyword{color:#0092db}pre .attribute,pre .keyword{color:#e96900}pre .literal,pre .number{color:#ae81ff}pre .change,pre .clojure .built_in,pre .flow,pre .lisp .title,pre .nginx .title,pre .tag,pre .tag .title,pre .tex .special,pre .winutils{color:#2973b7}pre .class .title{color:#fff}pre .regexp,pre .symbol,pre .symbol .string,pre .value{color:#42b983}pre .title{color:#a6e22e}pre .addition,pre .apache .cbracket,pre .apache .tag,pre .attr_selector,pre .built_in,pre .django .filter .argument,pre .django .template_tag,pre .django .variable,pre .envvar,pre .haskell .type,pre .javadoc,pre .preprocessor,pre .prompt,pre .pseudo,pre .ruby .class .parent,pre .smalltalk .array,pre .smalltalk .class,pre .smalltalk .localvars,pre .sql .aggregate,pre .stream,pre .string,pre .subst,pre .tag .value,pre .tex .command{color:#42b983}pre .apache .sqbracket,pre .comment,pre .deletion,pre .doctype,pre .java .annotation,pre .pi,pre .python .decorator,pre .shebang,pre .template_comment,pre .tex .formula{color:#b3b3b3}a,body{color:#34495e}pre .coffeescript .javascript,pre .javascript .xml,pre .tex .formula,pre .xml .cdata,pre .xml .css,pre .xml .javascript,pre .xml .vbscript{opacity:.5}body{font-family:'Source Sans Pro','Helvetica Neue',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body.docs{padding-top:61px}@media screen and (max-width:900px){body.docs{padding-top:0}}a{text-decoration:none}img{border:none}h1,h2,h3,h4,strong{font-weight:600;color:#2c3e50}code,pre{font-family:'Roboto Mono',Monaco,courier,monospace;font-size:.8em;background-color:#f8f8f8;-webkit-font-smoothing:initial;-moz-osx-font-smoothing:initial}#hero h2,#logo{font-family:Dosis,'Source Sans Pro','Helvetica Neue',Arial,sans-serif}code{color:#e96900;padding:3px 5px;margin:0 2px;border-radius:2px;white-space:nowrap}em{color:#7f8c8d}p{word-spacing:.05em}a.button{padding:.75em 2em;border-radius:2em;display:inline-block;color:#fff;background-color:#4fc08d;transition:all .15s ease;border:1px solid #4fc08d}a.button.white{background-color:#fff;color:#42b983}.highlight{overflow-x:auto;position:relative;background-color:#f8f8f8;padding:.8em .8em .4em;line-height:1.1em;border-radius:2px}#main,.sidebar{overflow-x:hidden}#ad,#header,#nav .nav-dropdown{background-color:#fff}.highlight table,.highlight td,.highlight tr{width:100%;border-collapse:collapse;padding:0;margin:0}.highlight .gutter{width:1.5em}#ad,#ad img{width:125px}.highlight .code pre{padding:1.2em 1.4em;line-height:1.5em;margin:0}.highlight .code .line{min-height:1.5em}.highlight.bash .code:after,.highlight.css .code:after,.highlight.html .code:after,.highlight.js .code:after{position:absolute;top:0;right:0;color:#ccc;text-align:right;font-size:.75em;padding:5px 10px 0;line-height:15px;height:15px;font-weight:600}#ad a,#ad span{color:#7f8c8d;display:inline-block}.highlight.html .code:after{content:'HTML'}.highlight.js .code:after{content:'JS'}.highlight.bash .code:after{content:'Shell'}.highlight.css .code:after{content:'CSS'}#main{position:relative;z-index:1;padding:0 60px 30px}#ad{position:fixed;z-index:99;bottom:10px;right:10px;padding:10px;border-radius:3px;font-size:13px}#ad a{font-weight:400}#ad span{margin-bottom:5px}#ad .carbon-img,#ad .carbon-text{display:block;margin-bottom:6px;font-weight:400;color:#34495e}#ad .carbon-poweredby{color:#aaa;font-weight:400}#nav .nav-link{cursor:pointer}#nav .nav-dropdown-container .nav-link:hover{border-bottom:none}#nav .nav-dropdown-container:hover .nav-dropdown{display:block}#nav .nav-dropdown-container.ecosystem{margin-left:20px}#nav .nav-dropdown{display:none;position:absolute;top:100%;left:0;padding:10px 0;border:1px solid #ddd;border-bottom-color:#ccc;text-align:left;border-radius:4px;white-space:nowrap}#nav .nav-dropdown li{line-height:1.8em;margin:0;display:block}#nav .nav-dropdown a{color:#7f8c8d;font-size:.9em;display:block;padding:0 24px 0 20px}#nav .nav-dropdown a:hover{color:#42b983}#nav .arrow{display:inline-block;vertical-align:middle;margin-top:-1px;margin-left:6px;margin-right:-14px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #ccc}#mobile-bar,#nav .break{display:none}#mobile-bar,body.docs #header{position:fixed;top:0;width:100%}#header{height:$heading-inner-height;padding:10px 60px;position:relative;z-index:2}body.docs #nav{position:fixed}#nav{margin:0;padding:0;position:absolute;right:60px;top:10px;height:40px;line-height:40px}#logo,#nav li{display:inline-block}#nav li{position:relative;margin:0 .6em}.nav-link{padding-bottom:3px}.nav-link.current,.nav-link:hover{border-bottom:3px solid #42b983}.search-query{height:30px;line-height:30px;padding:0 15px 0 30px;border:1px solid #e3e3e3;color:#2c3e50;outline:0;border-radius:15px;margin-right:10px;transition:border-color .2s ease;background:url(/images/search.png) 8px 5px no-repeat #fff;background-size:20px;vertical-align:middle!important}.search-query:focus{border-color:#42b983}#logo{font-size:1.5em;line-height:40px;color:#2c3e50;font-weight:500}#logo img{vertical-align:middle;margin-right:6px;width:40px;height:40px}#mobile-bar{left:0;height:40px;background-color:#fff;z-index:9;box-shadow:0 0 2px rgba(0,0,0,.25)}#mobile-bar .menu-button{position:absolute;width:24px;height:24px;top:8px;left:12px;background:url(../images/menu.png) center center no-repeat;background-size:24px}#mobile-bar .logo{position:absolute;width:30px;height:30px;background:url(../images/logo.png) center center no-repeat;top:5px;left:50%;margin-left:-15px;background-size:30px}.sidebar{position:absolute;z-index:10;top:61px;left:0;bottom:0;padding:40px 0 30px 60px;width:260px;margin-right:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.sidebar h2{margin-top:.2em}.sidebar ul{margin:0;line-height:1.8em;padding-left:1em}.sidebar .sidebar-link.new:after,.sidebar .version-select{margin-left:5px;vertical-align:middle}.sidebar .menu-root{padding-left:0}.sidebar .menu-sub{font-size:.85em}.sidebar .sidebar-link{color:#7f8c8d}.sidebar .sidebar-link.current{font-weight:600;color:#42b983}.sidebar .sidebar-link.new:after{content:"NEW";display:inline-block;font-size:10px;font-weight:600;color:#fff;background-color:#42b983;line-height:14px;padding:0 4px;border-radius:3px;position:relative;top:-1px}.sidebar .sidebar-link:hover{border-bottom:2px solid #42b983}.sidebar .section-link.active{font-weight:700;color:#42b983}.sidebar .main-menu{margin-bottom:20px;display:none;padding-left:0}.sidebar .become-backer,.sidebar .main-sponsor a,.sidebar .main-sponsor img{display:inline-block;width:125px}.sidebar .main-sponsor{color:#7f8c8d;font-size:.85em}.sidebar .main-sponsor a{margin:10px 0}.sidebar .become-backer{border:1px solid #42b983;border-radius:2em;color:#42b983;font-size:.8em;padding:4px 0;text-align:center;margin-bottom:20px}@media screen and (max-width:900px){.sidebar{position:fixed;z-index:8;background-color:#f9f9f9;height:100%;top:0;left:0;padding:60px 30px 20px;box-shadow:0 0 10px rgba(0,0,0,.2);box-sizing:border-box;transition:all .4s cubic-bezier(.4,0,0,1);-webkit-transform:translate(-280px,0);transform:translate(-280px,0)}.sidebar .search-query{width:200px;margin-bottom:10px}.sidebar .main-menu{display:block}.sidebar.open{-webkit-transform:translate(0,0);transform:translate(0,0)}}#logo img,#mobile-bar.top .logo,.sidebar{display:none}body{background-color:#727f80}#logo span{font-size:1.2em}#mobile-bar.top{background-color:transparent;box-shadow:none}#hero,#highlights{background-color:#fff}#hero{padding:50px 40px}#hero .inner{max-width:900px;margin:0 auto}#hero .left,#hero .right{display:inline-block;vertical-align:top}#hero .left{width:39%}#hero .right{width:61%}#hero .hero-logo{width:215px;height:215px;float:right;margin-right:60px}#hero h1{font-weight:300;margin:0;font-size:3.2em}#hero h2{font-weight:500;font-size:2.4em;margin:0 0 10px;display:none}#hero .button{margin:1em 0;font-size:1.05em;font-weight:600;letter-spacing:.1em}#hero .button:first-child{margin-right:1em}#hero .social-buttons{list-style-type:none;padding:0}#hero .social-buttons li{display:inline-block;vertical-align:middle;margin-right:15px}#highlights{padding-bottom:70px}#highlights .inner{max-width:900px;margin:0 auto;text-align:center}#highlights .point{width:33%;display:inline-block;vertical-align:top;padding:0 2em}#highlights .point h2{color:#42b983;font-size:1.5em;font-weight:400;margin:0;padding:.5em 0}#highlights .point p{color:#7f8c8d}#sponsors{text-align:center;padding:35px 40px 45px;background-color:#f6f6f6}#sponsors .inner{max-width:700px;margin:0 auto}#sponsors h3{color:#999;font-size:.9em;margin:0 0 10px}#sponsors a{margin:20px 15px 0;position:relative}#sponsors a,#sponsors img{width:100px;display:inline-block;vertical-align:middle}#sponsors img{transition:all .3s ease;filter:contrast(0)}#sponsors img:hover{filter:none}#sponsors a.vip{display:block;margin:30px auto 15px;width:200px}#sponsors a.vip img{width:200px}#sponsors .become-sponsor{margin-top:40px;font-size:.9em;font-weight:700;width:auto;background-color:transparent}#footer{padding:50px 0;color:#fff;text-align:center}#footer a{font-weight:700;color:#fff}@media screen and (max-width:900px){body{-webkit-text-size-adjust:none;font-size:14px}.sidebar{display:block}#header{display:none}#hero h2,#mobile-bar{display:block}#hero{padding:50px 40px 30px}#hero .hero-logo{float:none;margin:30px 0 15px;width:140px;height:140px}#hero .left,#hero .right{text-align:center;width:100%}#hero h1{font-size:2em}#hero .button{font-size:.9em}#highlights .point{display:block;margin:0 auto;width:300px;padding:0 40px 30px}#highlights .point:before{content:"—";color:#42b983}}
#nav,.sidebar ul{list-style-type:none}.gutter pre{color:#999}pre{color:#525252}pre .constant,pre .function .keyword{color:#0092db}pre .attribute,pre .keyword{color:#e96900}pre .literal,pre .number{color:#ae81ff}pre .change,pre .clojure .built_in,pre .flow,pre .lisp .title,pre .nginx .title,pre .tag,pre .tag .title,pre .tex .special,pre .winutils{color:#2973b7}pre .class .title{color:#fff}pre .regexp,pre .symbol,pre .symbol .string,pre .value{color:#42b983}pre .title{color:#a6e22e}pre .addition,pre .apache .cbracket,pre .apache .tag,pre .attr_selector,pre .built_in,pre .django .filter .argument,pre .django .template_tag,pre .django .variable,pre .envvar,pre .haskell .type,pre .javadoc,pre .preprocessor,pre .prompt,pre .pseudo,pre .ruby .class .parent,pre .smalltalk .array,pre .smalltalk .class,pre .smalltalk .localvars,pre .sql .aggregate,pre .stream,pre .string,pre .subst,pre .tag .value,pre .tex .command{color:#42b983}pre .apache .sqbracket,pre .comment,pre .deletion,pre .doctype,pre .java .annotation,pre .pi,pre .python .decorator,pre .shebang,pre .template_comment,pre .tex .formula{color:#b3b3b3}a,body{color:#34495e}pre .coffeescript .javascript,pre .javascript .xml,pre .tex .formula,pre .xml .cdata,pre .xml .css,pre .xml .javascript,pre .xml .vbscript{opacity:.5}body{font-family:'Source Sans Pro','Helvetica Neue',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;margin:0}body.docs{padding-top:61px}@media screen and (max-width:900px){body.docs{padding-top:0}}a{text-decoration:none}img{border:none}h1,h2,h3,h4,strong{font-weight:600;color:#2c3e50}code,pre{font-family:'Roboto Mono',Monaco,courier,monospace;font-size:.8em;background-color:#f8f8f8;-webkit-font-smoothing:initial;-moz-osx-font-smoothing:initial}#logo,.content p.tip:before{font-family:Dosis,'Source Sans Pro','Helvetica Neue',Arial,sans-serif}code{color:#e96900;padding:3px 5px;margin:0 2px;border-radius:2px;white-space:nowrap}em{color:#7f8c8d}p{word-spacing:.05em}a.button{padding:.75em 2em;border-radius:2em;display:inline-block;color:#fff;background-color:#4fc08d;transition:all .15s ease;box-sizing:border-box;border:1px solid #4fc08d}a.button.white{background-color:#fff;color:#42b983}.highlight{overflow-x:auto;position:relative;background-color:#f8f8f8;padding:.8em .8em .4em;line-height:1.1em;border-radius:2px}#ad,#header,#nav .nav-dropdown{background-color:#fff}.highlight table,.highlight td,.highlight tr{width:100%;border-collapse:collapse;padding:0;margin:0}.highlight .gutter{width:1.5em}#ad,#ad img{width:125px}.highlight .code pre{padding:1.2em 1.4em;line-height:1.5em;margin:0}.highlight .code .line{min-height:1.5em}.highlight.bash .code:after,.highlight.css .code:after,.highlight.html .code:after,.highlight.js .code:after{position:absolute;top:0;right:0;color:#ccc;text-align:right;font-size:.75em;padding:5px 10px 0;line-height:15px;height:15px;font-weight:600}#ad a,#ad span{color:#7f8c8d;display:inline-block}.highlight.html .code:after{content:'HTML'}.highlight.js .code:after{content:'JS'}.highlight.bash .code:after{content:'Shell'}.highlight.css .code:after{content:'CSS'}#main{position:relative;z-index:1;padding:0 60px 30px;overflow-x:hidden}#ad{position:fixed;z-index:99;bottom:10px;right:10px;padding:10px;border-radius:3px;font-size:13px}#ad a{font-weight:400}#ad span{margin-bottom:5px}#ad .carbon-img,#ad .carbon-text{display:block;margin-bottom:6px;font-weight:400;color:#34495e}#ad .carbon-poweredby{color:#aaa;font-weight:400}#nav .nav-link{cursor:pointer}#nav .nav-dropdown-container .nav-link:hover{border-bottom:none}#nav .nav-dropdown-container:hover .nav-dropdown{display:block}#nav .nav-dropdown-container.ecosystem{margin-left:20px}#nav .nav-dropdown{display:none;position:absolute;top:100%;left:0;padding:10px 0;border:1px solid #ddd;border-bottom-color:#ccc;text-align:left;border-radius:4px;white-space:nowrap}#nav .nav-dropdown li{line-height:1.8em;margin:0;display:block}#nav .nav-dropdown a{color:#7f8c8d;font-size:.9em;display:block;padding:0 24px 0 20px}#nav .nav-dropdown a:hover{color:#42b983}#nav .arrow{display:inline-block;vertical-align:middle;margin-top:-1px;margin-left:6px;margin-right:-14px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #ccc}#mobile-bar,#nav .break{display:none}#mobile-bar,body.docs #header{position:fixed;top:0;width:100%}#header{height:$heading-inner-height;padding:10px 60px;position:relative;z-index:2}body.docs #nav{position:fixed}#nav{margin:0;padding:0;position:absolute;right:60px;top:10px;height:40px;line-height:40px}#logo,#nav li{display:inline-block}#nav li{position:relative;margin:0 .6em}.nav-link{padding-bottom:3px}.nav-link.current,.nav-link:hover{border-bottom:3px solid #42b983}.search-query{height:30px;line-height:30px;box-sizing:border-box;padding:0 15px 0 30px;border:1px solid #e3e3e3;color:#2c3e50;outline:0;border-radius:15px;margin-right:10px;transition:border-color .2s ease;background:url(/images/search.png) 8px 5px no-repeat #fff;background-size:20px;vertical-align:middle!important}.search-query:focus{border-color:#42b983}#logo{font-size:1.5em;line-height:40px;color:#2c3e50;font-weight:500}#logo img{vertical-align:middle;margin-right:6px;width:40px;height:40px}#mobile-bar{left:0;height:40px;background-color:#fff;z-index:9;box-shadow:0 0 2px rgba(0,0,0,.25)}#mobile-bar .menu-button{position:absolute;width:24px;height:24px;top:8px;left:12px;background:url(../images/menu.png) center center no-repeat;background-size:24px}#mobile-bar .logo{position:absolute;width:30px;height:30px;background:url(../images/logo.png) center center no-repeat;top:5px;left:50%;margin-left:-15px;background-size:30px}#demo,.demo{border:1px solid #eee;border-radius:2px;padding:25px 35px;margin-bottom:40px;font-size:1.2em;line-height:1.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:scroll}#demo h1,.demo h1{margin:0 0 .5em;font-size:1.8em}#demo ol:first-child,#demo p:first-child,#demo ul:first-child,.demo ol:first-child,.demo p:first-child,.demo ul:first-child{margin-top:0}#demo ol:last-child,#demo p:last-child,#demo ul:last-child,.demo ol:last-child,.demo p:last-child,.demo ul:last-child{margin-bottom:0}#demo ol,#demo ul,.demo ol,.demo ul{padding-left:1.5em}#demo li,.demo li{color:#34495e}#demo li.done,.demo li.done{color:#7f8c8d;text-decoration:line-through}#demo textarea,.demo textarea{width:100%;resize:vertical}ul#demo li,ul.demo li{margin-left:1.5em}@media screen and (max-width:900px){#demo,.demo{margin-left:0}}.benchmark-table{margin:0 auto;text-align:center}.benchmark-table tbody>tr>th{text-align:right}.benchmark-table td,.benchmark-table th{padding:3px 7px}.sponsors-page a,.sponsors-page img{width:120px;display:inline-block;vertical-align:middle}.sponsors-page a{margin:10px 20px}.content.guide[class*=migration] h2>sup,.content.guide[class*=migration] h3>sup{margin-left:.3em;color:#b9465c}.content.guide[class*=migration] .upgrade-path{padding:2em;background:rgba(73,195,140,.1);border-radius:2px}.content.guide[class*=migration] .upgrade-path>h4{margin-top:0}.content.guide[class*=migration] .upgrade-path>p:last-child{margin-bottom:0}.sidebar{position:absolute;z-index:10;top:61px;left:0;bottom:0;padding:40px 0 30px 60px;width:260px;margin-right:20px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.sidebar h2{margin-top:.2em}.sidebar ul{margin:0;line-height:1.8em;padding-left:1em}.sidebar .sidebar-link.new:after,.sidebar .version-select{margin-left:5px;vertical-align:middle}.sidebar .menu-root{padding-left:0}.sidebar .menu-sub{font-size:.85em}.sidebar .sidebar-link{color:#7f8c8d}.sidebar .sidebar-link.current{font-weight:600;color:#42b983}.sidebar .sidebar-link.new:after{content:"NEW";display:inline-block;font-size:10px;font-weight:600;color:#fff;background-color:#42b983;line-height:14px;padding:0 4px;border-radius:3px;position:relative;top:-1px}.sidebar .sidebar-link:hover{border-bottom:2px solid #42b983}.sidebar .section-link.active{font-weight:700;color:#42b983}.sidebar .main-menu{margin-bottom:20px;display:none;padding-left:0}.sidebar .become-backer,.sidebar .main-sponsor a,.sidebar .main-sponsor img{display:inline-block;width:125px}.sidebar .main-sponsor{color:#7f8c8d;font-size:.85em}.sidebar .main-sponsor a{margin:10px 0}.sidebar .become-backer{border:1px solid #42b983;border-radius:2em;color:#42b983;font-size:.8em;padding:4px 0;text-align:center;margin-bottom:20px}@media screen and (max-width:900px){.sidebar{position:fixed;z-index:8;background-color:#f9f9f9;height:100%;top:0;left:0;padding:60px 30px 20px;box-shadow:0 0 10px rgba(0,0,0,.2);box-sizing:border-box;transition:all .4s cubic-bezier(.4,0,0,1);-webkit-transform:translate(-280px,0);transform:translate(-280px,0)}.sidebar .search-query{width:200px;margin-bottom:10px}.sidebar .main-menu{display:block}.sidebar.open{-webkit-transform:translate(0,0);transform:translate(0,0)}}.content a.button,.content span.info{display:inline-block;vertical-align:middle}#header{box-shadow:0 0 1px rgba(0,0,0,.25);transition:background-color .3s ease-in-out}.content{position:relative;padding:2.2em 0;max-width:600px;margin:0 auto}.content.api>a:first-of-type>h2{margin-top:0;padding-top:0}.content.api ul{padding-left:1.25em;line-height:1.4em}.content.api ul p,.content.api ul ul{margin:.6em 0}.content a.button{font-size:.9em;color:#fff;margin:.2em 0;width:180px;text-align:center;padding:12px 24px}.content img{max-width:100%}.content span.light{color:#7f8c8d}.content span.info{font-size:.85em;width:280px;margin-left:20px}.content h1{margin:0 0 1em}.content h2:before,.content h3:before{content:'';display:block;margin-top:-91px;height:91px;visibility:hidden}.content h2{margin:45px 0 .8em;padding-bottom:.7em;border-bottom:1px solid #ddd;z-index:-1}.content h3{margin:52px 0 1.2em;position:relative;z-index:-1}.content h3:after{content:"#";color:#42b983;position:absolute;left:-.7em;bottom:-2px;font-size:1.2em;font-weight:700}.content figure,.content ol,.content p,.content ul{margin:1.2em 0}.content ol,.content p,.content ul{line-height:1.6em}.content ol,.content ul{padding-left:1.5em}.content a{color:#42b983;font-weight:600}.content blockquote{margin:2em 0;padding-left:20px;border-left:4px solid #42b983}.content blockquote p{font-weight:600;margin-left:0}.content iframe{margin:1em 0}.content p.tip{padding:12px 24px 12px 30px;margin:2em 0;border-left:4px solid #f66;background-color:#f8f8f8;position:relative;border-bottom-right-radius:2px;border-top-right-radius:2px}.content p.tip:before{position:absolute;top:14px;left:-12px;background-color:#f66;color:#fff;content:"!";width:20px;height:20px;border-radius:100%;text-align:center;line-height:20px;font-weight:700;font-size:14px}.content p.tip code{background-color:#efefef}.content p.tip em{color:#34495e}.guide-links{margin-top:2em;height:1em}.footer{color:#7f8c8d;margin-top:2em;padding-top:2em;border-top:1px solid #e5e5e5;font-size:.9em}#main.fix-sidebar .sidebar{position:fixed}@media screen and (min-width:1360px){#header{background-color:rgba(255,255,255,.4)}}@media screen and (max-width:1300px){.content.with-sidebar{margin-left:290px}#ad{z-index:7;position:relative;bottom:0;right:0;float:right;padding:0 0 20px 30px}}@media screen and (max-width:900px){body{-webkit-text-size-adjust:none;font-size:14px}#header,#logo{display:none}.nav-link{padding-bottom:1px}.nav-link.current,.nav-link:hover{border-bottom:2px solid #42b983}#mobile-bar{display:block}#main{padding:2em 1.4em 0}.highlight pre{padding:1.2em 1em}.content.with-sidebar{margin:auto}.content h2:before,.content h3:before{content:'';display:block;margin-top:-70px;height:70px;visibility:hidden}.footer{margin-left:0;text-align:center}}@media screen and (max-width:560px){#downloads{text-align:center;margin-bottom:25px}#downloads .info{margin-top:5px;margin-left:0}iframe{margin:0!important}}
</style>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>