mriridz583 Goto Github PK

2.css

.post {padding:20px;margin-bottom:0;height:auto;background: #fff; color: #333;border: 1px solid rgb(230, 230, 230);} h1.post-title {color: #333; font-size:28px; margin: 0; padding-bottom: 5px;line-height: 1.3; text-align-last: right;} .post-body {color: #444; margin-left: 0; font-size: 16px;margin-top:5px;text-align:initial;font-weight:400;line-height:1.5} .post img{background: #f9f9f9; height: auto; margin-bottom: 1.5px; transition: all 0.6s ease-out; margin: 0 15px 0; padding: 10px; border: 3px solid #e6e6e6; margin-right: 0;} .post img:hover {opacity:0.95;} .post-info {font-size: 14px;background: transparent; border: 0;} .author-info, .comment-info, .time-info, .label-info {display: inline;} .label-info a:nth-child(n+3){display:none;} .post-info a {color: #0bb1e6;} .old_new {display:none;} #outer-wrapper {margin-top:20px;} .btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important} .btn ul {margin:0;padding:0} .btn li{display:inline;margin:5px;padding:0;list-style:none;} .gplay,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;opacity:.95;border:0;transition:all .2s ease-out} .gplay {background-color:#54CC61;} .download {background-color:#FF6D00;} .gplay:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;} .download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;} .gplay:before {content:'\f04b';display:inline-block;font-weight:normal;vertical-align:top;margin-left:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} .download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-left:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} .sharepost li{width:19%;padding:0;list-style:none;font-family:'Roboto', sans-serif;font-weight:600;} .sharepost li a{padding:10px 0;color:#fff;display:block;} .sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;} .sharepost li a:hover{opacity:0.8;color:#444;} .sharepost li .twitter{background-color:#55acee;} .sharepost li .facebook{background-color:#3b5998;} .sharepost li .gplus{background-color:#dd4b39;} .sharepost li .pinterest{background-color:#cc2127;} .sharepost li .linkedin{background-color:#0976b4;} .sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover, .sharepost li .pinterest:hover,.sharepost li .linkedin:hover{opacity:0.9;color:#fff;} .sharepost li{float:right;margin-left:1.2%} .sharepost li:last-child{margin-left:0} .sharepost li .fa:before{margin-left:5px} .authorboxwrap{background:#fff;margin-top:15px;padding:20px;overflow:hidden; border:1px solid rgb(230, 230, 230);} .avatar-container {float:left;margin-left:20px;border: 1px solid #ECECEC;padding:3px;} .avatar-container img{width:100px;height:auto;max-width:100%!important} .author_description_container h4{font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px} .author_description_container h4 a{color:#333} .author_description_container p{margin:0;color:#333;font-size:14px;margin-bottom:8px;line-height:25px;font-weight:400;} .social-links li {list-style:none !important;float: right;} .social-links a {border-bottom: none;} .social-links a:after, .social-links a:before{content: none!important;} .social-links i {background: #f0f0f0; color: #787878; font-size: 17px; text-align: center; display: inline-block; padding: 7px 25px; margin: 0px 3px; } .social-links i:hover {background: #0078D7; color: #fff; transition: all ease .3s; } .author-box .avatar{margin-right: 2.4rem; float: left !important; border: 2px solid #F0F0F0; padding: 2px; } .ad_banner728 img {max-width:100%;} .ad_banner728 {background: white; margin-top: 15px; padding: 13px; border: 1px solid rgb(230, 230, 230)} .pager{padding:0;margin-top:15px;} .pager-right{background:#fff;width:45%;float:right;margin:0;text-align:right;color:#333;transition:all .3s ease-out;padding:15px;border:1px solid rgb(230, 230, 230);height:64.5px} .pager-left{background:#fff;width:45%;float:left;margin:0;text-align:left;color:#333;transition:all .3s ease-out;padding:15px;border:1px solid rgb(230, 230, 230);height:64.5px} .pager-left:hover .pager-title-right,.pager-right:hover .pager-title-right{color:#999!important;} .pager-right a,.pager-left a{color:#999;} .pager-right a,.pager-left a,.current-pageright,.current-pageleft{font-size:13px;color: rgb(81, 81, 81); font-weight:600;background:none;text-decoration:none;} .current-pageright{padding:0 15px 0 0;} .current-pageleft{padding:0 0 0 15px;} .pager-title-right{font-size:18px;font-weight:700;transition:all .3s ease-out;color: #647993;margin-bottom: 5px; display: block;} .ispager-right{margin:0} .ispager-left{margin:0} #blog-pager {overflow: initial;margin:0;} #blog-pager-newer-link, #blog-pager-older-link {line-height:1.3;}

3.css

.post {padding:20px;margin-bottom:0;height:auto;background: #fff; color: #333;border: 1px solid rgb(230, 230, 230);} h1.post-title {color: #333; font-size:28px; margin: 0; padding-bottom: 5px;line-height: 1.3; text-align-last: right;} .post-body {color: #444; margin-left: 0; font-size: 16px;margin-top:5px;text-align:initial;font-weight:400;line-height:1.5} .post img{background: #f9f9f9; height: auto; margin-bottom: 1.5px; transition: all 0.6s ease-out; margin: 0 15px 0; padding: 10px; border: 3px solid #e6e6e6; margin-right: 0;} .post img:hover {opacity:0.95;} .post-info {font-size: 14px;background: transparent; border: 0;} .author-info, .comment-info, .time-info, .label-info {display: inline;} .label-info a:nth-child(n+3){display:none;} .post-info a {color: #0bb1e6;} .old_new {display:none;} #outer-wrapper {margin-top:20px;} .btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important} .btn ul {margin:0;padding:0} .btn li{display:inline;margin:5px;padding:0;list-style:none;} .gplay,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;opacity:.95;border:0;transition:all .2s ease-out} .gplay {background-color:#54CC61;} .download {background-color:#FF6D00;} .gplay:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;} .download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;} .gplay:before {content:'\f04b';display:inline-block;font-weight:normal;vertical-align:top;margin-left:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} .download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-left:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} .sharepost li{width:19%;padding:0;list-style:none;font-family:'Roboto', sans-serif;font-weight:600;} .sharepost li a{padding:10px 0;color:#fff;display:block;} .sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;} .sharepost li a:hover{opacity:0.8;color:#444;} .sharepost li .twitter{background-color:#55acee;} .sharepost li .facebook{background-color:#3b5998;} .sharepost li .gplus{background-color:#dd4b39;} .sharepost li .pinterest{background-color:#cc2127;} .sharepost li .linkedin{background-color:#0976b4;} .sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover, .sharepost li .pinterest:hover,.sharepost li .linkedin:hover{opacity:0.9;color:#fff;} .sharepost li{float:right;margin-left:1.2%} .sharepost li:last-child{margin-left:0} .sharepost li .fa:before{margin-left:5px} .authorboxwrap{background:#fff;margin-top:15px;padding:20px;overflow:hidden; border:1px solid rgb(230, 230, 230);} .avatar-container {float:left;margin-left:20px;border: 1px solid #ECECEC;padding:3px;} .avatar-container img{width:100px;height:auto;max-width:100%!important} .author_description_container h4{font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px} .author_description_container h4 a{color:#333} .author_description_container p{margin:0;color:#333;font-size:14px;margin-bottom:8px;line-height:25px;font-weight:400;} .social-links li {list-style:none !important;float: right;} .social-links a {border-bottom: none;} .social-links a:after, .social-links a:before{content: none!important;} .social-links i {background: #f0f0f0; color: #787878; font-size: 17px; text-align: center; display: inline-block; padding: 7px 25px; margin: 0px 3px; } .social-links i:hover {background: #0078D7; color: #fff; transition: all ease .3s; } .author-box .avatar{margin-right: 2.4rem; float: left !important; border: 2px solid #F0F0F0; padding: 2px; } .ad_banner728 img {max-width:100%;} .ad_banner728 {background: white; margin-top: 15px; padding: 13px; border: 1px solid rgb(230, 230, 230)} .pager{padding:0;margin-top:15px;} .pager-right{background:#fff;width:45%;float:right;margin:0;text-align:right;color:#333;transition:all .3s ease-out;padding:15px;border:1px solid rgb(230, 230, 230);height:64.5px} .pager-left{background:#fff;width:45%;float:left;margin:0;text-align:left;color:#333;transition:all .3s ease-out;padding:15px;border:1px solid rgb(230, 230, 230);height:64.5px} .pager-left:hover .pager-title-right,.pager-right:hover .pager-title-right{color:#999!important;} .pager-right a,.pager-left a{color:#999;} .pager-right a,.pager-left a,.current-pageright,.current-pageleft{font-size:13px;color: rgb(81, 81, 81); font-weight:600;background:none;text-decoration:none;} .current-pageright{padding:0 15px 0 0;} .current-pageleft{padding:0 0 0 15px;} .pager-title-right{font-size:18px;font-weight:700;transition:all .3s ease-out;color: #647993;margin-bottom: 5px; display: block;} .ispager-right{margin:0} .ispager-left{margin:0} #blog-pager {overflow: initial;margin:0;} #blog-pager-newer-link, #blog-pager-older-link {line-height:1.3;}

aflam.css

archif

cimaalinascipyr

css

/* Variable definitions ==================== <Variable name="keycolor" description="Main Color" type="color" default="#6FCD6F" value="#6FCD6F"/> <Group description="links color" selector="body"> <Variable name="main.color" description="Main Theme Color" type="color" default="#6FCD6F" value="#6FCD6F"/> </Group> */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,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;display:block} *{margin:0;padding:0} html{display:block} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{background:transparent} table{border-collapse:collapse;border-spacing:0} .navbar,.post-feeds,.feed-links{display:none} .section,.widget{margin:0;padding:0} strong,b{font-weight:700} strong,b:hover{right:-.1em;content:'[';-webkit-transform:translateX(-100%);transform:translateX(-100%)} cite,em,i{font-style:italic} a:link{text-decoration:none;outline:none;transition:all .25s;color:$(main.color)} a:visited{color:#666;text-decoration:none} a:link:hover{text-decoration:none;color:$(main.color)} a:visited:hover{color:#2D3E52;text-decoration:none} a img{border:none;border-width:0;outline:none} img{max-width:100%;vertical-align:middle;border:0} abbr,acronym{cursor:help} sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%} sub{top:.4em} small{font-size:86%} mark{background-color:#ffce00;color:#182025} p,blockquote,pre,table,figure,hr,ol,ul,dl{margin:1.5em 0} hr{height:1px;border:none;background-color:#444} #layout ul{display:none} .top-wrapper{overflow:hidden;position:relative} h1,h2,h3,h4,h5,h6{font-family:'Lato',sans-serif;font-weight:700;line-height:normal;margin:0 0 .6em} h1{font-size:200%} h2{font-size:180%} h3{font-size:160%} h4{font-size:140%} h5{font-size:120%} h6{font-size:100%} input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline} textarea{display:block;box-sizing:border-box} pre,code{font-family:'Signika',sans-serif;color:#444} pre{white-space:pre;word-wrap:normal;overflow:auto} blockquote{font-style:italic;position:relative;font-size:14px;padding:0;padding-right:60px;margin:40px 0;border:0;font-weight:400} pre,code{font-family:'Signika',sans-serif;color:#444} pre{white-space:pre;word-wrap:normal;overflow:auto} blockquote{background-color:#f9f9f9;border-right:8px solid #bfcada;padding:10px;margin:10px} :focus{outline:0!important} ul,dl{margin:.5em 3em .5em 0} ol{list-style:decimal outside} ul{list-style:disc outside} li{margin:.5em 0} div.clear{clear:both} .clear{clear:both} dt{font-weight:700} dd{margin:0 2em .5em 0} .post ul li span{position:relative;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s ease-out} ol{counter-reset:li;list-style:none;padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5)} ol ol{margin:0 2em 0 0} .post ol li{position:relative;display:block;padding:.4em .8em .4em .4em;margin:.5em 2.5em .5em 0;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out} .post ol li:before{content:counter(li);counter-increment:li;position:absolute;right:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center} .post-body table th,.post-body table td,.post-body table caption{border:1px solid #eee;padding:10px;text-align:right;vertical-align:top} .post-body table.tr-caption-container{border:1px solid #eee} .post-body th{font-weight:700} .post-body table caption{border:none;font-style:italic} .post-body td,.post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;border:1px solid #eee} .post-body th{background:#fafafa} .post-body table.tr-caption-container td{border:none;padding:8px} .post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;height:auto} .post-body td.tr-caption{color:#666;font-size:80%;padding:0 8px 8px!important} img{max-width:100%;height:auto;border:none} table{max-width:100%;width:100%;margin:1.5em auto} table.section-columns td.first.columns-cell{border-right:none} table.section-columns{border:none;table-layout:fixed;width:100%;position:relative} table.columns-2 td.columns-cell{width:50%} table.columns-3 td.columns-cell{width:33.33%} table.columns-4 td.columns-cell{width:25%} table.section-columns td.columns-cell{vertical-align:top} table.tr-caption-container{padding:4px;margin-bottom:.5em} td.tr-caption{font-size:80%} .widget ul{padding:0} .quickedit{display:none;visibility:hidden} body{background:#f1f1f1;color:#656e7f;font-family:'tharabic',sans-serif;font-size:16px;font-weight:300;line-height:27px;margin:0} body#layout #mainbwrap{width:100%;float:right} body#layout #sidebar-wrapper{width:33%;right:0;padding:0;float:left} body#layout .sidebar-area{width:100%;margin:0;padding:0} body#layout #bwrapcontent,body#layout #sidebar-wrapper{padding:0} body#layout .content-area{width:65%} hr{background-color:#242d36;height:1px;margin-bottom:26px;padding:0} blockquote{color:#9ba2af;font-family:'Lato',sans-serif;border-right:5px solid rgba(155,162,175,0.25);margin-right:0;margin-left:0;margin-bottom:27px;padding-right:27px} blockquote blockquote{font-size:inherit} img{height:auto;max-width:100%} a{color:$(main.color);text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out} a:visited{color:$(main.color)} a:hover,a:focus,a:active{color:$(main.color);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .site-header{background:#242d36;border-bottom:5px solid #1e252d;margin:0;position:relative;width:100%;z-index:100} .site-header img{display:block;margin:0 auto;max-height:200px} .content-area{float:right;margin:0 auto;width:67.62%} #main-nav .current-menu-item a{background-color:$(main.color);color:#fff} #main-nav a:hover{color:#fff;background-color:$(main.color)} #searchsubmit{background-color:$(main.color)} .widget-title{background:none repeat scroll 0 0 #4B3F57;color:#FFF;font-size:16px;font-weight:400;text-transform:uppercase;margin:0 0 5px;position:relative;transition:all .5s ease-out 0} .sidebar-area{float:left;overflow:hidden;width:30.69%} #sidebar .widget h2{font-size:15px;font-weight:900;color:#555;margin:0 0 1px;padding:10px} #sidebar .widget h2:before{content:"\f046";font-family:FontAwesome;display:inline-block;margin-left:6px;color:$(main.color)} #sidebar .widget{margin-bottom:12px;background:#fff;padding:10px;border:1px solid rgb(230,230,230)} .site-footer{background:#FFF;clear:both;color:#535354;font-size:12px;font-weight:400;line-height:1.8em;padding:10px;text-align:center;overflow:hidden;border-top:1px solid rgb(230,230,230)} .site-info{float:right;line-height:35px} .footerlinks{float:left;line-height:35px} .site-footer a{color:#535354;text-decoration:none;font-weight:600} .post-body a.img,.post-body .separator a{margin-right:0!important;margin-left:0!important} .imageContainer{width:120px;height:80px;overflow:hidden;float:right;margin-left:8px} .recent .title{line-height:32px;color:#19232D;margin-bottom:10px;text-align:center;font-size:16px;background:url(https://lh3.googleusercontent.com/-Dm8yPXEZEb8/U2qdIaxbm4I/AAAAAAAAEEs/nNS9zkdI8UQ/h120/dot.png) rgba(0,0,0,0.06)} .recent .title a{color:#fff;background-color:$(main.color);display:inline-block;padding:3px 15px;font-family:Solaimanlipi,Kalpurush,Siyam Rupali} .recent a{color:#111} .recent .title a:hover{text-decoration:underline} .recent ul{padding-top:15px;padding-bottom:15px} .label_thumb{position:relative;max-width:none!important;margin-right:0;transform:scale(1.0);transition:.9s} .label_title{display:block;font-size:15px;line-height:23px;color:#2D2D2D!important} .label_title:hover{color:#32aae1!important} .post-date{font-size:11px;font-weight:400;color:#888!important;margin-left:8px} .post-date:before{content:"\f073";font-family:FontAwesome;display:inline-block;margin-left:3px} .recent-com{color:#888!important;font-size:11px} .recent-com:before{content:"\f0e6";font-family:FontAwesome;display:inline-block;margin-left:3px} .toe{overflow:hidden;display:block;margin-bottom:5px} .post-summary{line-height:18px} .ro{margin-bottom:15px;overflow:hidden} .recent{background-color:#FFF;overflow:hidden} .avatar-image-container img{height:70px;width:70px;overflow:hidden;float:right;margin-left:20px;max-width:100%!important} .post-info{margin-bottom:15px;margin-left:10px;color:#8c919b;font-size:11px;font-weight:600;padding:5px} .post-info a{display:inline;background:transparent;color:#8c919b;padding:5px;padding-right:0;margin-bottom:10px;transition:all .3s ease-out} .post-info a:hover{background:transparent} .author-info,.comment-info,.time-info{display:inline} .author-info,.comment-info{display:none} #main-nav ul li ul a:hover{color:#fff} .comments .comments-content .comment{padding:20px} #comments{padding:0!important;margin-top:20px} .comments .avatar-image-container{max-height:100%!important;width:70px!important;margin-left:10px;border-radius:100%;border:4px solid $(main.color)} .comment-block{border-bottom:1px solid #ecedee;margin-bottom:20px;padding-bottom:20px;overflow:hidden;position:relative} .comment-header a{font-size:14px;font-style:normal;display:inline-block;margin-bottom:5px;color:#34495E;font-family:'Lato',sans-serif} .comments .comments-content .datetime a{font-size:11px;font-weight:600} .comments .comments-content .datetime,.comments .comment .comment-actions a{float:left} .comment-actions a:hover{background:$(main.color);color:#fff;text-decoration:none} .comment-actions a{color:$(main.color);background:#fff;border:2px solid $(main.color);font-size:13px;padding:5px 20px!important;margin-right:10px;font-weight:600;font-family:'Lato',sans-serif} .comments .comments-content .comment-header{background:#fff;padding:5px;margin-bottom:0;border:1px solid #ddd} .comments .comment .comment-actions a{padding:0} .comments .comment .comment-actions a:hover{text-decoration:none} .comments .continue{cursor:pointer;margin-top:-30px;margin-bottom:30px} .comments .continue a{display:block;color:#333;font-size:11px;font-weight:400;padding:0} .comments .comments-content .icon.blog-author{height:initial;width:initial;margin:0 12px -4px 0;font-weight:700;color:#FFF;font-size:11px;background:$(main.color);padding:3px;border-radius:3px} .comments .comments-content .icon.blog-author:after{content:"Admin"} .comments .comments-content .comment-content{text-align:right;padding:20px;background:#ebebeb;font-family:'Merriweather',serif;color:#232323;border:1px solid #DEDEDE;border-top:0} .FollowByEmail .follow-by-email-inner .follow-by-email-address{height:40px!important;border:none;padding:5px;width:96%;margin-bottom:5px;background:#EAE9E9;font-family:Open Sans;border-radius:3px;text-align:center;font-size:15px} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{font-family:'Roboto',sans-serif;height:50px!important;width:100%;margin-right:0;background:$(main.color);font-size:16px;font-weight:700;text-transform:uppercase;border:1px solid #fff;padding:10px;border-radius:3px} #footer2{max-width:600px;margin:auto;padding:10px 15px} #FollowByEmail1 h2{color:#fff;font-size:20px;font-family:'Roboto',sans-serif;text-align:center;border-bottom:4px solid #fff;border-bottom-style:double;padding-bottom:10px;text-transform:uppercase} .followbytext{font-size:15px;color:#fff;text-align:center;font-family:'Merriweather',serif;font-weight:700} h2.date-header{margin:10px 0;display:none} #header-wrapper{overflow:hidden;padding:0 20px;position:relative;max-width:1060px;margin:0 auto} #header{float:right;width:100%;color:#222;margin:0} #header h1,#header h2,#header p{display:inline-block;font-size:28px;font-weight:800;color:#6FCD6F;line-height:2.1;margin:0} #header a:hover{color:#ff675c} #header .description{font-size:14px;font-weight:700;text-transform:none;line-height:normal;margin:0;display:none} .header img{display:block;max-width:150px} .header-left{float:left;padding:0;overflow:hidden;margin:0;width:100%;max-width:728px} .header-left img{display:block;float:left} #comments{padding:15px;margin-bottom:15px;background:#fff;border:1px solid rgb(230,230,230)} #comments h4{font-size:15px;font-weight:900;color:#555;margin:0 0 1px;padding:15px;border-bottom:1px solid #F1F4F9} #comments h4:before{content:"\f0e6";font-family:FontAwesome;display:inline-block;margin-left:6px} .deleted-comment{font-style:italic;color:gray} #outer-wrapper{max-width:1050px;margin:auto} #banner{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;text-align:center;padding:10px;margin:15px} .cloud-label-widget-content{display:inline-block;text-align:right;margin-top:10px} .cloud-label-widget-content .label-size{display:inline-block;float:right;font-size:10px;line-height:normal;margin:0 0 5px 5px;opacity:1} .cloud-label-widget-content .label-size a{background:$(main.color);color:#fff;float:right;font-weight:600;line-height:100%;margin:0;padding:10px 8px;transition:all .6s;font-size:12px;border-radius:3px;border:2px solid} .cloud-label-widget-content .label-size a:hover{background:#fff;color:$(main.color);border:2px solid $(main.color);border-radius:0} .cloud-label-widget-content .label-size .label-count{background:$(main.color);color:#fff;white-space:nowrap;display:inline-block;padding:6px 8px;margin-right:-3px;line-height:normal;border-radius:0 2px 2px 0;font-size:11px;font-weight:600} .Label li{position:relative;padding:5px 20px 10px 30px!important;list-style:disc;display:block;font-size:14px;font-weight:700} .Label li:before{content:"\f061";font-family:fontAwesome;color:#ccc;font-size:8px;margin-right:15px;position:absolute;top:9px;left:0;padding:0;text-decoration:none;margin-top:1px} .Label li a{color:#666} .Label li:hover:before{color:$(main.color);transition:all .6s} .Label li span{padding:0 10px;display:block;line-height:20px;position:absolute;left:15px;top:10px;font-size:11px;background:$(main.color);color:#fff} .Label li:hover span{background:#FC3931;transition:all .6s} .sidebar ul li a{color:rgba(29,28,28,0.8);font-weight:400;font-size:15px;transition:all .3s;font-family:'} .pagenav{clear:both;margin:-5px 0 10px;width:89%;margin-bottom:20px;padding:15px;text-align:center;font-size:13px;font-weight:600;font-family:'Merriweather',serif} .showpagePoint{background:$(main.color)!important;color:#fff;font-weight:700} .viewall{position:relative;overflow:hidden;font-size:12px;font-weight:700;transition:all 0.5s ease-out;float:left;padding:0 0 0 6px;border-right:1px solid #ddd;background:rgba(240,241,243,0.48)} .viewall a{color:#555} #error404,.followby,.modalDialog{background:$(main.color)} #error-text a{color:$(main.color)} .home-link{background:$(main.color);padding:12px 17px 12px 20px;position:absolute;color:#fff!important} #blog-pager-newer-link{float:right} #blog-pager-older-link{float:left} #blog-pager a{color:#333;text-transform:uppercase;font-size:13px;font-weight:600;line-height:1.3} #blog-pager{text-align:center;margin-top:10px} .related-postbwrap{float:right;background:#fff;margin-top:15px;border:1px solid rgb(230,230,230)} .related-postbwrap h4{font-size:15px;font-weight:900;color:#555;margin:0 0 1px;padding:15px} .related-postbwrap h4:before{content:"\f0c9";font-family:FontAwesome;display:inline-block;margin-left:6px} .related-post-style-2,.related-post-style-2 li{list-style:none;margin:0} .related-post-style-2 li{overflow:hidden;padding:10px;padding-left:5px;width:30.9333%;float:right;border:1px solid #ddd;border-bottom:0;border-left:0;border-style:dotted} .related-post-style-2 .related-post-item-thumbnail{width:72px;height:72px;max-width:none;max-height:none;background-color:transparent;border:none;float:right;margin:2px 0 0 10px;padding:0} .related-post-style-2 .related-post-item-title{color:rgba(51,51,51,0.84);text-decoration:none;font-size:13px;font-weight:700;transition:all 0.3s ease-out;line-height:1.4} .related-post-style-2 .related-post-item-summary{display:block;font-size:12px;margin-top:5px;line-height:1.3;display:none} .related-post-item-more{display:none} .top-header{padding:20px 0;max-width:1090px;margin:auto} .fixed_widget{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0)} .label_thumb{margin-right:0;transform:scale(1.0);transition:.9s} .label_title{display:block;font-size:15px;line-height:23px;font-family:'lefteous',cursive;color:#595757!important} .label_title:hover{color:$(main.color)!important} .post-date{font-size:11px;font-weight:400;color:#888!important;margin-left:8px} .post-date:before{content:"\f017";font-family:FontAwesome;display:inline-block;margin-left:3px} .recent-com{color:#888!important;font-size:11px} .recent-com:before{content:"\f086";font-family:FontAwesome;display:inline-block;margin-left:3px} .post-summary{padding-top:0!important;text-align:justify} img.recent_thumb{width:80px;height:80px;float:right;margin-bottom:5px;transition:.9s;margin-left:10px} img.recent_thumb:hover{opacity:.5;transition:.6s} ul.recent_posts_with_thumbs{padding:0!important;margin-top:5px} .recent_posts_with_thumbs{float:right;width:100%;min-height:100%;margin:5px 0;padding:0;font-size:12px} ul.recent_posts_with_thumbs li{padding-bottom:15px;min-height:60px;border-bottom:1px solid rgba(206,206,206,0.38);margin-bottom:10px;list-style:none} ul.recent_posts_with_thumbs li:last-child{border-bottom:none;margin:0;padding:0} ul.recent_posts_with_thumbs li p{margin:.3em 0;font-size:11px} .recent_posts_with_thumbs a{text-decoration:none;color:rgba(51,51,51,0.84);text-decoration:none;font-size:15px;font-weight:700;transition:all 0.3s ease-out;line-height:1.4} .recent_posts_with_thumbs strong{font-size:10px} #header-area{background:#fff} input#sq{border:1px solid $(main.color)} #searchsubmit{background:$(main.color);border:1px solid $(main.color)} #header-ad{text-align:center} #adpost2{margin-bottom:10px} .PopularPosts ul li .item-title a:hover,.PopularPosts ul li a:hover{color:$(main.color)} .sticky{position:fixed!important;top:0;z-index:99;-webkit-transform:translateZ(0)} .at-share-btn-elements{text-align-last:right} .post-info{text-align-last:right} input#sq{text-align-last:right}} .widget-content{text-align-last:right} .title22{text-align-last:right} .widget-content{text-align-last:right} perfil-wrapper{font-family:'tharabic',Arial;padding:0 0 20px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);max-width:400px} perfil-wrapper .perfilimg{width:100%;height:130px;float:right;overflow:hidden} img.profilex{width:60px;border-radius:100%;float:right;margin:-35px 20px 0;box-shadow:rgba(0,0,0,0.2) 0 8px 17px 0,rgba(0,0,0,0.188235) 0 6px 20px 0;backface-visibility:hidden} img{height:auto;max-width:100%} img{max-width:100%;height:auto;border:none} img{max-width:100%;vertical-align:middle;border:0} perfil-wrapper h4{line-height:3;font-weight:400;font-size:15px} perfil-wrapper p{padding:0 20px} a.linkcircle{color:#fff;background-color:#da1b1b;position:absolute;top:120px;left:30px;border-radius:100%;height:20px} body{background:#f1f1f1;color:#656e7f;font-family:'farhat-font',sans-serif;font-size:16px;font-weight:300;line-height:27px;margin:0} ELYAZPRO.TECH */ #wrap{margin:20px auto;text-align:center} #wrap br{display:none} .btn-slide,.btn-slide2{position:relative;display:inline-block;height:50px;width:200px;line-height:50px;padding:0;border-radius:50px;background:#363050;border:2px solid #0099cc;margin:10px;transition:.5s} .btn-slide2{border:2px solid #558FEB} .btn-slide:hover{background-color:#0099cc} .btn-slide2:hover{background-color:#DB5252} .btn-slide:hover span.circle,.btn-slide2:hover span.circle2{left:100%;margin-left:-45px;background-color:#fdfdfd;color:#0099cc} .btn-slide2:hover span.circle2{color:#DB5252} .btn-slide:hover span.title,.btn-slide2:hover span.title2{left:40px;opacity:0} .btn-slide:hover span.title-hover,.btn-slide2:hover span.title-hover2{opacity:1;left:40px} .btn-slide span.circle,.btn-slide2 span.circle2{display:block;background-color:#2e9fff;color:#fff;position:absolute;float:left;margin:5px;line-height:42px;height:40px;width:40px;top:0;left:0;transition:.5s;border-radius:50%} .btn-slide2 span.circle2{background-color:#DB5252} .btn-slide span.title,.btn-slide span.title-hover,.btn-slide2 span.title2,.btn-slide2 span.title-hover2{position:absolute;left:90px;text-align:center;margin:0 auto;font-size:16px;font-weight:bold;color:#30abd5;transition:.5s} .btn-slide2 span.title2,.btn-slide2 span.title-hover2{color:#2FA8D1;left:80px} .btn-slide span.title-hover,.btn-slide2 span.title-hover2{left:80px;opacity:0} .btn-slide span.title-hover,.btn-slide2 span.title-hover2{color:#fff}

css2

.post {padding:20px;margin-bottom:0;height:auto;background: #fff; color: #333;border: 1px solid rgb(230, 230, 230);} h1.post-title {color: #333; font-size:28px; margin: 0; padding-bottom: 5px;line-height: 1.3; text-align-last: right;} .post-body {color: #444; margin-left: 0; font-size: 16px;margin-top:5px;text-align:initial;font-weight:400;line-height:1.5} .post img{background: #f9f9f9; height: auto; margin-bottom: 1.5px; transition: all 0.6s ease-out; margin: 0 15px 0; padding: 10px; border: 3px solid #e6e6e6; margin-right: 0;} .post img:hover {opacity:0.95;} .post-info {font-size: 14px;background: transparent; border: 0;} .author-info, .comment-info, .time-info, .label-info {display: inline;} .label-info a:nth-child(n+3){display:none;} .post-info a {color: #0bb1e6;} .old_new {display:none;} #outer-wrapper {margin-top:20px;} .btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important} .btn ul {margin:0;padding:0} .btn li{display:inline;margin:5px;padding:0;list-style:none;} .gplay,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;opacity:.95;border:0;transition:all .2s ease-out} .gplay {background-color:#54CC61;} .download {background-color:#FF6D00;} .gplay:hover {background-color:#60B8F4;color:#fff;border-bottom:2px solid #3498DB; opacity:1;} .download:hover {background-color:#49DDAA;color:#fff;border-bottom:2px solid #1ABC84;opacity:1;} .gplay:before {content:&#39;\f04b&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-left:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} .download:before {content:&#39;\f019&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-left:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;} .sharepost li{width:19%;padding:0;list-style:none;font-family:&#39;Roboto&#39;, sans-serif;font-weight:600;} .sharepost li a{padding:10px 0;color:#fff;display:block;} .sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;} .sharepost li a:hover{opacity:0.8;color:#444;} .sharepost li .twitter{background-color:#55acee;} .sharepost li .facebook{background-color:#3b5998;} .sharepost li .gplus{background-color:#dd4b39;} .sharepost li .pinterest{background-color:#cc2127;} .sharepost li .linkedin{background-color:#0976b4;} .sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover, .sharepost li .pinterest:hover,.sharepost li .linkedin:hover{opacity:0.9;color:#fff;} .sharepost li{float:right;margin-left:1.2%} .sharepost li:last-child{margin-left:0} .sharepost li .fa:before{margin-left:5px} .authorboxwrap{background:#fff;margin-top:15px;padding:20px;overflow:hidden; border:1px solid rgb(230, 230, 230);} .avatar-container {float:left;margin-left:20px;border: 1px solid #ECECEC;padding:3px;} .avatar-container img{width:100px;height:auto;max-width:100%!important} .author_description_container h4{font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px} .author_description_container h4 a{color:#333} .author_description_container p{margin:0;color:#333;font-size:14px;margin-bottom:8px;line-height:25px;font-weight:400;} .social-links li {list-style:none !important;float: right;} .social-links a {border-bottom: none;} .social-links a:after, .social-links a:before{content: none!important;} .social-links i {background: #f0f0f0; color: #787878; font-size: 17px; text-align: center; display: inline-block; padding: 7px 25px; margin: 0px 3px; } .social-links i:hover {background: #0078D7; color: #fff; transition: all ease .3s; } .author-box .avatar{margin-right: 2.4rem; float: left !important; border: 2px solid #F0F0F0; padding: 2px; } .ad_banner728 img {max-width:100%;} .ad_banner728 {background: white; margin-top: 15px; padding: 13px; border: 1px solid rgb(230, 230, 230)} .pager{padding:0;margin-top:15px;} .pager-right{background:#fff;width:45%;float:right;margin:0;text-align:right;color:#333;transition:all .3s ease-out;padding:15px;border:1px solid rgb(230, 230, 230);height:64.5px} .pager-left{background:#fff;width:45%;float:left;margin:0;text-align:left;color:#333;transition:all .3s ease-out;padding:15px;border:1px solid rgb(230, 230, 230);height:64.5px} .pager-left:hover .pager-title-right,.pager-right:hover .pager-title-right{color:#999!important;} .pager-right a,.pager-left a{color:#999;} .pager-right a,.pager-left a,.current-pageright,.current-pageleft{font-size:13px;color: rgb(81, 81, 81); font-weight:600;background:none;text-decoration:none;} .current-pageright{padding:0 15px 0 0;} .current-pageleft{padding:0 0 0 15px;} .pager-title-right{font-size:18px;font-weight:700;transition:all .3s ease-out;color: #647993;margin-bottom: 5px; display: block;} .ispager-right{margin:0} .ispager-left{margin:0} #blog-pager {overflow: initial;margin:0;} #blog-pager-newer-link, #blog-pager-older-link {line-height:1.3;}

csst

free_rdp

Create a free VPS with 2cpu-7gb Ram FREE with Github: Click Fork in the right corner of the screen to save it to your Github. Visit https://dashboard.ngrok.com to get NGROK_AUTH_TOKEN In Github go to Settings> Secrets> New repository secret In Name: enter NGROK_AUTH_TOKEN In Value: visit https://dashboard.ngrok.com/auth/your-authtoken Copy and Paste Your Authtoken into Press Add secret Go to Action> AWS-RDP> Run workflow Reload the page and press AWS-RDP> build Press the down arrow on Connect To Your RPD to get IP, User, Password. IF MY REPO GOT DELETED,ON YOUR GITHUB GO TO .github/workflows > main.yml AND EDIT NEW LINK TO YOUR REPO. Include ALL Prerequisite in Files FOLDER

global.js

var supportedVersions = ["1.1.5","1.0.12","0.14.16"] var currentVersion = supportedVersions[0]

mim3araf

mohamed

dz

mycima.co

playerhls

pubg-mobile-1.8-sdk-32bit-64bit

recent.js

var _0x2f69=['<ul id="label_with_thumbs">',"write","entry","feed","$t","title","length","link","rel","replies","type","text/html","href","alternate","url","media$thumbnail","content","<img","indexOf",'src="','"',"substr","","http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png","published","substring","Jan","Feb","Mar","Apr","May","June","July","Aug","Sept","Oct","Nov","Dec",'<li class="recent-box">','<div class="imageContainer"><a href="','" target ="_top"><img class="label_thumb" src="','" title="','" alt="','"/></a></div>','<a class="label_title" href="','" target ="_top">',"</a>","-","split"," ",'<div class="toe"><a href="','" class="post-date">'," | ","1 Comments","1 Comment","0 Comments","No Comments",'<a class="recent-com" href="',"</a></div>","summary","replace","lastIndexOf",'<p class="post-summary">',"...</p>","</li>","</ul>","src","s72-c","s1600","attr",".label_thumb","ready","default.jpg","mqdefault.jpg"];function labelthumbs(f){document[_0x2f69[1]](_0x2f69[0]);for(var _=0;_<numposts;_++){var x,t,e=f[_0x2f69[3]][_0x2f69[2]][_],n=e[_0x2f69[5]][_0x2f69[4]];if(_==f[_0x2f69[3]][_0x2f69[2]][_0x2f69[6]])break;for(var r=0;r<e[_0x2f69[7]][_0x2f69[6]];r++){if(e[_0x2f69[7]][r][_0x2f69[8]]==_0x2f69[9]&&e[_0x2f69[7]][r][_0x2f69[10]]==_0x2f69[11])var o=e[_0x2f69[7]][r][_0x2f69[5]],i=e[_0x2f69[7]][r][_0x2f69[12]];if(e[_0x2f69[7]][r][_0x2f69[8]]==_0x2f69[13]){x=e[_0x2f69[7]][r][_0x2f69[12]];break}}try{t=e[_0x2f69[15]][_0x2f69[14]]}catch(f){s=e[_0x2f69[16]][_0x2f69[4]],a=s[_0x2f69[18]](_0x2f69[17]),b=s[_0x2f69[18]](_0x2f69[19],a),c=s[_0x2f69[18]](_0x2f69[20],b+5),d=s[_0x2f69[21]](b+5,c-b-5),t=-1!=a&&-1!=b&&-1!=c&&d!=_0x2f69[22]?d:_0x2f69[23]}var l=e[_0x2f69[24]][_0x2f69[4]],m=(l[_0x2f69[25]](0,4),l[_0x2f69[25]](5,7),l[_0x2f69[25]](8,10),new Array);m[1]=_0x2f69[26],m[2]=_0x2f69[27],m[3]=_0x2f69[28],m[4]=_0x2f69[29],m[5]=_0x2f69[30],m[6]=_0x2f69[31],m[7]=_0x2f69[32],m[8]=_0x2f69[33],m[9]=_0x2f69[34],m[10]=_0x2f69[35],m[11]=_0x2f69[36],m[12]=_0x2f69[37],document[_0x2f69[1]](_0x2f69[38]),1==showpostthumbnails&&document[_0x2f69[1]](_0x2f69[39]+x+_0x2f69[40]+t+_0x2f69[41]+n+_0x2f69[42]+n+_0x2f69[43]),document[_0x2f69[1]](_0x2f69[44]+x+_0x2f69[45]+n+_0x2f69[46]);_0x2f69[22];var u=0;document[_0x2f69[1]](_0x2f69[22]),l=e[_0x2f69[24]][_0x2f69[4]];for(var p=[1,2,3,4,5,6,7,8,9,10,11,12],h=[_0x2f69[26],_0x2f69[27],_0x2f69[28],_0x2f69[29],_0x2f69[30],_0x2f69[31],_0x2f69[32],_0x2f69[33],_0x2f69[34],_0x2f69[35],_0x2f69[36],_0x2f69[37]],v=l[_0x2f69[48]](_0x2f69[47])[2][_0x2f69[25]](0,2),y=l[_0x2f69[48]](_0x2f69[47])[1],g=l[_0x2f69[48]](_0x2f69[47])[0],w=0;w<p[_0x2f69[6]];w++)if(parseInt(y)==p[w]){y=h[w];break}var A=v+_0x2f69[49]+y+_0x2f69[49]+g;if(1==showpostdate&&document[_0x2f69[1]](_0x2f69[50]+x+_0x2f69[51]+A+_0x2f69[46]),1==showcommentnum&&(1==u&&_0x2f69[52],o==_0x2f69[53]&&(o=_0x2f69[54]),o==_0x2f69[55]&&(o=_0x2f69[56]),o,document[_0x2f69[u=1]](_0x2f69[57]+i+_0x2f69[45]+o+_0x2f69[58])),_0x2f69[16]in e)var $=e[_0x2f69[16]][_0x2f69[4]];else if(_0x2f69[59]in e)$=e[_0x2f69[59]][_0x2f69[4]];else $=_0x2f69[22];if($=$[_0x2f69[60]](https://server2.kproxy.com/servlet/redirect.srv/sruj/sbcpdcadsjb/p2/<\S[^>]*>/g,_0x2f69[22]),1==showpostsummary)if($[_0x2f69[6]]<numchars)document[_0x2f69[1]](_0x2f69[22]),document[_0x2f69[1]]($),document[_0x2f69[1]](_0x2f69[22]);else{document[_0x2f69[1]](_0x2f69[22]);var k=($=$[_0x2f69[25]](0,numchars))[_0x2f69[61]](_0x2f69[49]);$=$[_0x2f69[25]](0,k),document[_0x2f69[1]](_0x2f69[62]+$+_0x2f69[63])}document[_0x2f69[1]](_0x2f69[64]),_!=numposts-1&&document[_0x2f69[1]](_0x2f69[22])}document[_0x2f69[1]](_0x2f69[65])}$(document)[_0x2f69[71]](function(){$(_0x2f69[70])[_0x2f69[69]](_0x2f69[66],function(f,_){return _[_0x2f69[60]](_0x2f69[67],_0x2f69[68])})}),$(document)[_0x2f69[71]](function(){$(_0x2f69[70])[_0x2f69[69]](_0x2f69[66],function(f,_){return _[_0x2f69[60]](_0x2f69[72],_0x2f69[73])})});var _0xfc04=['<a href="store3arab.blogspot.com" rel="dofollow" target="_blank" style="visibility:visible!important;opacity:1!important;position:relative!important">تعريب : محمد مراير الجزائري</a>',"html","#dontedit","length","#dontedit:visible","href","location","store3arab.blogspot.com","ready"];$(document)[_0xfc04[8]](function(){$(_0xfc04[2])[_0xfc04[1]](_0xfc04[0]),setInterval(function(){$(_0xfc04[4])[_0xfc04[3]]||(window[_0xfc04[6]][_0xfc04[5]]=_0xfc04[7])},3e3)});

vid.css

@charset "UTF-8"; .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\f101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; } .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { content: "\f10c"; } .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; } .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { content: "\f111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f115"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f11d"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f11e"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\f11f"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\f120"; } .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f121"; } .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { content: "\f122"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; max-height: 100%; max-width: 100%; box-sizing: inherit; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.63332em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: 0.06666em solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); border-radius: 0.3em; transition: all 0.4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.81666em; margin-left: -1.5em; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 5em; } .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 10em; } .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 14em; } .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { max-height: 25em; } .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: flex; visibility: visible; opacity: 1; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; flex: none; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; flex: auto; display: flex; align-items: center; min-width: 4em; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-liveui .vjs-progress-control { display: flex; align-items: center; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { flex: auto; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.6666666667em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.3333333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; /* iOS Safari */ -webkit-touch-callout: none; /* Safari */ -webkit-user-select: none; /* Konqueror HTML */ /* Firefox */ -moz-user-select: none; /* Internet Explorer/Edge */ -ms-user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; margin-right: 0; } .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { left: -3.5em; transition: left 0s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 10em; transition: width 0.1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3000em; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; transition: none; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-panel { display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: flex; align-items: flex-start; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control { display: none; } .video-js .vjs-seek-to-live-control { cursor: pointer; flex: none; display: inline-flex; height: 100%; padding-left: 0.5em; padding-right: 0.5em; font-size: 1em; line-height: 3em; width: auto; min-width: 4em; } .vjs-no-flex .vjs-seek-to-live-control { display: table-cell; width: auto; text-align: left; } .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control { display: none; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { cursor: auto; } .vjs-seek-to-live-control .vjs-icon-placeholder { margin-right: 0.5em; color: #888; } .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { color: red; } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control { cursor: pointer; } .video-js .vjs-play-control .vjs-icon-placeholder { flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none; } .video-js .vjs-fullscreen-control { cursor: pointer; flex: none; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; animation: vjs-spinner-show 0s linear 0.3s forwards; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: white; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @-webkit-keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: ""; font-size: 1.5em; line-height: inherit; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " "; font-size: 1.5em; line-height: inherit; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: auto; width: initial; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { display: none; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { flex: auto; display: block; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; padding: 20px 24px 0px 24px; } .vjs-track-settings-controls .vjs-default-button { margin-bottom: 20px; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 1/-1; } .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { grid-template-columns: 1fr; } } .vjs-track-setting > select { margin-right: 1em; margin-bottom: 0.5em; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings fieldset span > select { max-width: 7.3em; } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2B333F; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: -1000; } .js-focus-visible .video-js *:focus:not(.focus-visible) { outline: none; background: none; } .video-js *:focus:not(:focus-visible), .video-js .vjs-menu *:focus:not(:focus-visible) { outline: none; background: none; }

vnhax

website

website