@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
/*background: #0b0b0b;*/
/* add */
background: #333333 url(http://www.psyjukebox.com/templates/yoo_quantum/images/page.png) repeat;
/* add end */
opacity: .8;
filter: alpha(opacity=80)
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: 0!important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none!important
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100)
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-arrow {
position: absolute;
opacity: .65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100)
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, .6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, .6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.mfp-ie7 .mfp-img {
padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
padding: 0
}
.mfp-ie7 .mfp-content {
padding-top: 44px
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0
}
#tiles {
list-style-type: none;
position: relative;
margin: 0;
padding: 0
}
#tiles li {
background-color: rgba(0,0,0,0.2);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: block;
opacity: 1;
list-style-type: none;
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 3px rgba(91, 91, 91, .26);
padding: 0;
overflow: hidden;
border:1px solid rgba(0,0,0,0.2);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 0 5px rgba(0,0,0,0.3);
}
#tiles li img {
width: 94%;
height: auto;
display: block;
padding-top: 10px;
padding-left: 10px;
}
#tiles li p {
color: #a2a2a2!Important;
font-size: 14px;
font-family: sans-serif;
line-height: 1.231;
text-align: left;
line-height: 25px;
overflow: hidden;
margin: 2px 10px 10px;
height: 40px
}
#youmax,
.youmax {
/*background-color: #0e151f;*/
width: 100%;
margin: 0 auto;
font-family: Calibri;
font-size: 14px;
text-align: center;
/*border-left: 1px solid #e2e2e2;*/
/*border-right: 1px solid #e2e2e2;*/
display: inline-block
}
.youmax-video-list-title {
color: #cfd9e6;
display: inline-block;
font-weight: 700;
overflow: hidden;
font-family: Calibri;
font-size: 14px;
height: 22px;
float: left;
width: 100%
}
.youmax-video-list-views {
color: #a1acba;
display: inline-block;
font-size: 12px;
float: left
}
.youmax-duration {
background-color: #222;
color: #fff;
padding: 2px 3px;
font-weight: 700;
position: absolute;
bottom: 52px;
right: 0;
opacity: 1;
line-height: normal
}
.youmax-definition {
background-color: #222;
color: #fff;
padding: 2px 3px;
font-weight: 700;
position: absolute;
top: 0;
left: 0;
opacity: 1;
line-height: normal
}
#youmax-lightbox {
position: fixed;
background-color: rgba(0, 0, 0, .9);
z-index: 100;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: none
}
#youmax-video-lightbox {
opacity: 1
}
#youmax-iframe-holder {
width: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
height: 480px
}
.youmax-loading {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 120px;
height: 30px;
color: #fff;
font-size: 30px
}
#youmax-header {
font: 24px Arial;
color: #fff;
line-height: 25px;
height: 120px;
text-align: left;
position: relative;
background-position: center center;
background-size: cover
}
#youmax-header-wrapper {
position: relative;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2)
}
#youmax-stat-holder {
height: 100%;
top: 0;
position: absolute;
right: 0
}
.youmax-stat {
float: right;
margin: 10px;
font: 10px Arial;
color: #fff;
margin-top: 40px;
text-align: center
}
#youmax-video-list-div {
width: 100%;
text-align: left;
display: inline-block;
box-sizing: border-box;
padding-top: 40px
}
.youmax-stat-count {
font: 18px Arial;
padding-bottom: 5px;
display: inline-block
}
.youmax-channel-icon {
display: inline-block;
height: 100%
}
.youmax-channel-title {
display: inline-block;
font-family: Calibri;
font-size: 24px;
vertical-align: top;
height: 100%;
line-height: 120px
}
.youmax-channel-icon img {
vertical-align: middle;
height: 80px;
margin: 20px;
display: inline-block;
border: 0;
width: auto;
border-radius: 3px;
margin-left: 30px
}
.youmax-subscribe {
display: inline-block;
width: 150px;
height: 25px;
overflow: hidden;
position: absolute;
top: 0;
margin: auto;
left: 0;
bottom: 0;
right: 0
}
.youmax-subscribe div {
position: static!important;
vertical-align: top!important
}
.youmax-subscribe iframe {
position: static!important
}
#youmax-header-wrapper>a {
text-decoration: none;
color: #fff;
height: 100%;
display: inline-block;
outline: 0
}
#youmax-tabs {
text-align: left;
padding-left: 10px;
padding-right: 30px;
margin-top: 22px
}
.youmax-tab,
.youmax-encloser-comment-button {
color: #f0f0f0;
display: inline-block;
margin: 5px;
margin-top: 10px;
cursor: pointer;
cursor: hand;
height: 23px;
overflow: hidden;
line-height: 23px;
box-sizing: content-box;
border-radius: 2px;
font-family: Roboto Condensed;
font-size: 16px;
padding: 5px 11px
}
#youmax-load-more-div {
width: 100%;
height: 40px;
line-height: 1;
background-color: #293646;
color: #fff;
cursor: pointer;
border: 0;
outline: 0;
font-size: 15px;
font-weight: 900;
font-family: 'Exo', Calibri, sans-serif;
line-height: 1px;
border-radius: 0;
border-bottom: 1px solid #e2e2e2
}
#youmax-load-more-div:hover {
color: #fff;
background-color: rgba(255, 255, 255, .1);
text-shadow: none
}
.youmax-load-more-div-click {
color: #fff!important;
background-color: rgba(255, 255, 255, .1)!important;
text-shadow: none!important
}
#youmax-select {
width: 90%;
font-size: 14px;
margin-top: 20px;
border: 1px solid #ccc;
border-radius: 4px;
height: auto;
padding: 8px;
outline: 0;
background-color: #fff
}
#youmax-select-box {
display: none
}
#youmax-select>option {
background: #fff;
color: #5a5a5a;
cursor: pointer;
padding-left: 15px
}
#youmax-encloser {
margin-top: 25px
}
.youmax-popup-show-button {
z-index: 1046;
position: absolute;
text-align: center;
left: 0;
right: 0;
margin: auto;
cursor: pointer
}
.youmax-load-more-comments-clicked {
background-color: rgba(255, 255, 255, .1)!important;
color: #fff!important
}
.youmax-comment-textbox {
width: 70%;
height: 40px;
margin: 5px;
vertical-align: middle;
box-sizing: border-box;
padding: 10px;
font-size: 14px;
border: 1px solid #d6d6d6;
background: #fff
}
.youmax-add-comment-button {
margin: 5px;
width: 15%;
height: 40px;
box-sizing: border-box;
box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
background-color: #2e3845;
background-image: -webkit-linear-gradient(top, transparent, transparent);
border: 1px solid transparent;
color: #fff;
text-shadow: none;
border-radius: 2px;
cursor: pointer;
font-size: 13px;
font-weight: 700;
text-align: center;
white-space: nowrap;
margin-right: 16px;
line-height: 1;
vertical-align: bottom
}
.youmax-from {
display: inline-block;
width: 100%;
float: left
}
.youmax-from-img {
width: 40px;
height: 40px;
background-size: cover;
background-position: center center;
display: inline-block;
float: left;
border-radius: 40px
}
.youmax-from-name {
display: inline-block;
line-height: 40px;
float: left;
margin-left: 12px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
color: #000
}
.youmax-comment-content {
text-align: left;
margin-top: 10px;
display: inline-block;
overflow: hidden;
float: left;
font-size: 15px;
color: #666;
font-family: 'Roboto Condensed', sans-serif;
line-height: 18px;
word-break: break-word
}
.youmax-published {
display: inline-block;
line-height: 40px;
float: right;
margin-right: 12px;
color: #7e8895;
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif
}
#youmax-encloser-comment-holder {
display: hidden;
width: 100%
}
.youmax-video-comment {
display: inline-block;
width: 80%;
margin: 10px;
background: #f0f0f0;
padding: 15px 15px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 3px rgba(91, 91, 91, .26)
}
.youmax-comment {
display: inline-block;
width: 100%
}
.youmax-encloser-comment-wrapper-popup {
position: absolute;
z-index: 1046
}
.youmax-encloser-comment-holder-popup {
background-color: #0e151f;
padding: 20px 0;
background-image: url(./grey_blue_contour.png)
}
#youmax-encloser-comment-wrapper {
margin-top: 20px;
width: 100%;
text-align: center
}
#youmax-encloser-comments {
width: 100%;
display: inline-block
}
.youmax-show-button,
.youmax-more-button {
color: #7a7a7a;
background-color: #fff;
width: 150px;
height: 25px;
line-height: 25px;
border-radius: 2px;
text-shadow: none
}
#youmax-showing-title {
margin-top: 20px;
width: 100%
}
#youmax-showing-title .youmax-tab {
width: 100%;
box-sizing: border-box;
height: 35px !Important;
margin: 0;
padding: 6px;
text-shadow: none;
cursor: auto
}
.youmax-playlist-video-count {
font-size: 20px;
font-weight: 700
}
.youmax-playlist-line {
width: 40%;
border: 2px solid #dadada;
display: inline-block
}
.youmax-playlist-line-wrapper {
font-size: 7px;
margin-top: 4px;
line-height: 9px
}
.youmax-playlist-video-count-box {
overflow: auto;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 85px;
line-height: 20px
}
.youmax-playlist-video-count-wrapper {
position: absolute;
right: 0;
top: 0;
height: 100%;
background-color: rgba(0, 0, 0, .5);
color: #fff;
width: 30%;
text-align: center;
pointer-events: none
}
.fluid-width-video-wrapper {
width: 100%;
position: relative;
padding: 0
}
.fluid-width-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.youmax-loading-comments-div,
.youmax-loading-div {
margin: 50px 0;
display: inline-block;
width: 100%;
color: #fff;
font-size: 16px
}
#youmax-search-holder {
padding: 0 12px;
height: 26px;
display: inline-block;
background-color: rgba(255, 255, 255, .85);
margin-top: 45px;
margin-right: 30px;
border-radius: 8px;
overflow: hidden
}
#youmax-search-box {
background-color: rgba(0, 0, 0, 0);
margin: 0!important;
vertical-align: top;
height: 24px;
border: 0;
color: #000;
outline: 0;
font: 14px Calibri;
padding-left: 0
}
.youmax-search-icon {
font-size: 14px!important;
vertical-align: top;
margin-top: 5px;
margin-left: 5px;
color: #000
}
.youmax-not-found {
text-align: center;
color: #fff
}
#youmax-load-more-div {
width: 120px;
height: 120px;
border-radius: 120px;
transition: .4s;
margin-bottom: 40px;
border-color: #000
}
#youmax-load-more-div:hover,
.youmax-load-more-div-click {
background-color: #f0f0f0!important;
color: #4a4c52!important
}
#youmax-load-more-div i {
padding-top: 6px;
font-size: 50px
}
.youmax-video-list-date,
.youmax-views-date-separator {
color: #a1acba;
display: inline-block;
font-size: 12px;
float: left
}
.youmax-views-date-separator {
padding: 0 4px
}
.youmax-clean-overlay-holder {
display: none
}
.youmax-clean-playlist-title {
display: none
}
#photo-detail-holder {
background-color: #fff;
width: 100%;
height: auto;
display: inline-block;
line-height: normal;
padding: 20px 25px;
box-sizing: border-box;
font-size: 16px;
font-family: 'Roboto Condensed', sans-serif;
text-align: left;
position: absolute
}
.photo-popup-stats {
height: auto;
padding: 14px 0 18px;
color: #848484;
font-size: 16px;
border-bottom: 1px solid #e2e2e2
}
.photo-popup-buttons {
margin-top: 13px
}
.media-likes {
background-color: #4bd190;
color: #fff;
padding: 10px 20px;
display: inline-block
}
.media-views {
background-color: #d14b4b;
color: #fff;
padding: 10px 20px;
display: inline-block
}
.media-uploaded {
background-color: #ffd401;
color: #000;
padding: 10px 20px;
display: inline-block
}
#youmax-encloser-comment-holder {
text-align: center
}
.youmax-encloser-comment-holder-popup {
background-color: inherit
}
.youmax-video-comment {
display: inline-block;
width: 100%;
margin: 0;
margin-bottom: 15px;
background: #e6e6e6;
padding: 10px 15px;
box-shadow: inset 1px 1px 0 rgba(220, 220, 220, .25), 1px 1px 2px rgba(59, 59, 59, .26);
box-sizing: border-box
}
.youmax-comment-textbox {
width: 70%;
background-color: #fbfbfb;
margin: 0;
font-family: "Open Sans", sans-serif;
outline: 0;
box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
overflow: hidden;
border: 0
}
.youmax-comment-content {
margin-left: 3px;
line-height: 20px
}
.photo-popup-title {
font-size: 30px;
margin-bottom: 18px;
padding: 0 0 8px;
border-bottom: 1px solid #e2e2e2
}
.youmax-share-video-button {
height: 40px;
box-sizing: border-box;
box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
border: 1px solid transparent;
color: #fff;
text-shadow: none;
cursor: pointer;
font-size: 13px;
font-weight: 700;
text-align: center;
white-space: nowrap;
margin-right: 16px;
line-height: 1;
vertical-align: bottom
}
.youmax-add-comment-button,
.youmax-share-video-button {
margin: 0;
border-radius: 0;
outline: 0;
width: 30%;
background-color: #e34429
}
.youmax-share-video-button {
background-color: #1b7fcc
}
.youmax-published {
color: #979797
}
.youmax-commentbox-holder {
padding: 0;
margin-bottom: 25px
}
.youmax-share-video-button.sharer-0 {
width: 20%!important;
display: inline-block!important;
float: right;
height: 39px!important;
position: static!important;
margin: 0!important
}
.youmax-share-video-button.sharer-0 label {
width: 100%!important;
background-color: #1b7fcc!important;
height: 100%!important;
padding: 0!important;
color: #fff!important;
display: inline-block!important;
margin: 0!important
}
.entypo-export:before {
content: ''
}
.youmax-share-video-button.sharer-0 label span {
font-size: 13px!important;
height: 100%;
display: inline-block;
vertical-align: text-top;
padding-top: 6px;
padding-left: 0!important
}
.entypo-pinterest i,
.entypo-facebook i,
.entypo-twitter i,
.entypo-gplus i,
.entypo-paper-plane i {
font-size: 20px!important
}
.youmax-show-button-wrapper {
width: 100%;
text-align: center
}
.youmax-show-button {
display: inline-block;
margin: 20px;
position: static;
margin-bottom: 2px
}
.youmax-show-button:hover,
.youmax-more-button:hover {
background-color: #1b7fcc!important
}
.youmax-show-button,
.youmax-more-button {
color: #fff;
background-color: #7a7a7a
}
.youmax-comment-textbox::-webkit-input-placeholder {
color: #000
}
.youmax-comment-textbox:-moz-placeholder {
color: #000;
opacity: 1
}
.youmax-comment-textbox::-moz-placeholder {
color: #000;
opacity: 1
}
.youmax-comment-textbox:-ms-input-placeholder {
color: #000
}
.youmax-comment-textbox {
padding-left: 20px
}
#youmax-encloser #photo-detail-holder {
position: static;
background-color: inherit;
padding-left: 0;
padding-right: 0;
padding-bottom: 0
}
#youmax-encloser {
max-width: 880px;
margin: auto;
margin-top: 20px
}
#youmax-encloser .youmax-show-button,
#youmax-encloser .youmax-more-button {
background-color: rgba(70, 82, 98, 1);
color: #fff
}
#youmax-encloser .youmax-show-button:hover,
#youmax-encloser .youmax-more-button:hover {
background-color: #f0f0f0!important;
color: #4a4c52
}
#youmax-encloser .photo-popup-title,
#youmax-encloser .photo-popup-description {
color: #f5f5f5
}
#youmax-encloser .photo-popup-stats {
color: #b1b1b1
}
#youmax-encloser .youmax-video-comment {
background-color: #f5f5f5
}
div#youmax-header {
height: 180px
}
.youmax-channel-icon {
float: left
}
.youmax-channel-icon img {
height: 140px;
border-radius: 140px
}
.youmax-channel-title {
font-size: 30px;
line-height: 80px;
padding-left: 8px;
float: left;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
max-height: 80px;
overflow: hidden
}
.youmax-subscribe {
left: 200px;
right: initial;
top: 25px
}
.youmax-channel-data-holder {
display: inline-block;
float: left;
margin-top: 10px;
max-width: 400px
}
#youmax-header-counts {
margin-top: 10px;
font-size: 17px;
display: inline-block;
padding: 35px 0 0 8px;
color: #f5f5f5;
width: 100%
}
.youmax-header-posts,
.youmax-header-followers {
margin-right: 20px
}
span.youmax-count {
font-weight: 700;
font-size: 15px;
color: #fff
}
div#youmax-header-counts i {
margin-right: 6px;
color: #fff;
font-size: 15px
}
div#youmax-header-counts i.fa-video-camera {
font-size: 17px
}
#youmax-select-box {
border: 1px solid #222;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
margin: 40px auto auto;
margin-bottom: 15px;
border-radius: 40px;
overflow: hidden;
height: 50px;
position: relative;
width: 100%
}
#youmax-search-holder {
padding: 0;
margin: 0;
width: 60%;
box-sizing: border-box;
height: 50px;
float: left;
border-radius: 0;
position: relative
}
#youmax-search-box {
height: 50px;
width: 100%;
float: right;
padding-left: 60px;
box-sizing: border-box;
font-size: 20px;
color: #676767;
font-family: 'Open Sans', sans-serif
}
#youmax-search-holder i {
font-size: 22px!important;
margin-top: 14px;
float: left;
padding-left: 15px;
position: absolute;
left: 0;
color: #878787
}
#youmax-select {
margin: 0;
width: 40%;
padding: 0 0 0 15px;
box-sizing: border-box;
height: 50px;
float: left;
border-radius: 0;
border: 0;
font-size: 18px;
border-left: 1px solid #ccc;
color: #676767;
font-family: 'Open Sans', sans-serif
}
#youmax-select-box>i {
font-size: 25px!important;
float: left;
padding-right: 15px;
padding-top: 2px;
position: absolute;
right: 0;
background-color: #fff;
color: #878787;
padding-top: 12px;
padding-bottom: 14px
}
.youmax-select-box-wrapper {
margin: 0 35px
}
#youmax-encloser {
margin-top: 40px
}
#youmax-search-box,
#youmax-select,
#youmax-select-box>i {
background-color: #222
}
#youmax-showing-title {
/*margin-top: 40px*/
}
.youmax-add-comment-button,
.youmax-share-video-button {
padding: 0
}
.youmax-duration {
bottom: 62px;
right: 10px;
border-radius: 4px;
padding: 2px 4px;
background-color: rgba(0, 0, 0, .6)
}
.youmax-definition {
left: 10px;
top: 10px;
border-radius: 4px;
padding: 2px 4px;
background-color: rgba(0, 0, 0, .6)
}
.youmax-event-tag {
background-color: #369c36;
padding: 2px 5px
}
.youmax-load-more-comments-clicked {
background-color: #1b7fcc!important
}
#youmax-encloser .youmax-load-more-comments-clicked {
background-color: #f0f0f0!important;
color: #4a4c52
}
.youmax-event-upcoming {
background-color: #c41c1c
}
.youmax-event-live {
background-color: #e77a1a
}
.youmax-live-icon i {
font-size: 7px;
margin-top: -5px;
vertical-align: middle;
padding: 3px 4px 0 2px
}
.youmax-live-icon {
display: inline-block
}
.youmax-video-list-description {
display: none
}
#youmax-load-more-div i.fa-close {
padding: 0 0 0 1px
}
#youmax-previous-div,
#youmax-next-div {
line-height: 1;
background-color: #293646;
color: #fff;
text-shadow: 0 1px 0 #fff;
cursor: pointer;
border: 0;
outline: 0;
font-size: 15px;
font-weight: 900;
border: 0;
width: 80px;
height: 80px;
border-radius: 80px;
transition: .4s;
margin: 0 10px 40px;
padding: 0
}
#youmax-previous-div:hover,
#youmax-next-div:hover,
.youmax-load-more-div-click {
background-color: #f0f0f0!important;
color: #4a4c52;
text-shadow: none
}
#youmax-previous-div i,
#youmax-next-div i {
padding-top: 4px;
font-size: 55px
}
#youmax-previous-div i {
padding: 2px 9px 0 0
}
#youmax-next-div i {
padding: 2px 0 0 9px
}
.youmax-pagination-button-wrapper {
width: 50%;
display: inline-block
}
.youmax-left-wrapper {
text-align: right;
float: left
}
.youmax-right-wrapper {
text-align: left;
float: right
}
.youmax-pagination {
display: inline-block
}
#youmax-next-div i.fa-ellipsis-h,
#youmax-previous-div i.fa-ellipsis-h {
padding: 6px 0 0 1px
}
#youmax-next-div i.fa-close,
#youmax-previous-div i.fa-close {
padding: 0 0 2px 1px;
font-size: 40px
}
#youmax-load-more-div.youmax-small {
width: 80px;
height: 80px
}
#youmax-load-more-div.youmax-small i {
font-size: 35px
}
#youmax-previous-div.youmax-small,
#youmax-next-div.youmax-small {
width: 50px;
height: 50px;
border-radius: 50px
}
#youmax-previous-div.youmax-small i,
#youmax-next-div.youmax-small i {
padding-top: 2px;
font-size: 35px
}
#youmax-previous-div.youmax-small i {
padding-left: 5px
}
#youmax-next-div.youmax-small i {
padding-left: 5px
}
#youmax-next-div.youmax-small i.fa-ellipsis-h,
#youmax-previous-div.youmax-small i.fa-ellipsis-h {
padding-left: 1px;
padding-top: 5px
}
#youmax-next-div.youmax-small i.fa-close,
#youmax-previous-div.youmax-small i.fa-close {
font-size: 28px;
padding: 1px
}
i#youmax-back-to-playlists {
float: left;
margin-top: 4px;
margin-left: 4px;
cursor: pointer;
color: #5677fc;
}
.youmax-showing-playlist-icon {
margin-right: 6px
}
.youmax-pagination-button-wrapper.youmax-side-nav {
width: 7%;
margin-top: 10%
}
#youmax-video-list-div.youmax-small-container {
width: 86%
}
.youmax-side-nav #youmax-previous-div,
.youmax-side-nav #youmax-next-div {
margin-left: 0;
margin-right: 0
}
.youmax-more-button,
.youmax-show-button {
height: 60px;
width: 60px;
border-radius: 60px;
padding: 0
}
.youmax-more-button i {
font-size: 28px;
padding: 18px 0 0 1px
}
.youmax-more-button i.fa-close {
padding-top: 17px
}
.youmax-show-button i {
font-size: 25px;
padding: 17px 0 0 1px
}
.youmax-showing-search-icon {
margin-right: 6px
}
#youmax-search-holder-header {
padding: 0 12px;
height: 26px;
display: inline-block;
background-color: rgba(255, 255, 255, .85);
margin-top: 75px;
margin-right: 30px;
border-radius: 26px;
overflow: hidden
}
#youmax-search-box-header {
background-color: rgba(0, 0, 0, 0);
margin: 0!important;
vertical-align: top;
height: 24px;
border: 0;
color: #000;
outline: 0;
font: 14px Calibri;
padding-left: 0
}
.youmax-search-icon-header {
font-size: 14px!important;
vertical-align: top;
margin-top: 5px;
margin-left: 5px;
color: #000
}
#youmax-search-holder-header:hover {
background-color: rgba(255, 255, 255, 1)
}
#youmax-search-holder-header {
padding: 7px 12px;
cursor: pointer;
box-sizing: content-box
}
.youmax-search-icon-header {
margin: 5px 2px 0
}
#youmax-search-box-header {
display: none;
font-size: 16px
}
#youmax-tabs {
margin-top: 0;
*/background-color: #f0f0f0*/
}
.youmax-tab {
box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
height: 26px;
border-radius: 4px;
font-weight: normal;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 1px !Important;
display: inline-block;
text-shadow: none!Important;
/* border-top: 1px solid #fff; */
/* text-decoration: none; */
border-color: #505050!Important;
color: #ff3333;
/* text-shadow: black 0 1px 0; */
background-color: rgba(0,0,0,0.2);
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#2c2b2b), to(#262525));*/
text-decoration: none;
font: normal 14px/18px Arial, Helvetica, sans-serif !Important;
border-top: 0px !Important;
border-right: 0px !Important;
/* width: 32px; */
/*margin-left: -11px;*/
font-size: 17px !Important;
}
.youmax-tab:hover {
background-color: #5677fc!important;
color: #fff;
text-shadow: none;
border-radius: 4px;
font: normal 14px/18px Arial, Helvetica, sans-serif !Important;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 1px !Important;
height: 26px !Important;
font-size: 17px !Important;
}
.youmax-tab-hover {
background-color: #5677fc!important;
color: #fff;
text-shadow: none;
border-radius: 4px;
font: normal 14px/18px Arial, Helvetica, sans-serif !Important;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 1px !Important;
height: 26px !Important;
font-size: 17px !Important;
/*
color: #fff;
background-color: #5677fc!important;
opacity: 0.4;
*/
}
.youmax-show-button,
.youmax-more-button {
transition: .4s
}
.youmax-disabled {
background-color: #e0e0e0;
border: 1px solid #b4b4b4;
color: #b4b4b4;
cursor: not-allowed
}
.youmax-play-overlay {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
pointer-events: none
}
.youmax-play-icon-holder {
width: 50px;
height: 50px;
border-radius: 50px;
color: #fff;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
border: 3px solid #fff
}
.youmax-play-icon-holder i {
font-size: 25px;
padding: 13px 0 0 17px
}
.youmax-thumbnail-image-wrapper {
display: inline-block;
width: 100%;
height: auto;
position: relative;
float: left;
cursor: pointer
}
#tiles li p {
float: left;
width: 100%;
box-sizing: border-box;
padding: 2px 10px 10px;
margin: 0
}
span.youmax-video-list-description {
font-family: sans-serif;
font-size: 13px;
width: 100%;
line-height: 20px;
margin-bottom: 7px;
box-sizing: content-box
}
.youmax-video-list-title {
padding-top: 6px;
font-size: 17px;
font-weight: 400;
font-family: Calibri;
height: 27px;
box-sizing: border-box;
color: #a2a2a2;
}
.youmax-duration {
bottom: 90px
}
#tiles li p {
height: auto
}
span.youmax-view-date-holder {
display: inline-block;
width: 100%;
float: left;
border-top: 1px solid #545353;
padding-top: 5px;
margin-top: 10px
}
span.youmax-video-list-views {
font-size: 18px;
font-family: "Open Sans", sans-serif
}
span.youmax-views-date-separator {
display: none
}
span.youmax-video-list-date {
float: right;
padding-top: 3px
}
.youmax-views-text {
font-size: 12px;
font-family: sans-serif
}
.youmax-list-thumbnail-icon {
padding-right: 5px;
font-size: 20px;
color: #b0b0af;
float: left
}
.youmax-video-list-date-playlist {
display: inline-block;
font-size: 12px!important;
float: left;
height: 20px;
font-family: sans-serif!important;
margin-top: 2px
}
.youmax-playlist-thumbnail .youmax-video-list-title {
height: 28px!important
}
.youmax-play-icon-holder {
box-sizing: content-box
}
#youmax-search-box-header {
font-size: 15px!important;
font-family: "Open Sans"
}
.lt900 #youmax-encloser #photo-detail-holder {
padding-left: 20px;
padding-right: 20px
}
.lt900 #youmax-video-list-div {
width: 100%!important
}
.lt900 .youmax-pagination-button-wrapper {
width: 50%!important;
margin-top: 0!important;
background-color: inherit!important;
box-sizing: border-box
}
.lt900 #youmax-previous-div,
.lt900 #youmax-next-div {
margin-left: 10px!important;
margin-right: 10px!important
}
.lt650 .youmax-channel-icon img {
height: 100px;
margin-top: 40px
}
.lt650 .youmax-channel-data-holder {
width: 250px;
overflow: hidden
}
.lt650 .youmax-subscribe {
left: 157px
}
.lt650 #youmax-tabs,
.lt650 #youmax-stat-holder {
display: none
}
.lt650 #youmax-select-box {
display: block
}
.lt650 #youmax-search-holder {
width: 45%
}
.lt650 #youmax-select {
width: 55%
}
.lt450 .youmax-channel-icon {
float: none;
width: 100%;
text-align: center
}
.lt450 .youmax-channel-icon img {
margin-top: 20px
}
.lt450 .youmax-subscribe {
left: 0;
right: 0;
width: 110px;
top: 120px
}
.lt450 #youmax-header-wrapper>a {
width: 100%
}
.lt450 .youmax-channel-data-holder {
display: none
}
.lt450 .youmax-select-box-wrapper {
margin: 0 10px
}
@media all and (max-width: 850px),
screen and (max-device-width: 850px) {
.youmax-share-video-button.sharer-0 {
float: none;
margin-top: 20px!important;
width: 100%!important
}
}
.youmax-widget #youmax-header-title,
.youmax-widget #youmax-header-bio,
.youmax-widget #youmax-header-website,
.youmax-widget #youmax-header-counts,
.youmax-widget .youmax-channel-data-holder {
display: none!important
}
.youmax-widget .youmax-channel-icon img {
margin-bottom: 0;
height: 140px;
margin-left: 20px
}
.youmax-widget #youmax-header-wrapper>a {
width: 100%;
margin: 0
}
.youmax-widget .youmax-channel-icon {
width: 100%;
text-align: center
}
.youmax-widget #youmax-load-more-div {
width: 90px;
height: 90px
}
.youmax-widget #youmax-load-more-div i {
font-size: 45px;
padding-left: 2px;
padding-top: 2px
}
.youmax-widget #youmax-encloser {
margin-top: 30px
}
.youmax-widget .youmax-subscribe {
left: 0;
right: 0;
width: 115px;
top: 120px
}
.youmax-widget .youmax-channel-icon img {
margin-top: 10px;
height: 110px
}
.newpage #youmax-load-more-div {
display: none
}
.newpage .youmax-pagination {
display: none
}
.newpage .youmax-pagination-button-wrapper {
display: none
}
.youmax-hidden {
display: none!important
}
}
.youmax-grid-item {
width: 30.3%;
margin: 0 1.5% 25px;
float: left;
position: relative
}
.youmax-dying {
opacity: .3!important
}
.youmax-ad-space {
width: 100%;
height: 100px;
background-color: #cec;
margin-top: 30px
}
.media-views i,
.media-likes i,
.media-uploaded i {
font-size: 15px;
margin-right: 5px
}
.media-views i {
margin-right: 7px
}
.photo-popup-stats {
color: #a4a4a4
}
.photo-popup-description a {
text-decoration: none;
color: #5781dc
}
.youmax-title-desc-holder a {
text-decoration: none;
color: #5781dc
}
.media-likes i.fa-comment {
font-size: 16px
}
html[data-useragent*='MSIE 10'] .youmax-play-overlay {
display: none!important
}
.youmax-text-instead-of-icons #youmax-next-div,
.youmax-text-instead-of-icons #youmax-previous-div,
.youmax-text-instead-of-icons #youmax-load-more-div,
.youmax-text-instead-of-icons .youmax-show-button,
.youmax-text-instead-of-icons .youmax-more-button {
height: 35px;
border-radius: 4px;
font-weight: 400;
text-shadow: none;
font-family: "Roboto Condensed", sans-serif;
width: 100px;
font-size: 17px;
background-color: #5677fc;
}
.youmax-text-instead-of-icons #youmax-load-more-div {
width: 150px
}
.youmax-text-instead-of-icons .youmax-show-button,
.youmax-text-instead-of-icons .youmax-more-button {
width: 180px;
height: 40px;
line-height: 40px;
font-size: 16px;
border-radius: 2px
}
.photo-popup-description {
margin-bottom: 15px
}
.photo-popup-description-limited {
max-height: 250px;
overflow: hidden
}
.youmax-full-description-button {
display: inline-block;
width: 50px;
margin: 0 auto;
background-color: #e6e6e6;
text-align: center;
border-radius: 3px;
font-size: 13px;
padding: 2px;
margin-bottom: 8px;
cursor: pointer
}
.youmax-full-description-button-wrapper {
text-align: center
}
#photo-detail-holder {
margin-bottom: 30px
}
.youmax-share-video-button.sharer-0 .social.networks-3.center {
margin: -28px 0 0 -10px!important;
margin-left: -4px!important
}
.youmax-share-video-button.sharer-0 .social ul li {
padding: 9px 0!important
}
button.youmax-add-comment-button i {
font-size: 16px
}
span.youmax-google-login-text {
font-size: 16px;
vertical-align: baseline;
font-weight: 400;
margin-left: 1px
}
#youmax-encloser-comment-wrapper .youmax-full-description-button {
background-color: #a9a9a9;
color: #fff
}
.youmax-add-comment-button:hover {
background-color: #f4524d
}
.lt850 .youmax-share-video-button.sharer-0 {
float: none;
margin-top: 20px !important;
width: 100% !important;
}