.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; }.player-box .h1:hover { color: #cacaca; } .player-box a:hover { color: #fff; } .player-nav-items { width: 500px; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } #snippets-nav .player-nav-items { left: 0; } .player-nav-items a { display: block; position: relative; } .player-nav-items a { text-align: center; } .snippet-container { position: relative; z-index: 3; overflow: hidden; } #player-nav, #snippets-nav { display: inline-block; zoom: 1; *display: inline; width: 100%; } #player-nav li, #snippets-nav li { float: left; border: 0; vertical-align: top; } .player-box .arrow { position: relative; z-index: 6; width: 10%; } .arrow a { background: transparent url(/_images/bgsprite.png) no-repeat scroll -375px -728px; width: 23px; height: 52px; display: block; margin: 34px auto; opacity: 1; filter: alpha(opacity = 100); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; } #snippets-nav .arrow a { margin: 19px auto; background-position: -350px -726px; } #snippets-nav .right a { background-position: -350px -677px; } .right a { background-position: -375px -677px; } .arrow a:hover { background-position: -350px -727px; } .right a:hover { background-position: -350px -676px; } .player-nav-items li, .snippets-nav-items li { width: 119px; float: left; margin: 14px 0px 4px 0px; } #player-nav .title, #snippets-nav .title { font-size: 0.9em; max-width: 100%; text-align: center; color: #a5a5a5; display: block; } #snippets-nav .title { font-size: 0.8em; padding: 0 6px; max-height: 30px; overflow: hidden; } #player-nav .navthumb, #snippets-nav .navthumb { border: 3px solid #3a3a3a; margin: 0 auto; position: relative; z-index: 1; } #player-nav .navthumb { width: 85%; height: auto; } #snippets-nav img { height: 66px } #snippets-nav .navlink:before { content:""; display: block; width: 100%; height: 60px; background: #ff0000; position: relative; z-index: 2; position: absolute; top: 0; left: 0; background: transparent url(/_images/play.svg) no-repeat 50% 50%; background-size: 30% auto; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; opacity: 0.9; filter: alpha(opacity = 90); } #snippets-nav .navlink:hover:before { opacity: 0; filter: alpha(opacity = 0); } #snippets-nav .navlink.active:before { opacity: 0; filter: alpha(opacity = 0); } #player-nav a:hover .navthumb , #snippets-nav a:hover .navthumb, #snippets-nav a.active img { border-color: #a5a5a5; } #player-nav a:hover .title #snippets-nav a:hover .title { color: #a5a5a5; } #player-nav .current { width: 1px !important; margin: 0; margin-left: -1px; display:none; } .current .point { position: absolute; left: -3px; top: 58px; width: 8px; height: 8px; background: #a5a5a5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 2; } #snippets-nav { position: absolute; left: 0; bottom: 0; height: 130px; background-color: rgba(0, 0, 0, 0.4); padding: 0 14px 0 14px; border-top: 2px solid rgba(255, 255, 255, 0.15); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: inset 0 0 13px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 13px 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 13px 5px rgba(0, 0, 0, 0.2); z-index: 4; } #snippets-nav .arrow { margin: 0 10px; } .collapse #snippets-nav { background-color: #222529; } #embed-player.collapse { margin-bottom: 123px; overflow: visible; } #other-player { padding: 0 0; width: 100%; text-align: center; bottom: -40px; z-index: 0; } #other-player.blowup { opacity: 1; filter: alpha(opacity = 100); height: 36px; top: 0; } #other-player a { padding: 10px 0 0 10px; display: block; color: rgb(76, 76, 76); } #snippets-nav.sublink-75 .navlink:before { height: 75px; } #snippets-nav.sublink-75 .arrow { margin-top: 10px; } #snippets-nav .player-nav-frame { height: 120px; }.star-box .stars-holder:hover { width: 112px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .player .star-box .stars-holder:hover { width: 205px; } .list .star-box-holder:hover { background: #f9f9f9; } .player .star-box-holder:hover { background: transparent; } .star-box .stars-holder.open { width: 112px; } .star-box .stars { -moz-transition: width 0.1s; -webkit-transition: width 0.1s; -o-transition: width 0.1s; } .iconslist .star-box .stars-holder:hover { margin-left: 4px; } .iconslist .star-box .stars-holder { margin-left: 47px; } .shortlist .star-box .stars-holder:hover { margin-left: -90px; } .saved { position: absolute; z-index: 4; top: 0; left: 0; padding: 0; width: 100%; height: 100%; } .saved-content { padding: 14px; } .iconslist .saved-copy { display: block; } .player .saved { padding-top: 20px; width: 320px; color: #E0E0E0; text-shadow: #000 1px 1px; } .iconslist .saved-content { padding-top: 50px; } .shortlist .saved-content { padding-top: 8px; } .defaultlist .saved-content { padding-top: 60px; } .saved .close { position: absolute; top: 12px; right: 4px; z-index: 5; } .saved .follow-btn { vertical-align: middle; margin-left: 5px; } .iconslist .follow-btn { margin: 10px 0 0 0; } .iconslist .FB-btn { margin-left: 4px; } .player-box .follow-btn { margin-top: 3px; } .player-box .saved { top: 20px; } .player-box .saved-content { padding: 0; } .player-box .close { right: -5px; top: -14px; } .defaultlist .close, .iconslist .close { top: 2px; } .iconslist .saved, .shortlist .saved, .defaultlist .saved { background: transparent url(/_images/tile-saved-bg.png) repeat scroll 0 0px; } .player .success { float: left; margin-right: 10px; } .iconslist .saved .shareRating { display: inline-block; margin-top: 10px; } .loader { position: absolute; top: 5px; left: -12px; border: 0px !important; } .player .loader { top: 22px; left: 5px; } .number-overlay { background: transparent; background: rgba(0, 0, 0, 0.4); display: block; height: 96px; width: 100%; position: absolute; margin: 2px; opacity: 0; filter: alpha(opacity = 0); font-weight: bold; padding-top: 24px; color: #fff; font-size: 3.6em; text-shadow: 1px 1px #000; } .list .number-overlay { width: 100px; height: 75px; z-index: 3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 7px; text-align: center; font-size: 3.2em; } .star-select { background: transparent url(/_images/stars.png) no-repeat scroll 0 -0 ; border: 0; height: 20px; padding-left: 26px; font-size: 1.1em; font-weight: bold; color: #6d8b9a; -webkit-appearance: none; -moz-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .player .star-select { margin-top: 10px; background: transparent url(/_images/stars-b.png) no-repeat scroll 0 -82px ; height: 40px; padding-left: 46px; font-size: 2em; text-shadow: #000 1px 1px; width:100%; } .player .star-select.my { background-position: 0 -42px; } .inpage-rating .star-select { margin-top: 16px; } .saved .text { margin-right: 20px; font-size: 1.2em } .iconslist .star-select { margin-top: 10px; } .shortlist .saved .text { margin-top: 4px; display: inline-block; } .defaultlist .star-select { background: transparent url(/_images/stars-select1.png) no-repeat scroll 0 50%; width: 60%; height: auto; margin-top: 0; } .defaultlist .star-select.my { background-image: url(/_images/stars-select2.png); } .star-box .stars-holder { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }@charset "utf-8"; #container { width:640px; padding:10px; margin:0 auto; position:relative; z-index:0; } #example { width:640px; height:350px; position:relative; } #slides { position:relative; z-index:100; height: 170px; } .slides_container { width:640px; overflow:hidden; position:relative; display:none; margin-top: 40px; margin-left: 170px; } .register .slides_container { margin: 0px; } .slide-episode .slides_container { margin-left: 0px; margin-top: 30px; height: 122px; } .slides_container a { width: 540px; height: 110px; display: block; background: transparent url(/_images/slides.png) no-repeat scroll left top; padding: 14px 0 0 120px; color: #4C4C4C; font-size: 1.1em; text-shadow: white 1px 1px; } .register .slide { width: 490px; } .register .slides_container { width: 610px; } .slides_container a:hover { color: #4C4C4C; } #slides .next,#slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101; } .pagination { margin:26px auto 0; width: 130px; } .pagination li { float:left; margin: 0 1px; list-style:none; } .pagination .slide-li { display:block; width: 14px; height:0; padding-top: 14px; background-image: url(/_images/pagination.png); background-position: 0 0; float:left; overflow:hidden; } li.current .slide-li { background-position:0 -14px; } .slides_container .slide-stemmen { background-position: 0 0; } .slides_container .slide-wekker { background-position: 0 -125px; } .slides_container .slide-blik { background-position: 0 -250px; } .slides_container .slide-mail { background-position: 0 -375px; } .slides_container .slide-aanbod { background-position: 0 -500px; } .slides_container .slide-dossier { background-position: 0 -625px; } .slides_container .slide-favo { background-position: 0 -750px; } .slides_container .slide-widget { background-position: 0 -875px; } .slides_container span { font-size: 24px; color: #4C4C4C; margin-top: 16px; padding-bottom: 6px; } .slides_container span .spot { color: #1886bd; } .hr-simple { margin: 10px -14px 10px -14px; border-top: 1px solid #CFCFCF; width: auto; }.react-btns { margin-top: 6px; text-align: right; } .errormessage { width: 600px; color: #f05252; clear:both; font-style: italic; opacity: 0; filter: alpha(opacity = 0); height: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; } .loginbox { display: none; } .react-type { padding: 5px 0 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; overflow: hidden; height: 0; position: relative; display: none; } .errormessage.blowup , .blowup .react-type, .blowup .loginbox, .blowup.thread-box .click.btn2 { height: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; display: block; -webkit-animation: fadein 0.7s; -moz-animation: fadein 0.7s; -ms-animation: fadein 0.7s; -o-animation: fadein 0.7s; animation: fadein 0.7s; } .blowup .loginbox { display: block; } .thread-box .hr { margin: 30px 0 20px; } .errormessage.blowup { padding: 5px; display: block; margin: 5px 0; } .listitems .nogood { position: absolute; right: -4px; top: 11px; } .reactions .listitem-top .date { right: 26px; position: absolute; } .thread-box .click.btn2 { margin: 0; display: none; position: absolute; bottom: 0; right: 0; } .thread-box .error { border-color: #f28585 !important; -moz-box-shadow: 0 0 5px #ea8282; -webkit-box-shadow: 0 0 5px #ea8282 ; box-shadow: 0 0 5px #ea8282; } .thread-box { padding: 14px 0 14px 0; position: relative; margin-top: 10px; border-top: 1px solid #f7f7f7; } .page-menu .allthreads, .page-menu .bannerCopy { width: 100%; text-align: center; display: block; padding-top: 6px; color: #676767; } .reactions li .btn2 { float: right; } .reactions li .errormessage { position: absolute; right: 100px; bottom: -10px; } .load-btn, .load-btn:hover { background-image: none; color: #808080; text-shadow: none; padding-right: 0; } label[for=vwd] { clear: both; float: left; margin: 14px 0; width: 100%; } .vwd-label.error , .vwd-label.error a { color: #f05252; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .reaction-area { width: 100%; height: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }