button::-moz-focus-inner { border: none; } q:before, q:after { content: ''; } a:hover, h1 a.h1-a:hover, h2 a.h2-a:hover, a.btn:hover, .share .follow-btn:hover { color: #197a9e; } .no-prio:hover { color:#000; } .episode h2 { padding-top: 3px; } .info-text { padding-top: 0.8em; } .episode h1 { margin-bottom: 0; } .hdr-optns a.send:hover span, .hdr-optns a.send :active { background-position: -16px -32px; } .hdr-optns a.nogood:hover span, .hdr-optns a.nogood:active, a.nogood:hover, a.nogood:hover { background-position: -16px 0px; } .hdr-optns a.widget:hover span { background-position: -20px -86px; } .hdr-optns a.plus:hover span { background-position: -16px -32px; } .hdr-optns a.broken:hover span { background-position: -16px -180px; } .shop-label { background: transparent url(/_images/bgsprite.png) no-repeat scroll -472px -558px; width: 65px; height: 65px; position: absolute; top: -1px; right: -1px; z-index: 3; } .banner-con { width: 960px; height: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; z-index: 2; background: #fff; } .banner-con div { margin: 0 auto !important; line-height: 0; } #wbds_billboard div { margin: 0 !important; } .menu .menu-item.active { background: #07628d; background: rgba(0, 0, 0, .07); -webkit-box-shadow: inset 2px 0px 5px -2px rgba(0, 0, 0, 0.5), inset -2px 0px 5px -2px rgba(0, 0, 0, 0.5); box-shadow: inset 2px 0px 5px -2px rgba(0, 0, 0, 0.5), inset -2px 0px 5px -2px rgba(0, 0, 0, 0.5); } .menu-item:hover { background: #24abe6; background: rgba(36, 171, 230, .25); -webkit-box-shadow: inset 2px 0px 5px -2px rgba(0, 0, 0, 0.3), inset -2px 0px 5px -2px rgba(0, 0, 0, 0.3); box-shadow: inset 2px 0px 5px -2px rgba(0, 0, 0, 0.3), inset -2px 0px 5px -2px rgba(0, 0, 0, 0.3); } .menu .menu-item { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .p-menu input[type=text], .p-menu input[type=password], .p-menu input[type=submit] { margin:0 5px 0 5px; } .p-menu a, .icon-holder { -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } .icon-holder:first-of-type { margin-left: 14px; } .p-menu a:hover { background-color: #e7e7e7; } .span_error { color: #f65428; padding-left: 10px; } .p-menu input { padding: 3px; line-height: 18px; position: relative; z-index: 2; margin-left: 4px; } .reaction-area:focus, .settings input[type=text]:focus, .settings input[type=password]:focus { background-color: #F0F0F0; } #EmailAddress { height: 24px; margin: 4px 0 4px 0; width: 200px; } #pm-search { width: 260px; height: 22px; padding: 2px 20px 2px 6px; font-size: 0.85em; background: #ffffff; width: 100%; } .p-menu .submit, .p-menu .checkbox, .payoff { background-color: transparent; text-shadow: 1px 1px #FFFFFF; border: 0; } .p-menu .submit:hover { color: #4c4c4c; } .box.login input[type=password], .login input[type=text], .login input[type=email] { width: 294px; height: 24px; } .login-wrapper .click.button { width: 100%; } #breadcrumb .active { color: #4c4c4c; } #kijkwijzer { float: right; margin: 0px -10px 0 0; } .kw { background: transparent url(/_images/kw.png) no-repeat scroll 0 0; width: 28px; height: 28px; float: left; margin-right: 2px; } .B_9 { background-position: 0 -28px; } .B_12 { background-position: 0 -56px; } .B_16 { background-position: 0 -84px; } .B_AL { background-position: 0 -112px; } .B_D { background-position: 0 -140px; } .B_G { background-position: 0 -168px; } .B_H { background-position: 0 -196px; } .B_S { background-position: 0 -224px; } .B_E { background-position: 0 -252px; } .B_A { background-position: 0 -280px; } .B_T { background-position: 0 -308px; } a.close { display: inline; zoom: 1; position: absolute; top: 6px; right: 0; background-image: none; padding: 10px; margin: 0; } a.close span { background-position: 0 -197px; } .favo-icon.none { background-position: 0 -16px; } .alarm-icon.none { background-position: 0 -47px; } .info-icon { width: 100px; height: 92px; display: block; background: transparent url(/_images/slides.png) no-repeat scroll left top; padding: 14px 0 0 10px; float: left; } .alert .info-icon { background-position: 0 -125px; } .favo .info-icon { background-position: 0 -746px; } a.close span:hover { background-position: -16px -197px; } .popover .close span { background-position: 0 -212px; position: absolute; right: 2px; top: 11px; } .popover .close { background-image: none; width: 36px; height: 36px; top: 0; right: -10px; margin: 0 8px 0 0; } .popover a.close:hover span { background-position: -16px -212px; } .player-box a.close { background-position: 0 -228px; position: absolute; } .player-box a.close:hover { background-position: -16px -228px; } .success { background: transparent url(/_images/icons-sprite.png) no-repeat scroll 0 -146px; width: 23px; height: 27px; display: block; float: left; margin-right: 7px; } #header-2 .search { width: 32%; } #page .zoek { background-image: none; height: 19px; width: 380px; margin-top: 10px; float: left; margin-right: 4px; } .searchForm { height: 40px; margin-bottom: 40px;} #pm-searcher .go { right: -22px; top: 7px; } .search .go:hover { background-position: -16px -244px; } .search .zoek:active, .search .zoek:focus { background-position: -337px -238px; } .search .searchexpand { position: absolute; top: 34px; right: 2px; width: 100%; z-index: 3; background-color: #fff; display: none; border: 1px solid #fff; -moz-box-shadow: 0 0 2px 1px #888888; -webkit-box-shadow: 0 0 2px 1px #888888; box-shadow: 0 0 2px 1px #888888; } .search .expand { display: block; } .search .expand .thumb { margin: 0 10px 0 0; } .search a { display: block; min-height: 50px; background: #f9f9f9; border-top: 1px solid #fff; border-bottom: 1px solid #d2d2d2; line-height: normal; padding: 5px 0 0 5px; cursor: pointer; text-shadow: 1px 1px #FFFFFF; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; opacity: 0; filter: alpha(opacity = 0); } .search .show a { opacity: 1; filter: alpha(opacity = 100); } .searchexpand a { color: #4c4c4c; } a.search_hover { color: #000; } .search a:hover, .search a.active, .search .search_hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0eaef', endColorstr='#cbd9df'); background: -webkit-gradient(linear, left top, left bottom, from(#e0eaef), to(#cbd9df)); background: -moz-linear-gradient(top, #e0eaef, #cbd9df); border-top: 1px solid #fff; border-bottom: 1px solid #aabbc3; } .search a.results { text-align: center; font-size: 0.9em; min-height: 26px; color: #4c4c4c; } span.info { font-size: 0.85em; } .box-selection-bg { background: transparent url(/_images/bgsprite.png) no-repeat scroll 0px -270px; position: absolute; z-index: 1; width: 100%; height: 4px; bottom: -1px; left: 0; } #footer { margin-top: 60px; clear: both; min-height: 300px; overflow: hidden; text-align: left; position: relative; } #footer .shadow { border-top: 3px solid #EEE; position: absolute; top: 0; left: 0; height: 10px; width: 100%; z-index: 2; } #footer .con { margin: 0 auto; width: 980px; } #footer .section { color: #727272; width: 24%; position: relative; } #footer ul { display: block; padding: 14px; } #footer li, #footer .search-words { line-height: 26px; } #footer .populair { width: 25%; background-color: #e2e2e2; text-transform: none; margin-left: 2px; float: left; z-index: 1; } #footer .space { width: 50%; float: left; height: 1px; } #footer .populair ul.populair-ul { padding: 14px 20px 60px 20px; height: 400px; } #footer .populair .title { border-bottom: 1px solid #c7c7c7; margin-bottom: 10px; padding-bottom: 6px; } #footer a { color: #727272; } #footer a:hover { color: #333333; } .shop img { height: 75px; max-width: 100px; width: auto; } .rating.icon { position: absolute; top: 1px; right: 5px; padding: 0; z-index: 5; } .rating.icon li.star { border: 0; min-height: 10px; padding: 0; color: #0384BE; } .rating.icon .star span.star-span { background: transparent url(/_images/icons-sprite.png) no-repeat scroll 0px -64px; display: inline-block; width: 11px; height: 11px; margin: 2px 4px 0 0; } .rating.icon .star.all span.star-span { background-position: 0px -75px; } .rating.icon .star.my { color: #2c96bd; } .rating.icon .star.all { color: #6d8b9a; } .inpage-rating { display: none; } .addperson.tag { padding: 0; background: #30a2cd url(/_images/icons-sprite.png) no-repeat scroll 0px -519px; } .click { line-height: 3; background: #30a2cd; text-align: center; font-size: 1.1em; display: inline-block; color: #fff; border: 0; border-radius: 3px; padding: 0 20px; margin: 20px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } .click:hover { background: #0384be; color: #fff; cursor: pointer; } .btn2 { line-height: 2.4em; font-size: 1em; } .zoekbtn { margin-top: 10px; } .list .btn, .spot-box .btn, .role-line { position: absolute; right: 14px; bottom: 8px; } .centerit { text-align: center; } .centerit .click { margin-top: 10px; } .episode .click { margin-top: 20px; } .page-menu.small { height: 20px; } .list li:hover { background-color: #f9f9f9; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } .sharebtn { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #socialbtns li:hover { background: transparent; } .reactions li { min-height: 60px; } .defaultlist li { min-height: 120px; } .sug li { min-height: 40px; margin-top: 20px; } #socialbtns li { margin-top: 15px; padding: 3px 14px 0px 14px; border-width: 1px 0 0 0; } .sharebtn:hover { color: #fff; background: #41568d; width: 56%; } .sharebtn .count { background: rgba(0, 0, 0, 0.1); height: 30px; font-size: 11px; display: block; float: right; width: 50%; text-align: center; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .googleplus .sharebtn:hover { background: #a91a11; } .twitter .sharebtn:hover { background: #3481b1; } .symbaloobtn .sharebtn:hover { background: #84b6e1; } .list .first, .list .last, .iconslist li { border: 0; } .list li.all-items, .list.shortlist .all-items { min-height: 10px; text-align: center; padding: 6px; } .all-items a { color: #4C4C4C; } .all-items a:hover { color: #000; } .symbaloo:hover { color: #3560A3; } .episode .page-menu.more { height: 28px; } .episode .page-menu { height: 14px; } #dropmenu.open { overflow: visible; height: auto; border: 0px solid #e5e5e5; border-width: 0 1px 1px 1px; } #blik_content { position: relative; z-index: 1; } .searchpage .selectionbox { width: 80px } .page-menu a:hover { color: #000; } #menu-response, #other-player { background: #cbd9df; margin-top: -1px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0eaef', endColorstr='#cbd9df'); background: -webkit-gradient(linear, left top, left bottom, from(#e0eaef), to(#cbd9df)); background: -moz-linear-gradient(top, #e0eaef, #cbd9df); border: 1px solid #bbc9cf; border-width: 0px 0px 1px 0px; overflow: hidden; opacity: 0; filter: alpha(opacity = 0); z-index: 2; position: relative; top: -40px; height: 0; -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #menu-response div { padding: 15px 30px 15px 14px; } #menu-response .success { margin-top: -7px; background-position: -23px -146px; } #menu-response.blowup{ opacity: 1; filter: alpha(opacity = 100); height: 46px; top: 0; } .popover { width: 500px; position: absolute; left: 50%; top: 13%; z-index: 1000000000; padding: 10px; background: rgb(128, 128, 128); background: rgba(0, 0, 0, 0.5); position: fixed; display: none; border-radius: 3px; } .popover:before, #closer { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 777; background: rgba(0, 0, 0, 0.3); -webkit-animation: fadein 0.7s; -moz-animation: fadein 0.7s; -ms-animation: fadein 0.7s; -o-animation: fadein 0.7s; animation: fadein 0.7s; } #closer { background-color: transparent; z-index: 778; } .popover p { margin: 10px 0 10px 0; } .popover .box { margin: 0; min-height: 260px; } .popover { width: 460px; margin: 10px 0 5px 0; } .AZlist .h1, .AZheader { color: #4c4c4c; border-bottom: 1px solid #e3e3e3; font-size: 26px; margin: 30px 10px 5px 0; line-height: 1.2; } .AZlist, .AZlist-half { width: 100%; line-height: 20px; clear: both; } .AZlist a { display: block; font-size: 1em; } .AZlist-half .td { width: 50%; vertical-align: top; } .AZlist-half .half { margin-top: 68px; } .AZmore { padding-top: 7px; display: block; clear: both; } .fade-02, .fade { opacity: 0; filter: alpha(opacity = 0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } .login label { display: block; clear: left; margin: 12px 0 12px 0; } .holder { position: absolute; display: block; top: 0; z-index: 3; left: 8px; white-space: nowrap; cursor: text; color: #4C4C4C; opacity: 0.8; filter: alpha(opacity = 100); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -o-transition: opacity .1s; line-height: 36px; cursor: text; } .holder.hassome { opacity: 0 !important; filter: alpha(opacity = 0) !important; z-index: 1 !important; } .holder.focus { opacity: 0.3; filter: alpha(opacity = 30); } .p-menu .holder { line-height: 28px; top: 7px; } .t_Content_black a:hover{ color: #008aca; } .t_Content_black { padding: 8px; color: #fff; font-size: 0.8em; } t_Content_black .t_Content_black a, .t_Content_black a:hover { color: #57a1d6; } .t_Tooltip { margin: 0; padding: 0; position: absolute; overflow: hidden; background-color: transparent; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .t_Tooltip.t_hidden { opacity: 0; } .t_Tooltip.t_visible { opacity: 1; } .t_Skin { position: absolute; top: 0; left: 0; } .t_Content { position: absolute; top: 0; left: 0; } .t_Shadow { position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .t_Shadow .t_ShadowInnerWrapper{ position: relative; float: left; margin: 0; padding: 0; } .t_UpdateQueue { position: absolute; top: -15000px; left: -15000px; width: 5000px; height: 5000px; visibility: hidden; } .t_UpdateQueue .t_Tooltip, .t_UpdateQueue .t_Content { position: relative; overflow: visible; float: left; top: auto; left: auto; width: 100%; } .t_Tooltip .t_ContentContainer { float: left; clear: both; position: relative; } .t_UpdateQueue .t_ContentContainer { position: absolute; top: 0; left: 0; } .t_Tooltip img { width: 100px; height: 75px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .banner.zoek-bottom { margin-top: 60px; } .banner-episode-down { width: 468px; height: 60px; margin: 0 auto; margin-top: 14px; } .banner_rectangle { margin-top: 4px; } .follow-btns { width: auto; padding-top: 14px; } #footer .follow-btns { margin-top: 26px; } .follow-btn { background: transparent url(/_images/icons-sprite.png) no-repeat scroll -0px -366px; width: 32px; height: 32px; margin: 0 auto; display: inline-block; } .fb-login-btn.big { -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } .fb-login-btn.big:hover { background: #4e7ace; } .hr { background: #e5e5e5; height: 1px; width: 100%; margin: 40px 0; line-height: 1px; border: 0; } .hr:before { content: 'of'; width: 50px; margin: -10px auto; display: block; text-align: center; background: #fff; } .FB-btn { background-position: -0px -398px; } .loading li, .loading div { opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; transition: opacity .2s; } #BlikPage { -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; transition: opacity .2s; } .share .follow-btns { width: 85%; margin: 0 auto; } .share .follow-btn { width: 80%; color: #4c4c4c; font-size: 1.2em; padding-left: 40px; margin-top: 30px; line-height: 32px; } .share .follow-btn:hover { opacity: .9; filter: alpha(opacity = 90); } .popup input { width: 400px; } .popup-input { position: relative; margin: 30px 0 20px 0; width: 400px; } .popup-input img { position: absolute; right: -3px; top: 10px; display: none; } .addtags a { position: relative; width: 40px; height: 40px; float: left; margin-left: 2px; } .addtags span { position: absolute; z-index: 2; width: 40px; height: 40px; } .addtags span:hover { background: rgba(48, 162, 205, .7) url(/_images/icons-sprite.png) no-repeat scroll 0px -519px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .picturecaption { float: left; clear: left; margin-top: -10px; font-size: 10px; color: #808080; } .widget #breadcrumb { padding-left: 12px; } .popover .box { z-index: 1001; } .or { margin: 0 20px; } .or:before { content: 'of'; } .login-alert .click { width: 40%; } .bullets li { margin: 8px 4px 8px 10px; padding: 8px 4px 8px 34px; position: relative; border-top: 1px solid #f7f7f7; } .bullets .dot { width: 30px; height: 30px; position: absolute; left: -8px; top: 12px; display: inline-block; background: transparent url(/_images/icons-dark.png) no-repeat; } .bullets .icon-2 { background-position: 0 -30px; } .bullets .icon-3 { background-position: 0 -60px; } .bullets b { font-size: 1.1em; } .cookie-bar .click { margin: 0; } .t_Content a.rating-info { display: block; color: #ffffff; width: auto; text-align: center; } .image-container { width: 104px; display: block; position: relative; } .list img:hover { opacity: 0.8; filter: alpha(opacity = 80); } .field { position: relative; margin: 10px 0 0 0; } #fb-box.out, #gp-box.out { width: 300px; z-index: 200; } .fb-boxbutton:hover { left: -44px; } .out .fb-boxbutton:hover { left: -36px; } .fb-box-frame { position: relative; z-index:2; background: #fff; height: 270px; } .gp-box-frame { height: 270px; } .fb-boxbutton { transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; } #fb-box, #gp-box { transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; } .error-box { background: #ffebe8; border: 1px solid #f65428 !important; } div.error-box { padding: 20px; margin-bottom: 10px; } .banner-con.bigger, .banner-con.bigger div, .bigger, .bigger #adblik_4, .leaderboard-responsive.bigger iframe { height: 250px !important; width: 970px; margin: 0 auto 5px; } .banner-con.bigger.fishtank, .banner-con.bigger.fishtank div, .fishtank, .fishtank #adblik_4 { height: 500px !important; width: 970px; margin: 0 auto 5px; } #wbds_billboard { height: 1px; } .banner-con.bigger iframe { width: 970px !important; height: 250px !important; left: 0; -webkit-transition: height 0.4s ease-in-out; -moz-transition: height 0.5s ease-in-out; transition: height 0.4s ease-in-out; } .banner-con.bigger.fishtank iframe { height: 500px !important; } .banner-con.wide, .banner-con.wide div { width: 970px; } .banner-con.wide iframe { width: 970px !important; left: 0; } .banner_homepagerectangle.bigger, .banner_homepagerectangle.bigger iframe { height: 600px !important; width: 336px !important; } .logo-svg { display: block; width: 100%; background: url(/_images/svg/tvblik.svg); background-repeat: no-repeat; background-position: center center; position: absolute; } .no-svg .logo-svg { background: transparent url(/_images/svg/tvblik.png) no-repeat scroll 50% 50%; } .no-svg .header-con .logo-svg, .no-svg .rectangle-con .logo-svg { display: none; } .header-con .logo-svg, .rectangle-con .logo-svg { filter: alpha(opacity=30); opacity: 0.3; background-size: auto 50px; height: 90px; z-index: 1; position: absolute; top: 0; } .rectangle-con .logo-svg { z-index: 1; width: 336px; top: 100px; } .banner_homepagerectangle, .rectangle-con { position: relative; z-index: 2; min-height: 280px; } .banner_homepagerectangle { margin-top: 4px; } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .blue-gradient { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9f1f4'); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9f1f4)); background: -moz-linear-gradient(top, #ffffff, #e9f1f4); } .btn-loader { position: absolute; left: -30px; top: 9px; background: #fff; padding: 3px; border-radius: 3px; } .eac-sugg { color: #8f8f8f; height: 24px; line-height: 22px !important; } .bill-takeover, .banner-con.bill-takeover iframe { width: 1000px !important; } .bill-takeover { margin-left: -12px !important; } .simple-list { margin-bottom: 16px; position: relative; padding-bottom: 30px; clear: both; } .custom-play:hover:before { background-size: auto 27%; opacity: 0.8; } .snippets-player .custom-play:hover:before { background-size: auto 42%; } .custom-play:hover { color: #fff; } .custom-play:before { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } [data-tooltip] { position: relative; border-bottom: 1px dashed #000; cursor: help } [data-tooltip]::after { position: absolute; opacity: 0; pointer-events: none; content: attr(data-tooltip); left: 0; top: calc(100% + 10px); border-radius: 3px; box-shadow: 0 0 5px 2px rgba(100, 100, 100, 0.3); background-color: white; z-index: 10; padding: 8px; width: 300px; transform: translateY(-20px); transition: all 150ms cubic-bezier(.25, .8, .25, 1); } [data-tooltip]:hover::after { opacity: 1; transform: translateY(0); transition-duration: 300ms; }.touch .list li:hover, .touch .list .star-box-holder:hover { background-color: transparent; } .touch-menu .border { background: #2d3237; height: 14px;} .touch-menu .menu-item span { padding: 0; } .touch-menu #inlogform li { padding: 10px; border: 0; } .touch-menu li { padding: 0; position: relative; z-index: 2; background: #222529; left: 0; } .touch .btn-holder { padding-top: 6px; } .touch-menu a { padding: 11px 6px 11px 14px; display: block; color: #fff; border-bottom: 1px solid #1a1a1a; border-top: 1px solid #2d3237; position: relative; z-index: 100; text-shadow: 1px 1px 1px #000; } .touch-menu .menu-item:hover { background: transparent none !important; color: #fff;} .touch-menu, .touch #header-2, .touch #page, .touch #footer, .logo-2 { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .touch-menu .left-menu { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.14s 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; } .touch .search { -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .touch .hdr-optns a span, .touch .search .go, .touch .sizeBtn span, .touch .display-btn span, .touch .small-menu-button, .touch .back-button, .touch a.close span, .touch .success, .touch .listitems a.nogood { background-image:url(/_images/icons-sprite@2x.png); -moz-background-size: 54px 874px; -ie-background-size: 54px 874px; -o-background-size: 54px 874px; -webkit-background-size: 54px 874px; background-size: 54px 874px; } .touch .star-select, .touch .star-box .stars, .touch .star-box .stars-bg, .touch .stars-bg-static { background-image:url(/_images/stars@2x.png); -moz-background-size: 22px 62px; -ie-background-size: 22px 62px; -o-background-size: 22px 62px; -webkit-background-size: 22px 62px; background-size: 22px 62px; } .touch .logo-2 { background-image:url(/_images/logo-resp@2x.png); -moz-background-size: 87px 41px; -ie-background-size: 87px 41px; -o-background-size: 87px 41px; -webkit-background-size: 87px 41px; background-size: 87px 41px; } } .touch #menu-response { -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); position: absolute; width: 100%; height: 42px; top: 0; z-index: 3; } .touch-menu .menu-item:active { background: rgba(0, 0, 0, 0.4) !important; border-color: #000; -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.8); box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.8); z-index: 1000; } .touch #menu-response.blowup { -webkit-transform: translateY(42px); -moz-transform: translateY(42px); transform: translateY(42px); } .touch .paging a:hover, .touch .paging a:hover, .touch .overview a:hover, .touch .forum-list a:hover { background-color: #f9f9f9; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #e5e5e5; } #addtohome { text-align: center; position: fixed; left: 80px; top: 10px; width: 200px; z-index: 1001; border-radius: 10px; font-size: 1.2em; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 10px; -webkit-animation: fadein 0.7s; -moz-animation: fadein 0.7s; -ms-animation: fadein 0.7s; -o-animation: fadein 0.7s; animation: fadein 0.7s; } .stand-alone #addtohome { display: none; } #add-arrow { position: absolute; top: -10px; opacity: 0.7; left: 55px; } #addtohome.iPhone { width: 60%; left: 20%; bottom: 10px; top: auto; right: auto; } #addtohome .icon { width: 19px; height: 23px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAXCAQAAABDyLxRAAAATElEQVR4AWOgNfj/6z8DOmTAEHrx/z8Q41cGVvAfRONUBpf8D2HjUnYHSv+H8XGYhqaMgUxlMADjYYiiSmDhDWtlDENRGT6AUEYYAgBgUcZyIamCnAAAAABJRU5ErkJggg==); display: inline-block; vertical-align: text-bottom; } .iPhone #add-arrow { top: auto; bottom: -10px; left: 50%; margin-left: -20px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }