From 3a51cb8d5ad0074eddc99b4ac187e35b14f1bbd7 Mon Sep 17 00:00:00 2001 From: Manas Khurana Date: Thu, 24 Aug 2017 21:25:57 +0530 Subject: [PATCH] Update index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 0d2515c..968a655 100644 --- a/index.html +++ b/index.html @@ -46,7 +46,7 @@ /* Odometer */ .odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal,.odometer.odometer-theme-minimal .odometer-digit{display:inline-block;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer{display:inline-block;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0);transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform .5s;transition:transform .5s}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transform:translateY(0);transform:translateY(0)} /*Odometer End*/ -#tutorial,.navButtonsCover .navButtons{-webkit-transform:translate(-50%,0);left:50%}#input button,#suggest{padding:0;overflow:hidden}#sharebox,#suggest,ul{list-style-type:none}#pageUrl input,body{font-family:Arial,sans-serif;outline:0}#bg1 div,#pageUrl,#tutStep2,#tutorial,.share{display:none}#bg2,#menu{z-index:1001}#menu,#pageUrl,.card{box-shadow:0 0 20px -4px #000}#dp,#input button,.extrabutton,.share,.suggest{cursor:pointer}#bg1 h2,#extra table,#mainPage,#tutStep1,#username,#vids{text-align:center}body{background-color:#fafafa;margin:0;-webkit-tap-highlight-color:transparent;-webkit-transition:background-color .5s linear;transition:background-color .5s linear}img{color:transparent}#menu{position:fixed;width:100%;height:50px;left:0;top:0;background-color:#e52d27}#bottomPrime,#input,#input button,#topPrime,.card,.navButtonsCover,.suggest div{position:relative}.navButtonsCover{height:100%;width:15vh;min-height:40px;float:right;top:0;cursor:pointer}.navButtonsCover .navButtons{position:relative;top:10%;transform:translate(-50%,0);height:40px;width:40px;background-image:url(/images/menu.png);background-size:auto 100%}#bg2,#pageUrl,#sharebox{position:fixed}#bg1,#mainPage,#pointer,#tutorial{position:absolute}.navButtonsCover[data-child=logo]{float:left}#logo{width:58px;background-position:0 0}#helpButton{background-position:150 0}#code{background-position:308 0}#share{background-position:40px 0}#sharebox{top:60px;right:5px;margin:0;padding:0}.share{height:40px;width:40px;border-radius:50%}#bg1,#bg2,#mainPage{width:100%}#pageUrl,#pageUrl input{text-align:center;width:80%;left:10%;border-radius:4px}#pageUrl{top:20%;z-index:1010;background-color:#fff;padding:30px;font-size:25px}#pageUrl input{border:none;font-size:30px;padding:10px;background-color:gray;color:#fff;margin:20px}#embedUrl{font-size:20px}#tutorial{z-index:1003;height:300px;max-height:50%;width:400px;max-width:100%;padding-left:30px;padding-right:30px;background-color:rgba(0,0,0,.7);border-radius:10px;top:700px;transform:translate(-50%,0)}#pointer{bottom:100%;height:50px;left:50%;opacity:.7;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}#tutorial p,.tutStep2{color:#fff}#tutStep1{font-size:50px;font-weight:900}#tutorial h3{font-size:25px}ol li{padding-top:5px;padding-bottom:5px}.ball{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);border-radius:50vmax;opacity:0}#bg1{display:block;overflow-x:hidden;-webkit-transition:all .5s linear;transition:all .5s linear;min-height:100%;right:0;top:0;background-color:#fff;z-index:501}#bg1 div{margin-top:60px;-webkit-transition:all .5s;transition:all .5s;opacity:0}#bg1 h2{font-size:6vw;margin:0;font-family:Impact,Arial,sans-serif}#bg1 ol,#bg1 p{font-size:20px;text-align:left;margin-left:20px;margin-right:20px}#bg1 a{color:#e52d27;font-weight:600}#bg1 .extrabutton{display:block}#input,label[for=username]{display:inline-block}#bg2,#dp{display:none}#bg2{left:0;top:0;background-color:rgba(0,0,0,.5);height:100%}#mainPage{left:0;bottom:0;top:50px;margin-left:auto;margin-right:auto}.card{width:80%!important;height:auto;margin:20px auto;font-size:1vw;border-radius:4px!important;background-color:#fff}#dp,#input{height:8vw}#prime{padding-top:2vw;padding-bottom:2vw}#actualCount{font-size:11vw!important}#pubDate,#totalVideos,#totalViews{font-size:3vw!important;line-height:1;font-weight:400}#dp{margin-right:1vw;border-radius:6vw}#input button,#username{border:none;outline:0;color:#fff}#input,#username{border-radius:.5vw}#input{margin-left:1vw;width:75%;background-color:#c8c8c8;-webkit-transition:background-color .25s;transition:background-color .25s}#input button{height:100%;background-color:#e52d27;width:8vw;bottom:100%;float:right;display:none}#username{font-size:3vw;font-family:Arial,sans-serif;float:left;height:100%;width:100%;background-color:transparent;-webkit-transition:width .25s;transition:width .25s}#search{height:40px;max-height:60%}#username:focus{background-color:#ffc8c8;width:87%;border-bottom:5px solid #e52d27}#username:focus~#inputButton{display:block}#extraContent,#hideextra,#suggest{display:none}#suggest{position:absolute;top:8vw;z-index:400;width:70vw;left:50%;transform:translate(-50%,0);box-shadow:0 4px 10px -4px #000;margin:0;background-color:#fff}.suggest{color:#000;height:50px;padding-bottom:10px;padding-top:10px}.extrabutton,.suggest:hover{background-color:#e52d27;color:#fff}.suggest div{font-size:2.5vw;margin-left:10px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.suggestImg{float:left;width:50px;height:50px;border-radius:50%;margin-left:10px}#extra table,.myChart-wrapper{margin-left:auto;margin-right:auto}#bottomPrime{width:100%}#extra{font-weight:400;padding-top:15px;padding-bottom:15px}#extra table{border-collapse:collapse;font-size:2vw;font-weight:100}#extra td,#extra th{text-align:left;vertical-align:center;border-bottom:1px solid #ddd;padding:10px 2vw}#milestoneBox{font-size:3vw;font-weight:100}.myChart-wrapper{width:80%}.extrabutton{border:none;outline:0;min-width:150px;height:4vw;width:15vw;font-size:18px;border-radius:4px;font-weight:900;overflow:hidden;z-index:2;margin:20px auto}#vids,#vidsText{font-size:25px}#vids{width:5vw;margin:1vw;border:0;border-bottom:.5vw solid #e52d27;background-color:rgba(200,200,200,.3)}a{text-decoration:none}@media only screen and (max-width:800px),screen and (orientation:portrait){.navButtonsCover{width:25%}#bg1 h2{font-size:12vw}#pageUrl{width:100%;left:0}.card{width:98%!important;font-size:3vw}#extra table{font-size:5vw}#milestoneBox{font-size:8vw}#actualCount{font-size:15vw!important}#pubDate,#totalVideos,#totalViews{font-size:8vw!important}#username:focus{width:84%}#username{font-size:6vw}#dp,#input{height:12vw}#suggest{top:12vw;width:87.5vw}#input button{width:12vw}.extrabutton{height:8vw;width:30vw}.myChart-wrapper{width:95%}} +#tutorial,.navButtonsCover .navButtons{-webkit-transform:translate(-50%,0);left:50%}#input button,#suggest{padding:0;overflow:hidden}#sharebox,#suggest,ul{list-style-type:none}#pageUrl input,body{font-family:Arial,sans-serif;outline:0}#bg1 div,#pageUrl,#tutStep2,#tutorial,.share{display:none}#bg2,#menu{z-index:1001}#menu,#pageUrl,.card{box-shadow:0 0 20px -4px #000}#dp,#input button,.extrabutton,.share,.suggest{cursor:pointer}#bg1 h2,#extra table,#mainPage,#tutStep1,#username,#vids{text-align:center}body{background-color:#fafafa;margin:0;-webkit-tap-highlight-color:transparent;-webkit-transition:background-color .5s linear;transition:background-color .5s linear}img{color:transparent}#menu{position:fixed;width:100%;height:50px;left:0;top:0;background-color:#e52d27}#bottomPrime,#input,#input button,#topPrime,.card,.navButtonsCover,.suggest div{position:relative}.navButtonsCover{height:100%;width:15vh;min-height:40px;float:right;top:0;cursor:pointer;-webkit-transition:background-color .5s linear;transition:background-color .5s linear}.navButtonsCover .navButtons{position:relative;top:10%;transform:translate(-50%,0);height:40px;width:40px;background-image:url(/images/menu.png);background-size:auto 100%}#bg2,#pageUrl,#sharebox{position:fixed}#bg1,#mainPage,#pointer,#tutorial{position:absolute}.navButtonsCover[data-child=logo]{float:left}#logo{width:58px;background-position:0 0}#helpButton{background-position:150 0}#code{background-position:308 0}#share{background-position:40px 0}#sharebox{top:60px;right:5px;margin:0;padding:0}.share{height:40px;width:40px;border-radius:50%}#bg1,#bg2,#mainPage{width:100%}#pageUrl,#pageUrl input{text-align:center;width:80%;left:10%;border-radius:4px}#pageUrl{top:20%;z-index:1010;background-color:#fff;padding:30px;font-size:25px}#pageUrl input{border:none;font-size:30px;padding:10px;background-color:gray;color:#fff;margin:20px}#embedUrl{font-size:20px}#tutorial{z-index:1003;height:auto;max-width:50%;width:400px;padding-left:30px;padding-right:30px;background-color:rgba(0,0,0,.7);border-radius:10px;top:700px;transform:translate(-50%,0)}#pointer{bottom:100%;height:30px;left:50%;opacity:.7;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}#tutorial p,.tutStep2{color:#fff}#tutStep1{font-size:50px;font-weight:900}#tutorial h3{font-size:25px}ol li{padding-top:5px;padding-bottom:5px}.ball{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);border-radius:50vmax;opacity:0}#bg1{display:block;overflow-x:hidden;-webkit-transition:all .5s linear;transition:all .5s linear;min-height:100%;right:0;top:0;background-color:#fff;z-index:501}#bg1 div{margin-top:60px;-webkit-transition:all .5s;transition:all .5s;opacity:0}#bg1 h2{font-size:6vw;margin:0;font-family:Impact,Arial,sans-serif}#bg1 ol,#bg1 p{font-size:20px;text-align:left;margin-left:20px;margin-right:20px}#bg1 a{color:#e52d27;font-weight:600}#bg1 .extrabutton{display:block}#input,label[for=username]{display:inline-block}#bg2,#dp{display:none}#bg2{left:0;top:0;background-color:rgba(0,0,0,.5);height:100%}#mainPage{left:0;bottom:0;top:50px;margin-left:auto;margin-right:auto}.card{width:80%!important;height:auto;margin:20px auto;font-size:1vw;border-radius:4px!important;background-color:#fff}#dp,#input{height:8vw}#prime{padding-top:2vw;padding-bottom:2vw}#actualCount{font-size:11vw!important}#pubDate,#totalVideos,#totalViews{font-size:3vw!important;line-height:1;font-weight:400}#dp{margin-right:1vw;border-radius:6vw}#input button,#username{border:none;outline:0;color:#fff}#input,#username{border-radius:.5vw}#input{margin-left:1vw;width:75%;background-color:#c8c8c8;-webkit-transition:background-color .25s;transition:background-color .25s}#input button{height:100%;background-color:#e52d27;width:8vw;bottom:100%;float:right;display:none}#username{font-size:3vw;font-family:Arial,sans-serif;float:left;height:100%;width:100%;background-color:transparent;-webkit-transition:width .25s;transition:width .25s}#search{height:40px;max-height:60%}#username:focus{background-color:#ffc8c8;width:87%;border-bottom:5px solid #e52d27}#username:focus~#inputButton{display:block}#extraContent,#hideextra,#suggest{display:none}#suggest{position:absolute;top:8vw;z-index:400;width:70vw;left:50%;transform:translate(-50%,0);box-shadow:0 4px 10px -4px #000;margin:0;background-color:#fff}.suggest{color:#000;height:50px;padding-bottom:10px;padding-top:10px}.extrabutton,.suggest:hover{background-color:#e52d27;color:#fff}.suggest div{font-size:2.5vw;margin-left:10px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.suggestImg{float:left;width:50px;height:50px;border-radius:50%;margin-left:10px}#extra table,.myChart-wrapper{margin-left:auto;margin-right:auto}#bottomPrime{width:100%}#extra{font-weight:400;padding-top:15px;padding-bottom:15px}#extra table{border-collapse:collapse;font-size:2vw;font-weight:100}#extra td,#extra th{text-align:left;vertical-align:center;border-bottom:1px solid #ddd;padding:10px 2vw}#milestoneBox{font-size:3vw;font-weight:100}.myChart-wrapper{width:80%}.extrabutton{border:none;outline:0;min-width:150px;height:4vw;width:15vw;font-size:18px;border-radius:4px;font-weight:900;overflow:hidden;z-index:2;margin:20px auto}#vids,#vidsText{font-size:25px}#vids{width:5vw;margin:1vw;border:0;border-bottom:.5vw solid #e52d27;background-color:rgba(200,200,200,.3)}a{text-decoration:none}@media only screen and (max-width:800px),screen and (orientation:portrait){.navButtonsCover{width:25%}#bg1 h2{font-size:12vw}#pageUrl{width:100%;left:0}.card{width:98%!important;font-size:3vw}#extra table{font-size:5vw}#milestoneBox{font-size:8vw}#actualCount{font-size:15vw!important}#pubDate,#totalVideos,#totalViews{font-size:8vw!important}#username:focus{width:84%}#username{font-size:6vw}#dp,#input{height:12vw}#suggest{top:12vw;width:87.5vw}#input button{width:12vw}.extrabutton{height:8vw;width:30vw}.myChart-wrapper{width:95%}}