.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; }.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; }