From ae95c7192b23d16959d9d992c4613249127c6475 Mon Sep 17 00:00:00 2001 From: Michael Rose Date: Wed, 26 Feb 2014 15:20:30 -0500 Subject: [PATCH] Improve menu scrolling on small screens --- assets/css/main.css | 11 ++++++----- assets/css/main.min.css | 2 +- assets/less/dl-menu.less | 7 ++++--- 3 files changed, 11 insertions(+), 9 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 65d3bb0..b23de38 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1494,16 +1494,16 @@ svg:not(:root) { .dl-menuwrapper li p { padding: 15px 20px; margin: 0; - font-size: 12px; - font-size: 0.75rem; + font-size: 14px; + font-size: 0.875rem; color: rgba(255, 255, 255, 0.8); } .dl-menuwrapper li p a { display: inline; padding: 0; - font-size: 12px; - font-size: 0.75rem; + font-size: 14px; + font-size: 0.875rem; } .dl-menuwrapper li i { @@ -1557,7 +1557,9 @@ svg:not(:root) { position: absolute; width: 100%; max-width: 400px; + max-height: 600px; margin: 0; + overflow-y: auto; pointer-events: none; opacity: 0; -webkit-transform: translateY(10px); @@ -1572,7 +1574,6 @@ svg:not(:root) { @media only screen and (min-width: 48em) { .dl-menuwrapper .dl-menu { max-height: 650px; - overflow-y: auto; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; diff --git a/assets/css/main.min.css b/assets/css/main.min.css index 0b9f98e..d4486b9 100644 --- a/assets/css/main.min.css +++ b/assets/css/main.min.css @@ -3,7 +3,7 @@ // HPSTR Jekyll Theme // By: Michael Rose // =========================================================== -*/*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}blockquote{margin:0}img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin-top:26px;font-size:16px}::-moz-selection{color:#222;text-shadow:none;background-color:#c8c8c8}::selection{color:#222;text-shadow:none;background-color:#c8c8c8}.wrap{margin:0 auto}.all-caps{text-transform:uppercase}.pull-left{float:left}.pull-right{float:right}.unstyled-list{padding-left:0;margin-left:0;list-style:none}.unstyled-list li{list-style-type:none}.inline-list{padding-left:0;margin-left:0;list-style:none}.inline-list li{display:inline;list-style-type:none}b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}body{font-family:'Lato',Calibri,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{font-family:'Lato',Calibri,Arial,sans-serif}h1{font-size:32px;font-size:2rem}a{color:#222;text-decoration:none}a:visited{color:#555}a:hover{color:#000}a:focus{color:#000;outline:thin dotted}a:hover,a:active{outline:0}.link-arrow{font-style:normal;font-weight:100;text-decoration:underline}figcaption{padding-top:10px;font-size:14px;font-size:.875rem;line-height:1.8571;line-height:1.3;color:#3c3c3c}.notice{padding:.5em 1em;margin-top:1.5em;font-size:14px;font-size:.875rem;text-indent:0;background-color:#e8e8e8;border:1px solid #b5b5b5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}blockquote{padding-left:20px;font-family:serif;font-style:italic;border-left:8px solid #bbb}@media only screen and (min-width:48em){blockquote{margin-left:-28px}}.entry-content .footnotes ol,.entry-content .footnotes li,.entry-content .footnotes p{margin-bottom:26px;margin-bottom:1.625rem;font-size:14px;font-size:.875rem;line-height:1.8571}tt,code,kbd,samp,pre{font-family:monospace}p code,li code{padding:0 5px;margin:0 2px;font-size:12px;font-size:.75rem;line-height:1.5;white-space:nowrap;background-color:#f2f2f2;border:1px solid #e6e6e6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}pre{overflow-x:auto;font-size:12px;font-size:.75rem;line-height:1.5}pre::-webkit-scrollbar{height:12px;background-color:#34362e;border-radius:0 0 4px 4px}pre::-webkit-scrollbar-thumb:horizontal{background-color:#6a6d5d;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.highlight{margin-bottom:1.5em;font-size:12px;font-size:.75rem;line-height:2.1667;color:#d0d0d0;background-color:#272822;border:1px solid #dbdbdb;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.highlight pre{position:relative;padding:1em;margin:0}.highlight .lineno{padding-right:24px;color:#8f908a}.highlight .hll{background-color:#49483e}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne{color:#a6e22e}.highlight .nf{color:#a6e22e}.highlight .nl{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}.CodeRay{margin-bottom:1.5em;font-family:monospace;font-size:12px;font-size:.75rem;line-height:2.1667;color:#d0d0d0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.CodeRay .code pre{padding:1em;margin:0;background-color:#272822;border:1px solid #dbdbdb}span.CodeRay{padding:2px;white-space:pre;border:0}table.CodeRay{width:100%;padding:2px;border-collapse:collapse}table.CodeRay td{padding:1em .5em;vertical-align:top}.CodeRay .line-numbers,.CodeRay .no{color:#8f908a;text-align:right}.CodeRay .line-numbers a{color:#8f908a}.CodeRay .line-numbers tt{font-weight:bold}.CodeRay .line-numbers .highlighted{color:#f00}.CodeRay .line{display:block;float:left;width:100%}.CodeRay span.line-numbers{padding:0 24px 0 4px}.CodeRay .code{width:100%}ol.CodeRay{font-size:10pt}ol.CodeRay li{white-space:pre}.CodeRay .code pre{overflow:auto}.CodeRay .debug{color:white!important;background:blue!important}.CodeRay .doctype,.CodeRay .key,.CodeRay .instance-variable{color:#f8f8f2}.CodeRay .attribute-name{color:#a6e22e}.CodeRay .symbol,.CodeRay .integer,.CodeRay .float{color:#ff658b}.CodeRay .string{color:#2dc900}.CodeRay .keyword{color:#66d9ef}.CodeRay .function,.CodeRay .class{color:#a6e22e}.CodeRay .regexp,.CodeRay .constant,.CodeRay .tag{color:#f92672}.CodeRay .modifier,.CodeRay .predefined-constant{color:#ff84e4}.CodeRay .comment{color:#75715e}.CodeRay .error{color:#ecc}.CodeRay .content{color:#e6db74}.CodeRay .delimiter{color:#e6db74}.CodeRay .inline{color:#e6db74}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hidden{display:none;visibility:hidden}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}hr{display:block;height:1px;padding:0;margin:1em 0;border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff}figure{padding-top:10px;padding-bottom:10px;margin:0;*zoom:1}figure:before,figure:after{display:table;line-height:0;content:""}figure:after{clear:both}figure img{margin-bottom:10px}figure a img{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition-duration:.25s;-moz-transition-duration:.25s;-o-transition-duration:.25s}figure a img:hover{-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-ms-transform:translate(0,-5px);-o-transform:translate(0,-5px);transform:translate(0,-5px);-webkit-box-shadow:0 0 10px rgba(34,34,34,0.2);-moz-box-shadow:0 0 10px rgba(34,34,34,0.2);box-shadow:0 0 10px rgba(34,34,34,0.2)}@media only screen and (min-width:62.5em){figure.half img{float:left;width:310px;margin-right:10px}figure.half figcaption{clear:left}}@media only screen and (min-width:62.5em){figure.third img{float:left;width:200px;margin-right:10px}figure.third figcaption{clear:left}}svg:not(:root){overflow:hidden}.btn{display:inline-block;padding:8px 20px;margin-bottom:20px;font-size:14px;font-size:.875rem;color:#fff;background-color:#222;border-color:#222;border-style:solid!important;border-width:2px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn:visited{color:#fff}.btn:hover{color:#222;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#5cb85c}.btn-success:visited{color:#fff}.btn-success:hover{color:#5cb85c;background-color:#fff}.btn-warning{color:#fff;background-color:#dd8338;border-color:#dd8338}.btn-warning:visited{color:#fff}.btn-warning:hover{color:#dd8338;background-color:#fff}.btn-danger{color:#fff;background-color:#c64537;border-color:#c64537}.btn-danger:visited{color:#fff}.btn-danger:hover{color:#c64537;background-color:#fff}.btn-info{color:#fff;background-color:#308cbc;border-color:#308cbc}.btn-info:visited{color:#fff}.btn-info:hover{color:#308cbc;background-color:#fff}.well{padding:20px;border:1px solid #222;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(0.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(0.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(0.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(0.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes drop{0%{-webkit-transform:translateY(-500px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes drop{0%{-moz-transform:translateY(-500px)}100%{-moz-transform:translateY(0)}}@-o-keyframes drop{0%{-o-transform:translateY(-500px)}100%{-o-transform:translateY(0)}}@keyframes drop{0%{transform:translateY(-500px)}100%{transform:translateY(0)}}.drop{-webkit-animation-name:drop;-moz-animation-name:drop;-o-animation-name:drop;animation-name:drop}.dl-menuwrapper{position:absolute;top:0;left:0;z-index:1000;width:100%;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;-moz-perspective-origin:50% 200%;perspective-origin:50% 200%}@media only screen and (min-width:48em){.dl-menuwrapper{position:fixed;top:25px;left:25px;max-width:175px}}.dl-menuwrapper button{position:relative;top:0;left:0;width:48px;height:45px;overflow:hidden;text-indent:-900em;cursor:pointer;background:#222;border:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;outline:0;opacity:.6;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}@media only screen and (min-width:48em){.dl-menuwrapper button{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}}.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#aaa}.dl-menuwrapper button:after{position:absolute;top:10px;left:16%;width:68%;height:5px;background:#fff;content:'';box-shadow:0 10px 0 #fff,0 20px 0 #fff}.dl-menuwrapper button.dl-active{display:none}.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.dl-menuwrapper li{position:relative}.dl-menuwrapper li h4{padding:15px 20px 0;margin:0;color:rgba(255,255,255,0.9)}.dl-menuwrapper li p{padding:15px 20px;margin:0;font-size:12px;font-size:.75rem;color:rgba(255,255,255,0.8)}.dl-menuwrapper li p a{display:inline;padding:0;font-size:12px;font-size:.75rem}.dl-menuwrapper li i{display:inline-block;width:2em}.dl-menuwrapper li a{position:relative;display:block;padding:15px 20px;font-size:14px;font-size:.875rem;font-weight:300;line-height:20px;color:#fff;outline:0}.dl-menuwrapper li .dl-back>a{padding-left:30px;background:rgba(0,0,0,0.2)}.dl-menuwrapper li .dl-back:after,.dl-menuwrapper li>a:not(:only-child):after{position:absolute;top:0;font-family:'fontawesome';-webkit-font-smoothing:antialiased;line-height:50px;color:#fff;content:"\f105";speak:none}.dl-menuwrapper li .dl-back:after{left:10px;color:rgba(212,204,198,0.5);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.dl-menuwrapper li>a:after{right:10px;color:rgba(0,0,0,0.15)}.dl-menuwrapper .dl-menu{position:absolute;width:100%;max-width:400px;margin:0;pointer-events:none;opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);box-shadow:0 12px 24px rgba(0,0,0,0.35);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}@media only screen and (min-width:48em){.dl-menuwrapper .dl-menu{max-height:650px;overflow-y:auto;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}}.dl-menuwrapper .dl-menu.dl-menu-toggle{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.dl-menuwrapper .dl-menu.dl-menuopen{pointer-events:auto;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.dl-menuwrapper .dl-submenu{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 12px 24px rgba(0,0,0,0.35)}.dl-menuwrapper li .dl-submenu{display:none}.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen>a,.dl-menu.dl-subview li.dl-subview>a{display:none}.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li{display:block}.dl-menu.dl-animate-out{-webkit-animation:MenuAnimOut .4s ease;-moz-animation:MenuAnimOut .4s ease;animation:MenuAnimOut .4s ease}@-webkit-keyframes MenuAnimOut{100%{opacity:0;-webkit-transform:translateZ(300px)}}@-moz-keyframes MenuAnimOut{100%{opacity:0;-moz-transform:translateZ(300px)}}@keyframes MenuAnimOut{100%{opacity:0;transform:translateZ(300px)}}.dl-menu.dl-animate-in{-webkit-animation:MenuAnimIn .4s ease;-moz-animation:MenuAnimIn .4s ease;animation:MenuAnimIn .4s ease}@-webkit-keyframes MenuAnimIn{0%{opacity:0;-webkit-transform:translateZ(300px)}100%{opacity:1;-webkit-transform:translateZ(0)}}@-moz-keyframes MenuAnimIn{0%{opacity:0;-moz-transform:translateZ(300px)}100%{opacity:1;-moz-transform:translateZ(0)}}@keyframes MenuAnimIn{0%{opacity:0;transform:translateZ(300px)}100%{opacity:1;transform:translateZ(0)}}.dl-menuwrapper>.dl-submenu.dl-animate-in{-webkit-animation:SubMenuAnimIn .4s ease;-moz-animation:SubMenuAnimIn .4s ease;animation:SubMenuAnimIn .4s ease}@-webkit-keyframes SubMenuAnimIn{0%{opacity:0;-webkit-transform:translateZ(-300px)}100%{opacity:1;-webkit-transform:translateZ(0)}}@-moz-keyframes SubMenuAnimIn{0%{opacity:0;-moz-transform:translateZ(-300px)}100%{opacity:1;-moz-transform:translateZ(0)}}@keyframes SubMenuAnimIn{0%{opacity:0;transform:translateZ(-300px)}100%{opacity:1;transform:translateZ(0)}}.dl-menuwrapper>.dl-submenu.dl-animate-out{-webkit-animation:SubMenuAnimOut .4s ease;-moz-animation:SubMenuAnimOut .4s ease;animation:SubMenuAnimOut .4s ease}@-webkit-keyframes SubMenuAnimOut{0%{opacity:1;-webkit-transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateZ(-300px)}}@-moz-keyframes SubMenuAnimOut{0%{opacity:1;-moz-transform:translateZ(0)}100%{opacity:0;-moz-transform:translateZ(-300px)}}@keyframes SubMenuAnimOut{0%{opacity:1;transform:translateZ(0)}100%{opacity:0;transform:translateZ(-300px)}}.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,0.1)}.no-js .dl-trigger{display:none}.no-js .dl-menuwrapper .dl-menu{position:relative;pointer-events:auto;opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}.no-js .dl-menuwrapper li .dl-submenu{display:block}.no-js .dl-menuwrapper li.dl-back{display:none}.no-js .dl-menuwrapper li>a:not(:only-child){background:rgba(0,0,0,0.1)}.no-js .dl-menuwrapper li>a:not(:only-child):after{content:''}.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#222}.dl-menu li{display:none}.dl-menuopen li{display:block}/*! +*/*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}blockquote{margin:0}img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin-top:26px;font-size:16px}::-moz-selection{color:#222;text-shadow:none;background-color:#c8c8c8}::selection{color:#222;text-shadow:none;background-color:#c8c8c8}.wrap{margin:0 auto}.all-caps{text-transform:uppercase}.pull-left{float:left}.pull-right{float:right}.unstyled-list{padding-left:0;margin-left:0;list-style:none}.unstyled-list li{list-style-type:none}.inline-list{padding-left:0;margin-left:0;list-style:none}.inline-list li{display:inline;list-style-type:none}b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}body{font-family:'Lato',Calibri,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{font-family:'Lato',Calibri,Arial,sans-serif}h1{font-size:32px;font-size:2rem}a{color:#222;text-decoration:none}a:visited{color:#555}a:hover{color:#000}a:focus{color:#000;outline:thin dotted}a:hover,a:active{outline:0}.link-arrow{font-style:normal;font-weight:100;text-decoration:underline}figcaption{padding-top:10px;font-size:14px;font-size:.875rem;line-height:1.8571;line-height:1.3;color:#3c3c3c}.notice{padding:.5em 1em;margin-top:1.5em;font-size:14px;font-size:.875rem;text-indent:0;background-color:#e8e8e8;border:1px solid #b5b5b5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}blockquote{padding-left:20px;font-family:serif;font-style:italic;border-left:8px solid #bbb}@media only screen and (min-width:48em){blockquote{margin-left:-28px}}.entry-content .footnotes ol,.entry-content .footnotes li,.entry-content .footnotes p{margin-bottom:26px;margin-bottom:1.625rem;font-size:14px;font-size:.875rem;line-height:1.8571}tt,code,kbd,samp,pre{font-family:monospace}p code,li code{padding:0 5px;margin:0 2px;font-size:12px;font-size:.75rem;line-height:1.5;white-space:nowrap;background-color:#f2f2f2;border:1px solid #e6e6e6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}pre{overflow-x:auto;font-size:12px;font-size:.75rem;line-height:1.5}pre::-webkit-scrollbar{height:12px;background-color:#34362e;border-radius:0 0 4px 4px}pre::-webkit-scrollbar-thumb:horizontal{background-color:#6a6d5d;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.highlight{margin-bottom:1.5em;font-size:12px;font-size:.75rem;line-height:2.1667;color:#d0d0d0;background-color:#272822;border:1px solid #dbdbdb;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.highlight pre{position:relative;padding:1em;margin:0}.highlight .lineno{padding-right:24px;color:#8f908a}.highlight .hll{background-color:#49483e}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne{color:#a6e22e}.highlight .nf{color:#a6e22e}.highlight .nl{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}.CodeRay{margin-bottom:1.5em;font-family:monospace;font-size:12px;font-size:.75rem;line-height:2.1667;color:#d0d0d0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.CodeRay .code pre{padding:1em;margin:0;background-color:#272822;border:1px solid #dbdbdb}span.CodeRay{padding:2px;white-space:pre;border:0}table.CodeRay{width:100%;padding:2px;border-collapse:collapse}table.CodeRay td{padding:1em .5em;vertical-align:top}.CodeRay .line-numbers,.CodeRay .no{color:#8f908a;text-align:right}.CodeRay .line-numbers a{color:#8f908a}.CodeRay .line-numbers tt{font-weight:bold}.CodeRay .line-numbers .highlighted{color:#f00}.CodeRay .line{display:block;float:left;width:100%}.CodeRay span.line-numbers{padding:0 24px 0 4px}.CodeRay .code{width:100%}ol.CodeRay{font-size:10pt}ol.CodeRay li{white-space:pre}.CodeRay .code pre{overflow:auto}.CodeRay .debug{color:white!important;background:blue!important}.CodeRay .doctype,.CodeRay .key,.CodeRay .instance-variable{color:#f8f8f2}.CodeRay .attribute-name{color:#a6e22e}.CodeRay .symbol,.CodeRay .integer,.CodeRay .float{color:#ff658b}.CodeRay .string{color:#2dc900}.CodeRay .keyword{color:#66d9ef}.CodeRay .function,.CodeRay .class{color:#a6e22e}.CodeRay .regexp,.CodeRay .constant,.CodeRay .tag{color:#f92672}.CodeRay .modifier,.CodeRay .predefined-constant{color:#ff84e4}.CodeRay .comment{color:#75715e}.CodeRay .error{color:#ecc}.CodeRay .content{color:#e6db74}.CodeRay .delimiter{color:#e6db74}.CodeRay .inline{color:#e6db74}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hidden{display:none;visibility:hidden}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}hr{display:block;height:1px;padding:0;margin:1em 0;border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff}figure{padding-top:10px;padding-bottom:10px;margin:0;*zoom:1}figure:before,figure:after{display:table;line-height:0;content:""}figure:after{clear:both}figure img{margin-bottom:10px}figure a img{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition-duration:.25s;-moz-transition-duration:.25s;-o-transition-duration:.25s}figure a img:hover{-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-ms-transform:translate(0,-5px);-o-transform:translate(0,-5px);transform:translate(0,-5px);-webkit-box-shadow:0 0 10px rgba(34,34,34,0.2);-moz-box-shadow:0 0 10px rgba(34,34,34,0.2);box-shadow:0 0 10px rgba(34,34,34,0.2)}@media only screen and (min-width:62.5em){figure.half img{float:left;width:310px;margin-right:10px}figure.half figcaption{clear:left}}@media only screen and (min-width:62.5em){figure.third img{float:left;width:200px;margin-right:10px}figure.third figcaption{clear:left}}svg:not(:root){overflow:hidden}.btn{display:inline-block;padding:8px 20px;margin-bottom:20px;font-size:14px;font-size:.875rem;color:#fff;background-color:#222;border-color:#222;border-style:solid!important;border-width:2px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn:visited{color:#fff}.btn:hover{color:#222;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#5cb85c}.btn-success:visited{color:#fff}.btn-success:hover{color:#5cb85c;background-color:#fff}.btn-warning{color:#fff;background-color:#dd8338;border-color:#dd8338}.btn-warning:visited{color:#fff}.btn-warning:hover{color:#dd8338;background-color:#fff}.btn-danger{color:#fff;background-color:#c64537;border-color:#c64537}.btn-danger:visited{color:#fff}.btn-danger:hover{color:#c64537;background-color:#fff}.btn-info{color:#fff;background-color:#308cbc;border-color:#308cbc}.btn-info:visited{color:#fff}.btn-info:hover{color:#308cbc;background-color:#fff}.well{padding:20px;border:1px solid #222;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(0.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(0.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(0.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(0.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes drop{0%{-webkit-transform:translateY(-500px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes drop{0%{-moz-transform:translateY(-500px)}100%{-moz-transform:translateY(0)}}@-o-keyframes drop{0%{-o-transform:translateY(-500px)}100%{-o-transform:translateY(0)}}@keyframes drop{0%{transform:translateY(-500px)}100%{transform:translateY(0)}}.drop{-webkit-animation-name:drop;-moz-animation-name:drop;-o-animation-name:drop;animation-name:drop}.dl-menuwrapper{position:absolute;top:0;left:0;z-index:1000;width:100%;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;-moz-perspective-origin:50% 200%;perspective-origin:50% 200%}@media only screen and (min-width:48em){.dl-menuwrapper{position:fixed;top:25px;left:25px;max-width:175px}}.dl-menuwrapper button{position:relative;top:0;left:0;width:48px;height:45px;overflow:hidden;text-indent:-900em;cursor:pointer;background:#222;border:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;outline:0;opacity:.6;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}@media only screen and (min-width:48em){.dl-menuwrapper button{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}}.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#aaa}.dl-menuwrapper button:after{position:absolute;top:10px;left:16%;width:68%;height:5px;background:#fff;content:'';box-shadow:0 10px 0 #fff,0 20px 0 #fff}.dl-menuwrapper button.dl-active{display:none}.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.dl-menuwrapper li{position:relative}.dl-menuwrapper li h4{padding:15px 20px 0;margin:0;color:rgba(255,255,255,0.9)}.dl-menuwrapper li p{padding:15px 20px;margin:0;font-size:14px;font-size:.875rem;color:rgba(255,255,255,0.8)}.dl-menuwrapper li p a{display:inline;padding:0;font-size:14px;font-size:.875rem}.dl-menuwrapper li i{display:inline-block;width:2em}.dl-menuwrapper li a{position:relative;display:block;padding:15px 20px;font-size:14px;font-size:.875rem;font-weight:300;line-height:20px;color:#fff;outline:0}.dl-menuwrapper li .dl-back>a{padding-left:30px;background:rgba(0,0,0,0.2)}.dl-menuwrapper li .dl-back:after,.dl-menuwrapper li>a:not(:only-child):after{position:absolute;top:0;font-family:'fontawesome';-webkit-font-smoothing:antialiased;line-height:50px;color:#fff;content:"\f105";speak:none}.dl-menuwrapper li .dl-back:after{left:10px;color:rgba(212,204,198,0.5);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}.dl-menuwrapper li>a:after{right:10px;color:rgba(0,0,0,0.15)}.dl-menuwrapper .dl-menu{position:absolute;width:100%;max-width:400px;max-height:600px;margin:0;overflow-y:auto;pointer-events:none;opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);box-shadow:0 12px 24px rgba(0,0,0,0.35);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}@media only screen and (min-width:48em){.dl-menuwrapper .dl-menu{max-height:650px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}}.dl-menuwrapper .dl-menu.dl-menu-toggle{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.dl-menuwrapper .dl-menu.dl-menuopen{pointer-events:auto;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.dl-menuwrapper .dl-submenu{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 12px 24px rgba(0,0,0,0.35)}.dl-menuwrapper li .dl-submenu{display:none}.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen>a,.dl-menu.dl-subview li.dl-subview>a{display:none}.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li{display:block}.dl-menu.dl-animate-out{-webkit-animation:MenuAnimOut .4s ease;-moz-animation:MenuAnimOut .4s ease;animation:MenuAnimOut .4s ease}@-webkit-keyframes MenuAnimOut{100%{opacity:0;-webkit-transform:translateZ(300px)}}@-moz-keyframes MenuAnimOut{100%{opacity:0;-moz-transform:translateZ(300px)}}@keyframes MenuAnimOut{100%{opacity:0;transform:translateZ(300px)}}.dl-menu.dl-animate-in{-webkit-animation:MenuAnimIn .4s ease;-moz-animation:MenuAnimIn .4s ease;animation:MenuAnimIn .4s ease}@-webkit-keyframes MenuAnimIn{0%{opacity:0;-webkit-transform:translateZ(300px)}100%{opacity:1;-webkit-transform:translateZ(0)}}@-moz-keyframes MenuAnimIn{0%{opacity:0;-moz-transform:translateZ(300px)}100%{opacity:1;-moz-transform:translateZ(0)}}@keyframes MenuAnimIn{0%{opacity:0;transform:translateZ(300px)}100%{opacity:1;transform:translateZ(0)}}.dl-menuwrapper>.dl-submenu.dl-animate-in{-webkit-animation:SubMenuAnimIn .4s ease;-moz-animation:SubMenuAnimIn .4s ease;animation:SubMenuAnimIn .4s ease}@-webkit-keyframes SubMenuAnimIn{0%{opacity:0;-webkit-transform:translateZ(-300px)}100%{opacity:1;-webkit-transform:translateZ(0)}}@-moz-keyframes SubMenuAnimIn{0%{opacity:0;-moz-transform:translateZ(-300px)}100%{opacity:1;-moz-transform:translateZ(0)}}@keyframes SubMenuAnimIn{0%{opacity:0;transform:translateZ(-300px)}100%{opacity:1;transform:translateZ(0)}}.dl-menuwrapper>.dl-submenu.dl-animate-out{-webkit-animation:SubMenuAnimOut .4s ease;-moz-animation:SubMenuAnimOut .4s ease;animation:SubMenuAnimOut .4s ease}@-webkit-keyframes SubMenuAnimOut{0%{opacity:1;-webkit-transform:translateZ(0)}100%{opacity:0;-webkit-transform:translateZ(-300px)}}@-moz-keyframes SubMenuAnimOut{0%{opacity:1;-moz-transform:translateZ(0)}100%{opacity:0;-moz-transform:translateZ(-300px)}}@keyframes SubMenuAnimOut{0%{opacity:1;transform:translateZ(0)}100%{opacity:0;transform:translateZ(-300px)}}.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,0.1)}.no-js .dl-trigger{display:none}.no-js .dl-menuwrapper .dl-menu{position:relative;pointer-events:auto;opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}.no-js .dl-menuwrapper li .dl-submenu{display:block}.no-js .dl-menuwrapper li.dl-back{display:none}.no-js .dl-menuwrapper li>a:not(:only-child){background:rgba(0,0,0,0.1)}.no-js .dl-menuwrapper li>a:not(:only-child):after{content:''}.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active,.dl-menuwrapper ul{background:#222}.dl-menu li{display:none}.dl-menuopen li{display:block}/*! * Font Awesome 3.2.0 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ diff --git a/assets/less/dl-menu.less b/assets/less/dl-menu.less index f880f23..5e35c8f 100644 --- a/assets/less/dl-menu.less +++ b/assets/less/dl-menu.less @@ -71,12 +71,12 @@ p { margin: 0; padding: 15px 20px; - .font-rem(12); + .font-rem(14); color: fade(@white,80); a { display: inline; padding: 0; - .font-rem(12); + .font-rem(14); } } i { @@ -125,6 +125,8 @@ position: absolute; width: 100%; max-width: 400px; + overflow-y: auto; + max-height: 600px; opacity: 0; pointer-events: none; box-shadow: 0 12px 24px fade(@black,35); @@ -136,7 +138,6 @@ backface-visibility: hidden; @media @medium { .border-radius(3px,3px,3px,3px); - overflow-y: auto; max-height: 650px; } }