/*
* HTML5 ✰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav,section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
/*a:visited { color: #FF6600; }*/
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
available font-types: Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic
========================================================================== */
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author:
========================================================================== */
body{
background:url(../images/bg_blue.jpg);
background:url(../images/bgtest2.png) top left;
font-size:62.5%
}
a, span, h1, h2, h3, h4, h5, h6, i, strong, b{
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
a {
color: #4b7ea9;
}
a:hover {
/*color: #105896;*/
color: rgb(0, 102, 238);
}
header a, h2 a {
color: #666;
font-style: normal; text-decoration: none;
}
#container {
width: 90%; margin: 0 auto;
overflow: hidden;
max-width:1420px;
min-width:960px;
padding: 0;
}
header {
margin: 0 0 10px 0
}
#logo{
float: left;
display:block;
font:700 36px/45px Arial, Helvetica, sans-serif;
height:42px; width:262px;
font-weight: normal;
text-indent:-999px;
background:url(../images/logo.png) no-repeat;
margin:23px 117px 0 7.5%;
position: relative;
z-index: 9999;
}
#title{
clear:left;
display:block;
font:700 36px/45px Arial, Helvetica, sans-serif;
height:42px; width:597px;
font-weight: normal;
text-indent:-9999px;
background:url(../images/slider_headline.png) no-repeat;
margin:5px 0 0 7.5%;
}
#headerSearchFormTop{
display:block;
height:42px;
width:250px;
background:transparent url(../images/search_bg.png) 5px 12px no-repeat;
padding: 15px 0 0 10px;
margin: -80px 7.5% 0;
float: right;
}
#headerSearchForm{
display:block;
height:42px;
width:400px;
background:transparent url(../images/search_bg.png) 5px 12px no-repeat;
padding: 15px 0 0 10px;
margin: 0 auto;
}
#search_contens{
border:none;
background:none;
width:310px; height:22px;
display:block;
margin:0;
}
#searchsubmit{
text-indent:-999px;
border:none; background:none;
width:70px;
float:right;
margin-top:-22px;
}
.headerslider{
display:block;
float:left;
height:390px;
width:100%;
margin-bottom:30px;
margin-top::10px;
/*background:transparent url(../images/slider_bg.png) repeat-x;*/
-webkit-box-shadow: 1px 1px 25px 1px rgba(123, 123, 123, 0.3);
box-shadow: 1px 1px 25px 1px rgba(123, 123, 123, 0.3);
}
#sliderDla{width:94%; margin:0 auto;}
#sliderDla .slider-li{
display:inline;
}
#sliderDla .slider-li img{
/*width:9%;*/
max-width:250px;
width:99%;
}
.movieDet{
display:block;
width: 100%;
margin:1px auto 3px auto;
background:transparent url(../images/bg_sidebar.png);
height:151px;
overflow:hidden;
}
#moviedetails{
width: 94%;
margin:1px auto 3px auto;
color:#efefef;
display:block;
padding:2% 3% 0% 3%;
height:115px;
}
#moviedetails span, div.moviedescription {
color:#666;
font:normal 13px/15px Arial, Helvetica, sans-serif;
padding:5px 0px 2px 5px;
}
div.moviedescription {
height: 43px;
overflow:hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis; /* required for Opera */
-ms-text-overflow: ellipsis; /* required for IE8, allegedly */
}
.ellipsis{
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis; /* required for Opera */
-ms-text-overflow: ellipsis; /* required for IE8, allegedly */
}
.moviedetails .title, #moviedetails .title{
font:900 20px/30px 'Lato',Arial, Helvetica, sans-serif;
background:#efefef;
color:#2270fe;
padding:1px 10px 2px 10px;
margin:0 10px 0 0;
}
#moviedetails .releasedate, #moviedetails .length, #moviedetails .views{
padding:20px 15px 0 0;
color:#008896;
line-height:25px;
margin-left:5px;
}
#moviedetails button{
background:#0b1c20;
color:#2270fe;
font:800 1.325em/1.8em 'Lato',Arial, Helvetica, sans-serif;
padding:2px 15px 4px 15px; letter-spacing:0.075em;
border:none;
}
header nav {
clear:left;
float: left;
padding: 10px 15px 5px 15px;
padding-left:30%;
width:auto;
margin-top:5px;
/*background:transparent url(../images/bg_sidebar.png);
background:#efefef;
background:#030303;*/
}
header h2{
clear:left;
}
header #subheadline-right{
clear:none;
display: block;
float: right;
margin:15px 15px 0 0;
}
/*headerslider*/
#moviesTop{
position:absolute;
top: 0px;
left: 0px;
width:90%;
display:none;
}
#container.spacing{ padding: 0; }
header nav ul {
list-style: none;
}
header nav li{
float: left; font:900 14px/20px 'lato', Arial, Helvetica, sans-serif; margin:0 1px 0 0;
text-transform:uppercase;
color:#e7e7e7;
-webkit-text-shadow: 1px 0px 0px #333; (Safari 3.1+, Chrome 4+);
-moz-text-shadow: 1px px 0px #333; (Firefox 3.5+);
text-shadow: 1px 0px 0px #333; (Opera 10.5+);
letter-spacing:-0.04em;
/* background: rgba(0,0,0,0.75); */
}
header nav li:hover{
/*background: rgba(255,255,255,0.35);*/
}
header nav li a{
color:#e7e7e7;
padding:10px 17px;
line-height:40px;
background:transparent url(../images/bg_sidebar.png);
text-decoration::none;
}
header nav li a:hover{
color: #2270FE;
}
header nav li a:visited, header nav li a:active{
background:none;
}
header nav li a.active{
background: rgba(55, 55, 55, 0.65);
-webkit-font-smoothing: antialiased;
}
header nav li a.active:hover{
background:transparent url(../images/bg_sidebar.png);
}
header .moviSliderPlay{
display:block;
position:relative;
top:-50px;
width:70%;
z-index:50;"
}
header .headerslider{
display:none;
}
#content {
float: right; width: 70%;
margin:-3px 0 0 0; padding:0;
background:#efefef;
clear:left;
background-image: linear-gradient(bottom, rgb(1,1,1) 75%, rgb(34,34,34) 0%, rgb(18,18,18) 34%);
background-image: -o-linear-gradient(bottom, rgb(1,1,1) 75%, rgb(34,34,34) 0%, rgb(18,18,18) 34%);
background-image: -moz-linear-gradient(bottom, rgb(1,1,1) 75%, rgb(34,34,34) 0%, rgb(18,18,18) 34%);
background-image: -webkit-linear-gradient(bottom, rgb(1,1,1) 75%, rgb(34,34,34) 0%, rgb(18,18,18) 34%);
background-image: -ms-linear-gradient(bottom, rgb(1,1,1) 75%, rgb(34,34,34) 0%, rgb(18,18,18) 34%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.75, rgb(1,1,1)),
color-stop(0, rgb(34,34,34)),
color-stop(0.34, rgb(18,18,18))
);
background-color:#222; /* Fallback */
background: rgba(255,255,255,0.3); background:transparent url(../images/bg_sidebar.png);
padding-bottom: 3%;
}
#content article {
display:block;
float:left;
width:24.15%;
color:#666;
overflow:hidden;
margin:1% 0;
}
#content article.detail {
width:94%;
margin:0 3%;
}
#content article img.cover, #content article img.cover-opacity {
width:90%;
height:auto;
margin:5px 0 0 0;
padding:0;
box-shadow: 0 1px 0 #000;
-moz-box-shadow: 0 1px 0 #000;
-webkit-box-shadow: 0 1px 0 #000;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
z-index:10;
zoom:1;
opacity:0.9;
}
/*move from js to css*/
#content article img.cover-opacity:hover {
transition-property: opacity;
transition-duration: 0.35s;
transition-timing-function: linear;
transition-delay: 0.1s;
/* Safari */
-webkit-transition-property:opacity;
-webkit-transition-duration:0.35s;
-webkit-transition-timing-function:linear;
-webkit-transition-delay:0.1s;
opacity:1.0;
}
#content article a{
color:#4B7EA9;
}
#content article a:hover {
/* color:#06E; */
}
#content article h2 a, #content article.detail h2 {
font: 900 0.9em/1.1em 'Lato',Arial, Helvetica, sans-serif;
text-transform:uppercase;
/*text-decoration:underline;*/
letter-spacing:-0.05em;
width:94%;
padding:2% 3% 1%;
margin-bottom: 0;
display:block;
text-align:left;
color:#e7e7e7;
}
#content article.detail h2.bgDark{
margin-top: 20px;
padding-bottom: 2%;
}
#content article.detail h2{
text-align:left;
font-size:30px;
line-height: 29px;
/* background:none;*/
}
#content article h2 a{
-webkit-box-shadow:1px 0 3px rgba(200, 200, 200,.3 );
-moz-box-shadow:1px 0 3px rgba(200, 200, 200,.3 );
box-shadow:1px 0 3px rgba(200, 200, 200,.3 );
width:90%;
background: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 136, 150, 0.55);
}
#content article h2 a:hover{
-webkit-text-shadow: 1px 0px 0px #4a4a4a; (Safari 3.1+, Chrome 4+);
-moz-text-shadow: 1px px 0px #4a4a4a; (Firefox 3.5+);
text-shadow: 1px 0px 2px #4a4a4a; (Opera 10.5+);
}
#content article p{
font: 400 15px/15px lato, Arial, Helvetica, sans-serif;
text-align: left;
}
#content article a.date{
padding:0 0 0 20px;
margin:5px 0 0 0;
}
#content article div.rStars{
display:block;
margin: -5px 0 7px 0;
padding:0;
height:14px;width:300px;
}
#content article img.raStars, #moviedetails img.raStars{
width:14px; padding-right:2px;
margin:0;
}
#content article .toggle-content{
position:relative;
/*display:none;*/
background:transparent url(../images/bg_sidebar.png);
padding:7.5% 0 5% 0;
z-index:20;
zoom:1;
display:block;
margin: 0 auto;
left:5%;
}
#content article .detailInformationen{
width:45%;
float:left;
}
#content article div.detail{
width:40%;
padding:0;
margin:0;
float:left;
}
#content article div.detail .cover2{
width:90%;
margin-top: 2%;
}
#content article .small{
font:200 17px/19px 'Lato', Arial, Helvetica, sans-serif;
color:#666;
}
#content article .average{
font:300 13px/19px 'Lato', Arial, Helvetica, sans-serif;
color:#008896;
}
#content article .best{
font:300 13px/19px 'Lato', Arial, Helvetica, sans-serif;
color:#666;
}
.textField{
border: 1px solid #cfcfcf;
background: #fdfdfd;
width: 95%;
height: 21px;
margin:0;
color:#111;
}
#content article ul{
list-style:none;
line-height:15px;
}
#content article ul li{
list-style:none;
padding:0; margin:0;6
}
#content article ul li{
list-style:none;
margin: 0 0 0 3px;
}
#content article .detail ul li span{
margin-left:5px;
}
#content article ul li span a, #paging a, #paging span, .simStreamsDetails span a{
font:300 13px/24px 'Lato',Arial, Helvetica, sans-serif;
padding:3px 6px; margin:2px 0 3px 5px;;
background: rgba(0,0,0,0.4);
text-decoration:none;
}
#content article .star-rating{
cursor: pointer; width: 300px; padding:0; margin:5px 0;
}
#content article .rating-response{
display:inline-block;
cursor: pointer; width: 300px; padding:0; margin:5px 0;
}
#content article .star-rating img{
margin-right:5px;
}
#content article .liste {
overflow:hidden;
}
.liste a{
margin:1% 5%;
}
.detail a {
margin:1%;
}
.liste div{
padding:0 5%;
margin:5px 0 0 0;
}
#content .postinfo {
list-style: none; overflow: hidden;
}
#content .postinfo li {
float: left; width: 136px;
font-style: italic; color: #a2a2a2;
}
#content article:hover .toggle-content{
transition-property: margin;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0.1s;
/* Safari */
-webkit-transition-property:margin;
-webkit-transition-duration:0.5s;
-webkit-transition-timing-function:linear;
-webkit-transition-delay:0.1s;
margin-top: -132.5%;
height: 100%;
}
#content article.pHome ul{
font-size:10px;
margin: 5% 0;
padding: 0 5%;
width: 85%;
}
#content #detail-content-list{
width:45%;
font:normal 13px/21px Arial, Helvetica, sans-serif;
display:block; float:left;
margin: 0; padding:0;
}
#content article .detailLinks{
width:97%;
clear:both;
}
#content article.detail .bgDark{
background: rgba(0, 0, 0, 0.45);
-webkit-text-shadow: 1px 0px 0px #3c3c3c; (Safari 3.1+, Chrome 4+);
-moz-text-shadow: 1px px 0px #3c3c3c; (Firefox 3.5+);
text-shadow: 1px 0px 0px #3c3c3c; (Opera 10.5+);
border-top: 1px dotted #232323;
width: 94%;
padding: 3%;
clear:left;
}
#content article.detail h2{
text-shadow: 1px 1px 5px #555;
}
#content article.detail h2 {
position: relative;
margin-top: 0;
}
#content article.detail h2 a {
text-decoration: none;
color: #666;
position: absolute;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));
}
#content article.detail h2:after {
color: #d6d6d6;
text-shadow: 0 1px 0 white;
}
#content article.detail h2 {
position: relative;
margin-top: 0;
text-shadow: 1px 0 7px #008896;
letter-spacing: -0.005em;
-webkit-text-stroke: 1px white;
}
#content article.detail h2 a {
text-decoration: none;
color: #ffffff;
position: absolute;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottombottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,1)));
text-shadow: 0 2px 0 #06e;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
#content article.detail h2 a:hover {
color: #185a50;
}
#content article.detail h2:after {
color: #dbdbdb;
}
#content article.detailMovieLinks ul{
width:100%;
clear:left;
}
#content article .banner{
padding:0; margin:0;
}
#content #detailSim{
margin:1px 2% 0 2%; padding:0 3%; width:100%
}
#content article.detail ul.staffelEpisodenList{
padding:0;
width: 100%;
}
.help{
cursor: help;
font: normal 11px/15px Arial, Helvetica, sans-serif;
color: #666;
margin: 10px 0 20px;
}
#staffel-nav{
display: inline-block;
width: 92%;
height: auto;
margin: 0;
font: normal 15px/45px 'Lato', Arial, Helvetica, sans-serif;
-webkit-text-shadow: 1px 0px 0px #333;
-moz-text-shadow: 1px 0px 0px #333;
text-shadow: 1px 0px 0px #333;
float: left;
margin: 0 0 0 3%;
padding: 0;
}
#staffel-nav .linkTitelStaffel{
font: 400 13px/21px lato, Arial, Helvetica, sans-serif;
display: block;
height: 17px;
line-height: 13px;
color: #666;
text-transform: uppercase;
}
#content #staffel-nav li{
text-align: center;
display: inline-block;
width: auto;
height: auto;
float: left;
font: 300 11px/30px Arial, Helvetica, sans-serif;
margin: 0 3px 0 0;
padding: 0;
color: #FFF;
vertical-align: middle;
}
#content #staffel-nav .listHead span{
font: 900 15px/16px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
#staffel-nav li.navLegend{
color: #111;
cursor: pointer;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 2px;
}
#content article #staffel-nav a{
font: 300 14px/40px 'Lato', Arial, Helvetica, sans-serif;
height: 40px;
text-align: left;
width: 100%;
padding: 0 15px;
margin: 1px 0 0 0;
display: block;
background: #efefef;
text-decoration: inherit;
color: #4B7EA9;
text-shadow: none;
transition: all 300ms;
}
#content article #staffel-nav a:hover{
color: #06e;
background-color: rgba(45,45,45,0.95);
}
#content article #staffel-nav a.active{
color: #06e;
background: rgba(0,0,0,0.95);
}
#pagination {
overflow: hidden; margin: 0 0.25% 0 0.25%;
width:99%;
display:block;
clear:left;
height:50px;
background:red;
}
#pagination ul {
list-style: none;
}
#pagination li {
font-size: 18px;
}
#pagination li.older {
float: left;
}
#pagination li.newer {
float: right;
}
#sidebar {
width: 29.5%; float:left;
padding:0;
background:transparent url(../images/bg_sidebar.png);
padding-bottom:5%;
margin-top:-45px;
-webkit-box-shadow: 1px 1px 25px 1px rgba(123, 123, 123, 0.3);
box-shadow: 1px 1px 25px 1px rgba(123, 123, 123, 0.3);
}
* html #sidebar{
float:left;
width: 29.5%;
padding:0;
overflow:hidden;
}
#sidebar section{
clear:left;
padding:5% 10% 0 10%;
margin-bottom: 2.5%;
}
#sidebar section p{
color:#666;
}
#sidebar section b{
color:#008896;
}
#sidebar section b a{
color:#4B7EA9;
}
h3, .hl3 {
font:300 17px/21px lato, Arial, Helvetica, sans-serif;
margin:0 0 2% 0;
color:#008896;
padding-right: 10px;
}
.hl3 i.fa{
color: #0069FF;
}
i.fa:hover{
}
i.fa{
margin-right:5px;
}
i.f14{
font-size: 14px;
}
i.f14x2{
font-size: 28px;
}
i.f14x3{
font-size: 19px;
}
i.fa.green{
color:rgba(0,218,60,0.45);
}
i.fa.green:hover{
color:#00DA3C;
}
i.fa.orange{
color:rgba(253,134,3,0.75);
}
i.fa.orange:hover{
color:#FD8603;
}
i.fa.red:hover{
color: rgba(255, 5, 5, 0.75);
}
i.fa.red{
color: #FF0505;
}
i.fa.blue{
color:rgba(0,203,231,0.45);
}
i.fa.blue:hover{
color:rgba(0,203,231,0.85);
}
i.fa.white{
color:#fef1cf;
}
i.fa.grey{
color:#666;
}
i.fa.yellow{
color:#F4F328;
}
i.fa.border{
color:rgba(255,255,255,0.7);
margin-left: -4px;
}
.hl3{
display: block;
margin:1% 2.5%;
clear: left;
}
#content p {
font:300 14px/17px lato, Arial, Helvetica, sans-serif;
color:#008896;
padding:0;
margin:8px 0 3px 0;
}
#sidebar section ul {
list-style: none;
margin:0 0 0 -10px; padding:0;
}
#sidebar li{
padding:3px; float:left; padding:0 10px; margin:1px;
}
#sidebar #movietitle li, #sidebar #genre li, #sidebar #serien li, #sidebar #genreList li, #paging a, .panelnav{
padding:5px 8px; margin-right:2px;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari, Chrome */
border-radius: 2px; /* CSS3 */
background: rgba(0,0,0,0.4);
font-size: 13px;
}
/*#sidebar #movietitle li:hover, #sidebar #genre li:hover, #sidebar #genreList li:hover, #sidebar #serien li:hover{*/
#sidebar #movietitle li:hover, #sidebar #genre li:hover, #sidebar #genreList li:hover, .panelnav:hover{
background: rgba(0,0,0,0.2);
}
#sidebar #movietitle a, #sidebar #genre a, #sidebar #genreList a, #sidebar #serien a{
text-decoration:none;
}
#sidebar #serien li{
width:95%;
}
#sidebar #serien ul ul{
display:none;
}
/*#sidebar #serien ul li:hover ul{
display:inline; width:auto;
}*/
/* Seiren aus/einkplappen styles*/
#sidebar #serien .showElement a,#sidebar #serien .hideElement a, #sidebar #serien .singleElement a, .panelHolder{
padding-right:3%;
display:block; width:95%;
padding:10px 5% 10px 0px;
font-size:14px;
}
#sidebar #serien .showElement a{
background:url(../images/icons/expand_green.png) center right no-repeat;
}
#sidebar #serien .hideElement a{
background:url(../images/icons/abort_red.png) center right no-repeat;
color:#06E;
}
#sidebar #serien .hideElement ul li a{
background:none;
padding:2%;
font-size:12px;
color:#4B7EA9;
}
#sidebar #serien .hideElement ul{
background:url(../images/icons/ulhead.png) 10px 5px no-repeat;
padding-top:15px;
padding-bottom:10px;
margin:0 0 0 -2px;
}
#sidebar #serien .hideElement ul li, .panelHolder, .panelContainer{
margin:0 0 1px 0;
background: rgba(0, 0, 0, 0.75);
}
#sidebar #serien .hideElement ul li:hover{
background: rgba(0,0,0,0.3);
}
#sidebar #serien ul li a.isActive{
color:#06E;
}
#sidebar #about a.more {
display: block; text-align: left;
}
#sidebarsearch li{
width:95%;
}
#sidebarsearch form{
display:block;
height:23px;
width:94%;
padding:2px 4px;
background: rgba(255,255,255,0.87);
margin:-15px 0 0 0;
}
#sidebarsearch_contens, #headersearch_contens, #search_contens{
border:none;
background:none;
width:74%; height:21px;
position:relative;
margin:0 auto;
color:#111;
}
#sidebarsearchsubmit, #headersearchsubmit{
border:none; background: rgba(0,0,0,0.15);
width:22%;
color:#313131;
font:500 10px/23px lato, Arial, Helvetica, sans-serif;
height:23px;
border-right:1px solid #888;
border-bottom:1px solid #888;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari, Chrome */
border-radius: 2px; /* CSS3 */
/*border-left:3px solid #959595;
border-right:2px solid #656565; */
}
#sidebarsearchsubmit:hover, #headersearchsubmit:hover{
border:none; background: rgba(0,0,0,0.1);
color:#111;
/* border-right:3px solid #959595;
border-left:2px solid #656565; */
margin:0 0 0 1px;
}
#sidebarsearch span{
color:#4B7EA9;
font:300 10px/17px italic lato, Arial, Helvetica, sans-serif;
}
#sidebar #categories {
width: 136px; float: left;
margin: 0 20px 0 0;
}
#sidebar #login li{
display:block; clear:left;
}
#sidebar #search #searchbar, #headSearch{
width: 180px; height: 36px; float: left;
border: 1px solid #c7c7c7; padding: 0 45px 0 15px; margin: -8px 0 0 0;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top, #e2e2e2 0%, #ffffff 16%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#ffffff 16%); /* Chrome10+,Safari5.1+ */
font-size: 14px; font-style: italic; color: #a2a2a2;
}
#sidebar #search #searchsubmit {
width: 17px; height: 17px; float: right; margin: -27px 15px 0 0;
background: url(images/search-icon.png); text-indent: -9999px;
}
/*Partner Links Anfang*/
#sidebar #partnerlinks li{
padding:5px 8px; margin:2px;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari, Chrome */
border-radius: 2px; /* CSS3 */
background: rgba(0,0,0,0.4);
}
#sidebar #partnerlinks li:hover{
background: rgba(0,0,0,0.2);
}
#sidebar #partnerlinks a{
text-decoration:none;
}
#sidebar #partnerlinks li{
width:95%;
}
#sidebar #partnerlinks ul ul{
display:none;
}
/* Partner aus/einkplappen styles*/
#sidebar #partnerlinks .getElement a{
padding-right:3%;
display:block; width:95%;
padding:10px 5% 10px 0px;
font-size:14px;
}
#sidebar #partnerlinks .getElement a{
background:url(../images/icons/expand_blau.png) center right no-repeat;
}
/*Partner Links Ende*/
#footer-container {
background: rgba(0,0,0,0.2);
width: 90%; margin: 0 auto; padding: 0;
overflow: hidden;
max-width:1420px;
min-width:960px;
}
footer {
width: 90%; margin: 0 auto; padding: 10px 22px 50px 22px;
}
footer #credits {
list-style: none; float: left;
}
footer #credits li {
float: left; margin: 0 6px 0 0;
}
footer #credits li.wordpress a {
display: block; width: 20px; height: 20px;
background: url(images/credits.png) no-repeat 0 0; text-indent: -9999px;
}
footer #credits li.spoongraphics a {
display: block; width: 25px; height: 20px;
background: url(images/credits.png) no-repeat -30px 0; text-indent: -9999px;
}
footer #back-top {
float: right; font-size: 12px;
}
/* rounded borders = rb */
.rb{
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari, Chrome */
border-radius: 2px; /* CSS3 */
}
/*box effect*/
nBox:before, nBox:after {
-webkit-box-shadow: 0 15px 10px rgba(0,0,0, .7);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
position: absolute;
left: 10px;
bottom: 15px;
z-index: -1;
width: 50%;
max-width: 300px;
height: 20%;
content: "";
}
#commentsNav{
padding:0;
}
.staffStreamsDetails{
display: inline-block;
width: auto;
white-space: nowrap;
}
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hide { display: none; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
#content div#streamPlay, #content div#detailSim, #content div#detailComments, #content div#addComment{margin:0; padding:0 3%; width:100%; position: relative;}
#content div#detailSim { width:100%; padding: 0; margin: 0;}
#content div#detailSim, #content div#detailComments, #content div#addComment{}
#content div#detailComments, #content div#addComment{margin-top: 0;}
#content div#streamPlay p.hostName {text-transform:uppercase; font-weight: 400; text-transform: uppercase; font-size: 13px; letter-spacing: inherit; line-height: 20px; margin:0; padding:0; color:#efefef;}
#content div#streamPlay .hostBg {margin:0 0 1px 0; display: block; overflow: hidden;}
#content div#streamPlay ul{ width:15.5%; padding:0 4% 2% 0; float:left; display:block;overflow:hidden; height:auto; /* margin-bottom: 10px; */}
#content div#streamPlay ul .addStreamInfo{display:none;}
#content div#streamPlay ul.streamNav{width: 100%;
background: inherit;
display: inline-block;
margin: 30px 0 0 0;
padding:0;}
.streamStaffelWrapper, #content div#streamPlay ul.streamNav ul{display:none; background: none; }
#content div#streamPlay ul.streamNav li{display: inline-block; background: inherit; width: auto; padding: 0;}
#content div#streamPlay ul.streamNav li button{
font: 900 13px/45px lato, arial, helvetica, sans-serif; color: #4B7EA9;
border: none;
padding: 0 30px;
text-transform: uppercase;
margin: 0 10px 0 0;
text-shadow: 1px 0px 0px #333;
letter-spacing: -0.04em;
background: inherit;
border-radius: 5px;
transition: all 300ms;
outline: none;
border-radius: 3px 3px 0 0;
}
#content div#streamPlay ul.streamNav li button .hint{
font-weight: 400;
}
#content div#streamPlay ul.streamNav li button em{
text-transform:none;
letter-spacing:0.05em;
}
#content div#streamPlay #staffel-nav{
position: absolute;
top: 76px;
left: 155px;
width: 170px;
z-index: 9999;
zoom: 1;
}
#content div#streamPlay #staffel-nav li{
display: block;
width: auto;
background:#efefef;
clear:left;
padding: 0;
margin: 0;
height:25px;
line-height:25px;
background: none;
cursor: pointer;
width: 160px;
height: auto;
}
#content div#streamPlay ul.streamNav li button:hover,
#content article .getStaffelStream:hover{
color: #06E;
background: rgba(0,0,0,0.275);
text-shadow:-3px 0px 10px rgba(0, 102, 238, 0.85)
}
#content article .getStaffelStream:hover{
background: none;
}
#content div#streamPlay ul.streamNav li button.active{
background: rgba(255, 255, 255, 0.045);
color:#cfcfcf;
text-shadow:-3px 0px 20px rgba(155, 155, 155, 0.3);
opacity: 0.65;
}
#content div#streamPlay ul.streamNav li button.active:hover{
background: rgba(255, 255, 255, 0.05);
color:#cfcfcf;
text-shadow:-3px 0px 10px rgba(155, 155, 155, 0.7);
opacity:1;
}
#content div#detailSim div, #content div#detailSim{ margin: 3% 0 0 0;}
#content div#detailSim, #content div#detailComments, #content div#addComment {background:rgba(0,0,0,0.35); height:auto; padding: 0 3%; width: 94%;}
#detailSim{ paddingborder-top: 1px solid rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.025);
height: 80px;
line-height: 80px;
display: inline-block;
font-size: 14px;
width: 100%;
vertical-align: top;-top: 6%;}
#content div#detailSim span{display: inline-block; clear:left;margin: 0;padding: 0;height: auto;line-height: 27px;border-radius: 5px;}
#content div#detailSim span a{display:inline;}
#content div#detailSim p{/* display: inline-block; */ /* width: 100%; */}
#content div#detailSim h3 a{font-weight: 400;font-size: 11px;color: #DFDFDF;text-decoration: none;text-transform: uppercase;line-height: 12px;}
#content div#detailSim p {font: 400 12px/12px lato, arial, helvetica, sans-serif; padding:0; margin:0;/* height: auto; */}
#content div#detailSim div { padding:0; width: 33%; height:150px; font-size:11px; overflow:hidden; float:left;}
#content div#detailSim .simStreams img {width:27%; margin:0 3% 0 0; float: left; height: auto;}
#content div#detailSim .simStreamsDetails{ width: 60%; }
#content div#detailSim .simStreamsDetails a{ font: 400 12px/15px lato, arial sans-serif; height: initial; /* vertical-align: top; */ /* display: inline-block; */ /* white-space: normal; */ /* text-align: left; */}
#content div#detailSim .simStreamsDetails h3 { font-size: 17px; line-height: 17px;}
#content div#streamPlay li, #content div#detailSim li{
color:#4B7EA9;
-webkit-text-shadow: 1px 0px 0px #333; (Safari 3.1+, Chrome 4+);
-moz-text-shadow: 1px px 0px #333; (Firefox 3.5+);
text-shadow: 1px 0px 0px #333; (Opera 10.5+);
letter-spacing:-0.04em;
display:block;
float:left;
background: rgba(255,255,255,0.05);
width:100%;
padding: 10px;
margin-left: 0;
}
#content div#streamPlay #staffelWrapper ul{
width:100% ;
/* border-bottom: 1px solid #aaa; */
}
#content div#streamPlay #staffelWrapper li{
background: none;
}
.releaseTitleHome{
word-wrap: break-word;
word-break: break-all;
}
#moviedetails .sliderReleaseTitle{
display: inline-block;
height: auto;
width: auto;
background: rgba(0, 0, 0, 0.4);
padding:5px 15px;
}
#content .detailSimHeadline{
padding: 3% 3% 0 3%;
width: 94%;
}
#content .textLink{
font: 400 1.425em/1.5em 'Lato', Arial, Helvetica, sans-serif;
display: block;
width: 94%;
padding: 2% 3%;
margin: 3% 0 0 0;
text-indent: inherit;
text-align: center;
border-top: 1px solid rgba(200, 200, 200, 0.1);
}
#content div#detailSim li{
width:95%;
}
#content div#addComment{
height: 350px;
}
$content article div#detailComments ul{ display:block; width:90%; height:30px;}
$content article div#detailComments ul li{
display:block; float:left;
padding:5px;
}
#readComment, #showComment{
cursor: pointer;
}
/* ==|== button styles =======================================================
CSS3 Button Action
========================================================================== */
#content article a.button, .button, #moviedetails .button:link, #footer-container #back-top a.button, #footer-container footer #back-top a.button:link{
font: 400 14px/26px 'Lato',Arial, Helvetica, sans-serif;
padding: 5px 9% 6px 9%;
margin: 1px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(0, 136, 150, 0.3);
background-color: rgba(34, 112, 254, 0.82);
color: rgba(204, 204, 204, 0.8);
transition: all 300ms;
height: 25px;
border: none;
display: block;
border: none;
}
#content article a.button:hover, .button:hover, #moviedetails .button:hover, #footer-container footer #back-top a.button:hover{
-webkit-box-shadow:0 0 6px rgba(0, 136, 150,.05 );
-moz-box-shadow:0 0 6px rgba(0, 136, 150,.05);
box-shadow:0 0 6px rgba(0, 136, 150,.05);
text-shadow:-4px 1px 12px rgba(0, 136, 150, 0.65);
background-color: rgba(34, 112, 254, 0.97);
color: rgb(224, 224, 224);
border: 0;
}
#content article a.button:active, .button:active, #moviedetails .button:active, #footer-container footer #back-top a.button:active{
-webkit-box-shadow:0 0 -3px rgba(0, 136, 150,.4);
-moz-box-shadow:0 0 -3px rgba(0, 136, 150,.4);
box-shadow:0 0 -3px rgba(0, 136, 150,.4);
text-shadow:0px 0px 3px rgba(255, 255, 255, 0.15);
background-color: rgba(34, 112, 254, 0.75);
color:#fff;
position:relative;top:1px; left:1px;
}
#content article a.active{
background: #fff;
color: #06E;
}
#content article a.active:hover{
color: #ddd;
}
#content #comment-add, #content #comment-paging{
padding:15px 0 0 0;
clear: left;
margin:0;
}
#content #comment-add{
display:none;
}
#content #comment-loop h4{
font: 400 23px/27px lato, Arial, Helvetica, sans-serif;
color: rgb(0, 136, 150);
/* color:#bbb; */
margin:30px 0 15px 0;
/* border-bottom: 1px solid rgba(200, 200, 200, 0.05); */
word-wrap: break-word;
height: auto;
padding: 0 0 0 5%;
width: 85%;
}
#content #comment-loop h5{
font:300 15px/21px lato, Arial, Helvetica, sans-serif; color:#333; padding:0; margin:5px 0 15px 0;
}
#content #comment-loop .commentBoxDetails{
margin: 0;
font-size: 12px;
}
#content #comment-loop p i{
/* margin-left: -22px; */
}
#content #comment-loop p, #content #comment-loop .userComment p{
font: 300 13px/18px Arial, Helvetica, sans-serif;
padding:0;
margin: 5px 0 0 0;
padding: 0 10% 0 5%;
color: rgb(100, 100, 100);
width: 85%;
}
#content #comment-loop .commentBoxComments p{
font: 400 12px/19px Arial, Helvetica, sans-serif;
color: rgba(255, 255, 255, 0.45);
}
#content #comment-loop .userComment p i,
#content #comment-loop .commentBoxComments p i{
margin-left: -22px;
}
#content #comment-loop .footer{
/* padding: 2px 0 2px 0; */
/* margin:10px auto -10px auto; */
/* padding:0; */
/* width:100%; */
/* text-align: center; */
/* height:25px; */
/* width: auto; */
/* border-radius:2px; */
position: absolute;
right: 2px;
top: -1px;
display: block;
height: 100%;
/* background: rgba(0, 193, 89, 0.45); */
}
.commentBox{
margin:30px 0 0 0;
background-color: rgba(255, 255, 255, 0.15);
/* background-color: rgba(5, 15, 20, 0.25); */
border-radius:2px;
/* border-bottom: 1px solid rgba(55, 55, 55, 0.35); */
/* border: 1px solid rgba(0, 0, 0, 0.9); */
}
.commentBoxComments:last-child{
border:none;
margin-bottom:30px;
}
.userComment{
background-color: rgba(255, 255, 255, 0.85);
border-radius:2px 2px 0 0;
/* padding: 10px; */
margin: 0 0 1.5% 0;
border:1px solid rgba(0, 0, 0, 0.35);
position: relative;
padding: 0 0 3.5% 0;
}
.commentBoxComments{
padding: 5px 4% 10px 4%;
margin: 15px 1% 10px 1%;
/* background-color:rgba(255, 255, 255, 0.75); */
border-bottom: 1px solid rgba(5, 5, 5, 0.9);
width: 90%;
position: relative;
min-height: 120px;
}
#content #comment-loop .commentBoxComments .footer{
padding: 0;
display: block;
/* float: right; */
text-align: center;
/* margin-top: -20px; */
position: absolute;
top: -16px;
right: -1%;
}
#content #comment-loop .commentBoxComments .footer em{
padding: 5px 0 0 10px;
}
.commentInfo{
display: inline-block;
width: auto;
margin: 0 0 0 5%;
text-align: center;
}
.commentInfoEdit{
}
.commentBoxComments .commentInfo{
margin: 10px 0 0 30px;
}
.commentBoxComments .commentInfoEdited{
margin: 0;
display: inline-block;
}
.commentInfo span{
font:700 10px/10px lato, verdana, helvetica, sans-serif;
}
#fieldset_comments{
margin:0; padding:0;
}
#fieldset_comments label{
font: 900 13px/21px lato, Arial, Helvetica, sans-serif;
color:#008896;
cursor:default;
}
#fieldset_comments .comment-field{
border: 1px solid #131313;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
padding:12px 7px 9px 7px;
color:#9a9a9a;
font-size:13px;
}
#fieldset_comments .comment-field-focus{
color:#353535;
border: 1px solid #000;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
outline:none;
padding:12px 7px 9px 7px;
font-size:13px;
}
.replyFormWrapper label,
.replyFormWrapper button{
/* text-align: left; */
font:400 14px/24px lato, arial, helvetica, sans-serif;
float: left;
margin: 20px 0 0 30px;
}
.replyFormWrapper .commentAdd{
width: 96%;
height: 150px;
margin: 0 0 0 5%;
padding: 10px;
font:400 15px/21px lato, arial, helvetica, sans-serif;
}
#fieldset_comments .bg-mail{
background:rgba(255, 255, 255, 0.05);
padding-left:4.2%;
}
#fieldset_comments .bg-name{
background:rgba(255, 255, 255, 0.05);
padding-left:4.2%;
}
#fieldset_comments .bg-mail:focus{
background:rgba(255, 255, 255, 0.9);
padding-left:4.2%;
-webkit-box-shadow: 1px 1px 10px 1px rgba(123, 123, 123, 0.3);
box-shadow: 1px 1px 15px 1px rgba(123, 123, 123, 0.3);
}
#fieldset_comments .bg-name:focus{
background:rgba(255, 255, 255, 0.9);
padding-left:4.2%;
-webkit-box-shadow: 1px 1px 10px 1px rgba(123, 123, 123, 0.3);
box-shadow: 1px 1px 15px 1px rgba(123, 123, 123, 0.3);
}
#fieldset_comments #addnic{width:35%;}
#fieldset_comments .half{
background:rgba(255, 255, 255, 0.4);
width:90%;
height: 20px;
line-height: 20px;
display: block;
float: left;
padding:3px 2.5% 5px 2.5%;
margin-bottom: 10px
}
#fieldset_comments .half:focus{
background:rgba(255, 255, 255, 0.75);
}
#fieldset_comments .quater{
width:16.25%;
display: block; width:0px; height: 0px; float: left;
}
#fieldset_comments textarea.comment-field, #fieldset_comments textarea.comment-field-focus{
background:rgba(255, 255, 255, 0.4);
width:90%;
display: block; float: left;
line-height:25px;
padding:3px 2.5% 5px 2.5%;
height: 150px;
}
#fieldset_comments textarea.comment-field-focus:focus{
color:#313131;
}
#fieldset_comments textarea.bg-comment{
background:rgba(255, 255, 255, 0.5);
}
#fieldset_comments textarea.bg-comment:focus{
background:rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 1px 1px 10px 1px rgba(123, 123, 123, 0.3);
box-shadow: 1px 1px 15px 1px rgba(123, 123, 123, 0.3);
}
#fieldset_comments label#text, #fieldset_comments label#uname, #fieldset_comments label#uemail{
}
#fieldset_comments label#text{
display: block; clear: left; width:85%;
line-height: 30px; margin-top: 10px; color:#666;
}
#fieldset_comments label#uemail{
float: left; display: block; width:80px;
}
#fieldset_comments label#uname{
float: left; display: block;
}
#fieldset_comments label#ctitle,
#fieldset_comments label#cnic{
padding:0;
display: block;
line-height: 25px;
color: #666;
margin-top: 35px;
}
#content article div#detailComments ul{ width:100%;}
#content article div#detailComments ul li{display:inline;}
#content article div#detailComments ul li a{
height: 30px;
padding: 0px 10px;
margin: 0 10px 0 10px;
line-height: 30px;
background: rgba(0, 0, 0, 0.75);
color: rgb(75, 126, 169);
width: auto;
display: inline-block;
}
#content div#detailSim p.detailSimHeadline,
#content article p.addCommentsHeadline{
font: 400 15px/30px lato, Arial, Helvetica, sans-serif;
color: rgba(120, 120, 120, 0.5);
/* text-transform:uppercase; */
margin: 0;
width:100%;
padding: 0.5% 0 0.5% 0;
border-bottom: 1px dotted rgba(5, 5, 5, 0.4);
margin-bottom: 1%;
background: rgba(0, 0, 0, 0.25);
margin-left: -3%;
padding-right: 6%;
height: 30px;
border-top: 1px solid rgba(5, 5, 5, 0.9);
}
#content div#detailSim p.detailSimHeadline em,
#content article p.addCommentsHeadline em{
padding:0 0 0 3%;
}
#content article div#detailComments ul li a:hover{
background: rgba(0, 0, 0, 0.25);
}
/* #content article div#detailComments ul li a.commentsTask{
padding: 0;
margin: 0;
font-size:14px;
line-height:21px;
height:21px;
width:21px;
text-align:center;
display: inline-block;
vertical-align: middle;
}
#content article div#detailComments ul li a.commentsTask i{
margin: 0 auto;
} */
#content article div#detailComments ul li a.commentsTask span{
display: none;
}
#content article div#detailComments ul li .userComment a,
#content article div#detailComments ul li .commentBoxComments a{
font:900 9px/20px lato, arial, helvetica, sans-serif;
height: 20px;
display: block;
text-transform: uppercase;
text-decoration:none;
/* margin:1px 1px 1px 0; */
/* border-radius: 3px; */
width:30px;
background: rgba(0, 0, 0, 0.45);
/* background: rgba(255, 255, 255, 0.85); */
/* background: inherit; */
/* border:1px solid rgba(255, 255, 255, 0.15); */
/* -webkit-transition:color 300ms, margin 300ms, background-color 300ms, border 300ms, -webkit-transform 500ms; */
/* transition:color 300ms, margin 300ms, background-color 300ms, border 300ms, transform 500ms; */
/* border-bottom: 1px solid rgba(0, 0, 0, 0.35);
border-left: 1px solid rgba(0, 0, 0, 0.35);
border-top: 1px solid rgba(0, 0, 0, 0.025);
border-right: 1px solid rgba(0, 0, 0, 0.025); */
color:#666;
overflow:hidden;
padding:5px 1px;
margin: 0 -3px 0 0;
border-radius: 0;
/* padding: 10px 0 0 0; */
text-align: center;
}
#content article div#detailComments ul li .commentBoxComments a{
/* clear:left; */
display: block;
min-height: 10px;
margin: 0;
padding: 0;
min-width: 9px;
}
#content article div#detailComments ul li .userComment a:hover,
#content article div#detailComments ul li .commentBoxComments a:hover{
background: rgba(0, 0, 0, 0.35);
/* border-top: 1px solid rgba(0, 0, 0, 0.5); */
/* border-left: 1px solid rgba(0, 0, 0, 0.5); */
/* border-bottom: 1px solid rgba(100, 100, 100, 0.3); */
/* border-right: 1px solid rgba(100, 100, 100, 0.3); */
/* margin:1px 0 0 1px; */
-webkit-box-shadow: 0 0 6px rgba(0, 136, 150, 0.05);
-moz-box-shadow: 0 0 6px rgba(0, 136, 150, 0.05);
box-shadow: 0 0 6px rgba(0, 136, 150, 0.05);
text-shadow: -4px 1px 12px rgba(0, 136, 150, 0.65);
color: rgba(0, 102, 238, 0.90);
background: rgba(0, 120, 186, 0.25);
}
#content article div#detailComments ul li .userComment a i,
#content article div#detailComments ul li .commentBoxComments a i{
font-size: 12px;
line-height:inherit;
margin:0 auto;
}
#content article div#detailComments ul li .userComment a span{
margin-left:10px;
}
#content article div#detailComments ul li .userComment .commentInfoEdit a span,
#content article div#detailComments ul li .commentBoxComments .commentInfoEdited a span{
font: 900 9px/20px lato, arial, helvetica, sans-serif;
margin: 0 3px 0 3px;
position: relative;
top: -2px;
}
#content article div#detailComments ul li .userComment .commentInfoEdit a:hover,
#content article div#detailComments ul li .commentBoxComments .commentInfoEdited a:hover{
background: rgba(0, 125, 185, 0.5);
color:#bcbcbc;
}
#content article div#detailComments ul li .userComment .commentInfoEdit a,
#content article div#detailComments ul li .commentBoxComments .commentInfoEdited a{
display: inline-block;
height: 19px;
/* margin: 0 0 0 -5px; */
padding: 0 0 0 5px;
width: auto;
vertical-align: bottom;
border-radius: 2px;
background-color: rgba(55, 55, 55, 0.25);
position:relative;
top:2px;
}
#content article div#addComment{url(/themes/downloadarchive/images/bgtest2.png) 0% 0%; margin-top:0px;}
.iconPlay, #moviedetails .iconPlay, footer a.button{
/* background:rgba(34, 112, 254, 0.85) url(../images/icons/iconplay.png) 5px 9px no-repeat;*/
}
.iconDetail, #moviedetails .iconDetail{
background:rgba(34, 112, 254, 0.90) url(../images/icons/icondetail.png) 10px 8px no-repeat;
text-align:center;
width:60%;
color:#fff;
border:1px solid #0099FF;
}
.iconKontakt{
background:rgba(34, 112, 254, 0.90) url(../images/icons/icondetail.png) 10px 8px no-repeat;
text-align:center;
width:110px;
color:#fff;
border:1px solid #0099FF;
}
.iconAjax, #moviedetails .iconAjax{
background:rgba(34, 112, 254, 0.90) url(../images/icons/icons/24/li_a.gif) 10px 8px no-repeat;
text-align:center;
width:60%;
color:#fff;
border:1px solid #0099FF;
}
.iconDetail, #moviedetails .iconDetail:hover,.iconDetail:action{
background:rgba(34, 112, 254, 0.90) url(../images/icons/icondetail.png) 10px 8px no-repeat;
color:#fff;
}
#moviedetails .button:link{
padding:3px 10px 3px 30px;
color:#fff;
}
#moviedetails span.details{
display:inline-block;
float:right;
}
#content article small{
background:rgba(0, 0, 0, .27);
font-size:10px;
padding:3px 5px;
color:#666;
border-radius: 3px;
margin-left: 2px;
}
#content article.liste h2{
border: none;
font: 900 19px/19px normal lato, arial, sans-serif;
margin: 0 auto;
padding: 0;
}
#content article.liste h2.h2-start a,
#content article.liste h2 a{
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
/* display:inline-block; */
height:25px;
width: 85%;
padding-right: 5%;
height: auto;
}
#content article.liste h2.h2-start a{
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-color: rgb(255, 255, 255);
-webkit-text-stroke-width: 1px;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0.45098);
background-image: none;
background-origin: padding-box;
background-size: auto;
color: rgb(231, 231, 231);
display: inline-block;
font-family: Lato, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: inherit;
font-variant: normal;
font-weight: 900;
height: auto;
letter-spacing: -0.15000000596046448px;
line-height: 19px;
text-shadow: rgb(60, 60, 60) 1px 0px 0px;
text-transform: uppercase;
font-family:Lato, Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
width: 80%;
letter-spacing: -0.055em;
padding: 5% 10% 5% 10%;
margin-left: -3%;
margin-top: -1%;
text-shadow: 1px 1px 13px rgba(200,200,200,0.55);
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.topsearch{
margin:auto;
display:block;
}
#paging{
clear:both; float:left;
width:96%;
border-top:1px solid #222;
margin:0 2%;
padding:2% 0 3% 0;
color:#666;
text-transform: uppercase;
}
#paging a.active{
color:#06E;
background: rgba(255,255,255, 0.04);
}
footer{
width: 90%;
margin: 0px auto;
margin-top:30px;
margin-bottom:10px;
padding: 0px;
overflow: hidden;
max-width: 1420px;
min-width: 960px;
background:transparent url(../images/bg_sidebar.png);
}
footer div{
width: 90%;
margin: 10px auto;
height:40px;
}
.error, #content article div.error,
.success, #content article div.success,
.notice, #content article div.notice{
display:inline-block;
background:rgba(170, 0, 0, 0.8);
margin: 0;
padding: 0 5%;
font-size: 11px;
line-height:20px;
height:auto;
width:80%;
color: #EEE;
text-shadow: none;
font-family: Arial;
}
.success, #content article div.success{
background:rgba(0, 170, 0, 0.7);
}
.notice, #content article div.notice{
background:rgba(245, 100, 0, 0.6);
}
#release_text{
background:rgba(0, 0, 0, 0.35);
display: block;
color:#666;
-webkit-text-shadow:none;
-moz-text-shadow:none;
text-shadow:none;
font:300 normal 17px/21px 'Lato',Arial, Helvetica, sans-serif;
border-top: 1px dotted #232323;
width: 94%;
padding: 1% 3%;
}
.simStreams{
width:100%;
padding:0;
margin:0;
}
.simStreamsDetails{
width:33%;
padding:0;
margin:0;
}
.firstRun{
overflow: hidden;
width: 97%;
padding: 0 0 1% 3%;
overflow: hidden;
margin: 0 0 0 -3%;
position: relative;
}
#content article.detail .firstRun h3{
margin: 0 0 0 3%;
padding: 0;
}
#content article.detail #staffelwrapper ul.staffelepisodenlist{
display: block;
width: 100%;
height: auto;
margin:0;
padding: 0;
}
#content article.detail ul.staffelepisodenlist li.staffListElement{
display:block; width:100%; margin:0; height:auto;
}
#staffel-id-holder{
font-weight: 900;
font-size: 12px;
position:relative;
left: -100px;
/* top: -16px; */
background: rgba(0, 0, 0, 0.7);
text-align:center;
width: 100px;
height:auto;
display:inline-block;
line-height: 20px;
padding: 2px 0;
}
.currentTabInfo{
border-top: 1px solid rgba(255, 255, 255, 0.05);
height: 40px;
line-height: 40px;
padding: 3% 0 3% 0;
display: inline-block;
font-size: 14px;
width: 94%;
vertical-align: top;
text-align: center;
}
.streamLinksWrapper .currentTabInfo{
padding-bottom: 0;
}
.rounded.imgWrapper{
display: inline-block;
height: 40px;
width: 40px;
border-radius: 9999px;
overflow: hidden;
position: relative;
margin-left: 15px;
margin-top: 15px;
border: 3px solid rgba(255,255,255,0.095);
}
.rounded.imgWrapper img{
width: 100%;
}
#content p.serieSubhead{
display:inline-block;
vertical-align: top;
margin-left: 5px;
margin-top: 25px;
}
#content p.serieSubhead i{
margin: 0;
}
#content div#streamPlay #staffelWrapper li:nth-child(even) {
background-color: inherit;
min-height:30px;
line-height: 30px;
padding:0 10px;
margin: 0 0 1px 0;
}
#content div#streamPlay #staffelWrapper ul.staffelEpisodenList li:nth-child(odd){
background-color: rgba(0,0,0,0.2);
/* height: 20px; */
/* line-height: 20px; */
padding: 0 10px;
margin: 0 0 1px 0;
font-size: 17px;
}
#content div#streamPlay #staffelWrapper ul.staffelEpisodenList li{
background:none !important;
}
#content div#streamPlay #staffelWrapper .loadedStreamLinks ul.currentStreamLinks:nth-child(odd){
width:100%;
}
#content div#streamPlay #staffelWrapper .loadedStreamLinks ul.currentStreamLinks{
margin:3px 0 0 25px;
}
#content div#streamPlay #staffelWrapper .loadedStreamLinks .currentStreamLinks .fa{
margin:0 2px 0 0;
font-size:14px;
}
#content div#streamPlay #staffelWrapper .loadedStreamLinks .currentStreamLinks li span a{
/*background: none;*/
height: 25px;
line-height: 25px;
}
#content div#streamPlay #staffelWrapper .loadedStreamLinks p.hostName,
#content div#streamPlay #staffelWrapper .loadedStreamLinks .currentStreamLinks li{
display: inline-block;
width: auto;
height: 25px;
line-height: 25px;
margin: 1px;
font-size: 12px;
vertical-align:top;
}
#content div#streamPlay #staffelWrapper ul.staffelEpisodenList li .loadedStreamLinks .currentStreamLinks li.hostBg{
width:120px;
height:35px;
line-height: 35px;
}
#content div#streamPlay #staffelWrapper .loadedStreamLinks .currentStreamLinks li.streamPlayBtn{
width: 75px;
height: 35px;
line-height: 35px;
padding: 0;
text-align: center;
}
#content div#streamPlay #staffelWrapper li ul li,
#content article #staffelWrapper .currentStreamLinks a.iconPlay{
width:auto;
}
#content article #staffelWrapper .currentStreamLinks a.iconPlay{
height: 35px;
padding: 0;
margin: 0;
line-height: 35px;
/*
width: 100%;
height: 35px;
padding: 10px 19px 9px 15px;
margin: 0;
line-height: 35px;*/
}
.getStaffelStream{
display:inline-block;
height: 30px;
width: 100%;
line-height: 30px;
letter-spacing: normal;
font-size: 15px;
text-decoration: inherit;
font-weight: 100;
text-shadow: 0px 0px 0px #4b7ea9;
color: #06E;
}
#content article .getStaffelStream{
color: #4B7EA9;
width: 350px;
height: 30px;
line-height: 24px;
}
.staffStreamsDetails{
height: 35px;
line-height: 35px;
width: 98%;
background: rgba(255, 255, 255, 0.025);
display: block;
margin-bottom: 0px;
border-radius: 2px;
overflow: hidden;
border-bottom: 1px solid #222;
padding: 0;
margin: 0;
}
.stitle{
width:50%;
}
.fa-plus-square{
color: green;
}
.fa-minus-square{
color: red;
}
.coverDetails{
display: block;
width: 95%;
}
#content article ul li span.coverDetails a{
font-size: 11px;
}
#content article a.button.coverDetailsLink{
margin: 10% 0;
width: 80%;
}
/*
|
| Flowplayer Styles - Funktional skin
|
*/
.flowplayer{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
.flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
.flowplayer a:focus{outline:0}
.flowplayer video{width:100%}
.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);}
.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)}
.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em}
.flowplayer .fp-message p{color:#666;font-size:95%}
.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;}
.no-background.flowplayer .fp-controls{background-color:transparent !important;background-color:transparent;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
.is-fullscreen.flowplayer .fp-controls{bottom:3px}
.is-mouseover.flowplayer .fp-controls{bottom:0}
.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;}
.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.flowplayer .fp-waiting p{color:#ccc;font-weight:bold}
.flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-help .fp-help-section{margin:3%}
.flowplayer .fp-help .fp-help-basics{margin-top:6%}
.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
.flowplayer .fp-help .fp-close{display:block}
@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px}
}.flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
.flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
.flowplayer .fp-subtitle p:after{content:'';clear:both}
.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close{background-image:url(img/white.png);background-size:37px 300px;}
.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close{background-image:url(img/black.png);}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close{background-image:url(img/black@x2.png)}
}@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close{background-image:url(img/white@x2.png)}
}.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
@media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
}.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(img/play_black.png)}
@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(img/play_black@x2.png)}
}.is-fullscreen.flowplayer .fp-ui{background-size:auto}
.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none}
.flowplayer .fp-logo{position:absolute;top:auto;left:10px;bottom:50px;cursor:pointer;display:none;z-index:100;}
.flowplayer .fp-logo img{width:100%}
.is-embedded.flowplayer .fp-logo{display:block}
.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer}
.flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none}
.flowplayer.is-ready.is-closeable .fp-unload{display:block}
.flowplayer.is-ready.is-closeable .fp-fullscreen{display:none}
.flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important}
.flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important}
.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden}
.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
.flowplayer .fp-volume{position:absolute;top:11px;right:10px}
.flowplayer .fp-mute{width:10px;height:15px;float:left;position:relative;top:-3.5px;left:;cursor:pointer;background-position:-2px -99px;}
.no-mute.flowplayer .fp-mute{display:none}
.flowplayer .fp-volumeslider{width:90px;height:8px;cursor:col-resize;float:left;}
.no-volume.flowplayer .fp-volumeslider{display:none}
.flowplayer .fp-volumelevel{height:100%}
.flowplayer .fp-time{text-shadow:0 0 1px #000;font-weight:bold;font-size:12px;color:#fff;width:100%;}
.flowplayer .fp-time.is-inverted .fp-duration{display:none}
.flowplayer .fp-time.is-inverted .fp-remaining{display:inline}
.flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:10px;font-style:normal}
.no-time.flowplayer .fp-time{display:none}
.flowplayer.is-long .fp-time em{width:50px}
.flowplayer .fp-elapsed{left:10px}
.flowplayer .fp-remaining,.flowplayer .fp-duration{right:120px;color:#bbb;}
.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:10px}
.flowplayer .fp-remaining{display:none}
.flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
.flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666}
.flowplayer.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:200px;}
.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static}
.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:10px}
.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;}
.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important}
.flowplayer.is-poster .fp-engine{top:-9999em}
.flowplayer.is-loading .fp-waiting{display:block}
.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none}
.flowplayer.is-loading .fp-ui{background-position:-9999em}
.flowplayer.is-seeking .fp-waiting{display:block}
.flowplayer.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333}
.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;}
.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
.flowplayer.is-error .fp-message{display:block}
.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none}
.flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
.flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;top:0}
.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-logo,.flowplayer.is-mouseout .fp-volume{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:30px}
.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.is-mouseover .fp-timeline,.flowplayer.fixed-controls .fp-timeline{top:10px;height:10px;margin:0 165px 0 55px;}
.no-volume.flowplayer.is-mouseover .fp-timeline,.no-volume.flowplayer.fixed-controls .fp-timeline{margin-right:30px}
.no-mute.flowplayer.is-mouseover .fp-timeline,.no-mute.flowplayer.fixed-controls .fp-timeline{margin-right:55px}
.aside-time.flowplayer.is-mouseover .fp-timeline,.aside-time.flowplayer.fixed-controls .fp-timeline,.no-time.flowplayer.is-mouseover .fp-timeline,.no-time.flowplayer.fixed-controls .fp-timeline{margin:0 120px 0 10px}
.aside-time.no-mute.flowplayer.is-mouseover .fp-timeline,.aside-time.no-mute.flowplayer.fixed-controls .fp-timeline{margin-right:10px}
.flowplayer.is-mouseover.is-long .fp-timeline,.flowplayer.fixed-controls.is-long .fp-timeline{margin:0 180px 0 70px;}
.no-mute.flowplayer.is-mouseover.is-long .fp-timeline,.no-mute.flowplayer.fixed-controls.is-long .fp-timeline{margin-right:70px}
.flowplayer.fixed-controls .fp-volume{display:block}
.flowplayer.fixed-controls .fp-controls{bottom:-30px;}
.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0}
.flowplayer.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:10px}
.flowplayer.is-disabled .fp-progress{background-color:#999}
.flowplayer .fp-embed{position:absolute;top:11px;left:10px;display:block;width:25px;height:20px;background-position:3px -236px}
.flowplayer .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
.flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
.flowplayer .fp-embed-code label{display:block;color:#999}
.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
.flowplayer.aside-time .fp-embed{left:100px}
.flowplayer.aside-time .fp-embed-code{left:130px}
.flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
@-moz-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-o-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@-ms-keyframes pulse{0%{opacity:0}
100%{opacity:1}
}@keyframes pulse{0%{opacity:0}
100%{opacity:1}
}.flowplayer .fp-controls{background-color:rgba(85,85,85,0.5);background-image:-moz-linear-gradient(rgba(85,85,85,0.5),rgba(17,17,17,0.8));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(85,85,85,0.5)),to(rgba(17,17,17,0.8)))}
.flowplayer.fixed-controls .fp-controls{background-color:#555;background-image:-moz-linear-gradient(#555,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#555),to(#111))}
.flowplayer .fp-timeline{background-color:#666}
.flowplayer .fp-buffer{background-color:#eee}
.flowplayer .fp-progress{background-color:#8cc5e6;background-image:-moz-linear-gradient(#8cc5e6,#4da5d8);background-image:-webkit-gradient(linear,0 0,0 100%,from(#8cc5e6),to(#4da5d8))}
.flowplayer .fp-volumelevel{background-color:#fff}
.flowplayer .fp-volumeslider{background-color:#555}
.flowplayer .fp-timeline,.flowplayer .fp-volumeslider{border:1px inset;border-color:#333 #666}
.flowplayer .fp-timeline,.flowplayer .fp-buffer,.flowplayer .fp-progress,.flowplayer .fp-volumeslider,.flowplayer .fp-volumelevel{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.flowplayer.color-light .fp-controls{background-color:rgba(238,238,238,0.5);background-image:-moz-linear-gradient(rgba(238,238,238,0.5),rgba(204,204,204,0.8));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(238,238,238,0.5)),to(rgba(204,204,204,0.8)))}
.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{border-color:#eee #ccc}
.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{background-color:#ccc;font-size:10px}
.flowplayer.color-alt .fp-controls{background-color:#888;background-image:-moz-linear-gradient(#888,#333);background-image:-webkit-gradient(linear,0 0,0 100%,from(#888),to(#333))}
.flowplayer.color-alt .fp-progress{background-color:#999;background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
.flowplayer.color-alt .fp-timeline,.flowplayer.color-alt .fp-volumeslider{background-color:#111}
.flowplayer.color-alt2 .fp-progress{background-color:#900;background-image:-moz-linear-gradient(#900,#500);background-image:-webkit-gradient(linear,0 0,0 100%,from(#900),to(#500))}
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
#topsearches{
font-size:12px;
}
.red-txt{
color: #B32B21;
font-size:12px;
font-weight: lighter;
}
.panelContainer{
width:100%;
height:430px;
overflow: hidden;
padding:0;
float:left;
/*background:rgba(0, 0, 0, 0.55) url(../images/bg_sidebar.png);*/
background: none;
margin-top: -6px;
border-top:1px solid #373737;
}
.panelHolder{
width:100%;
height:350px;
padding:0 25px 25px 0;
float:left;
margin-top: 51px;
overflow: hidden;
background: rgba(30, 30, 30, 0.75);
box-shadow: 0px 5px 35px #444;
}
.panelHolder img{
width: 95px;
height: 145px;
float: left;
margin: -45px 0 0 0;
}
.panelHolder li{
width:95px;
height:260px;
display: block;
float:left;
margin:15px 5px;
padding:5px;
background: #fff;
}
.panelHolder a{
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
text-decoration: none;
font-family: 'Lato', sans-serif;
}
.panelHolder .iconPlay, .panelHolder a.iconPlay{
width: 44px;
margin: 5px 1px 2px 1px;
text-align: center;
text-transform: none;
font-size: 85%;
font-weight: normal;
color: #DDD;
text-shadow: 0px 2px 3px #17C;
background-image: none;
padding: 0;
opacity: 0.95;
}
.panelHolder a.panelInfo{
background-color: #8b8d8d;
text-shadow: 0px 2px 3px #555;
}
.panelHolder a.iconPlay:hover{
-moz-box-shadow: inset -1px -1px 1px 1px rgba(0, 102, 218, 0.3);
-webkit-box-shadow: inset -1px -1px 1px 1px rgba(0, 102, 218, 0.3);
box-shadow: inset -1px -1px 1px 1px rgba(0, 102, 218, 0.3);
opacity: 1;
}
.panelHolder a.panelInfo:hover{
-moz-box-shadow: inset -1px -1px 1px 1px rgba(44, 44, 44, 0.15);
-webkit-box-shadow: inset -1px -1px 1px 1px rgba(44, 44, 44, 0.15);
box-shadow: inset -1px -1px 1px 1px rgba(44, 44, 44, 0.15);
opacity: 1;
}
.panelHolder .streamIcons{
width: 100%;
height: 30px;
display: block;
clear: both;
padding-top: 4px;
}
.red{color: #f0ad4e;}
.green{color: #5cb85c;}
.grey{ color: #474949;}
.yellow{color: #f0ad4e;}
.blue{color: #06E;}
.panelHolder .title{
display:table-cell;
height:40px;
width:85px;
overflow: hidden;
background: #eee;
padding:3px 5px;
word-wrap:break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
color: #474949;
text-align: center;
vertical-align: middle;
}
.panelHolder ol {
list-style: decimal-leading-zero;
}
.panelHolder a.containIcon{
text-decoration: none;
color: #06E;
display: block;
height: 22px;
width: 22px;
border-right: 1px solid #FFF;
border-bottom: 3px solid #AFAFAF;
float: left;
font-size: 100%;
text-align: center;
vertical-align: middle;
margin: -5px auto 0 auto;
}
.panelHolder a.containIcon:hover{
color: #f0ad4e;
border-bottom: 3px solid #f0ad4e;
}
.panelHolder ol{
margin:0;
}
.panelnav{
display: block;
width:10px;
height:20px;
color:#fff;
text-shadow:1px 1px 1px #333;
margin:0 auto;
padding: 3px 5px;
opacity: 0.75;
font-size: 100%;
}
.panelnav:hover{
background:rgba(155,155,155,0.25);
color:#06E;
}
.navHolder{position: absolute;top: 13px;left: 25%;}
.navHolder .panelnav{
width: auto;
font-size: 14px;
float:left;
display:block;
text-decoration: none;
padding:5px 11px 4px 11px;
margin: 1px 2px;
}
.navHolder .active{
/*background: rgba(255, 255, 255, 0.5);*/
background: none;
border: 1px solid #777;
border-bottom: 0px;
color: #06E;
opacity: 1;
text-shadow: none;
box-shadow: none;
}
.navHolder .panelnav span{
margin: 0px 0 0 5px;
display: inline-block;
height:20px;
font:300 12px/20px 'Lato',Arial,Helvetica,sans-serif;
}
#top-toolbar{
position:fixed;
top:0;
left:0;
height:20px;
width:100%;
z-index: 9998;
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0.95);
/*background-image: url(http://filmpalast.to/themes/downloadarchive/images/bg_sidebar.png);*/
/*opacity: 0.5;*/
}
#panelToggle.icon-on{
color: #fff;
font-size: 200%;
}
.intCount{
margin-top: 20px;
border: 3px dotted #AAA;
font-weight: 700;
font-size: 12px;
background: #FFF;
width: 20px;
padding-top: 2px;
height: 18px;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
font-family: 'Lato', sans-serif;
opacity: 0.5;
color: #06E;
}
.ratingStars{
font-size: 85%;
margin:0;
}
.ratingStars em{
font-size: 9px;
color:#555;
}
.actPanelInfo small{
font-size: 12px;
color:#555;
}
.turn270{
-moz-transform:rotate(270deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(270deg); /* Safari */
-o-transform:rotate(270deg); /* Opera */
-ms-transform:rotate(270deg); /* IE9 */
transform:rotate(270deg); /* W3C */
}
.detail .fn{ color:#fff; }
.panelNavIcon{
font-size: 200%;
color:#373737;
margin-top: 5px;
}
.actPanelInfo li p,.actPanelInfo li h3{
padding: 5px;
color: #fff;
font-size: 25px;
line-height: 27px;
padding-top: 30px;
}
.actPanelInfo li p{
background: rgba(199, 199, 199, 0.15);
font-size: 11px;
line-height: 15px;
}
.actPanelInfo{
background: #FAFAFA;
height: 55px;
border-bottom: 1px solid #777;
border-top: 1px solid #aaa;
overflow: hidden;
padding-left: 25%;
}
.actPanelInfo .hl3{
padding: 0 0 0 20px;
margin:10px 0 0 0;
font-size: 26px;
line-height: 18px;
color: #373737;
font-weight: 100;
}
.actPanelInfo span, .actPanelInfo i{
float: left;
clear: none;
}
#top-toolbar{display:none;}
#content article #staffelWrapper p{
font-size: 8px;
color: #666;
text-transform: uppercase;
font-weight: 900;
}
#content article #staffelWrapper a.iconPlay{
width: 60%;
overflow: hidden;
padding: 3% 7%;
margin-top: -10px;
}
#content article #staffelWrapper .staffelEpisodenList ul{
margin: 0 1% 0 0;
padding: 0;
list-style: none;
display: inline-block;
width: 14%;
}
#content article #staffelWrapper .staffStreamsDetails a,
#content article #staffelWrapper .staffStreamsDetails i{
/* font-size: 14px; */}
#content article #staffelWrapper .loadedStreamLinks{
padding:0;
margin-left: 0;
display:none;
}
#content article #staffelWrapper .loadedStreamLinks .currentStreamLinks li{
background-color: rgba(255,255,255,0.085);
}
#content article .showSeasons .streamStaffelWrapper{
display: block;
}
#content article .showSeasons .streamLinksWrapper{
display: none;
}
input.button4 {
position: relative;
display: inline-block;
font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
font-size: 1.5em;
font-weight: 700;
color: rgb(245,245,245);
text-shadow: 0 -1px rgba(0,0,0,.1);
text-decoration: none;
user-select: none;
padding: .3em 1em;
outline: none;
border: none;
border-radius: 3px;
background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
-webkit-animation: pulsate 1.2s linear infinite;
animation: pulsate 1.2s linear infinite;
margin: 0 auto;
text-align: center;
width: 90%;
}
input.button4:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
cursor: pointer;
}
input.button4:active {
top: 1px;
color: #fff;
text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
/**
|
| FONT AWESOME
| additonal behaviours to icons
|*/
body::selection{background: none;}
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}