body.pg-video-view{
background-color:#f5f5f5;
}
.pg-video-view .header:not(.opaque){
background-color:#222;
border-bottom:1px solid transparent;
}
.pg-video-view .content{
max-width:none;
padding:0;
}
.pg-video-view .content_wrapper{
padding:0;
}
.pg-video-view .main{
padding-top:50px;
}
#video_view{
position:relative;
padding:20px 40px 0 40px;
max-width:1650px;
margin:0 auto;
}
#video_view .alert{
border-radius:0px;
margin-bottom:0;
max-width:1200px;
margin:0px auto;
}
#video_view .gutter{
position:absolute;
width:350px;
top:20px;
right:40px;
}
#video_view > .inner{
overflow:visible !important;
margin:0 auto;
padding-right:370px;
}
#video_view .progress_wrapper{
position:relative;
padding:200px;
background-color:#222;
margin-top:0;
text-align:center;
}
#video_view .loading{
position:absolute;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
#video_view .dot{
width:10px;
height:10px;
border:2px solid white;
border-radius:50%;
float:left;
margin:0 5px;
-webkit-transform:scale(0);
transform:scale(0);
-webkit-animation:fx 1000ms ease infinite 0ms;
animation:fx 1000ms ease infinite 0ms;
}
#video_view .dot:nth-child(2){
-webkit-animation:fx 1000ms ease infinite 300ms;
animation:fx 1000ms ease infinite 300ms;
}
#video_view .dot:nth-child(3){
-webkit-animation:fx 1000ms ease infinite 600ms;
animation:fx 1000ms ease infinite 600ms;
}
@-webkit-keyframes fx{
50%{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
100%{
opacity:0;
}
}
@keyframes fx{
50%{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
100%{
opacity:0;
}
}
#video_view .progress{
border-radius:5px;
margin:1em auto 0 auto;
background-color:#333;
height:5px;
max-width:500px;
}
#video_view .progress-bar{
background-color:#fff;
box-shadow:none;
border-radius:5px;
}
#video_view .progress_wrapper .note{
display:block;
text-align:center;
color:#fff;
font-weight:bold;
font-size:1em;
padding:25px;
}
#video_view .progress_wrapper .downloading-footer.note{
font-weight:normal;
color:#777;
}
#video_view .notify-by-email{
margin-top:10px;
}
#video_view .notify-by-email .input-group{
width:350px;
}
#video_view .notify-by-email .input-group input[type="text"]{
background-color:#fff;
border:1px solid #ccc;
}
#video_view .video_youtube{
display:inline-block;
vertical-align:middle;
font-size:0;
}
#video_view .video_links{
display:none;
margin-bottom:20px;
}
#video_view .video_links ul{
margin-bottom:2px;
}
#video_view .video_links li{
display:inline-block;
vertical-align:middle;
margin-right:10px;
}
#video_view .video_links li a{
color:#ccc;
font-size:.85em;
}
#video_view .video_links li.active a{
color:#555;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
}
#video_view .video_links .video_link_wrapper{
display:none;
background-color:#fff;
padding:5px 10px;
overflow:hidden;
}
#video_view .video_links #video_link{
display:block;
}
#video_view .video_links .video_link_wrapper span{
cursor:pointer;
margin-right:4px;
color:#aaa;
-webkit-user-select:none;
-moz-user-select:none;
}
#video_view .video_links input{
width:200px;
border:none;
background:none;
padding:0;
font-size:.9em;
}
#video_view .video_apps{
margin-top:20px;
padding-top:20px;
border-top:2px solid rgba(0,0,0,.05);
text-align:center;
}
#video_view .inner .video_apps{
display:none;
}
#video_view .video_share_prompt{
position:relative;
display:inline-block;
background-color:#52CFFF;
margin:15px 0;
border-radius:3px;
}
#video_view .video_share_prompt .text{
display:inline-block;
padding:.5em 1em;
color:#fff;
font-style:italic;
}
#video_view .video_share_prompt .dismiss{
display:inline-block;
padding:.5em .75em;
color:#fff;
font-weight:bold;
border-left:1px solid rgba(255,255,255,.5);
text-decoration:none;
}
#video_view .video_share_prompt .dismiss:hover{
background-color:#86DDFF;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
}
#video_view .video_share_prompt:after{
bottom:100%;
left:50%;
left:60px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-bottom-color:#52CFFF;
border-width:7px;
margin-left:-7px;
}
#video_view .video_apps a{
display:inline-block;
text-decoration:none;
background-size:100%;
background-repeat:no-repeat;
width:200px;
height:68px;
}
.device-ios #video_view .video_apps a.android{
display:none;
}
.device-android #video_view .video_apps a.ios{
display:none;
}
#video_view .video_apps .headline{
margin-bottom:1em;
color:#999;
}
#video_view #video_player{
max-width:1200px;
margin:0 auto;
height:0px;
}
#video_view #video_player_scrub_preview{
border:1px solid #111;
padding:2px;
border-radius:4px;
background-color:#222;
background-size:cover;
}
#video_view .player{
background-color:#000;
}
#video_view .player-dummy{
overflow:hidden;
width:100%;
max-height:70vh;
}
#video_view .collapsed{
overflow:hidden;
width:100%;
height:0px;
}
#video_view .yt_embed #video_player{
height:100%;
max-height:70vh;
}
#video_view .player .vjs-control-bar{
max-width:1220px;
margin-left:auto;
margin-right:auto;
}
#video_view .player .postroll{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:9999;
display:none;
padding:3%;
background-color:rgba(0,0,0,.8);
text-align:center;
color:#fff;
opacity:0;
-webkit-transition:opacity .25s ease-in-out;
-moz-transition:opacity .25s ease-in-out;
-ms-transition:opacity .25s ease-in-out;
-o-transition:opacity .25s ease-in-out;
transition:opacity .25s ease-in-out;
margin-top:0;
}
#video_view .video_title{
margin-top:0;
font-size:1.5em;
font-weight:bold;
line-height:1.2em;
color:#222;
word-wrap:break-word;
margin-bottom:10px;
}
#video_view.anon .video_title{
float:left;
margin-bottom:0;
max-width:80%;
}
#video_view .video_description{
font-weight:normal;
font-size:.95em;
color:#777;
white-space:pre-line;
word-wrap:break-word;
unicode-bidi:embed;
}
#video_view .video_description_wrapper{
margin-top:1px;
padding:15px;
background-color:#fff;
overflow:hidden;
position:relative;
}
#video_view .video_description_wrapper_truncated{
max-height:250px;
}
#video_view .video_description_more{
width:100%;
height:50px;
padding-top:5px;
background:white;
text-align:center;
color:#ccc;
font-size:.9em;
cursor:pointer;
position:absolute;
top:200px;
left:0;
}
#video_view .video_description_more:hover{
color:#888;
}
.video_description_more_border_top{
border-bottom:1px solid #efefef;
position:absolute;
top:-60px;
left:15px;
right:15px;
padding:30px 0;
background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
#video_view .video_description_more_text{
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
#video_view .video_description_more_text + i{
display:inline-block;
vertical-align:middle;
color:#ddd;
}#video_view .video_description_more:hover i{
display:inline-block;
vertical-align:middle;
color:#bbb;
}
#video_view .video_description a{
color:inherit;
text-decoration:underline;
}
#video_view .video_info2{
display:block;
font-weight:normal;
font-size:1.1em;
padding:15px;
background-color:#fff;
overflow:hidden;
position:relative;
margin-top:1px;
z-index:1;
}
#video_view .video_nsfw{
background-color:#f5f5f5;
line-height:1.5em;
color:#FF5151;
font-weight:bold;
padding:.15em .5em;
border-radius:2px;
font-size:11px;
letter-spacing:0.03em;
display:inline-block;
margin-right:5px;
}
#video_view .video_follow{
margin-right:.25em;
}
#video_view .video_category{
color:#bbb;
border-radius:2px;
font-size:.8em;
margin-right:.25em;
display:inline-block;
text-decoration:none;
}
#video_view .video_category:hover .text{
text-decoration:underline;
}
#video_view .video_info .video_platform a{
color:inherit;
border-bottom:1px solid #ddd;
}
#video_view .video_info .video_platform a:hover{
color:#999;
text-decoration:none;
border-color:#999;
}
#video_view .video_info .video_platform .timestamp{
cursor:pointer;
}
#video_view .video_info2 .video_author_username{
display:inline-block;
vertical-align:middle;
margin-left:5px;
color:#333;
}
#video_view .video_info2 .video_stats{
display:none;
text-align:left;
}
#video_view .video_info2 .video_stats > li{
display:inline-block;
vertical-align:middle;
font-size:.9em;
color:#aaa;
margin-right:1em;
}
#video_view .video_info3 .video_stats > li{
display:inline-block;
vertical-align:middle;
color:#999;
margin-left:10px;
}
#video_view .video_author_wrapper > *{
display:inline-block;
vertical-align:middle;
}
#video_view .video_author_wrapper .video_author_photo{
display:inline-block;
vertical-align:middle;
width:24px;
height:24px;
border-radius:50px;
background-size:cover;
background-position:center center;
background-color:#f5f5f5;
}
#video_view .video_author{
margin-right:.3em;
}
#video_view .video_author:hover .video_author_username{
text-decoration:underline;
}
#video_view .video_author_wrapper .video_author_username{
display:inline-block;
vertical-align:middle;
font-weight:500;
color:#555;
font-size:.9em;
display:inline-block;
vertical-align:middle;
}
#video_view .video_author_wrapper .btn.user_notify{
border:1px solid #ccc;
color:#555;
border-radius:50px;
background-color:#fff;
margin-top:-1px;
}
#video_view .video_author_wrapper .btn.user_notify i.fa-bell{
display:none;
}
#video_view .video_author_wrapper .btn.user_notify.notified i.fa-bell-o{
display:none;
}
#video_view .video_author_wrapper .btn.user_notify.notified i.fa-bell{
display:inline;
}
#video_view .video_author_wrapper .btn.user_notify:hover{
background-color:#e6e6e6;
}
#video_view .video_author_wrapper .btn{
display:inline-block;
vertical-align:middle;
margin:1px 0 0 0;
color:#fff;
background-color:#f82a53;
border:none;
border-radius:50px;
padding:.2em .7em;
font-weight:bold;
font-size:.7em;
border:1px solid #f82a53;
}
#video_view .video_author_wrapper .btn.following,
#video_view .video_author_wrapper .btn.notified{
background-color:transparent;
color:#f82a53;
border-color:rgba(248,42,83,.3);
}
#video_view .video_author_wrapper .btn.notified:hover,
#video_view .video_author_wrapper .btn.following:hover{
border-color:#f82a53;
}
#video_view .video_info3{
display:table;
width:100%;
padding:0 15px;
background-color:#fff;
}
#video_view .video_actions{
display:table-cell;
white-space:nowrap;
font-size:.95em;
}
#video_view .video_actions > li{
display:inline-block;
vertical-align:middle;
}
#video_view .video_actions a.action{
float:left;
text-align:center;
padding:15px 10px 15px 0;
font-weight:500;
color:#f82a53;
text-decoration:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
#video_view .video_actions a.action:hover .text{
text-decoration:underline;
}
#video_view .video_actions a.action .text{
display:inline-block;
vertical-align:middle;
}
#video_view .video_actions a.action .num{
display:inline-block;
vertical-align:middle;
font-weight:bold;
background-color:rgba(248,42,83,.1);
color:#f82a53;
padding:0 5px 1px;
border-radius:3px;
font-size:12px;
margin-left:2px;
}
#video_view .video_actions a.action img{
display:inline-block;
vertical-align:middle;
width:20px;
opacity:.5;
margin-right:3px;
}
#video_view .video_actions a.action .boost{
font-weight:normal;
color:#aaa;
font-size:.9em;
}
#video_view .video_actions_upvote > a .past-tense{
display:none;
}
#video_view .video_actions_upvote > a.active .past-tense{
display:inline;
}
#video_view .video_actions_upvote .score[data-score="0"]{
display:none;
}
#video_view .video_actions_sharebutton > a.zero .num{
display:none;
}
#video_view .video_actions_more .dropdown-menu{
margin-top:-2px;
}
#video_view .video_actions_more > a:after{
content:'';
position:absolute;
width:0;
height:0;
right:-2px;
top:50%;
margin-top:-1px;
border:4px solid #b8b5c0;
border-left-color:transparent;
border-right-color:transparent;
border-bottom-color:transparent;
transition:all .2s;
}
#video_view .video_actions_more.open > a:after{
border-top-color:#333;
}
#video_view .addthis_toolbox.addthis_32x32_style span{
border-radius:4px;
}
#video_view .addthis_32x32_style .addthis_counter.addthis_bubble_style{
box-sizing:content-box;
-moz-box-sizing:content-box;
}
#video_view .addthis_32x32_style .at15t_reddit{
background-position:0 -608px!important;
}
#video_view .addthis_32x32_style .at15t_facebook{
background-position:0 -160px!important;
}
#video_view .addthis_32x32_style .at15t_twitter{
background-position:0 -704px!important;
}
#video_view .addthis_32x32_style .at15t_tumblr{
background-position:0 -672px!important;
}
#video_view .addthis_32x32_style .at15t_compact{
background-position:0 -416px!important;
}
#video_view .addthis_32x32_style .dummy .at300bs,.addthis_32x32_style .at300bs,.addthis_32x32_style .at15t{
background:url("/images/widget015_32x32_top.png") no-repeat left;
}
#video_view .at_a11y{
display:none;
}
#video_view .video_actions_embed .popover{
max-width:400px;
}
#video_view .video_actions_embed .popover-content{
padding:0;
width:300px;
}
#video_view .video_actions_embed .video_embed_code{
padding:0.25em;
color:#888;
clear:both;
overflow:hidden;
width:98%;
}
#video_view .video_stats{
display:table-cell;
text-align:right;
font-size:.9em;
}
#video_view .video_stats > li.video_watching{
color:rgb(162,183,58);
cursor:default;
}
#video_view .video_share{
padding:15px;
background-color:#fff;
margin-top:1px;
display:none;
}
#video_view .video_share > ul{
font-size:0;
display:inline-block;
vertical-align:middle;
}
#video_view .video_share > ul > li{
display:inline-block;
margin-right:5px;
}
#video_view .video_share > ul > li.video_share_whatsapp{
display:none;
}
#video_view .video_share > ul .video_share > .btn{
font-size:.8em;
border:none;
display:block;
text-align:left;
}
#video_view .video_share > ul > li i{
font-size:1.1em;
margin-right:3px;
}
#video_view .video_share > ul > li a{
display:block;
border-radius:50px;
opacity:.7;
}
#video_view .video_share > ul a:hover{
opacity:1;
}
#video_view .video_share > ul a,
#video_view .video_share > ul a:active,
#video_view .video_share > ul a:hover,
#video_view .video_share > ul a:focus{
outline:none;
color:inherit;
text-decoration:none;
padding:15px 20px;
border:none;
}
#video_view .video_share > ul > li.video_share_reddit{
display:none;
}
#video_view .video_share_reddit_widget{
display:inline-block;
vertical-align:middle;
margin:1px 4px 0 0;
}
#video_view .video_share_reddit_widget iframe{
display:inline-block;
vertical-align:middle;
}
#video_view .video_reddit_source{
display:inline-block;
vertical-align:middle;
font-size:.8em;
color:#999;
margin-top:-1px;
margin-left:5px;
}
#video_view .video_likes,
#video_view .video_tips,
#video_view .comments{
padding:15px;
padding-top:0;
background-color:#fff;
}
#video_view .comments-disabled{
display:none;
}
#video_view .video_embeds{
font-size:1.1em;
padding:15px;
margin-top:10px;
background-color:#fff;
}
#video_view .video_headline{
margin-bottom:1em;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
letter-spacing:0.04em;
color:#ccc;
}
#video_view .comment_parent{
display:none;
}
#video_view .video_embeds a{
color:#ccc;
}
#video_view .video_embeds a:hover{
color:#999;
}
#video_view .video_embeds .num{
float:right;
width:100px;
font-size:.8em;
color:#ccc;
}
#video_view .video_embeds .text{
display:inline-block;
font-size:.8em;
color:#aaa;
max-width:375px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#video_view .video_embeds_headline span{
font-weight:normal;
color:#999;
}
#video_view .video_embeds .video_headline{
margin-bottom:.5em;
}
#video_view .video_embed_referrers{
max-width:300px;
}
#video_view .video_deletelink{
padding:15px;
background-color:#25E3FB;
margin-top:0;
}
#video_view .video_deletelink a{
color:inherit;
font-weight:bold;
text-decoration:underline;
}
#video_view .video_deletelink_help{
margin-top:1em;
}
#video_view .video_deletelink_info span{
padding:.25em .4em;
background-color:#97f3ff;
word-wrap:break-word;
}
#video_view .video_footer{
padding:2em 0 4em 0;
}
#video_view #video_player.vjs-fullscreen{
max-width:100%;
}
#video_view .video_nav{
display:table;
border-spacing:10px;
padding:5px;
border-collapse:separate;
background-color:#fff;
width:100%;
}
#video_view .video_nav > li{
display:table-cell;
}
#video_view .video_nav > li > a{
display:block;
padding:10px;
text-align:center;
font-weight:bold;
border:1px solid rgba(248,42,83,.3);
border-radius:4px;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
}
#video_view .video_nav > li > a:hover{
border-color:#f82a53;
}
#video_view .video_nav > li.next{
width:50%;
}
#video_view .video_nav > li.share{
width:50%;
}
#video_view .gutter_label{
font-weight:bold;
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
color:#777;
}
#video_view .gutter_label a{
font-weight:bold;
}
#video_view .video_suggestions{
background-color:#fff;
padding:15px;
padding-top:0;
}
#video_view .video_suggestions li{
display:block;
overflow:hidden;
margin-top:10px;
}
#video_view .video_suggestions li > a{
display:block;
overflow:hidden;
color:#777;
text-decoration:none;
}
#video_view .video_suggestions li > a:hover{
color:#555;
}
#video_view .video_suggestions .thumb{
background-color:#f5f5f5;
width:160px;
height:90px;
float:left;
margin-right:10px;
position:relative;
overflow:hidden;
}
#video_view .video_suggestions .thumb img,
#video_view .video_suggestions .thumb .img{
min-height:100%;
min-width:100%;
max-width:100%;
background-size:cover;
}
#video_view .video_suggestions .thumb > a{
display:block;
background-color:#f5f5f5;
}
#video_view .video_suggestions .nsfw{
position:absolute;
top:0;
left:0;
color:#FF5151;
font-size:.9em;
background-color:rgba(0,0,0,0.8);
padding:.25em .5em;
width:100%;
height:100%;
line-height:85px;
text-align:center;
font-weight:bold;
}
#video_view .video_suggestions .duration{
display:none;
position:absolute;
background-color:rgba(0,0,0,.7);
color:rgba(255,255,255,.8);
bottom:0;
right:0;
padding:2px 5px;
font-size:9px;
}
#video_view .video_suggestions .thumb_info{
overflow:hidden;
line-height:1em;
}
#video_view .video_suggestions .title > a{
color:#333;
font-size:.9em;
line-height:1.2em;
font-weight:bold;
}
#video_view .video_suggestions .owner > a{
display:inline-block;
margin-top:2px;
color:#999;
font-size:.85em;
}
#video_view .video_suggestions .views{
margin-top:2px;
color:#ccc;
font-size:.8em;
display:none;
}
.device-ios #video_view .appstore li.android{
display:none;
}
.device-android #video_view .appstore li.ios{
display:none;
}
.device-ios #video_view .video_actions_download{
display:none;
}
@media (max-width:1400px){
body.gutter-active #video_view .gutter{
width:100%;
position:static;
top:0;
right:0;
left:0;
margin:0;
}
body.gutter-active #video_view > .inner{
padding-right:0;
float:none;
width:auto;
}
}
@media (max-width:1200px){
#video_view .gutter .video_share{
background-color:transparent;
padding:0;
}
#video_view .video_info .video_apps a{
display:inline-block;
width:200px;
height:70px;
}
}
@media (max-width:979px){
#video_view{
position:static;
padding:0;
}
#video_view .gutter{
width:100%;
position:static;
top:0;
right:0;
left:0;
margin:0;
}
#video_view .gutter .video_nav,
#video_view .gutter .gutter_label{
display:none;
}
#video_view .gutter .video_suggestions{
padding-top:15px;
}
#video_view > .inner{
padding-right:0;
float:none;
width:auto;
}
#video_view .player{
width:100%;
float:none;
}
#video_view .video_share{
padding-top:0;
margin-top:0;
}
#video_view .video_actions li.video_actions_embed,
#video_view .video_actions li.video_actions_addto{
display:none;
}
#video_view .video_info .video_modinfo{
display:none;
}
#video_view .video_apps{
background-color:transparent;
}
#video_view .inner .video_apps{
display:block;
text-align:center;
border:none;
margin-top:0;
padding-bottom:20px;
}
#video_view .video_apps img{
width:170px;
}
}
@media (min-width:768px){
.navbar-header .video_header_next{
display:none;
}
}
@media (max-width:767px){
.pg-video-view .content,.pg-video-view .main,#video_view{
padding:0;
}
body.pg-video-view > .main,
body.pg-video-view > .main > .container,
body.pg-video-view .content_wrapper{
padding:0;
}
.pg-video-view .header .navbar-toggle-search{
display:none !important;
}
.pg-video-view .content_wrapper{
margin-top:0;
padding-top:3em;
}
.navbar-header .video_header_next{
position:absolute;
top:16px;
right:12px;
font-weight:bold;
font-size:14px;
z-index:9999999;
}
.navbar-header .video_header_next > a{
color:#999;
}
.navbar-header .video_header_next > a:hover{
color:#fff;
}
.navbar-header .video_header_next .js-next-video{
display:inline!important;
}
.navbar-header .video_header_next > a > i{
margin-left:8px;
}
#video_view > .inner{
float:none;
width:auto;
}
#video_view .progress_wrapper{
margin-top:0em;
padding:50px;
border-top:2px solid #333;
}
#video_view .progress{
margin:1em 0 0 0;
background-color:#333;
}
#video_view .video_deletelink_info span{
padding:2px 0;
}
#video_view .video_info2 .video_stats{
display:block;
margin-top:.5em;
}
#video_view .video_info3{
display:block;
padding:0;
}
#video_view .video_info3 .video_stats{
display:none;
}
#video_view .video_actions{
display:table;
width:100%;
font-size:.9em;
}
#video_view .video_actions > li{
display:table-cell;
width:33.33333%;
}
#video_view .video_actions a.action{
display:block;
text-align:center;
float:none;
padding:.8em 5px;
border-right:1px solid #eee;
text-decoration:none;
}
#video_view .video_actions > li:last-child a.action{
border-right:none;
padding:.85em 12px;
}
#video_view .video_actions a.action:hover,
#video_view .video_actions a.action:active{
background-color:#eee;
}
#video_view .video_actions a.action:hover .text{
text-decoration:none;
}
#video_view .video_actions > li.video_actions_more{
width:auto;
}
#video_view .video_actions_more > a.action .text{
display:none;
}
#video_view .video_actions_more > a:after{
position:static;
display:inline-block;
margin:0 0 -6px 1px;
border-width:6px;
}
#video_view .video_share_prompt{
display:block;
border-radius:0;
font-size:.9em;
margin-top:0;
}
#video_view .video_share_prompt:after{
left:65px;
}
#video_view .video_share_prompt .dismiss{
display:none;
}
#video_view .video_share > ul{
width:100%;
}
#video_view .video_share > ul > li{
width:40px;
margin-bottom:5px;
}
#video_view .video_share > ul > li:first-child{
padding-left:0;
}
#video_view .video_share > ul > li:last-child{
padding-right:0;
}
#video_view .video_share > ul > li.video_share_whatsapp{
display:inline-block;
}
#video_view .video_share > ul > li.video_share_reddit{
display:inline-block;
}
#video_view .video_share_reddit_widget{
display:none;
}
#video_view .video_youtube{
margin-top:10px;
}
#video_view .video_title{
text-align:left;
font-size:1.4em;
float:none;
margin-bottom:5px;
}
#video_view .video_author > a{
color:#777;
}
#video_view .video_description{
unicode-bidi:embed;
font-size:.9em;
}
#video_view .video_description_wrapper{
padding-top:10px;
}
#video_view .player{
margin-top:0;
}
#video_view .video_actions .video_actions_share{
display:none;
}
#video_view .video_actions_more .dropdown-menu{
float:right;
right:0;
left:auto;
}
}
@media (max-width:481px){
#video_view .video_reddit_source{
display:none;
}
}
.video_likes > ul{
font-size:0;
}
.video_likes > ul > li{
display:inline-block;
vertical-align:middle;
margin:0 2px 2px 0;
}
.video_likes > ul a{
display:block;
color:#ccc;
background-color:#f5f5f5;
border-radius:20px;
width:24px;
height:24px;
border:none;
}
.video_likes > ul img,
.video_likes > ul .img{
width:24px;
height:24px;
border-radius:20px;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.video_likes > ul .more{
margin-left:4px;
font-size:9pt;
color:#ccc;
}
.video_likes > ul .more a{
cursor:pointer;
border-radius:0;
background-color:transparent;
width:auto;
height:auto;
}
#video_view .video_tips{
}
.video_tips > ul{
font-size:0;
}
.video_tips > ul > li{
display:inline-block;
vertical-align:middle;
margin:0 4px 6px 0;
overflow:hidden;
}
.video_tips > ul a{
display:block;
border-radius:50px;
background-color:#e5f7eb;
line-height:30px;
}
.video_tips > ul img,
.video_tips > ul .img{
display:inline-block;
vertical-align:middle;
width:32px;
height:32px;
border-radius:30px;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.video_tips .amount{
display:inline-block;
vertical-align:middle;
color:rgba(53,177,16,1);
font-size:10pt;
padding:0 8px 0 5px;
}
.video_tips .amount.shimmer{
color:rgba(53,177,16,.3);
}
.video_tips .become-tipper > a{
padding:0 15px;
background-color:transparent;
border:1px solid rgba(248,42,83,.3);
color:#f82a53;
font-size:9pt;
}
.video_tips .become-tipper > a:hover{
border-color:#f82a53;
}
.video_tips.video_tips_description_long{
padding-top:15px!important;
}
.shimmer{
background:-webkit-gradient(linear,left top,right top,from(#35b110),to(#35b110),color-stop(.5,#fff));
background:-moz-gradient(linear,left top,right top,from(#35b110),to(#35b110),color-stop(.5,#fff));
background:gradient(linear,left top,right top,from(#35b110),to(#35b110),color-stop(.5,#fff));
-webkit-background-size:125px 100%;
-moz-background-size:125px 100%;
background-size:125px 100%;
-webkit-background-clip:text;
-moz-background-clip:text;
background-clip:text;
-webkit-animation-name:shimmer;
-moz-animation-name:shimmer;
-webkit-animation-name:shimmer;
animation-name:shimmer;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-webkit-animation-duration:2s;
animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
background-repeat:no-repeat;
background-position:0 0;
background-color:#222;
}
@-moz-keyframes shimmer{
0%{
background-position:top left;
}
100%{
background-position:top right;
}
}
@-webkit-keyframes shimmer{
0%{
background-position:top left;
}
100%{
background-position:top right;
}
}
@-o-keyframes shimmer{
0%{
background-position:top left;
}
100%{
background-position:top right;
}
}
@-ms-keyframes shimmer{
0%{
background-position:top left;
}
100%{
background-position:top right;
}
}
@keyframes shimmer{
0%{
background-position:top left;
}
100%{
background-position:top right;
}
}
.tip-modal .tip-amounts{
overflow:hidden;
margin-bottom:10px;
}
.tip-modal .tip-amounts a{
float:left;
width:20%;
font-size:1.2em;
border:1px solid rgba(248,42,83,.3);
font-weight:bold;
text-align:center;
margin:0 5px 5px 0;
padding:.5em 0;
}
.tip-modal .tip-amounts a.btn:hover{
border-color:#f82a53;
color:#f82a53;
}
.tip-modal .input-prefix{
display:inline-block;
vertical-align:middle;
font-size:1.1em;
}
.tip-modal #custom_input_field{
margin-bottom:20px;
margin-top:10px;
}
.tip-modal input[type="number"]{
display:inline-block;
vertical-align:middle;
width:170px;
font-size:1.8rem;
height:4rem;
}
.tip-modal #custom_input_field .input-prefix{
font-size:1.8rem;
height:4rem;
vertical-align:middle;
line-height:4rem;
}
.tip-modal .modal-help{
margin-bottom:1em;
}
.tip-modal .powered-stripe{
position:fixed;
bottom:5px;
right:5px;
}
.tip-modal .tips-button{
margin-bottom:1em;
width:100%;
}
.tip-modal .price-breakdown{
display:table;
width:260px;
margin-top:10px;
margin-bottom:10px;
}
.tip-modal .price-breakdown .row{
display:table-row;
}
.tip-modal .price-breakdown .row .username{
text-overflow:ellipsis;
font-weight:bold;
}
.tip-modal .price-breakdown .row .col{
display:table-cell;
}
.tip-modal .price-breakdown .row .amount{
text-align:right;
}
.tip-modal .price-breakdown i{
cursor:pointer;
}
.gutter > .das-desktop-square{
height:auto;
margin:15px auto;
display:none;
width:auto;
background-color:#fff;
text-align:center;
}
@media (min-width:768px){
.device-desktop .das-desktop-square{
height:auto;
margin-top:15px;
padding-top:15px;
padding:0px !important;
}
}
@media (max-width:767px){
.gutter > .das-desktop-square{
background-color:transparent;
}
.footer > .das-mobile-rect{
width:100%;
display:none;
text-align:center;
bottom:0px;
}
}
canvas{
display:block;
position:fixed;
width:100%;
height:100%;
z-index:9999;
pointer-events:none;
background:transparent;
}