.dlestarter-menu, .dlestarter-menu * { background: rgba(69, 69, 69, 1) none repeat scroll 0 0; border: 0 none; margin: 0; outline: medium none; padding: 0; } .dlestarter-menu { position: relative; top: 1px; width: 1040px; } .dlestarter-menu { font-size: 0; line-height: 0; position: relative; text-align: right; z-index: 999; } .dlestarter-menu::after { clear: both; content: ""; display: table; } .dlestarter-menu li { border-color: rgba(0, 0, 0, 0.4); border-right: 0 solid rgba(0, 0, 0, 0.4); border-style: solid; display: inline-block; float: left; font-size: 13px; line-height: 25px; padding: 5px; position: relative; text-align: left; white-space: nowrap; } .dlestarter-menu li a { color: #ccc; display: block; padding: 0 8px; text-decoration: none; transition: background 0.4s ease 0s, color 0.4s ease 0s; } .dlestarter-menu li a.top-node { background: rgba(70, 55, 55, 1) url("../images/menu_sidebar_level1.png") repeat-x scroll 0 -110px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 0 0 1px rgba(0, 0, 0, 0.5); color: #fff; display: block; font: bold 14px/25px "Open Sans Condensed",sans-serif; height: 25px; padding: 5px 10px; text-decoration: none; text-shadow: 0 0 5px rgba(0, 161, 250, 0.8) !important; text-transform: uppercase; transition: background 0.4s ease 0s, color 0.4s ease 0s; } .dlestarter-menu li a.top-node:hover { background: rgba(0, 0, 0, 0) url("../images/menu_sidebar_level1.png") repeat-x scroll 0 100%; color: #fff; } .dlestarter-menu li > div { background: rgba(47, 58, 64, 0.95) none repeat scroll 0 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: 300; left: -9999px; margin-top: 8px; opacity: 0; position: absolute; top: 100%; transform-origin: 0 0 0; transition: -webkit-transform 0.4s ease 0s, opacity 0.4s ease 0s; z-index: 1000; } .dlestarter-menu li > div::after { background: transparent none repeat scroll 0 0; bottom: 100%; content: ""; height: 8px; left: 0; position: absolute; width: 100%; } .dlestarter-menu li > div::before { border-bottom: 5px solid rgba(51, 51, 51, 0.95); border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: 100%; content: ""; left: 24px; position: absolute; } .dlestarter-menu li:hover > a, .dlestarter-menu li.current > a { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset, 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 0 rgba(255, 255, 255, 0.1); color: #fff; } .dlestarter-menu li:hover > div { left: 5px; opacity: 1; transform: translate(0px, 0px); } .dlestarter-menu .right { border-left-width: 0; border-right-width: 0; float: none; } .dlestarter-menu .right > div { } .dlestarter-menu .right:hover > div { left: auto; right: 5px; } .dlestarter-menu .right:hover > div::before { left: auto; right: 24px; } .dlestarter-menu .switcher { display: none; } .dlestarter-menu li li { border-width: 1px 0 0; display: block; float: none; line-height: 21px; white-space: normal; } .dlestarter-menu li li:first-child { border-top: 0 none; } .dlestarter-menu li li a { font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: 300; padding-bottom: 2px; padding-top: 2px; } .dlestarter-menu li li > div { margin: 0 0 0 8px; top: 0; } .dlestarter-menu li li > div::after { bottom: auto; height: 100%; left: auto; right: 100%; top: 0; width: 8px; } .dlestarter-menu li li > div::before { border-bottom: 5px solid transparent; border-right: 5px solid #333; border-top: 5px solid transparent; bottom: auto; left: auto; right: 100%; top: 22px; } .dlestarter-menu li li:hover > div { left: 100%; } .dlestarter-menu .right li > div { margin: 0 8px 0 0; } .dlestarter-menu .right li > div::after { left: 100%; right: auto; } .dlestarter-menu .right li > div::before { border-left: 5px solid rgba(255, 255, 255, 0.9); border-right: medium none; left: 100%; right: auto; } .dlestarter-menu .right li:hover > div { left: auto; right: 100%; } .dlestarter-menu-anim-slide li > div { transform: translate(0px, 60px); } .dlestarter-menu-pos-bottom.dlestarter-menu-anim-slide li > div { transform: translate(0px, -60px); } .dlestarter-menu-anim-slide li:hover > div { transform: translate(0px, 0px); } .dlestarter-menu-anim-scale li > div { transform: scale(0, 0); } .dlestarter-menu-anim-scale li:hover > div { transform: scale(1, 1); } .dlestarter-menu-anim-flip { perspective: 2000px; } .dlestarter-menu-anim-flip li > div { transform: rotateX(-75deg); transform-style: preserve-3d; } .dlestarter-menu-anim-flip li:hover > div { transform: rotateX(0deg); } .dlestarter-menu .grid-column { border-color: rgba(0, 0, 0, 0.4); border-left: 1px solid rgba(0, 0, 0, 0.4); float: left; } .dlestarter-menu .grid-column:first-child { border-left: 0 none; margin-left: 0; } .dlestarter-menu .grid-column2, .dlestarter-menu .grid-container2 { width: 155px; } .dlestarter-menu .grid-column3, .dlestarter-menu .grid-container3 { width: 200px; } .dlestarter-menu .grid-column5, .dlestarter-menu .grid-container5 { width: 624px; } .dlestarter-menu .grid-column10, .dlestarter-menu .grid-container10 { width: 779px; } .dlestarter-menu li a > .fa { display: block; float: left; font-size: 16px; line-height: inherit; margin: 0 5px 0 -4px; text-align: center; width: 16px; } .dlestarter-menu li a > .fa-single { float: none; margin: 0; } .dlestarter-menu li a > .fa-indicator { display: inline-block; float: none; font-size: 9px; line-height: 1; margin: 0 -10px 0 10px; position: relative; text-align: right; top: -1px; vertical-align: middle; width: auto; } .dlestarter-menu li li a > .fa-indicator { display: block; float: right; line-height: inherit; top: 0; } .dlestarter-menu form fieldset { display: block; padding: 10px 10px 0; } .dlestarter-menu form fieldset + fieldset { border-top: 1px solid rgba(0, 0, 0, 0.1); } .dlestarter-menu form section { margin-bottom: 20px; } .dlestarter-menu form .input, .dlestarter-menu form .checkbox { display: block; position: relative; } .dlestarter-menu form .input input { -moz-appearance: none; background: #fff none repeat scroll 0 0; border: 2px solid #e5e5e5; border-radius: 0; box-sizing: border-box; color: #404040; display: block; height: 26px; outline: medium none; padding: 5px 10px; transition: border-color 0.3s ease 0s; width: 100%; } .dlestarter-menu form .textarea textarea { height: auto; resize: none; } .dlestarter-menu form .button { border: 0 none; border-radius: 100em; color: #fff; cursor: pointer; height: 30px; opacity: 0.8; outline: medium none; overflow: hidden; padding: 0 20px; text-decoration: none; transition: opacity 0.2s ease 0s; } .dlestarter-menu form .fa-append { border-left: 1px solid #e5e5e5; color: #ccc; font-size: 15px; height: 20px; line-height: 20px; padding-left: 3px; position: absolute; right: 5px; text-align: center; top: 3px; width: 29px; } .dlestarter-menu form .input .fa-append + input { padding-right: 46px; } .dlestarter-menu form .row { margin: 0 -15px; } .dlestarter-menu form .row::after { clear: both; content: ""; display: table; } .dlestarter-menu form .col { box-sizing: border-box; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; } .dlestarter-menu form .col-6 { width: 100%; } .dlestarter-menu form .input:hover input, .dlestarter-menu form .checkbox:hover i { border-color: #8dc9e5; } .dlestarter-menu form .button:hover { opacity: 1; } .dlestarter-menu form .input input:focus, .dlestarter-menu form .checkbox input:focus + i { border-color: #3366ff; } @media screen and (max-width: 1000px) { .dlestarter-menu li a { padding: 0 15px; } .dlestarter-menu li a > .fa-indicator { margin-right: -5px; } .dlestarter-menu .grid-column2, .dlestarter-menu .grid-container2 { width: 117px; } .dlestarter-menu .grid-column3, .dlestarter-menu .grid-container3 { width: 176px; } .dlestarter-menu .grid-column10, .dlestarter-menu .grid-container10 { width: 589px; } } @media screen and (max-width: 767px) { body { -moz-text-size-adjust: none; } .dlestarter-menu .grid-column { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #d9d9d9 -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; border-width: 1px 0 0; float: none; margin: 0; width: auto; } .dlestarter-menu form fieldset { display: block; padding: 15px 20px; } .dlestarter-menu form section { margin-bottom: 10px; } .dlestarter-menu form .row { margin: 0 -10px; } .dlestarter-menu form .col { padding-left: 10px; padding-right: 10px; } .dlestarter-menu-response-to-stack > li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #d9d9d9 -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; border-width: 1px 0 0; display: block; float: none; } .dlestarter-menu-response-to-switcher > li { border: 0 none; display: none; float: none; } .dlestarter-menu-response-to-switcher > .switcher { display: block; } .dlestarter-menu-response-to-switcher:hover > li { border-top: 1px solid #d9d9d9; display: block; } .dlestarter-menu-response-to-stack li > div, .dlestarter-menu-response-to-stack li > [class^="grid-container"], .dlestarter-menu-response-to-switcher li > div, .dlestarter-menu-response-to-switcher li > [class^="grid-container"] { bottom: auto; margin: 8px 0 0; top: 100%; transform-origin: 0 0 0; width: auto; } .dlestarter-menu-response-to-stack li a > .fa, .dlestarter-menu-response-to-switcher li a > .fa { margin: 0 15px 0 0; } .dlestarter-menu-response-to-stack li li > div, .dlestarter-menu-response-to-switcher li li > div { margin: 8px 0 0; top: 100%; width: auto; } .dlestarter-menu-response-to-icons li { font-size: 0; position: static; } .dlestarter-menu-response-to-icons li a { padding: 0 10px; } .dlestarter-menu-response-to-icons li a > .fa { margin: 0; } .dlestarter-menu-response-to-icons li a > .fa-indicator { display: block; float: right; line-height: 25px; margin-left: 10px; position: static; } .dlestarter-menu-response-to-icons li li { font-size: 13px; position: relative; } .dlestarter-menu-response-to-icons li li > div, .dlestarter-menu-response-to-icons .right li > div { margin: 8px 0 0; top: 100%; } .dlestarter-menu-response-to-icons li li:hover > div, .dlestarter-menu-response-to-icons .right li:hover > div { left: 41px; right: 0; width: auto; } .dlestarter-menu-response-to-icons li li a > .fa { margin-right: 10px; } .dlestarter-menu-response-to-icons li li a > .fa-indicator { margin-right: 0; } .dlestarter-menu-response-to-icons.dlestarter-menu-anim-flip li li > div { margin: 8px 0 0; top: 100%; transform: rotateX(0deg); } .dlestarter-menu-pos-bottom.dlestarter-menu-response-to-icons li li > div { bottom: 100%; margin: 0 0 8px; top: auto; } .dlestarter-menu-pos-bottom.dlestarter-menu-response-to-icons li li > div::after { bottom: auto; top: 100%; } .dlestarter-menu .grid-column:first-child, .dlestarter-menu-response-to-stack > li:first-child { border-top: 0 none; } .dlestarter-menu-response-to-switcher:hover > .switcher, .dlestarter-menu-response-to-stack li > div::before, .dlestarter-menu-response-to-switcher li > div::before, .dlestarter-menu-response-to-icons li > div::before { display: none; } .dlestarter-menu-response-to-stack li > div::after, .dlestarter-menu-response-to-switcher li > div::after, .dlestarter-menu-response-to-stack li li > div::after, .dlestarter-menu-response-to-switcher li li > div::after, .dlestarter-menu-response-to-icons li li > div::after, .dlestarter-menu-response-to-icons .right li > div::after { bottom: 100%; height: 8px; left: 0; right: auto; top: auto; width: 100%; } .dlestarter-menu-response-to-stack li:hover > div, .dlestarter-menu-response-to-stack li:hover > [class^="grid-container"], .dlestarter-menu-response-to-switcher li:hover > div, .dlestarter-menu-response-to-switcher li:hover > [class^="grid-container"], .dlestarter-menu-response-to-stack li li:hover > div, .dlestarter-menu-response-to-switcher li li:hover > div { left: 51px; right: 0; } .dlestarter-menu-response-to-stack .search .input input, .dlestarter-menu-response-to-switcher .search .input input, .dlestarter-menu-response-to-icons li > div, .dlestarter-menu-response-to-icons li > [class^="grid-container"] { width: 100%; } } #LoginBlock { font: 13px Arial,Helvetica,sans-serif; } .loginbtn { border: 0 none; border-radius: 100em; color: #fff; cursor: pointer; font: bold 16px "Open Sans Condensed",sans-serif !important; height: 30px; outline: medium none; overflow: hidden; padding: 0 20px; text-decoration: none; text-transform: uppercase; transition: opacity 0.2s ease 0s; } .grid-container3, .grid-column { font: 12px "Open Sans Condensed",sans-serif; } .com-rating { float: right; margin-right: 10px; } .com-rating img { border: 0 none; height: 20px; vertical-align: middle; } .cratig-layer { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; border-radius: 3px; padding: 3px 10px; white-space: nowrap; } .fullstream { border: 8px solid rgba(55, 55, 55, 0.6); border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); float: left; height: 300px; margin: 10px; overflow: hidden; position: relative; width: 224px; z-index: 1; } .fullstream:hover { border: 8px solid rgba(22, 22, 22, 0.9); } .fullstream .fullmask, .fullstream .streamcontent { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 5; } .fullstream img.shortposter { display: block; height: 300px; position: relative; width: 224px; } .fullstreaming img.shortposter { display: block; transition: all 0.3s ease-in-out 0s; width: 100%; } .fullstream .fullmask,.fullstream .streamcontent{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:5}.fullstream img.shortposter{display:block;position:relative;width:224px;height:300px}.fullstreaming img.shortposter{display:block;width:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.fullstreaming .fullmask{background-color:rgba(0,0,0,.9);-webkit-transform:translateX(-300px);-moz-transform:translateX(-300px);-o-transform:translateX(-300px);-ms-transform:translateX(-300px);transform:translateX(-300px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.fullstream h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;background:rgba(0,0,0,.5);margin:0;-webkit-box-shadow:0 1px 3px rgba(159,141,140,0.5);-moz-box-shadow:0 1px 3px rgba(159,141,140,0.5);box-shadow:0 1px 3px rgba(159,141,140,0.5);padding:5px 10px;font-size:16px}.fullstreaming h3.mov-title{color:#fff;text-align:center;background:rgba(0,0,0,.8);margin:0;padding:5px 0;font-size:16px;position:absolute;left:0;bottom:0;width:100%}.fullstreaming:hover h3.mov-title{display:none}.fullstreaming .short-insider{font-size:12px;position:relative;color:#fff;padding:8px!important;margin:0!important;z-index:3}.fullstreaming a.fullink-info{display:block;text-decoration:none;text-align:center;background:rgba(0,0,0,.4) url(../images/highlight.png) 0 0 repeat-x;color:#fff;-webkit-box-shadow:0 0 5px rgba(0,161,250,.5);-moz-box-shadow:0 0 5px rgba(0,161,250,.5);box-shadow:0 0 5px rgba(0,161,250,.5);padding:7px 0;font:bold 16px 'Open Sans Condensed',sans-serif!important;position:absolute;left:0;bottom:0;width:100%;z-index:5}.fullstreaming a.fullink-info:hover{-webkit-box-shadow:0 0 5px rgba(0,161,250,.8);-moz-box-shadow:0 0 5px rgba(0,161,250,.8);box-shadow:0 0 5px rgba(0,161,250,.8)}.short-insider .short-list{padding:3px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.2)}.short-list.no-border-top{border-top:none!important}.fullstream a.fullinfo{display:block;text-decoration:none;padding:5px 0;text-align:center;color:#fff;text-transform:uppercase;-webkit-box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;background:#121212 url(../images/highlight.png) 0 0 repeat-x;font:700 20px 'Open Sans Condensed',sans-serif!important;position:absolute;left:0;bottom:0;width:100%;z-index:9}.fullstream a.fullinfo:hover{color:#B0E3FF;text-shadow:0 0 5px rgba(0,161,250,0.6);background:#121212}.fullstreaming:hover .fullmask{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px)}.fullstream .short-rate{position:absolute;top:0;right:0;z-index:5}.fullstream:hover .short-rate{display:none}.fullstream .short-rate img,.fullstream:hover .short-rate img{width:auto;height:auto;display:inline-block!important}.full-stream-view { border: 8px solid rgba(0, 194, 255, 0.5); border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); float: left; height: 280px; margin: 10px; overflow: hidden; position: relative; width: 220px; z-index: 1; } .full-stream-view:hover { border: 8px solid rgba(255, 255, 255, 0.55); } .full-stream-view h3.mov-title { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0; color: #fff; font-size: 16px; left: 0; margin: 0; padding: 5px 10px; position: absolute; text-align: center; width: 190px; } .full-stream-view:hover h3.mov-title { display: none; } .full-stream-view .full-mask { height: 280px; left: 0; overflow: hidden; position: absolute; top: 0; width: 220px; } .full-mask .full-mask-in { font-size: 12px; height: 260px; padding: 5px; position: relative; width: 210px; } .full-stream-view img { display: block; position: relative; } .full-stream-view h2 { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; color: #fff; font-size: 16px; margin: -5px -5px 0; padding: 5px 10px; position: relative; text-align: center; } .full-stream-view .short-insider { color: #fff; font-size: 11px; margin: 0 !important; padding: 5px !important; position: relative; } .full-stream-view a.fullink-info { background: #000 none repeat scroll 0 0; border-radius: 100em; bottom: 0; box-shadow: 0 0 1px #000; color: #fff; display: inline-block; font: bold 16px "Open Sans Condensed",sans-serif !important; left: 60px; padding: 5px 20px; position: absolute; text-decoration: none; } .full-stream-view a.fullink-info:hover { box-shadow: 0 0 5px rgba(0, 161, 250, 0.7); } .full-stream-view-hover img { transition: all 0.2s linear 0s; } .full-stream-view-hover .full-mask { background-color: rgba(0, 0, 0, 0.85); opacity: 0; transition: all 0.4s ease-in-out 0s; } .full-stream-view-hover h2 { opacity: 0; transform: translateY(-100px); transition: all 0.2s ease-in-out 0s; } .full-stream-view-hover .short-insider { opacity: 0; transform: translateY(100px); transition: all 0.2s linear 0s; } .full-stream-view-hover:hover img { transform: scale(1.1, 1.1); } .full-stream-view-hover a.fullink-info { opacity: 0; transition: all 0.2s ease-in-out 0s; } .full-stream-view-hover:hover .full-mask { opacity: 1; } .full-stream-view-hover:hover h2, .full-stream-view-hover:hover .short-insider, .full-stream-view-hover:hover a.fullink-info { opacity: 1; transform: translateY(0px); } .full-stream-view-hover:hover .short-insider { transition-delay: 0.1s; } .full-stream-view-hover:hover a.fullink-info { transition-delay: 0.2s; } .full-stream-view .short-rate { position: absolute; right: 0; top: 0; z-index: 5; } .full-stream-view:hover .short-rate { display: none; } .positive-rate, .nagative-rate { font: bold 14px "Open Sans Condensed",sans-serif; } .positive-rate { color: #00a411; } .nagative-rate { color: red; } .short-rate .positive-rate, .short-rate .nagative-rate, .short-rate .no-rate { border-radius: 0 0 0 10px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.26) inset, 0 0 0 1px rgba(0, 0, 0, 0.15); color: #fff; display: block; padding: 3px 10px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.75); } .short-rate .positive-rate { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(87, 211, 25, 1) 0%, rgba(41, 154, 11, 1) 100%) repeat scroll 0 0; } .short-rate .nagative-rate { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 48, 25, 1) 0%, rgba(207, 4, 4, 1) 100%) repeat scroll 0 0; } .short-rate .no-rate { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(96, 108, 136, 1) 0%, rgba(63, 76, 107, 1) 100%) repeat scroll 0 0; } .custom-rate .fa { display: none; } .ApplyTooltip { display: inline-block; position: relative; vertical-align: baseline; } .ApplyTooltip .TouchTooltip { display: block; opacity: 0; position: absolute; transition-delay: 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s; visibility: hidden; z-index: 100; } .ApplyTooltip .TouchTooltip.Top { margin-top: 12px; top: 80%; } .ApplyTooltip .TouchTooltip.Bottom { bottom: 80%; margin-bottom: 12px; } .ApplyTooltip .TouchTooltip.Left { left: 0; } .ApplyTooltip .TouchTooltip.Right { right: 0; } .ApplyTooltip .TouchTooltip.Center { left: 0; right: 0; } .ApplyTooltip .TouchTooltip.Center.Left { left: 90%; margin-left: 12px; margin-top: -2px; right: auto; top: -50%; } .ApplyTooltip .TouchTooltip.Center.Right { left: auto; margin-right: 12px; margin-top: -2px; right: 90%; top: -50%; } .ApplyTooltip:hover .TouchTooltip, .ApplyTooltip.fakeHover .TouchTooltip { opacity: 1; visibility: visible; } .ApplyTooltip:hover .TouchTooltip.Top, .ApplyTooltip.fakeHover .TouchTooltip.Top { top: 100%; } .ApplyTooltip:hover .TouchTooltip.Bottom, .ApplyTooltip.fakeHover .TouchTooltip.Bottom { bottom: 100%; } .ApplyTooltip:hover .TouchTooltip.Center.Left, .ApplyTooltip.fakeHover .TouchTooltip.Center.Left { left: 100%; } .ApplyTooltip:hover .TouchTooltip.Center.Right, .ApplyTooltip.fakeHover .TouchTooltip.Center.Right { right: 100%; } .ApplyTooltip:hover .TouchTooltip.AnimationStopped, .ApplyTooltip.fakeHover .TouchTooltip.AnimationStopped { } .ApplyTooltip.iOS:hover .TouchTooltip { opacity: 0; transition: all 1s ease 0s; visibility: hidden; } .ApplyTooltip.iOS:hover .TouchTooltip.Top { margin-top: 12px; top: 80%; } .ApplyTooltip.iOS:hover .TouchTooltip.Bottom { bottom: 80%; margin-bottom: 12px; } .ApplyTooltip.iOS:hover .TouchTooltip.Center.Left { left: 90%; } .ApplyTooltip.iOS:hover .TouchTooltip.Center.Right { right: 90%; } .TouchTooltip { cursor: default; display: inline-block; font-style: normal; position: relative; text-decoration: none; transition: opacity 0.3s ease 0s, top 0.2s ease 0s; vertical-align: baseline; white-space: nowrap; z-index: 1; } .TouchTooltip::before { color: transparent; font-family: Arial,Helvetica,sans-serif; font-size: 19.8px; font-weight: 700; height: 14px; line-height: 1.3em; position: absolute; text-align: center; width: 14px; z-index: -1; } .TouchTooltip .Content { display: block; padding: 10px; text-align: center; transition: all 0s ease 0s, all 0.5s ease 0s; } .TouchTooltip .Content:not([ie]) { } .TouchTooltip .Content::before { border: 7px inset transparent; content: ""; height: 0; position: absolute; width: 0; } .TouchTooltip .Content::after { border: 6px inset transparent; content: ""; height: 0; position: absolute; width: 0; } .TouchTooltip.Small { white-space: normal; width: 150px; } .TouchTooltip.Small.Top, .TouchTooltip.Small.Bottom { left: 50%; margin-left: -75px; right: auto; } .TouchTooltip.Small.Top.Left, .TouchTooltip.Small.Top.Right, .TouchTooltip.Small.Bottom.Left, .TouchTooltip.Small.Bottom.Right { left: auto; margin-left: auto; right: auto; } .TouchTooltip.Medium { white-space: normal; width: 250px; } .TouchTooltip.Medium.Top, .TouchTooltip.Medium.Bottom { left: 50%; margin-left: -125px; right: auto; } .TouchTooltip.Medium.Top.Left, .TouchTooltip.Medium.Top.Right, .TouchTooltip.Medium.Bottom.Left, .TouchTooltip.Medium.Bottom.Right { left: auto; margin-left: auto; right: auto; } .TouchTooltip.Large { white-space: normal; width: 350px; } .TouchTooltip.Large.Top, .TouchTooltip.Large.Bottom { left: 50%; margin-left: -175px; right: auto; } .TouchTooltip.Large.Top.Left, .TouchTooltip.Large.Top.Right, .TouchTooltip.Large.Bottom.Left, .TouchTooltip.Large.Bottom.Right { left: auto; margin-left: auto; right: auto; } .TouchTooltip.Huge { white-space: normal; width: 450px; } .TouchTooltip.Huge.Top, .TouchTooltip.Huge.Bottom { left: 50%; margin-left: -225px; right: auto; } .TouchTooltip.Huge.Top.Left, .TouchTooltip.Huge.Top.Right, .TouchTooltip.Huge.Bottom.Left, .TouchTooltip.Huge.Bottom.Right { left: auto; margin-left: auto; right: auto; } .TouchTooltip.Shadow::before { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .TouchTooltip.Shadow .Content { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .TouchTooltip.Round .Content { border-radius: 5px; } .TouchTooltip.Top { margin-top: 11px; } .TouchTooltip.Top::before { content: "^"; left: 50%; margin-left: -7px; top: -12px; } .TouchTooltip.Top .Content::before { border-bottom-style: solid; border-bottom-width: 12px; border-top-width: 11px; left: 50%; margin-left: -7px; top: -23px; } .TouchTooltip.Top .Content::after { border-bottom-style: solid; border-bottom-width: 11px; border-top-width: 11px; left: 50%; margin-left: -6px; top: -21px; } .TouchTooltip.Top.Left::before { left: 11px; margin-left: 0; } .TouchTooltip.Top.Left .Content { text-align: left; } .TouchTooltip.Top.Left .Content::before { left: 11px; margin-left: 0; } .TouchTooltip.Top.Left .Content::after { left: 12px; margin-left: 0; } .TouchTooltip.Top.Right::before { left: auto; margin-left: 0; right: 11px; } .TouchTooltip.Top.Right .Content { text-align: right; } .TouchTooltip.Top.Right .Content::before { left: auto; margin-left: 0; right: 11px; } .TouchTooltip.Top.Right .Content::after { left: auto; margin-left: 0; right: 12px; } .TouchTooltip.Bottom { margin-bottom: 11px; } .TouchTooltip.Bottom::before { bottom: -6px; content: "v"; left: 50%; margin-left: -7px; } .TouchTooltip.Bottom .Content::before { border-bottom-width: 11px; border-top-style: solid; border-top-width: 12px; bottom: -23px; left: 50%; margin-left: -7px; } .TouchTooltip.Bottom .Content::after { border-bottom-width: 11px; border-top-style: solid; border-top-width: 11px; bottom: -21px; left: 50%; margin-left: -6px; } .TouchTooltip.Bottom.Left::before { left: 11px; margin-left: 0; } .TouchTooltip.Bottom.Left .Content { text-align: left; } .TouchTooltip.Bottom.Left .Content::before { left: 11px; margin-left: 0; } .TouchTooltip.Bottom.Left .Content::after { left: 12px; margin-left: 0; } .TouchTooltip.Bottom.Right::before { left: auto; margin-left: 0; right: 11px; } .TouchTooltip.Bottom.Right .Content { text-align: right; } .TouchTooltip.Bottom.Right .Content::before { left: auto; margin-left: 0; right: 11px; } .TouchTooltip.Bottom.Right .Content::after { left: auto; margin-left: 0; right: 12px; } .TouchTooltip.Left::before { left: 11px; } .TouchTooltip.Left .Content { text-align: left; } .TouchTooltip.Left .Content::before { left: 11px; } .TouchTooltip.Left .Content::after { left: 12px; } .TouchTooltip.Left.Center { margin-left: 11px; } .TouchTooltip.Left.Center::before { content: "<"; left: -12px; margin-top: -12px; top: 50%; } .TouchTooltip.Left.Center .Content::before { border-left-width: 11px; border-right-style: solid; border-right-width: 12px; left: -23px; margin-top: -7px; top: 50%; } .TouchTooltip.Left.Center .Content::after { border-left-width: 11px; border-right-style: solid; border-right-width: 11px; left: -21px; margin-top: -6px; top: 50%; } .TouchTooltip.Right::before { right: 11px; } .TouchTooltip.Right .Content { text-align: right; } .TouchTooltip.Right .Content::before { right: 11px; } .TouchTooltip.Right .Content::after { right: 12px; } .TouchTooltip.Right.Center { margin-right: 11px; } .TouchTooltip.Right.Center::before { content: ">"; margin-top: -12px; right: -12px; top: 50%; } .TouchTooltip.Right.Center .Content::before { border-left-style: solid; border-left-width: 12px; border-right-width: 11px; margin-top: -7px; right: -23px; top: 50%; } .TouchTooltip.Right.Center .Content::after { border-left-style: solid; border-left-width: 11px; border-right-width: 11px; margin-top: -6px; right: -21px; top: 50%; } .TouchTooltip.Dark .Content { background-image: -moz-linear-gradient(center top , #555, #333); background-size: 100% auto; border: 1px solid #5a5a5a; color: #fff; text-shadow: -1px -1px 1px #303030; } .TouchTooltip.Dark .Content:not([ie]) { } .TouchTooltip.Dark.Top .Content::before { border-bottom-color: #5a5a5a; } .TouchTooltip.Dark.Top .Content::after { border-bottom-color: #555; } .TouchTooltip.Dark.Bottom .Content::before { border-top-color: #5a5a5a; } .TouchTooltip.Dark.Bottom .Content::after { border-top-color: #333; } .TouchTooltip.Dark.Left.Center .Content::before { border-right-color: #5a5a5a; } .TouchTooltip.Dark.Left.Center .Content::after { border-right-color: #3b3b3b; } .TouchTooltip.Dark.Right.Center .Content::before { border-left-color: #5a5a5a; } .TouchTooltip.Dark.Right.Center .Content::after { border-left-color: #3b3b3b; } div.simpleTabs { padding: 10px 0; } ul.simpleTabsNavigation { margin: 0 auto; padding: 0; text-align: center; } ul.simpleTabsNavigation li { display: inline; list-style: outside none none; margin: 0; padding: 0; } ul.simpleTabsNavigation li a { background-color: #3a3f44; background-image: linear-gradient(#484e55, #3a3f44 60%, #333333); background-repeat: no-repeat; border-radius: 3px; filter: none; font-size: 14px; font-weight: 700; line-height: 25px; margin: 0 1px 0 0; outline: medium none; padding: 6px 10px; text-decoration: none !important; text-transform: uppercase; } ul.simpleTabsNavigation li a:hover { background: rgba(58, 63, 68, 0.5) none repeat scroll 0 0; } ul.simpleTabsNavigation li a.current { background: rgba(58, 63, 68, 0.5) none repeat scroll 0 0; border-radius: 3px 3px 0 0; display: inline-block; line-height: 25px; margin: 0 1px -4px 0 !important; padding: 8px 10px; } ul.simpleTabsNavigation li img, ul.simpleTabsNavigation li a img { height: 25px; margin: 0; vertical-align: middle; } div.simpleTabsContent { background: rgba(58, 63, 68, 0.5) none repeat scroll 0 0; border-radius: 3px; display: none; margin-top: 4px; padding: 5px; text-align: center; } div.simpleTabsContent.currentTab { background: rgba(58, 63, 68, 0.5) none repeat scroll 0 0; border-radius: 3px; display: block; margin-top: 4px; padding: 10px; } .video-shadow { background: rgba(0, 0, 0, 0) url("../images/video-shadow.png") no-repeat scroll 50% 0; display: block; height: 15px; margin: 0 auto 5px; width: 518px; } ul.bottom-list { list-style: outside none none; margin: -5px; padding: 0; } ul.bottom-list li { border-bottom: 1px solid rgba(0, 0, 0, 0.5); border-top: 1px solid rgba(200, 200, 200, 0.1); list-style: outside none none; margin: 0; padding: 3px 0; } ul.bottom-list li:first-child { border-top: medium none; } ul.bottom-list li:last-child { border-bottom: medium none; } ul.series-list { list-style: outside none none; margin: -4px; padding: 0; } ul.series-list li { border-bottom: 1px solid #000204; border-top: 1px solid #252829; list-style: outside none none; margin: 0; padding: 3px 5px 3px 8px; } ul.series-list li:first-child { border-top: medium none; } ul.series-list li:last-child { border-bottom: medium none; } h2.episodelist { background: #fff none repeat scroll 0 0; border: 1px solid #09c; color: #09c; margin: 0 5px 5px 0; padding: 9px 10px; text-align: center; } .series-center .btnss { font-weight: 400; list-style: outside none none; margin: 0 auto; padding: 0; text-align: center; width: 520px; } .series-center .btnss li { display: inline-block; list-style: outside none none; margin: 0 1px; padding: 0; } .series-center .btnss li a.seinactive { background: #09c none repeat scroll 0 0; color: #fff; display: block; font-size: 14px !important; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none; } .series-center .btnss li a.seinactive:hover, .series-center .btnss li a.seactive:hover { background: #06c none repeat scroll 0 0; color: #fff; text-decoration: none; } .series-center .btnss li a.seactive, .series-center .btnss li a.seactive:hover { background: #fff none repeat scroll 0 0; color: #06c; display: block; font-size: 14px !important; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none; } .series-center .btnss li a.seactive::after, .series-center .btnss li a.seactive::after { border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #fff; bottom: -6px; content: close-quote; height: 0; left: 44%; position: absolute; width: 0; } a.fstab:hover, a.fsctab:hover { border-bottom: 3px solid #ff0000; color: #0ff !important; } a.fsactive, a.fscactive { border-bottom: 3px solid #0ff; color: #f7fe2e; } .serie-list a.fstab, .serie-list a.fsctab { font-size: 16px; width: 110px; } h2.episodelist { background: #fff none repeat scroll 0 0; border: 1px solid #09c; color: #09c; margin: 0 5px 5px 0; padding: 9px 10px; text-align: center; } .series-center .btnss { font-weight: 400; list-style: outside none none; margin: 0 auto; padding: 0; text-align: center; width: 520px; } .series-center .btnss li { display: inline-block; list-style: outside none none; margin: 0 1px; padding: 0; } .series-center .btnss li a.seinactive { background: #09c none repeat scroll 0 0; color: #fff; display: block; font-size: 14px !important; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none; } .series-center .btnss li a.seinactive:hover, .series-center .btnss li a.seactive:hover { background: #06c none repeat scroll 0 0; color: #fff; text-decoration: none; } .series-center .btnss li a.seactive, .series-center .btnss li a.seactive:hover { background: #fff none repeat scroll 0 0; color: #06c; display: block; font-size: 14px !important; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none; } .series-center .btnss li a.seactive::after, .series-center .btnss li a.seactive::after { border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #fff; bottom: -6px; content: close-quote; height: 0; left: 44%; position: absolute; width: 0; } a.fsstab, a.fssctab { background: #343d43 none repeat scroll 0 0; border-bottom: 3px solid #000; color: #fff; display: inline-block; margin: 0 1px 5px; padding: 8px 15px 5px; text-decoration: none !important; width: 120px; } a.fsstab:hover, a.fssctab:hover { border-bottom: 3px solid #ff0000; color: #0ff !important; } a.fssactive, a.fsscactive { border-bottom: 3px solid #0ff; color: #f7fe2e; } .serie-list a.fsstab, .serie-list a.fsctab { font-size: 16px; width: 120px; } .comtabs { text-align: left !important; } .comtabs a.fsctab { background: #09c none repeat scroll 0 0; border-bottom: medium none; color: #fff; display: inline-block; font-size: 14px !important; margin: 0 1px 5px; min-width: 120px; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none !important; white-space: nowrap; width: auto; } .comtabs a.fsctab:hover { background: #fff none repeat scroll 0 0; border-bottom: medium none; color: #06c !important; font-size: 14px !important; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none; } .comtabs a.fscactive { background: #fff none repeat scroll 0 0; border-bottom: medium none; color: #06c !important; font-size: 14px !important; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none; } .comtabs a.fscactive::after, .comtabs a.fscactive::after { border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #fff; bottom: -6px; content: close-quote; height: 0; left: 44%; position: absolute; width: 0; } .comtabs { text-align: left !important; } .comtabs a.fbsctab { background: #09c none repeat scroll 0 0; border-bottom: medium none; color: #fff; display: inline-block; font-size: 14px !important; margin: 0 1px 5px; min-width: 120px; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none !important; white-space: nowrap; width: auto; } .comtabs a.fbsctab:hover { background: #fff none repeat scroll 0 0; border-bottom: medium none; color: #06c !important; font-size: 14px !important; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none; } .comtabs a.fbscactive { background: #fff none repeat scroll 0 0; border-bottom: medium none; color: #06c !important; font-size: 14px !important; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none; } .comtabs a.fbscactive::after, .comtabs a.fbscactive::after { border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #fff; bottom: -6px; content: close-quote; height: 0; left: 44%; position: absolute; width: 0; } .fsTabsContainer { display: block; text-align: center; } #fsElementsContainer { box-sizing: border-box; margin: 0; padding: 10px; } #fserieElementsContainer { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; margin: 10px 0 0; padding: 20px; } #fserieElementsContainer .fullsfeature ul.series-list, #fserieElementsContainer .fullscfeature ul.series-list { list-style: outside none square; margin: 10px 0 0 15px; padding: 0; } #fserieElementsContainer .fullsfeature ul.series-list li, #fserieElementsContainer .fullscfeature ul.series-list li { border: medium none !important; box-sizing: border-box; float: left; list-style: outside none square; margin: 0 5px; padding: 2px 0 2px 10px; width: 32%; } .fullsfeature { } #episode0#episode1#episode2, #episode3, #episode4, #episode5, #episode6, #episode7, #episode8, #episode9, #episode10, #episode11, #episode12, #episode13, #episode14, #episode15, #episode16, #episode17, #episode18, #episode19, #episode20, #episode21, #episode22, #episode23, #episode24, #episode25, #episode26, #episode27, #episode28, #episode29, #episode30, #episode31, #episode32, #episode33, #episode34, #episode35, #episode36, #episode37, #episode38, #episode39, #episode40, #episode41, #episode42, #episode43, #episode44, #episode45, #episode46, #episode47, #episode48, #episode49, #episode50, #episode51, #episode52, #episode53, #episode54, #episode55, #episode56, #episode57, #episode58, #episode59, #episode60, #ABCDE, #FGHIJK, #LMNOP, #QRSTU, #VWXYZ, #GENRE, #ANEE, #FaceCom { display: none; } .elink { display: block; overflow: hidden; } .elink a { display: block; overflow: hidden; white-space: nowrap; } .VF-tab, .VOSTFR-tab { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 100%, rgba(207, 4, 4, 1) 100%) repeat scroll 0 0; border-radius: 5px 5px 0 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 0 0 1px rgba(0, 0, 0, 0.5); color: #fff; display: block; font: bold 16px/25px "Open Sans Condensed",sans-serif; height: 30px; padding: 4px 10px; text-shadow: 0 0 5px #010101 !important; text-transform: uppercase; transition: background 0.4s ease 0s, color 0.4s ease 0s; } .VOSTFR-tab { margin: 0 0 5px; } .VF-tab { margin: 0 0 5px; } .series-center { margin: 0 auto; overflow: hidden; position: relative; width: 650px; } .series-player { background: rgba(0, 0, 0, 0) url("../images/Playerv22.png") no-repeat scroll 0 0; height: 384px; margin: 0 auto 10px; width: 600px; } .series-player .iframe-area { height: 360px; overflow: hidden; width: 600px; } .film-player { background: rgba(0, 0, 0, 0) url("../images/Playerv22.png") no-repeat scroll 0 0; height: 384px; margin: 0 auto 10px; width: 600px; } .film-player .iframe-area { height: 360px; overflow: hidden; width: 600px; } a.sinactive { background: rgba(55, 55, 55, 1) none repeat-x scroll 0 -110px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 0 0 1px rgba(0, 0, 0, 0.5); color: #ffd; display: block; font: bold 14px/25px "Open Sans Condensed",sans-serif; height: 25px; margin: 2px; padding: 2px 10px; text-decoration: none; text-shadow: 0 0 5px rgba(0, 161, 250, 0.8) !important; text-transform: uppercase; transition: background 0.4s ease 0s, color 0.4s ease 0s; } a.sinactive:hover, a.sactive:hover { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; text-decoration: none; } a.sactive, a.sactive:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #fff; display: block; font: bold 15px "Open Sans Condensed",sans-serif; margin: 1px; padding: 5px 10px; text-decoration: none; text-transform: uppercase; } .gener-list { font-weight: 400; list-style: outside none none; padding: 0; text-align: center; } .gener-list li { box-sizing: border-box; display: block; float: left; list-style: outside none none; margin: 0; padding: 5px; width: 25%; } .gener-list a, .gener-list a:visited { background: #09c none repeat scroll 0 0; color: #fff; display: block; font-size: 14px !important; padding: 10px 15px !important; position: relative; text-align: center; text-decoration: none; } .gener-list a:hover { background: #06c none repeat scroll 0 0; color: #fff; text-decoration: none; } .ilink img { height: 25px; } .filmelink { display: block; overflow: hidden; } .filmelink a, .filmelink a.sinactive { display: inline-block !important; overflow: hidden; white-space: nowrap; } .filmelink a img { vertical-align: middle; } .rating-bar { background: #000 linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 60%) repeat scroll 0 0; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 1px rgba(0, 0, 0, 0.6); display: block; height: 8px; margin: 10px auto; overflow: hidden; padding: 0; width: 100px; } .positive-rating { background-attachment: scroll; background-clip: border-box; background-color: #058836; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), linear-gradient(to right, #07c81b, #07c81b); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-radius: 4px 0 0 4px; box-shadow: 0 1px rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(0, 0, 0, 0.2) inset; display: inline-block; float: left; height: 8px; min-width: 8px; } .negative-rating { background-attachment: scroll; background-clip: border-box; background-color: #f93434; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), linear-gradient(to right, #f93434, #f93434); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-radius: 0 4px 4px 0; box-shadow: 0 1px rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(0, 0, 0, 0.2) inset; display: inline-block; float: right; height: 8px; min-width: 8px; } #positive-rate .positive-rating { width: 70px; } #positive-rate .negative-rating { width: 30px; } #negative-rate .positive-rating { width: 30px; } #negative-rate .negative-rating { width: 70px; } #no-rate { display: none; } .chzn-choices, .chzn-container, #chzn-choices, #chzn-container, .chzn-default, chzn-default span, a.chzn-single, a.chzn-default, .category-list select, .category-list option { color: #333 !important; } td.category-list option, td.category-list select { color: #333; } td.category-list option, td.category-list select { color: #333 !important; } scrollbar{height:100%;position:relative}.scrollbar__container{height:100%;width:100%;overflow:hidden}.scrollbar__track{position:absolute;right:0;top:34px;height:220px;z-index:9}.scrollbar__handle{width:100%;min-height:10px;position:absolute;top:0}.scrollbar{padding-right:15px}.scrollbar__track{width:5px}.scrollbar__handle{background-color:#09F;opacity:0}.scrollbar:hover .scrollbar__handle{opacity:.5;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.scrollbar .scrollbar__handle:hover,.scrollbar_state_move .scrollbar__handle{opacity:1}.scrollbar__track{background-color:#000}.scrollbar_mode_mobile .scrollbar__container{overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollbar{width:208px;height:240px}. .quality-container { left: 0; position: absolute; top: 0; z-index: 1; } .full-quality { background-color: #303030; box-shadow: 0 1px rgba(255, 255, 255, 0.09) inset, 0 1px 3px rgba(0, 0, 0, 0.3); float: left; margin: 0; position: relative; text-shadow: 0 0 2px rgba(0, 0, 0, 0.7); z-index: 1; } .full-quality .fa { font-size: 11px; margin: 0 0 5px; } .full-quality span.xquality { border-radius: 0 0 4px; box-shadow: 0 1px rgba(255, 255, 255, 0.09) inset, 0 1px 3px rgba(0, 0, 0, 0.3); box-sizing: border-box; display: block; font-size: 12px; height: 24px; left: 0; line-height: 24px; opacity: 0.95; overflow: hidden; padding: 0 10px; position: absolute; text-shadow: 0 0 2px rgba(0, 0, 0, 0.7); top: 0; white-space: nowrap; z-index: 0; } .TS_CAM, .DVDRip, .VOSTFR, .R5, .Haute-qualité, .HD1080p, .HD720p, .VOSTFR, .DVDSCR, .HD { box-shadow: 0 1px rgba(255, 255, 255, 0.09) inset, 0 1px 3px rgba(0, 0, 0, 0.3); box-sizing: border-box; color: #fff; display: block; height: 24px; line-height: 24px; padding: 0 8px; text-decoration: none; text-shadow: 0 0 2px rgba(0, 0, 0, 0.7); } .DVDRip .xquality { background-color: #39d; } .TS_CAM .xquality { background-color: #eb2323; } .VOSTFR .xquality { background-color: #2c7; } .DVDSCR .xquality { background-color: #39d; } .HD .xquality { background-color: #3cf; } .Haute-qualité .xquality { background-color: #1b9; } .R5 .xquality { background-color: #ec0; color: #000; } .brokenbt { } .brokenclick { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #444444 100%, #dedede 50%) repeat scroll 0 0; border: 2px solid #1b1b1c; border-radius: 5px; color: #b0e3ff; padding: 5px 7px; } .brokenclick:hover { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #c00 50%, #f33 50%) repeat scroll 0 0; border-color: #c00; box-shadow: 0 0 5px #c00; color: #fff; cursor: pointer; } h4.stream-tags { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset, 0 0 0 1px rgba(255, 255, 255, 0.03), 0 1px 0 rgba(255, 255, 255, 0.1); display: block; font-family: "Open Sans",sans-serif; font-size: 12px; font-style: italic; font-weight: 300; line-height: 16px; margin: 5px; overflow: hidden; padding: 10px; text-align: center; } .srietv { font-size: 0; left: 0; position: absolute; top: 0; z-index: 1; } .srietv a { background: #a8ae15 none repeat scroll 0 0; border-bottom-right-radius: 2px; border-top-right-radius: 2px; color: #000; display: block; font-size: 15px; margin-bottom: 4px; padding: 3px 6px; } .srietv a:nth-child(2) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .srietv a:nth-child(3) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .srietv a:nth-child(4) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .srietv a:nth-child(5) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .srietv a:nth-child(6) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .srietv a:hover { background: #2ec675 none repeat scroll 0 0; } .version-serie { font-size: 0; position: absolute; right: 0; top: 0; z-index: 1; } .version-serie a { background: #a8ae15 none repeat scroll 0 0; border-bottom-right-radius: 2px; border-top-right-radius: 2px; color: #000; display: block; font-size: 15px; margin-bottom: 4px; padding: 3px 6px; } .version-serie a:nth-child(2) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .version-serie a:nth-child(3) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .version-serie a:nth-child(4) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .version-serie a:nth-child(5) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .version-serie a:nth-child(6) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .version-serie a:hover { background: #2ec675 none repeat scroll 0 0; } .film-rip { font-size: 5px; left: 0; position: absolute; top: 0; z-index: 1; } .film-rip a { background: #333 none repeat scroll 0 0; border-bottom-right-radius: 5px; border-top-right-radius: 5px; color: #fff; display: block; font-size: 12px; margin-bottom: 4px; padding: 2px 6px; } .film-rip a:nth-child(2) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .film-rip a:nth-child(3) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .film-rip a:nth-child(4) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .film-rip a:nth-child(5) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .film-rip a:nth-child(6) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .film-rip a:hover { background: #2ec675 none repeat scroll 0 0; } .film-ver { font-size: 0; position: absolute; right: 0; top: 0; z-index: 1; } .film-ver a { background: #333 none repeat scroll 0 0; border-bottom-left-radius: 5px; border-top-left-radius: 4px; color: #fff; display: block; font-size: 12px; margin-bottom: 4px; padding: 3px 6px; } .film-ver a:nth-child(2) { background: rgba(2, 176, 228, 0.9) none repeat scroll 0 0; } .film-ver a:nth-child(3) { background: rgba(155, 89, 182, 0.9) none repeat scroll 0 0; } .film-ver a:nth-child(4) { background: rgba(255, 105, 7, 0.9) none repeat scroll 0 0; } .film-ver a:nth-child(5) { background: rgba(255, 193, 70, 0.9) none repeat scroll 0 0; } .film-ver a:nth-child(6) { background: rgba(46, 204, 113, 0.9) none repeat scroll 0 0; } .film-ver a:hover { background: #526480 none repeat scroll 0 0; } .vote-up { font-size: 0; left: 3px; position: absolute; top: 91%; z-index: 1; } .vote-up a { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; border-bottom-right-radius: 2px; border-top-right-radius: 2px; color: #fff; display: block; font-size: 12px; margin-bottom: 4px; padding: 3px 6px; } .vote-up a:nth-child(2) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .vote-up a:nth-child(3) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .vote-up a:nth-child(4) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .vote-up a:nth-child(5) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .vote-up a:nth-child(6) { background: rgba(55, 30, 40, 1) none repeat scroll 0 0; } .vote-up a:hover { background: #707675 none repeat scroll 0 0; } .finfo { color: #99b1d4; overflow: hidden; padding: 0 0 10px 40px; position: relative; } .finfo:last-child { padding-bottom: 0; } .finfo .finfo-line { height: 100%; left: 10px; position: absolute; top: 0; width: 4px; } .finfo .finfo-block { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; border-radius: 3px; position: relative; } .finfo:hover .finfo-block { background: #212121 none repeat scroll 0 0; } .finfo .finfo-block::before { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; border-radius: 50%; content: " "; height: 12px; left: -34px; margin-top: -6px; position: absolute; top: 50%; width: 12px; } .finfo:hover .finfo-block::before { background: #212121 none repeat scroll 0 0; } .finfo .finfo-block::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent rgba(255, 255, 255, 0.1) transparent transparent; border-image: none; border-style: solid; border-width: 6px; content: " "; height: 0; left: -12px; margin-top: -6px; pointer-events: none; position: absolute; top: 50%; width: 0; } .finfo .finfo-title { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; color: #a5bbdc; display: table-cell; font-size: 10px; padding: 6px 10px; text-transform: uppercase; vertical-align: middle; width: 100px; } .finfo .finfo-text { color: #798fa6; display: table-cell; padding: 10px; vertical-align: middle; } .fstory-info { background: #1b1b1b none repeat scroll 0 0; padding-bottom: 10px; padding-top: 10px; } .fstory-info-right { padding-top: 4px; text-align: right; } @media (max-width: 767px) { .fstory-info-left { text-align: center; } .fstory-info-right { background: #304156 none repeat scroll 0 0; margin-top: 10px; padding-bottom: 10px; padding-top: 10px; text-align: center; } } .ul-infoicon > li { display: inline-block; margin-right: 2px; vertical-align: middle; } @media (max-width: 767px) { .ul-infoicon > li { margin-top: 5px; } } .ul-infoicon > li > a { background: #232f3d none repeat scroll 0 0; border: 1px solid #304156; border-radius: 3px; color: #99b1d4; display: block; height: 34px; line-height: 34px; padding: 0 8px; } .ul-infoicon > li > a:hover { background: #526480 none repeat scroll 0 0; } .ul-infoicon > li > a i { margin-right: 8px; } .ul-infoicon > li > a i.fa-lg { margin-right: 0; } .ul-infoicon li.dropdown { position: relative; } .ul-infoicon .dropdown-menu { font-size: 11px; left: auto; padding: 0; right: 0; width: 200px; } .ul-infoicon .dropdown-menu li { color: #99b1d4; float: none; font-size: 12px; height: 30px; line-height: 30px; margin: 0; padding: 0 0 0 10px; width: 100%; } .ul-infoicon .dropdown-menu li:nth-child(2n) { background: #202a36 none repeat scroll 0 0; } .ul-infoicon .dropdown-menu li i { font-size: 14px; margin-right: 10px; } .ul-infoicon > li > a:hover, .ul-infoicon > li > a:focus, .ul-infoicon > li.open > a, .ul-infoicon > li.open > a:hover, .ul-infoicon > li.open > a:focus { background: #526480 none repeat scroll 0 0; outline: 0 none; } .fstory-tags { color: #1f2935; margin: 20px 0; padding-left: 40px; position: relative; } .fstory-tags-text { color: rgba(252, 26, 63, 0.8); font-size: 18px; left: 0; position: absolute; top: 0; width: 40px; } .fstory-tags-text i { margin-right: 5px; } .fstory-tags-text > b { text-transform: uppercase; } .fstory-tags a { border: 1px solid #304156; border-radius: 20px; display: inline-block; font-size: 12px; margin-bottom: 4px; padding: 8px 12px; vertical-align: middle; } .fstory-tags a:hover { background: #304156 none repeat scroll 0 0; } .fstory-poster-in { text-align: left; } .fstory-poster { position: relative; } .fstory-poster img { border: 3px solid #383838; border-radius: 3px; display: inline-block; max-width: 100%; vertical-align: middle; } @media (max-width: 300px) { .fstory-poster { margin: 0 auto; width: 300px; } } .fstory-poster-rip { background: #fc1a3f none repeat scroll 0 0; color: #fff; left: -5px; padding: 4px 10px; position: absolute; top: 20px; } .fstory-poster-rip a { color: #fff; } /*[fmt]0A90-0A0A-2*/ #zoombox iframe,#zoombox img{ border:none; } #zoombox .zoombox_mask{ background-color:#000; position:fixed; width:100%; z-index:1051; height:100%; top:0; left:0; } #zoombox .zoombox_container{ position:absolute; z-index:1052; } #zoombox .relative{ position:relative; } #zoombox .zoombox_prev{ position:absolute; top:0; left:0; width:50%; height:100%; cursor:pointer; /*+opacity:0;*/ filter:alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-opacity:0; opacity:0; } #zoombox .zoombox_prev:hover{ /*+opacity:100%;*/ filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; } #zoombox .zoombox_next{ position:absolute; top:0; right:0; width:50%; height:100%; /*+opacity:0;*/ filter:alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-opacity:0; opacity:0; } #zoombox .zoombox_close,#zoombox .zoombox_next,#zoombox .zoombox_prev{ cursor:pointer; } #zoombox .multimedia .zoombox_next,#zoombox .multimedia .zoombox_prev{ display:none; } #zoombox .zoombox_next:hover{ /*+opacity:100%;*/ filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; } #zoombox .zoombox_gallery{ position:fixed; z-index:1054; bottom:-60px; left:0; right:0; text-align:center; /*+opacity:85%;*/ filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); -moz-opacity:0.85; opacity:0.85; cursor:pointer; width:auto; background-color:#050505; height:60px; overflow: hidden; display:none; } #zoombox .zoombox_gallery img{ height:50px; padding:5px; /*+opacity:50%;*/ filter:alpha(opacity=30); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); -moz-opacity:0.3; opacity:0.3; } #zoombox .zoombox_gallery img:hover,#zoombox .zoombox_gallery img.current{ /*+opacity:100%;*/ filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; } #zoombox_loader{ background:url(img/loader.png) no-repeat left top; position:absolute; height:40px; width:40px; cursor:pointer; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:1053; } /** Zoombox Theme **/ .zoombox .zoombox_container{ background:#000; color:#666; /*+box-shadow:0px 0px 10px #000000;*/ -moz-box-shadow:0px 0px 10px #000000; -webkit-box-shadow:0px 0px 10px #000000; -o-box-shadow:0px 0px 10px #000000; box-shadow:0px 0px 10px #000000; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; -o-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; } .zoombox .content{ background:#000; } .zoombox .zoombox_title{ color:#FFF; /*+placement:anchor-top-left -1px -22px;*/ position:absolute; left:-1px; top:-22px; /*+text-shadow:1px 1px #000000;*/ -moz-text-shadow:1px 1px #000000; -webkit-text-shadow:1px 1px #000000; -o-text-shadow:1px 1px #000000; text-shadow:1px 1px #000000; -moz-text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; -o-text-shadow:1px 1px #000; text-shadow:1px 1px #000; } .zoombox .zoombox_close{ background:url(img/close.png) no-repeat; width:30px; height:30px; /*+placement:anchor-top-right -15px -15px;*/ position:absolute; right:-15px; top:-15px; } #zoombox.zoombox .zoombox_next{ background:url(img/next.png) no-repeat right center; } #zoombox.zoombox .zoombox_prev{ background:url(img/prev.png) no-repeat left center; } /** Lightbox Theme **/ .lightbox .zoombox_container{ background:#FFF; margin-left:-30px; padding:10px 10px 37px; color:#666; } .lightbox .zoombox_close{ background:url(img/lightclose.gif) no-repeat left top; width:66px; height:22px; top:auto; /*+placement:anchor-bottom-right 12px 6px;*/ position:absolute; right:12px; bottom:6px; } .lightbox .zoombox_title{ text-align:left; } .lightbox .zoombox_next{ background:url(img/lightnext.gif) no-repeat right 50px; } .lightbox .zoombox_prev{ background:url(img/lightprev.gif) no-repeat left 50px; } #zoombox.lightbox .zoombox_gallery{ left:10px !important; right:10px; bottom:36px; } /** Pretty Photo Theme **/ .prettyphoto .zoombox_container{ border:10px solid #0B0A0A; /*+border-radius:10px;*/ -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px 10px 10px 10px; background:#FFF; padding:10px 10px 37px; margin-left:-20px; color:#797979; } .prettyphoto .zoombox_title{ text-align:left; } .prettyphoto .zoombox_close{ background:url(img/ppsprite.png); width:27px; height:24px; top:auto; /*+placement:anchor-bottom-right 6px 8px;*/ position:absolute; right:6px; bottom:8px; } .prettyphoto .zoombox_next{ background:url(img/ppnext.png) no-repeat right center; } .prettyphoto .zoombox_prev{ background:url(img/ppprev.png) no-repeat left center; } .prettyphoto .multimedia .zoombox_next,.prettyphoto .multimedia .zoombox_prev{ display:none; } #zoombox.prettyphoto .zoombox_gallery{ left:10px !important; right:10px; bottom:36px; } /** Dark Pretty Photo Theme **/ .darkprettyphoto .zoombox_container{ /*+border-radius:10px;*/ -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px 10px 10px 10px; background:#0C0C0C; padding:10px 10px 37px; margin-left:-30px; color:#828282; } .darkprettyphoto .zoombox_title{ /*[empty]position:;*/ text-align:left; } .darkprettyphoto .zoombox_close{ background:url(img/ppsprite.png); width:27px; height:24px; top:auto; /*+placement:anchor-bottom-right 2px 6px;*/ position:absolute; right:2px; bottom:6px; } .darkprettyphoto .zoombox_next{ background:url(img/ppnext.png) no-repeat right center; } .darkprettyphoto .zoombox_prev{ background:url(img/ppprev.png) no-repeat left center; } .darkprettyphoto .multimedia .zoombox_next,.darkprettyphoto .multimedia .zoombox_prev{ display:none; } #zoombox.darkprettyphoto .zoombox_gallery{ left:10px !important; right:10px; bottom:36px; } /** Simple Theme **/ .simple .zoombox_container{ background:#000; } .simple .zoombox_title{ color:#FFF; /*+placement:anchor-top-left -1px -22px;*/ position:absolute; left:-1px; top:-22px; /*+text-shadow:1px 1px #000000;*/ -moz-text-shadow:1px 1px #000000; -webkit-text-shadow:1px 1px #000000; -o-text-shadow:1px 1px #000000; text-shadow:1px 1px #000000; -moz-text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; -o-text-shadow:1px 1px #000; text-shadow:1px 1px #000; } #zoombox.simple .zoombox_next{ background:url(img/simplenav.png) no-repeat -20px center; /*+opacity:100%;*/ filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; right:-20px; width:20px; } #zoombox.simple .zoombox_next:hover{ background-position-x:left; } #zoombox.simple .zoombox_prev{ background:url(img/simplenav.png) no-repeat -40px center; /*+opacity:100%;*/ filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; left:-20px; width:20px; } #zoombox.simple .zoombox_prev:hover{ background-position-x:-60px; } .simple .zoombox_prev{ background:url(img/ppprev.png) no-repeat left center; } .simple .zoombox_close{ background:url(img/simpleclose.png) no-repeat; width:30px; height:30px; position:absolute; top:0; right:-10px; } #zoombox.simple .multimedia .zoombox_next,#zoombox.simple .multimedia .zoombox_prev{ display:block; }