.scrollPane a:hover { color: #1886bd; } .sizeBtn span, .sizeBtn.top.turn span { background: transparent url(/_images/icons-sprite.png) no-repeat scroll 0px -492px; width: 24px; margin: 0 auto; height: 14px; display: block; } .sizeBtn.top span, .sizeBtn.turn span { background-position: 0px -450px; } .sizeBtn:hover span, .sizeBtn.top.turn:hover span { background-position: 0px -477px; } .sizeBtn.top:hover span, .sizeBtn.turn:hover span { background-position: 0px -464px; } .station-logo.movies { display: none; } .scrollPane .movie-star { background: transparent url(/_images/icons-sprite.png) no-repeat scroll -36px -14px; padding: 0 10px 0 16px; height: 19px; display: inline-block; color: #d6ad00; font-weight: bold; width: 20px; } .progress { background: #dbdbdb; height: 1px; position: relative; width: 100%; } .progress span { background-color: #0585bf; position: absolute; display: block; height: 1px; } .g-tt span.rating-info.rating { right: 10px; top: 8px; } .wrap4 { clear: both; width: 100%; } .scrollWindow { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .movies span.title:hover { color: #0585BF; } .guide-loader { position: absolute; top: 48%; text-align: center; left: 48%; } .scrollPane { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }.fullframe #guide { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #guide .fullframe-box { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); } .image-wrap:after { content: ' '; width: 100%; height: 100%; position: absolute; top: -1px; left: -1px; border: solid 1px #1b1b1b; -wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3); box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .image-list .overlay { display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 180px; height: 150px; overflow: hidden; background: transparent url(/_images/bgsprite.png) no-repeat scroll -578px -1052px; opacity: 0.15; filter: alpha(opacity=15); } .image-list .tip { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tip.active { bottom: 0; background: rgba(0, 0, 0, 0.8); } .tip a { width: 160px; display: block; color: #fff; font-size: 1em; } #toplist h3:hover { color: #638796; } .guide-arrow.guide-bottom.zoomed { background-position: -852px -1222px; } .guide-arrow.guide-bottom:hover { left: 454px; bottom: -4px; } .guide-arrow:hover { left: -54px; } .guide-arrow.right:hover { right: -54px; left: auto; } .justify { text-align: justify; } .spot-box .box-inner { padding-bottom: 40px; } .spot-box h2 { margin-bottom: 6px; } .spot-box h4 { display: block; margin-bottom: 5px; font-size: 1.2em; line-height: 1.4; } .box-part { float: left; width: 46%; padding: 7px 14px; margin-top: -4px; z-index: 1; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px; position: relative; box-sizing:border-box; -moz-box-sizing:border-box; } .login .box-part { height: 378px; background-color: #fff; } .part-right { width: 54%; } .box-part.register { border-right: 1px solid #e2e2e2; } .box.login #username_box, .box.login #password_box { width: 94%; } .field { position: relative; margin-bottom: 10px; } .login .h2 { display: block; margin: 10px 0 20px 0; } .h-300 { min-height: 300px; } .login .click { display: inline-block; float: none; position: relative; bottom: 0; width: 100%; max-width: 100%; } .box-part .centerit { width: 100%; bottom: 12px; } #guide .guideItem li { line-height: 22px; } .info-box { height: 130px; margin: -14px -14px 14px -14px; border-bottom: 1px solid #e2e2e2; padding: 0 14px; text-shadow: white 1px 1px; } .info-box, .info-box h2 { font-size: 1.3em; font-family: Arial, sans-serif; } .alert .copy { margin: 40px 0 0 10px; } .favo .copy { margin: 28px 0 0 10px; } .copy span { color: #30a2cd; } .copy { display: block; float: left; line-height: 1.3; } .alert .list, .favo .list { margin-top: -14px; } .alert, .favo { min-height: 280px; } .box-part .hr { margin: 12px 0 20px 0 } .list.shortlist li { min-height: inherit; } .shortlist .listcell { float: left; } .listitems.shortlist .h2 { max-width: 90%; } .p-image .listcell { padding: 12px 0; } .p3 .listcell { width: 40%; } .p3 .image { width: 14%; } .list.shortlist li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }.tab:hover span { background: transparent url(/_images/bgsprite.png) no-repeat scroll -1150px -1042px; } .tab:hover { background: transparent url(/_images/bgsprite.png) no-repeat scroll 100% -1072px; } #tabs .active { z-index: 2; } .showitems .selectionbox.open, .showitems .selectionbox, .page-menu .showitems { width: 74px; } .active .tab { background: transparent url(/_images/bgsprite.png) no-repeat scroll 100% -1132px; } .active .tab .tabspan { background: transparent url(/_images/bgsprite.png) no-repeat scroll -1150px -1102px; } .iconslist .icon-effect { background: #f2f2f2; } .list.iconslist li { width: 25%; height: 196px; float: left; clear: none; text-align: center; padding: 0; padding: 10px 4px 10px 4px; border: 1px solid #fff; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .iconslist { margin-right: -15px; margin-bottom: 0; clear: both; } .iconslist.searchiconlist li { height: 170px; } .list.iconslist img { float: none; margin: 0; } .iconslist .stars-bg { text-align: left; } .iconslist .rating-box { height: 35px; width: 100%; padding-bottom: 4px; } .iconslist span.info { color: #808080; font-size: 0.8em; padding: 4px 0 0 0; } .iconslist .listitem-top { padding: 0; } .listitems.list.iconslist h1 { display: block; } .shortlist .rating-box { height: auto; float: right; } .shortlist .star-box-holder { top: -4px; right: 0; } .shortlist .listcell { float: left; } .list.shortlist li { min-height: inherit; } .listitems.shortlist .h2 { max-width: 90%; } .list.shortlist li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .list.shortlist2 { margin-bottom: 2rem; } .list.shortlist2 li { font-size: 1rem; } .list.shortlist2 li img { width: 60px; height: 40px; } .play-small { position: relative; display: inline-block; vertical-align: middle; margin-right: .6rem; } .play-small:before { background-size: auto 65%; } .play-small:hover:before { background-size: auto 50%; } .navlink2 span { display: inline-block; width: calc(100% - 80px); vertical-align: middle; } .mb1 { margin-bottom: 1rem; } a.btn:hover { color: #197a9e; } .selection:hover span { background-position: -20px -78px; } .display-btns .default:hover { background-position: -18px -132px; } .display-btns .icon:hover span { background-position: -18px -118px; } .display-btns .list:hover span { background-position: -18px -104px; } .selectionbox a.first:hover { background-color: transparent; } .selectionbox a:hover, .overview-box a:hover { background-color: #fff; color: #000; } .cat.active, .overview-box a.active { color: #555; border: 1px solid #bbbbbb; -moz-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2); background: #efefef; } .paging a, .active-link, .overview a, a.cat, .overview-box, .selectionbox.open, .forum-list a { border: 1px solid #e5e5e5; background: #f9f9f9; color: #4c4c4c; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0.5em 0.8em; } .paging a:hover, .paging a:hover, .overview a:hover, .forum-list a:hover { border-color: #c4c4c4; background: #fff; -moz-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); } .paging a.arrow, .paging a.arrow:hover { background: transparent none; border: 0; box-shadow: none; } .paging .active, .overview-box a.active, .overview .active { background: #fff; color: #000; font-weight: bold; } .list-more { float: left; clear: both; width: 100%; margin: 40px -14px 10px -14px; position: relative; height: auto; } .selectionbox.open { height: auto; overflow: visible; z-index: 11; padding: 0; width: 130px; } .forum-list a:hover { color: #4C4C4C; } .overview-box, .selectionbox.open { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); } .overview-box.open { display: block; } .cat.open { padding-bottom: 14px; background: #fff; border: 1px solid #d0d0d0; -moz-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.3); } a.cat.all.open { padding-bottom: 6px; } .overview-box a { display: block; white-space: nowrap; padding: 6px 16px; line-height: 24px; min-width: 70px; } .item-all { border-bottom: 1px solid #e5e5e5; } .overview-box .item-all .active { color: #4c4c4c; } .notyet { margin: 30px 0 40px 20px; } .spotlight-list li:hover { background: transparent; } .spotlight-list li.first { border: 0; } .price { font-weight: bold; vertical-align: top; } .notavailable:before { content: 'niet beschikbaar'; position: absolute; bottom: 10px; right: 14px; margin-right: 14px; right: 0; text-align: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .notavailable { opacity: 0.6; } .listitem-top .tipped { font-size: inherit; color: inherit; position: inherit; right: inherit; top: inherit; } .notavailable .btn { display: none; } .p4 .image, .p4 .celldelete { width: 10%; } .list1 li { margin-bottom: 3rem; }