diff --git a/deploy/css/main.css b/deploy/css/main.css index d7282a0..753644a 100644 --- a/deploy/css/main.css +++ b/deploy/css/main.css @@ -1 +1 @@ -@import url("https://overpass-30e2.kxcdn.com/overpass.css");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,.highlight pre,.highlight .hll,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}b,strong{font-weight:bold}i,em{font-style:italic}.fixed-banner{transition:0.3s ease-in-out transform;position:fixed;left:323px;right:0;bottom:0;width:calc(100% - 343px);background:#385958;padding:0 10px 10px !important;transform:translateY(150%);box-shadow:0px -6px 13px rgba(0,0,0,0.25)}.fixed-banner.show{transform:translateY(0)}.fixed-banner .detail{font-family:"Overpass",sans-serif;font-weight:900;font-size:14px;color:#FDFDFD;display:block;padding:7px 0 6px}.fixed-banner .close{font-family:"Overpass",sans-serif;font-size:18px;color:#FDFDFD;position:absolute;top:0;right:5px;cursor:pointer;transition:0.3s ease-in-out opacity}.fixed-banner .close:hover{opacity:0.8}.fixed-banner .wrapper{padding:10px;background:#FDFDFD;box-shadow:0 4px 4px rgba(0,0,0,0.25);border-radius:8px;display:flex;align-items:stretch}.fixed-banner .column{flex:0 1 608px}.fixed-banner .title{margin-bottom:6px;display:block;font-family:"Overpass",sans-serif;font-size:26px;color:#494949}.fixed-banner .link{transition:0.3s ease-in-out background;display:inline-flex;align-items:center;justify-content:center;width:304px;height:48px;max-width:100%;background:#E59620;box-shadow:0 2px 5px rgba(0,0,0,0.374);border-radius:7px;font-family:"Overpass",sans-serif;font-weight:700;font-size:26px;line-height:normal;color:#FDFDFD}.fixed-banner .link:hover{background:#bf7c1b}.fixed-banner .decoration{display:inline-block;margin:0 66px;flex:0 0 2px;width:2px;height:117px;background:#D7D7D7}.fixed-banner .display{flex:0 1 429px;display:inline-flex;align-items:center;justify-content:center}.fixed-banner img{display:block;max-width:100%;height:auto}@media (max-width: 1000px){.fixed-banner{left:0;width:calc(100% - 20px)}.fixed-banner .decoration{margin:0 20px}}@media (max-width: 667px){.fixed-banner .wrapper{flex-direction:column}.fixed-banner .detail{font-size:12px;padding:3px 0}.fixed-banner .decoration{display:none}.fixed-banner .display,.fixed-banner .column{flex:0 1 auto;text-align:center}.fixed-banner .title{font-size:18px}.fixed-banner img{width:280px;margin:0 auto 10px}.fixed-banner .link{width:304px;height:34px;font-size:18px}}.video_container iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}body{font-family:"Overpass",sans-serif;font-weight:300;font-size:22px;line-height:1.4;background:#FDFDFD;color:#121212}.container{max-width:100%;position:relative;margin:0 auto}.overview{width:320px;font-size:18px}.content{counter-reset:h1-counter;width:calc(100% - 320px);position:absolute;right:0}@media screen and (max-width: 1000px){.content{width:100%}}.content .toggle{position:absolute;top:5px;left:5px}section:last-of-type{padding-bottom:300px}section>p,section>ul,section>ol,section>div{text-align:justify;padding-left:5%;padding-right:5%;box-sizing:border-box}section pre,section .highlight pre,.highlight section pre,section .highlight .hll,.highlight section .hll{margin-left:5%;margin-right:5%}section>ol{padding-left:calc(5% + 40px)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:700;line-height:1;color:#385958}h1{font-size:3.1em;padding:30px 0 0;text-align:right;border-bottom:#385958 9px solid;width:100%;line-height:0.61;margin:0 0 20px}h1:before{content:counter(h1-counter) " "}.h1{counter-increment:h1-counter;counter-reset:h2-counter;padding-top:80px}h2{font-size:2em;padding:30px 0 0;width:90%;text-align:center;border-bottom:5px solid #385958;margin:0 auto 20px;line-height:0.63}h2:before{content:counter(h1-counter) "." counter(h2-counter) " "}.h2{counter-increment:h2-counter;counter-reset:h3-counter;padding-top:60px}h3{font-size:1.7em;padding:20px 0 0;width:90%;text-align:left;border-bottom:4px solid #385958;margin:0 auto 20px;line-height:0.65}h3:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) " "}.h3{counter-increment:h3-counter;counter-reset:h4-counter;padding-top:40px}h4{font-size:1.5em;padding:18px 0 0;width:90%;text-align:left;border-bottom:3px solid #385958;margin:0 auto 18px;line-height:0.67}h4:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) " "}.h4{counter-increment:h4-counter;counter-reset:h5-counter 1;padding-top:30px}h5{font-size:1.3em;padding:40px 0 0;width:90%;text-align:left;border-bottom:2px solid #385958;margin:0 auto 15px;line-height:0.68}h5:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) " "}a{transition:.3s all;color:#385958;text-decoration:none}.content a{border-bottom:#111a1a 1px solid;padding:0px 2px}.content a:hover{border-bottom:transparent 1px solid}a:hover{color:#111a1a}img{display:block;max-width:100%;margin:20px 0}code{font-family:'Overpass', 'Overpass-mono', monospace}.video_container{margin:30px auto;position:relative;width:90%;height:0;padding:51.3422818792% 0 0 0}#intro{padding-top:20px}code,pre,.highlight pre,.highlight .hll{white-space:pre-wrap;border-radius:0px;border:0}iframe{padding-left:5%;padding-right:5%;box-sizing:border-box;width:100%}p+p{margin-top:20px}header{background-size:auto;background-repeat:repeat;background-image:url(../img/bg.jpg);height:150px;text-align:center;position:relative;max-width:100%}header span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#FDFDFD;text-transform:uppercase;font-weight:bold}.toggle:hover{cursor:pointer;opacity:.8}@media screen and (min-width: 1001px){.toggle{display:none}}.overview{position:fixed;top:0px;left:0px;height:100%;overflow-y:auto;transition:.3s all;background:#FDFDFD;border-right:3px solid #385958}@media screen and (max-width: 1000px){.overview{left:-320px;transition:.3s all ease;transform:translate(0, 0);z-index:100}.overview.open{transform:translate(320px, 0)}}.overview .toggle{position:absolute;top:5px;right:5px;z-index:100}.overview ul{list-style:none;counter-reset:nested-counter;padding-left:0}.overview ul li{counter-increment:nested-counter;font-size:98%}.overview #nav{width:100%;box-sizing:border-box}.overview #nav>li{border-bottom:1px solid rgba(56,89,88,0.3)}.overview #nav>li a{display:block;padding:10px 20px;line-height:1;border-bottom:1px solid rgba(56,89,88,0.2)}.overview #nav>li a:before{content:counters(nested-counter,".") " ";font-size:0}.overview #nav>li a:hover{background:rgba(56,89,88,0.1)}.overview #nav>li li a{padding:8px 30px}.overview #nav>li li li a{padding:6px 40px}.overview #nav>li li li li a{padding:4px 50px}.overview #nav .current>a:before{font-size:1em}.current>a{font-weight:700}#ezbanner{display:block;width:180px;margin-right:auto;margin-left:auto}pre,.highlight pre,.highlight .hll{background-color:#f8f8f8;padding:6px 10px;border-radius:2px;overflow-x:auto;font-size:.9em;margin:15px 0}.highlight .c,.highlight .cm,.highlight .c1{color:#998}.highlight .err,.highlight .gr,.highlight .gt{color:#a61717}.highlight .k,.highlight .o,.highlight .cp,.highlight .cs,.highlight .gs,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .gu,.highlight .ne,.highlight .nf,.highlight .ow{font-weight:bold}.highlight .cp,.highlight .cs,.highlight .gh{color:#999}.highlight .gd,.highlight .gd .x,.highlight .gi,.highlight .gi .x{color:black}.highlight .gd{background-color:#e3d2d2}.highlight .gd .x{background-color:#ffaaaa}.highlight .gi{background-color:#ddffdd}.highlight .gi .x{background-color:#aaffaa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gu{color:#800080}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#009999}.highlight .s{color:#385958}.highlight .n{color:#333}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#990000}.highlight .nf{color:#990000}.highlight .nn{color:#555555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .w{color:#bbbbbb}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .sb{color:#dd1144}.highlight .sc{color:#dd1144}.highlight .sd{color:#dd1144}.highlight .s2{color:#385958}.highlight .se{color:#dd1144}.highlight .sh{color:#dd1144}.highlight .si{color:#dd1144}.highlight .sx{color:#dd1144}.highlight .sr{color:#009926}.highlight .s1{color:#dd1144}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#009999}.highlight .gc{color:#999;background-color:#EAF2F5} +@import url("https://overpass-30e2.kxcdn.com/overpass.css");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,.highlight pre,.highlight .hll,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}b,strong{font-weight:bold}i,em{font-style:italic}.fixed-banner{transition:0.3s ease-in-out transform;position:fixed;left:323px;right:0;bottom:0;width:calc(100% - 343px);background:#385958;padding:0 10px 10px !important;transform:translateY(150%);box-shadow:0px -6px 13px rgba(0,0,0,0.25)}.fixed-banner.show{transform:translateY(0)}.fixed-banner .detail{font-family:"Overpass",sans-serif;font-weight:900;font-size:14px;color:#FDFDFD;display:block;padding:7px 0 6px}.fixed-banner .close{font-family:"Overpass",sans-serif;font-size:18px;color:#FDFDFD;position:absolute;top:0;right:5px;cursor:pointer;transition:0.3s ease-in-out opacity}.fixed-banner .close:hover{opacity:0.8}.fixed-banner .wrapper{padding:10px;background:#FDFDFD;box-shadow:0 4px 4px rgba(0,0,0,0.25);border-radius:8px;display:flex;align-items:stretch}.fixed-banner .column{flex:0 1 608px}.fixed-banner .title{margin-bottom:6px;display:block;font-family:"Overpass",sans-serif;font-size:26px;color:#494949}.fixed-banner .link{transition:0.3s ease-in-out background;display:inline-flex;align-items:center;justify-content:center;width:304px;height:48px;max-width:100%;background:#E59620;box-shadow:0 2px 5px rgba(0,0,0,0.374);border-radius:7px;font-family:"Overpass",sans-serif;font-weight:700;font-size:26px;line-height:normal;color:#FDFDFD}.fixed-banner .link:hover{background:#bf7c1b}.fixed-banner .decoration{display:inline-block;margin:0 66px;flex:0 0 2px;width:2px;height:117px;background:#D7D7D7}.fixed-banner .display{flex:0 1 429px;display:inline-flex;align-items:center;justify-content:center}.fixed-banner img{display:block;max-width:100%;height:auto}@media (max-width: 1000px){.fixed-banner{left:0;width:calc(100% - 20px)}.fixed-banner .decoration{margin:0 20px}}@media (max-width: 667px){.fixed-banner .wrapper{flex-direction:column}.fixed-banner .detail{font-size:12px;padding:3px 0}.fixed-banner .decoration{display:none}.fixed-banner .display,.fixed-banner .column{flex:0 1 auto;text-align:center}.fixed-banner .title{font-size:14px}.fixed-banner img{width:150px;margin:0 auto 10px}.fixed-banner .link{width:304px;height:24px;font-size:14px;padding-top:1px}}.video_container iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}body{font-family:"Overpass",sans-serif;font-weight:300;font-size:22px;line-height:1.4;background:#FDFDFD;color:#121212}.container{max-width:100%;position:relative;margin:0 auto}.overview{width:320px;font-size:18px}.content{counter-reset:h1-counter;width:calc(100% - 320px);position:absolute;right:0}@media screen and (max-width: 1000px){.content{width:100%}}.content .toggle{position:absolute;top:5px;left:5px}section:last-of-type{padding-bottom:300px}section>p,section>ul,section>ol,section>div{text-align:justify;padding-left:5%;padding-right:5%;box-sizing:border-box}section pre,section .highlight pre,.highlight section pre,section .highlight .hll,.highlight section .hll{margin-left:5%;margin-right:5%}section>ol{padding-left:calc(5% + 40px)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:700;line-height:1;color:#385958}h1{font-size:3.1em;padding:30px 0 0;text-align:right;border-bottom:#385958 9px solid;width:100%;line-height:0.61;margin:0 0 20px}h1:before{content:counter(h1-counter) " "}.h1{counter-increment:h1-counter;counter-reset:h2-counter;padding-top:80px}h2{font-size:2em;padding:30px 0 0;width:90%;text-align:center;border-bottom:5px solid #385958;margin:0 auto 20px;line-height:0.63}h2:before{content:counter(h1-counter) "." counter(h2-counter) " "}.h2{counter-increment:h2-counter;counter-reset:h3-counter;padding-top:60px}h3{font-size:1.7em;padding:20px 0 0;width:90%;text-align:left;border-bottom:4px solid #385958;margin:0 auto 20px;line-height:0.65}h3:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) " "}.h3{counter-increment:h3-counter;counter-reset:h4-counter;padding-top:40px}h4{font-size:1.5em;padding:18px 0 0;width:90%;text-align:left;border-bottom:3px solid #385958;margin:0 auto 18px;line-height:0.67}h4:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) " "}.h4{counter-increment:h4-counter;counter-reset:h5-counter 1;padding-top:30px}h5{font-size:1.3em;padding:40px 0 0;width:90%;text-align:left;border-bottom:2px solid #385958;margin:0 auto 15px;line-height:0.68}h5:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) " "}a{transition:.3s all;color:#385958;text-decoration:none}.content a{border-bottom:#111a1a 1px solid;padding:0px 2px}.content a:hover{border-bottom:transparent 1px solid}a:hover{color:#111a1a}img{display:block;max-width:100%;margin:20px 0}code{font-family:'Overpass', 'Overpass-mono', monospace}.video_container{margin:30px auto;position:relative;width:90%;height:0;padding:51.3422818792% 0 0 0}#intro{padding-top:20px}code,pre,.highlight pre,.highlight .hll{white-space:pre-wrap;border-radius:0px;border:0}iframe{padding-left:5%;padding-right:5%;box-sizing:border-box;width:100%}p+p{margin-top:20px}header{background-size:auto;background-repeat:repeat;background-image:url(../img/bg.jpg);height:150px;text-align:center;position:relative;max-width:100%}header span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#FDFDFD;text-transform:uppercase;font-weight:bold}.toggle:hover{cursor:pointer;opacity:.8}@media screen and (min-width: 1001px){.toggle{display:none}}.overview{position:fixed;top:0px;left:0px;height:100%;overflow-y:auto;transition:.3s all;background:#FDFDFD;border-right:3px solid #385958}@media screen and (max-width: 1000px){.overview{left:-320px;transition:.3s all ease;transform:translate(0, 0);z-index:100}.overview.open{transform:translate(320px, 0)}}.overview .toggle{position:absolute;top:5px;right:5px;z-index:100}.overview ul{list-style:none;counter-reset:nested-counter;padding-left:0}.overview ul li{counter-increment:nested-counter;font-size:98%}.overview #nav{width:100%;box-sizing:border-box}.overview #nav>li{border-bottom:1px solid rgba(56,89,88,0.3)}.overview #nav>li a{display:block;padding:10px 20px;line-height:1;border-bottom:1px solid rgba(56,89,88,0.2)}.overview #nav>li a:before{content:counters(nested-counter,".") " ";font-size:0}.overview #nav>li a:hover{background:rgba(56,89,88,0.1)}.overview #nav>li li a{padding:8px 30px}.overview #nav>li li li a{padding:6px 40px}.overview #nav>li li li li a{padding:4px 50px}.overview #nav .current>a:before{font-size:1em}.current>a{font-weight:700}#ezbanner{display:block;width:180px;margin-right:auto;margin-left:auto}pre,.highlight pre,.highlight .hll{background-color:#f8f8f8;padding:6px 10px;border-radius:2px;overflow-x:auto;font-size:.9em;margin:15px 0}.highlight .c,.highlight .cm,.highlight .c1{color:#998}.highlight .err,.highlight .gr,.highlight .gt{color:#a61717}.highlight .k,.highlight .o,.highlight .cp,.highlight .cs,.highlight .gs,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .gu,.highlight .ne,.highlight .nf,.highlight .ow{font-weight:bold}.highlight .cp,.highlight .cs,.highlight .gh{color:#999}.highlight .gd,.highlight .gd .x,.highlight .gi,.highlight .gi .x{color:black}.highlight .gd{background-color:#e3d2d2}.highlight .gd .x{background-color:#ffaaaa}.highlight .gi{background-color:#ddffdd}.highlight .gi .x{background-color:#aaffaa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gu{color:#800080}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#009999}.highlight .s{color:#385958}.highlight .n{color:#333}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#990000}.highlight .nf{color:#990000}.highlight .nn{color:#555555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .w{color:#bbbbbb}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .sb{color:#dd1144}.highlight .sc{color:#dd1144}.highlight .sd{color:#dd1144}.highlight .s2{color:#385958}.highlight .se{color:#dd1144}.highlight .sh{color:#dd1144}.highlight .si{color:#dd1144}.highlight .sx{color:#dd1144}.highlight .sr{color:#009926}.highlight .s1{color:#dd1144}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#009999}.highlight .gc{color:#999;background-color:#EAF2F5} diff --git a/src/_sass/partials/_fixed-banner.scss b/src/_sass/partials/_fixed-banner.scss index df3eb3d..f1622dd 100644 --- a/src/_sass/partials/_fixed-banner.scss +++ b/src/_sass/partials/_fixed-banner.scss @@ -133,18 +133,19 @@ } .title { - font-size : 18px; + font-size : 14px; } img { - width : 280px; + width : 150px; margin : 0 auto 10px; } .link { width : 304px; - height : 34px; - font-size : 18px; + height : 24px; + font-size : 14px; + padding-top: 1px; } } -} \ No newline at end of file +}