/*********** CSS RESET ***********/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td {margin:0; padding:0;} img {border:0;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} a {text-decoration:none;} a:hover {text-decoration:underline;} /*********** MAIN ***********/ .hidden {display:none !important;} .render {/*display:none;*/visibility:hidden;} .loading .preloader {display:block;} .preloader {display:none;} body {/*min-width:980px;*/ min-width:1300px; background:#FFFCFF;font-family:'Roboto Condensed', Arial, sans-serif;} #site-header {width:1280px;margin:0 auto;overflow: hidden;} #header-block {min-width:980px;width:100%;height:151px; background: url(../images/header_bg.png) top center repeat-x; /*background-size: 100%;*/} #logo {float:left; text-indent:-2000em; height:161px; width:325px; background: url(../images/site-logo.png) 0px 0px no-repeat;z-index:11; background-size: 100%; overflow:hidden; position: relative; left: -4px; top: 10px;} #site-fb {float:left; position:relative; width:178px; height:66px; background: url(../images/followus_bg.png) no-repeat; left:430px; background-size: 79%; z-index: 12;} #site-fb-button {overflow: hidden;float:left; position:absolute; width:300px; height:65px; top:50px; left:10px;} .fb-doll {background: url(../images/header_girl.png) 0 0 no-repeat; width: 523px; height: 151px; float: left; position: relative; left: -170px; background-size: 82%; z-index: 11;} /*.fb-icon {position:absolute; width:140px; height:80px;} .icon1 {right:-12px; bottom:-10px; background: url(../images/fb-icons.png) 0 0 no-repeat; overflow:hidden;} .icon2 {right:-12px; bottom:-5px; background: url(../images/fb-icons.png) 0 -80px no-repeat; overflow:hidden;} .icon3 {right:-20px; bottom:-5px; background: url(../images/fb-icons.png) 0 -160px no-repeat; overflow:hidden;} .icon4 {right:-20px; bottom:-5px; background: url(../images/fb-icons.png) 0 -240px no-repeat; overflow:hidden;} */ #page {width: 100%;min-height: 600px;position: relative;} #content-wrapper{display: -webkit-flex;display: -ms-flex;display: flex;width: 100%; max-width: 1500px;margin: 0 auto;-webkit-justify-content: space-evenly;-ms-flex-pack: distribute; justify-content: space-around;-webkit-justify-content: space-evenly;justify-content: space-evenly;-webkit-box-pack: justify; -moz-box-pack: justify;} #skin_background{display:none;} .block {position: relative;float:left;width:100%;max-width: 1004px;} .cont-narrow {width:980px;margin:0 auto;} #footer {width:100%;float:left;font-size:13px;font-family:"Courgette", sans-serif;color:#645359;margin-top:20px;border-top: 1px dashed #DDD;} #footer .logos {margin:10px auto; text-align: center;} #footer .logo-link {padding: 0 10px;} #footer-menu {height: 15px;border-top: 1px dashed #DDD;padding: 10px 0;font-family:Arial, sans-serif;} #footer-menu a {float:left;margin-left:15px;font-family: Arial;color:#645359;font-family:Arial, sans-serif;} #copy {float:right;margin-right:20px;font-size:12px;} #copy a {float:none;margin-left:0;} .site-desc {padding:10px;} .site-desc strong {font-family: "Sansita One", sans-serif;font-weight: normal;} .site-desc a {color:#645359;} .site-desc p {text-indent:30px;margin-bottom: 5px;} /*#site-search {position:relative;color: #85622A;float:left; width:380px; height:123px;} #search-block {float:left; width:347px; height:62px; margin:0; padding:0; padding:30px 0px 0px 20px;} #search-block .search-text {float:left; height:31px; width:221px; padding:2px; border:0; color:#1d7497; background: url(../images/sprite-main.png) -294px -159px no-repeat; line-height:30px; font-size:1em;} #search-block .search-button {float:left; height:34px; width:114px; border:0; padding:0; background: url(../images/sprite-main.png) -519px -159px no-repeat; text-indent: -2000em; cursor: pointer;} #search-block .search-button:hover {background: url(../images/sprite-main.png) -519px -193px no-repeat;} #search-block .try-game {float:left; width:100%; text-align:center; color:#2a2935; padding:15px 0px 0px 0px; font-size:18px; line-height:1.5em;} #search-block .try-game a {color:#004c6b;} */ #site-search {margin-top: 15px;position:relative;color: #000000;float:left; width:245px; height:100px; left: -121px;} #site-search .search-title {position:absolute;top:12px;width:245px;text-align:center;font-size: 17px;font-weight: bold;} #site-search .try-game {position:absolute;top:74px;width:245px;text-align:center;font-size: 11px;} #site-search .try-game a {color:#000000; font-weight: bold;} #search {position:absolute;top:40px;left:17px;width:210px;height:24px;background:white;border:1px solid #4f8596;} #search-field {width: 122px;background:transparent;border:0;outline:none;font-size: 17px;line-height: 18px;height: 23px;margin-left:8px;color:#000000;} #search-field.placeholder {} #search-button {background:url(../images/search.png) 0 0 no-repeat;text-indent: -2000em;padding:0;border:0;width:15px;height:18px;outline:none;position:absolute;top:4px;right:7px;cursor: pointer;} #breadcrumb {font-size:20px;margin:5px auto 0;} #breadcrumb a{display:inline;} #breadcrumb h1 {color:#C41A5E;display:inline;cursor:default;} #menu-block {min-width:1100px;width:100%;height:54px;line-height:52px;background:#ff99ff;background: url(../images/menu.png) 0 0 repeat-x;/*z-index:10;*/ position: relative; top: -7px;} .menu {color:#FFF;margin:0 auto;position:relative;width:1100px;font-size:18.5px;font-family: "Courgette", sans-serif;} #menu-new {margin-left: 235px;border-left: 1px solid #d648ff;} .menu>li {float: left;position:relative;text-align:center;border-right: 1px solid #d648ff;} .menu>li>a {color:#FFF7FA;padding:0px 14px;display: block;text-decoration: none;white-space: nowrap;text-align: center; margin-top: 18px; height: 36px;} .menu>li > a > i{width: 51px;display: inline-block;position: absolute; background-image: url(../images/categories-icons-sprite.png);background-repeat: no-repeat; left:12;top: 0;} .menu>li > a > i.menu-icon{ height: 34px;} .menu>li > a > i.menu-icon-big{ height: 49px; width:80px; position: absolute; top: -15px; display: none; left: 2px;} .menu>li:hover{background: url(../images/menu-hover_bg.png) repeat-x; background-size: 100% 100%;} .menu>li:hover > a > i.menu-icon{visibility: hidden;} .menu>li:hover > a > i.menu-icon-big{display: block; z-index: 15;} .menu .submenu {z-index: 99; position: absolute;visibility: hidden; background:#fff;border:1px solid #310083;box-shadow: 3px 3px 10px -4px #000;text-align:left;overflow:hidden;border-radius:3px;padding: 5px 0;} .menu .submenu li {float: none;display: inline;} .menu .submenu li a {color:#310083;padding:0 15px 0 15px;text-align:left;text-shadow:1px 1px 2px #E2E6EB;display: block;text-decoration: none;white-space: nowrap;line-height: 30px;} .menu .submenu li a:hover {background:#ff99ff;text-shadow: none;color:#FFF7FA;} .menu .submenu-block:last-child .submenu {right: 0} .submenu.last {right:0;} #menu-new i.menu-icon { background-position: -1062px -5px; left:5px;} #menu-best i.menu-icon { background-position: -307px -5px; left:5px;} #menu-restaurant i.menu-icon { background-position: -1364px -5px;left:31px;} #menu-baking i.menu-icon { background-position: -5px -5px;} #menu-ice-cream i.menu-icon { background-position: -760px -5px;left: 26px;} #menu-meals i.menu-icon { background-position: -911px -5px;} #menu-pizza i.menu-icon { background-position: -1213px -5px;} #menu-cake i.menu-icon { background-position: -458px -5px;left: 7px;} #menu-frozen i.menu-icon { background-position: -609px -5px;} #menu-barbie i.menu-icon { background-position: -156px -5px;} #menu-new i.menu-icon-big { background-position: -1123px -5px; left: -8px;} #menu-best i.menu-icon-big { background-position: -368px -5px; left: -10px;} #menu-restaurant i.menu-icon-big { background-position: -1425px -5px;left: 16px;} #menu-baking i.menu-icon-big {background-position: -66px -5px;} #menu-ice-cream i.menu-icon-big { background-position: -821px -5px;left: 8px;} #menu-meals i.menu-icon-big { background-position: -972px -5px;} #menu-pizza i.menu-icon-big { background-position: -1274px -5px; left: -7px;} #menu-cake i.menu-icon-big { background-position: -519px -5px;left: -7px;} #menu-frozen i.menu-icon-big { background-position: -670px -5px;} #menu-barbie i.menu-icon-big { background-position: -217px -5px;} .header-block{width:100%;padding-top:15px;padding-bottom: 15px;overflow: hidden;} #page-title {color:#310083;font-size:32px;text-align:left;margin:0 20px 15px 20px;cursor: default;font-family:"Source Sans Pro", sans-serif;text-shadow:1px 1px 2px #8269ab;padding-top: 3px;line-height: 34px;} #page-title a {color:#E53C6B;font-family:"Sansita One", sans-serif;} #page-title h1 {display:inline;cursor:default;letter-spacing: 1.5px;} #page-title h2 {color:#ed00c8;cursor:default;font-size: 16px;font-family:"Courgette", sans-serif;position: relative;line-height:18px;text-shadow:1px 1px 2px #DDD;} #page-title h2 a {color: #CA1179;font-family: "Sansita One", sans-serif;text-decoration: underline;} #page-title .sep {color:#14466D;padding: 0 15px;position: relative;top: -1px;text-shadow:1px 1px 2px #E2E6EB;} #page-title .icon {float:left;left:-10px;position:relative;margin:0 0 0 5px;text-indent: -2000em;width:76px;height:76px;} #page-title .icon.feature {background: url(../images/home_title.png) 0 0 no-repeat;} #page-title .icon.baking {background: url(../images/sprite-transparent.png) -550px 0px no-repeat;width:122px;top:-32px;} #page-title .icon.cake {background: url(../images/sprite-transparent.png) -448px 0px no-repeat;width:102px;top:-26px;} #page-title .icon.ice-cream {background: url(../images/sprite-transparent.png) -685px 0px no-repeat;width:90px;top:-26px;} #page-title .icon.meals {background: url(../images/sprite-transparent.png) -336px 0px no-repeat;width:112px;top:-35px;} #page-title .icon.pizza {background: url(../images/sprite-transparent.png) -784px 0px no-repeat;width:112px;top:-32px;} #page-title .icon.restaurant {background: url(../images/sprite-transparent.png) -896px 0px no-repeat;width:112px;top:-22px;} #page-title .icon.new {background: url(../images/sprite-transparent.png) -228px 0px no-repeat;width:102px;top:-19px;} #page-title .icon.popular {background: url(../images/sprite-transparent.png) -118px 0px no-repeat;width:102px;top:-27px;} #page-title .home {width:55px;height:35px;background: url(../images/home.png) 0 0 no-repeat;float:left;top:5px;position:relative;margin-right:15px;text-indent: -2000em;} #page-title .home:hover {background: url(../images/home.png) 0 -55px no-repeat;} #page-title.archive-title {text-align:center;font-size:34px;text-shadow:1px 1px 2px #D89FAE;height: 43px;} #page-title.archive-title a {color:#E5C6CE;text-shadow:1px 1px 2px #E6E6E6;} #page-title.archive-title .sep {padding: 0 5px;} #static_frame {color:#FD2E9B;font-size:27px;text-align:left;margin:0 20px 15px 20px;border:1px solid #E6A6C4;border-radius: 20px;background: #FFF;box-shadow: 2px 2px 8px -3px #777;min-height: 92px;padding-top: 20px; padding-right: 20px; padding-left: 20px;} .text-block {font-family: 'Roboto Condensed', Arial, sans-serif;color:#14466D;font-size:20px;margin:150px;text-align:center;} .text-block a {font-family: 'Roboto Condensed', Arial, sans-serif;color:#D80E8F;text-decoration:underline;} #mobile-games {float:left;margin-bottom: 15px;} #gamenav-right {width:100px; height: 480px; left:640px; position:absolute; overflow:hidden;} #gamenav-right .gamenav-title {position:absolute; left:6px; width:73px; height:163px; background: url(http://cookinggames.com/images/gamenav-title.png) 0 0 no-repeat;} #gamenav-right .gamenav-pod {position:absolute; left:-8px; padding-top:4px; padding-right:16px; width:89px; height:110px; background: url(http://cookinggames.com/images/gamenav-pod-right.png) 0 0 no-repeat;} #gamenav-right .gamenav-pod img {position:absolute; left:-48px; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;} #gamenav-right .gamenav-link {z-index: 100; position:absolute; top:0; left:0; width:100px; text-indent:-2000em; display:block;} /*********** PODS ***********/ html:not(.IE11) .games {position:relative;display:grid;grid-template-columns:repeat(6, 174px);grid-template-rows:max-content;grid-gap:2px 14px;width:calc( 97% - 220px );margin:0 20px;margin-right:180px;text-align:center;} .IE11 .games {margin-right:180px; text-align: center; position: relative; clear: left;} .games .last {margin-right:0px;} .game {display: block;width: 174px;width:100%;height: 134px;background:#FFF;position:relative;margin:0 10px 10px 0;border:1px solid #D11A79;border-radius:8px;box-shadow:2px 2px 7px -3px #1F1F1F;z-index: 2;} .IE11 .game {display: inline-block; background:#FFF;position:relative;width:196px;height:151px;margin:0 10px 10px 0;border:2px solid #D3347A;border-radius:8px;box-shadow:2px 2px 7px -3px #1F1F1F;vertical-align: bottom;z-index:4;} .game.empty {background:transparent;border:2px solid transparent;box-shadow:none;pointer-events:none;} .game .thumb img {width:100%;height:100%;} .game a, .flexslider a{ position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .game .thumb img[src*="loading.io"], .flexslider .slides img[src*="loading.io"] {width: 40px;height:auto;} .flexslider .slides img {height: 100%; width: 100%;} .game .title {background-color: #FC0097;background:rgba(252, 0, 151, 0.85);height:28px;position:absolute;bottom:-28px;left:0;width:100%;color:#EDF2F8;text-align:center;font-size: 20px;line-height: 26px;padding:0 5px;} html:not(.IE11) .game .title { padding:0; width: 100%;} .game .title{transition: .1s transform ease-in;pointer-events:none;will-change: transform;} .game:hover .title{transform: translate3d(0,-100%,0); transition: .3s transform ease-out;} .game-content.game-tt-enabled{display:block;overflow:hidden;position:relative;width:100%;height:100%;border-radius:7px;} .game.game-tt-enabled{overflow:hidden;} .game-tt{ position: relative; z-index: 9; font-size: 12px; width: 108%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); margin-left: 50%; background-color: #FD2E9B; padding: 10px; border-radius: 4px; border: 1px solid; border-color: #ADD9ED; color: white; font-size: 12px; box-shadow: 1px 1px 4px 0px #bebdbd; pointer-events: none; } .flexslider .game-tt { width: 95%; border-width: 0; border-top-width: 1px; } .game-tt:after, .game-tt:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; transform: scaleX(0.5); } .game-tt:after { border-color: rgba(253, 46, 155, 0); border-top-color: #FD2E9B; border-width: 6px; margin-left: -6px; } .game-tt:before { border-color: rgba(173, 217, 237, 0); border-top-color: #ADD9ED; border-width: 7px; margin-left: -7px; } .game-tooltip-enabled .game-ttt, .game .game-ttt{ position: relative; opacity: 0; position: relative; will-change: opacity; top: -104%; transition: 0.2s opacity ease-out; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); pointer-events: none; } .flexslider .game-ttt{ display: none; position: absolute; bottom: 0; top: auto; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .game-tooltip-enabled .game-tt, .game .game-tt{ display:none; } .game-tooltip-enabled:hover .game-ttt, .game:hover .game-ttt{ opacity:1; } .game-tooltip-enabled:hover .game-tt, .game:hover .game-tt{ display:block; } .game .title.small {font-size:18px;} .game .title:hover {text-decoration:none;} .game .hot {position:absolute;background:url(../images/hot.png) 0 0 no-repeat;top:0;right:0;width:92px;height:92px;text-indent: -2000em;} .game .new {position:absolute;background:url(../images/new.png) 0 0 no-repeat;top:0px;right:0;width:92px;height:92px;text-indent: -2000em;} .game .download {display:none;position:absolute;font-size:14px;text-align:center;top:7px;left:7px;background:#CF0;color:#000;padding:0 10px 1px;border-radius: 9px;box-shadow: 1px 1px 3px #555;} .game:hover .download {display:block;} .games-related {text-align:left;display: flex;flex-wrap: wrap;} .games-related h2 {flex: 1 0 100%;height:36px; color:#FD2E9B;font-size:26px;text-align:left;font-weight: bold;} .games-related .game {width:122px;height:100%;border:1px solid #D11A79;border-radius:7px;box-shadow:none; } .games-related .title {height:23px;bottom:-23px;line-height:22px;font-size: 15px;width:112px; position: static; float: none;display: block;box-sizing: content-box;pointer-events: all;transform: none !important;will-change: unset;} .games-related .thumb { height: 94px; } .games-related .game .play-img { display:none;background: url('../images/play_game_btn.png') center center rgba(34, 34, 34, 0.5) no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .games-related .game:hover .play-img { display: block;} /* .items-recommend {width:980px;float:left;font-family:'Roboto Condensed', Arial, sans-serif;} /* .items-recommend .game {width:180px;height:139px;} .items-recommend .title {width:170px;text-shadow:none;} */ .items-recommend {width:980px;float:left;} .items-recommend .game {width:180px;height:139px;float:left;} .items-recommend .title {width:170px;text-shadow:none;box-sizing:content-box;} */ .games-recommend {width:980px;float:left;} .games-recommend .game {width:180px;height:139px;float:left;} .games-recommend .title {width:170px;text-shadow:none;box-sizing:content-box;} .games{grid-template-columns:repeat(6, 174px);} html:not(.IE11) #pod-tower, html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad, html:not(.IE11) #pod-box-ad2, html:not(.IE11) #pod-box-ad3 {background:#fff;position:relative;display:block;float:left;width: 362px;width:100%;height: 282px;margin-bottom:10px;border:1px solid #D11A79;border-radius:7px;box-shadow:2px 2px 7px -3px #1F1F1F;overflow:hidden;z-index: 1;} #pod-box-ad > div, #pod-box-ad2 > div, #pod-box-ad3 > div {height:250px !important; width:300px !important;} .IE11 #pod-tower, .IE11 #pod-box, .IE11 #pod-box-ad, .IE11 #pod-box-ad2, .IE11 #pod-box-ad3 {background:#fff;position:absolute;top:75px;right:30px;border: 1px solid #D11A79;border-radius:7px;box-shadow:2px 2px 10px -3px #300622;overflow:hidden;z-index:1;} #pod-tower #tower {width:160px;height:600px;position:absolute;top:0;left:0;} #pod-box #box {width:300px;height:250px;position:absolute;top:0;left:0;} #pod-box span {position: absolute;width: 100%;top: 0;color: #D3D3D3;font-size: 11px;text-align: center;} /* Grid area placement */ #pod-box{grid-column:5 / 7;grid-row:1 / 3;} #pod-box-ad{grid-column:1 / 3;grid-row:2 / 4;} #pod-box-ad2{grid-column:5 / 7;grid-row:7 / 9;} #pod-box-ad3{grid-column:1 / 3;grid-row:12 / 14;} /*********** GAME DISPLAY *****************/ #game-block {width:1280px;margin:0 auto;} #game-header {width:100%; height:50px; color:#107921;font-size:30px;text-align:left;position:relative;text-shadow:1px 1px 2px #CFCFCF;margin-top: 8px;} #game-header a {color:#107921;} #game-header a.first {margin-left: 63px;} #game-header h1 {margin: 0 0 0 63px;color:#9c1cd4;display:inline;cursor:default;text-shadow:1px 1px 2px #E2C5D3;} #game-header .home {width:55px;height:55px;background: url(../images/home.png) 0 0 no-repeat;float:left;top:-4px;left:3px;position:absolute;text-indent: -2000em;} #game-header .home:hover {background: url(../images/home.png) 0 -55px no-repeat;} #game-header .sep {padding: 0 7px;cursor: default;} #game-footer .fb-like {overflow: hidden;} #game-footer .broken-game-report {color:#14466D;} #game-footer{ position: relative;} #game-footer .social-wrapper{float: right; padding-top: 20px; } #game-block .content {width: 1250px;float:left;float:none; background:#FFF;text-align:center;padding:5px 10px 10px 20px;border-radius: 20px;box-shadow:2px 2px 8px -3px #777;border:2px solid #9c1cd4;} #media-area {position:relative;float:none;text-align:center;min-width:600px;margin: 0 auto;} #game-area{position: relative; float: left; background:black; } #game-area.showing-preroll{width: 640px !important;height: 480px !important;} #game-area.showing-preroll #mediadisp { visibility: hidden; z-index:0; } #media-container {margin:0 auto;position:relative;pointer-events:none;} #mediadisp {margin-top:10px;color:#777;font-size: 22px;float: none !important;} #mediadisp a {text-decoration:underline;color:#E02F76;} #mediadisp h2 {margin-top:100px;padding-top:10px;} #mediadisp h2,#mediadisp h3,#mediadisp p {background:#FFF;} #mediadisp p {padding-bottom:10px;} .game-content-body{position: relative;width: 800px;} #media-toolbar { clear: both;} #media-toolbar .fb-like { margin: 15px 15px 20px 0;} #media-toolbar .rating { width: 230px; height: 53px; padding: 51px 12px 12px 0;margin-top: 3px;background-image: url('../images/rategamebox.png');background-repeat: no-repeat;background-size: 100%; font-size: 1rem; color: #D32F7F; line-height: 1.7rem} .broken-game-report {color:#FD2E9B;position: absolute;bottom: 0;right: 0;padding-bottom: 5px;} #media-toolbar #howtoplay-btn { margin-top: 14px;color:#FD2E9B; text-indent: -2000em;} /* #howtoplay-btn{ background-image: url('../images/howtoplay_btn.png'); width: 285px; height: 80px; display: inline-block; background-size: 100% 100%;} #howtoplay-btn:hover{ background-image: url('../images/howtoplay_btn_hover.png');} */ /*********** GAME DETAILS *****************/ .game-details-block {width:980px;margin:0 auto;} .game-details {float:left;position:relative;min-height:270px;width:960px;margin:0 auto 20px;padding:10px 20px;background:#FFF;border-radius:20px;color:#3C3336;font-size:20px;box-shadow:2px 2px 8px -3px #777;border:2px solid #E4629B;text-shadow:1px 1px 2px #E6E6E6;cursor: default;font-family: "Courgette", sans-serif;} .game-details h2 {color:#DF1978;font-size:30px;text-align:left;margin-top:20px;text-shadow:1px 1px 2px #E0B3BF;font-family: "Sansita One", sans-serif;} .game-details .download {clear:both;} .game-details .download a {height:36px; color:#EE1E82;font-size:17px;text-align:left;margin-top:10px;float:left;text-decoration: underline;} .game-details .content {text-align: justify;} .game-details p {text-indent:40px;} .game-details .tags a {/*color:#107921;*/color:#0E82CF;margin:0 10px 5px 0;padding:0;float:left;text-shadow:none;text-decoration:underline;font-size: 22px;} .game-info {width:600px;margin-bottom:10px;} .game-details .fb-comments {margin:10px 0 15px 0;border-radius: 7px;overflow: hidden;padding:10px;} .sprite { background-image: url('../images/howtoplay_btn.png'); background-repeat: no-repeat; display: block; } .sprite-howtoplay_btn { width: 305px; height: 94px; background-position: -5px -5px; } .sprite-howtoplay_btn:hover { width: 305px; height: 94px; background-position: -5px -109px; } .rating {display:none;} .rating ul {float: left; list-style:none; margin:0px; padding:0px; width:150px; height:30px; position:relative; background:url(../images/rating.png) top left repeat-x; left: 34px; zoom: .95; /* IE */ -moz-transform: scale(.95); /* Firefox */ -moz-transform-origin: 0 0; -o-transform: scale(.95); /* Opera */ -o-transform-origin: 0 0; -webkit-transform: scale(.95); /* Safari And Chrome */ -webkit-transform-origin: 0 0; transform: scale(.95); /* Standard Property */ transform-origin: 0 0; /* Standard Property */ } .rating li {padding:0px; margin:0px; height:30px; width:30px; float:left;} .rating li a {display:block; width:30px; height:29px; line-height:30px; text-decoration:none; text-indent:-9000px; z-index:20; position:absolute; padding:0px; overflow:hidden;} .rating li a:hover {background:url(../images/rating.png) left center; z-index:2; left:0px; border:none;} .rating .current {float:left; background:url(../images/rating.png) left bottom; position:absolute; left:0; top:0; height:29px; display:block; text-indent:-9000px; z-index:1;} .rating a.one {left:0px;} .rating a.one:hover {width:30px;} .rating a.two {left:30px;} .rating a.two:hover {width:60px;} .rating a.three {left:60px;} .rating a.three:hover {width:90px;} .rating a.four {left:90px;} .rating a.four:hover {width:120px;} .rating a.five {left:120px;} .rating a.five:hover {width:150px;} /************* PROGRESS ****************/ .progress-cont {text-align:center; margin-top:10px; margin-bottom:10px; color:#D80E8F; font-size:18px;} .progress-cont a {color:#D80E8F; text-decoration:underline;} .progress-cont span {width:38px;} /**************** ADS ***************/ .banner {width:728px;height:90px;margin:15px auto;background:#FFF;border:1px solid #F3F3F3;text-align:center;} .media-tower {width:300px;height:600px;float:right;margin-left:5px;text-align: right; } .media-box {width:300px;height:250px;position:absolute;top:20px;right:20px;} #bottom-banner.banner {margin:50px auto 50px;} #top-banner.banner{margin-bottom: 65px;} .banner-wrapper{height:auto;text-align:center;margin:15px auto 10px auto;} #ad-leaderboard {z-index: 11;} /************** ADAPTV PRELOADER *************/ #preroll-wrapper {height: 500px; margin: 0; width:100%;position:relative;} #pread {text-align:center; margin:0 auto; margin: 25px 20px 5px 225px;float:left;} #adaptvcompanion {display:none;margin-top:100px;float:left;} #preroll-loader {background:url(../images/preload-loader.gif) top center no-repeat;width:24px;height:24px;top: 208px; left:461px;position:absolute;} #preroll-loader-dark {background:url(../images/preload-loader-dark.gif) top center no-repeat;width:24px;height:24px;top: 208px; left:461px;position:absolute;} /*********** LIVE STATS **********/ .ls {position:absolute;font-size:11px;color:#fff;font-family:verdana;text-align:right;opacity:0.75;top:7px;left:7px;} .thumb-pod.list li .ls {display:none;} .thumb-pod.lrg .ls, .thumb-pod.box .ls, .thumb-pod.full .ls {top:2px;left:2px;font-size:10px;} .ls div {background-color:#000;margin-bottom:1px;border-radius:3px;padding:2px;} /********** AUTOCOMPLETE *************/ .ac_results {margin-top:2px;margin-left:-59px;padding: 0px;border: 1px solid #ccc;background-color: white;overflow: hidden;z-index: 99999; width:287px;color:#666;box-shadow:2px 2px 7px -3px #1F1F1F;border-radius: 5px;} .ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;} .ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;font: menu;font-size: 13px;line-height:18px;overflow: hidden;cursor:pointer;} .ac_odd {background-color: #f8f8f8;} .ac_over {background-color: #3399FF;color: white;} .ac_results table {border-collapse: collapse;} .ac_results table img {width:50px;height:38px;padding-right:3px;} .ac_results table .counter {width:53px;font-size:9px;color:#CCC;} /*****************FEEDBACK*******************/ #feedback {display:none;position:relative;width:480px;background:#fff;float:left;border:2px solid #FFF;border-radius:10px;padding:15px;font-size: 14px;box-shadow:5px 5px 25px #000;color:#333;} #feedback .header {text-align:center;font-size: 23px;} #feedback label {margin-top:10px; display: block;} #feedback textarea, #feedback input {border: 1px dashed #AAA;padding:2px;} #feedback textarea {width: 475px;height: 135px;} #feedback input {width: 250px;} #feedback button {float: right;border-radius:7px;border:1px solid #D61369;background:#D61369;height: 27px;color: #FFF;font-size: 17px;cursor: pointer;} #feedback .close-x {position:absolute;top:-16px;right:-15px;border-radius:16px;border:2px solid #FFF;background:#D61369;width:30px;height:30px;cursor: pointer;} #feedback .close-x span {position:absolute;top:2px;right:7px;font-family:sans-serif;font-size:22px;color:#fff;} #feedback .g-recaptcha{margin: 10px 0;} #feedback-error{border: 1px solid #ebccd1;padding: 10px;margin: 12px 0;display: none;color: #a94442;background-color: #f2dede;} .broken-game-report {font-size: 11px;line-height: 12px;text-align: center;} .veediContainer iframe{ margin-bottom: 20px !important;} #howtoplay-btn{ margin: 3px; } .btn-primary { float: right;background: #137FA8;color: white !important;padding: 3px 10px;border-radius: 14px;font-size: 20px;text-decoration: none !important;text-shadow: none;} .btn-primary:hover{background: rgba(19, 127, 168, 0.56);} .new-label-wrapper{position: relative;display: inline-block;} .new-label{position: absolute;font-size: 11px;padding: 1px 5px;background: #ff8f10;color: white;text-transform: uppercase;top: -7px;left: -21px;border-radius: 8px;} .new-label.right{left: auto;right: -30px;} /***** CF HACK **********/ /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } /*Adblock message*/ #adblock-wrapper{position: absolute;top:0;bottom: 0;left: 0;right: 0;z-index: 2000;} #adblock-wrapper .adbock-background{position: absolute;top:0;bottom: 0;left: 0;right: 0;background-color: #ddd;-webkit-opacity: 0.5;-moz-opacity: 0.5;opacity: 0.5;z-index: 2000;} #adblock-message {width: 700px;padding: 15px;background: #FCC;border: 1px solid #F66;position: absolute;top: 40%;left: 50%;margin-left: -365px;z-index: 2001;color: #253253;text-align: center;font-size: 14px;} #adblock-btn-wrapper{margin-top: 10px;} #adblock-refresh {background-color: #3673AD;color: white;border: none;border-radius: 3px;padding: 5px 10px;cursor : pointer;} #adblock-refresh:hover {background-color: #64ACFF;} /*Skycrapper ad*/ #skyscrapper-container{ position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: sticky; top:0; float:right; padding-right: 20px; } .IE11 #skyscrapper-container.stick > div{position: fixed;top:0;z-index: 1000; right: 20px;} .IE11 #skyscrapper-container.stick_bottom > div{position: absolute;top:auto;bottom:0; right: 20px;} /* Game page only */ #content-wrapper #skyscrapper-container{margin-left: 20px; margin-right:0; width: 305px;-webkit-flex: 0 0 305px;-ms-flex: 0 0 305px;flex: 0 0 305px; -webkit-flex-grow: 0;flex-grow: 0;-ms-flex-positive: 0; flex-shrink: 0; -webkit-flex-shrink: 0;} .IE11 #content-wrapper #skyscrapper-container.stick > div{position: -webkit-sticky;position: sticky;} .IE11 #content-wrapper #skyscrapper-container.stick > div, .IE11 #content-wrapper #skyscrapper-container.stick_bottom > div{ right: auto; } #content-wrapper #skyscrapper-container .media-tower{float:none;position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: sticky; top: 0;} /* #skyscrapper-container{ float:right; margin-right:20px;} #skyscrapper-container.stick > div{position: fixed;top:0;z-index: 1000;right: 20px;} #skyscrapper-container.stick_bottom > div{position: absolute;top:inherit;bottom:0; right: 20px;} #content-wrapper #skyscrapper-container{margin-left: 20px; margin-right:0; width: 305px;-webkit-flex: 0 0 305px;-ms-flex: 0 0 305px;flex: 0 0 305px; -webkit-flex-grow: 0;flex-grow: 0;-ms-flex-positive: 0; flex-shrink: 0; -webkit-flex-shrink: 0;} #content-wrapper #skyscrapper-container.stick > div{position: -webkit-sticky;position: sticky;} #content-wrapper #skyscrapper-container.stick > div, #content-wrapper #skyscrapper-container.stick_bottom > div{ right: auto; } #content-wrapper #skyscrapper-container .media-tower{float:none;height:510px;} */ /*Helpers*/ .pull-right{ float:right;} .pull-left{ float:left;} .centered{ margin: 0 auto; text-align: center;} .center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .games-related_centered { text-align: center; margin: 0 auto; width: 810px; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*Skin ad*/ body.skin-enabled .items{ margin:0;} body.skin-enabled .items .item{ width: 175px!important; height: 135px!important; margin: 5px 5px !important;} body.skin-enabled .items .game .title{ width: 100%!important;} body.skin-enabled #page{ width:980px; margin: 0 auto; background-color: white; float:none;} body.skin-enabled #footer{ width:980px; margin: 0 auto; overflow: hidden; float:none; background-color: white;} #ad-skin-billboard{ display: none;} body.skin-enabled #ad-skin-billboard{ padding-top: 30px;padding-bottom: 30px; display: block;} body.skin-enabled #header-block{width: 980px; margin:0 auto;} body.skin-enabled #menu-block{width: 980px; margin:0 auto; min-width: 0;} body.skin-enabled #site-search {left: -280px; top: 33px;} body.skin-enabled #menu-new {margin-left: 114px;} body.skin-enabled #logo {top: 2px;} body.skin-enabled .items #pod-box, body.skin-enabled .items #pod-box-ad,body.skin-enabled .items #pod-box-ad2,body.skin-enabled .items #pod-box-ad3{ width: 364px !important; height: 284px !important; margin: 5px 5px !important;} /*! Tooltip style */ .ui-tooltip-girlgames .ui-tooltip-titlebar, .ui-tooltip-girlgames .ui-tooltip-content{ border-color: #ADD9ED; color: white; font-size: 12px; max-width: 200px; } .ui-tooltip-girlgames .ui-tooltip-content{ background-color: #FD2E9B; padding: 10px; } .ui-tt-girlgames .ui-tt-titlebar, .ui-tt-girlgames .ui-tt-content{ border-color: #ADD9ED; color: white; font-size: 12px; max-width: 200px; } .ui-tt-girlgames .ui-tt-content{ background-color: #FD2E9B; padding: 10px; } .flexslider-wrapper{ width: 100% !important; height: auto !important; padding: 0; float:left; box-sizing : border-box; } html:not(.IE11) .flexslider-wrapper, html:not(.IE11) .flexslider, html:not(.IE11) .slides, html:not(.IE11) .slides > li{ height: 100% !important; } .flexslider{ margin: 0 !important; border-radius: 7px; box-shadow: 2px 2px 7px -3px #1F1F1F; position: relative; width: 100% !important; height: auto !important; min-height: 90px; top: 1px; } .flexslider .slides{ float: left; } .flexslider .slides img{ border-radius: 8px; } .flex-direction-nav li .prev{ left: 0 !important; } .flex-direction-nav li .next{ right: 0 !important; } .game .item-content:after, .flexslider:after{ padding-top: 77.04%; /* 196x151 ratio */ display: block; content: ''; } /* Category Icons */ /*.sprite_menu { background: url(../images/spritesheet_icons.png) no-repeat; display: inline-block; position: absolute; width: 57px; height: 34px; left: 15px; top: 0; } .sprite_menu-baking { background-position: -5px -5px; } .sprite_menu-barbie { background-position: -66px -5px; } .sprite_menu-best { background-position: -5px -49px; left: 6px; } .sprite_menu-cake { background-position: -66px -49px; left: 9px; } .sprite_menu-frozen { background-position: -5px -93px; } .sprite_menu-ice-cream { background-position: -66px -93px; left: 26px; } .sprite_menu-meals { background-position: -127px -5px; left: 12px; } .sprite_menu-new { background-position: -127px -49px; left: 5px; } .sprite_menu-pizza { background-position: -127px -93px; left: 9px; } .sprite_menu-restaurant { background-position: -5px -137px; left: 33px; } */ .sprite_bigicons { background-image: url(../images/spritesheet_bigicons.png); background-repeat: no-repeat; display: block; } .sprite_bigicons-baking { width: 100px; height: 100px; background-position: -5px -5px; } .sprite_bigicons-Barbie { width: 100px; height: 100px; background-position: -115px -5px; top: -23px !important; } .sprite_bigicons-popular-games { width: 100px; height: 100px; background-position: -225px -5px; } .sprite_bigicons-cake { width: 100px; height: 100px; background-position: -5px -115px; } .sprite_bigicons-Frozen { width: 100px; height: 100px; background-position: -115px -115px; top: -25px !important; } .sprite_bigicons-ice-cream { width: 100px; height: 100px; background-position: -225px -115px; } .sprite_bigicons-meals { width: 100px; height: 100px; background-position: -5px -225px; } .sprite_bigicons-new-games { width: 100px; height: 100px; background-position: -115px -225px; } .sprite_bigicons-pizza { width: 100px; height: 100px; background-position: -225px -225px; } .sprite_bigicons-restaurant { width: 100px; height: 100px; background-position: -335px -5px; } .header-block #page-title .sprite_bigicons { float:left; top:-17px; left:-10px; position:relative; margin:0 0 -10px 5px; text-indent: -2000em; } /*! Tooltip style */ .ui-tooltip-cookinggames .ui-tooltip-titlebar, .ui-tooltip-cookinggames .ui-tooltip-content{ border-color: #ADD9ED; font-size: 12px; max-width: 200px; color:white; } .ui-tooltip-cookinggames .ui-tooltip-content{ background-color: #FD2E9B; padding: 10px; } /*Terms and condition pages*/ .toc{ color: #FD2E9B; text-align: left; line-height: 160%; font-family: 'Arial'; } .toc .header-block{ height: auto; } .toc h3{ font-size: 24px; margin:16px 0; } .toc p{ margin:16px 0; font-size:14px; } .toc a{ color: rgb(0, 0, 238); font-weight: black; text-decoration: underline; } .toc ul{ margin-left:40px; list-style: disc; } .toc ul li{ padding-left:20px; font-size:14px; line-height: 160%; } .toc ol{ list-style-type: decimal; margin-left:40px; } .toc ol li{ padding-left:20px; font-size:14px; line-height: 160%; } /* IE9, IE8, IE7, IE6 */ #media-toolbar #howtoplay-btn { margin-right: 108px\9;} /* IE10+ */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #media-toolbar #howtoplay-btn { margin-right: 55px;} } /* Microsoft Edge Browser - @supports method */ @supports (-ms-accelerator:true) { #media-toolbar #howtoplay-btn { margin-top: 13px; margin-right: 58px; width:45%; height: 110px;} } /* grid media queries to fill screen width with items */ /* @media screen and (max-width: 1114px) { html:not(.IE11) .games{ grid-template-columns: repeat( 4, calc((100% / 4) - 7px)); } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 3 / 5; } } */ @media screen and (min-width: 1115px) and (max-width: 1319px) { html:not(.IE11) .games{ grid-template-columns: repeat( 5, calc((100% / 5) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 4 / 6; } } @media screen and (min-width: 1320px) and (max-width: 1511px) { html:not(.IE11) .games{ grid-template-columns: repeat( 6, calc((100% / 6) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 5 / 7; } } @media screen and (min-width: 1512px) and (max-width: 1698px) { html:not(.IE11) .games{ grid-template-columns: repeat( 7, calc((100% / 7) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 6 / 8; } } @media screen and (min-width: 1699px) and (max-width: 1886px) { html:not(.IE11) .games{ grid-template-columns: repeat( 8, calc((100% / 8) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 7 / 9; } } @media screen and (min-width: 1887px) and (max-width: 2079px) { html:not(.IE11) .games{ grid-template-columns: repeat( 9, calc((100% / 9) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 8 / 10; } } @media screen and (min-width: 2080px) and (max-width: 2267px) { html:not(.IE11) .games{ grid-template-columns: repeat( 10, calc((100% / 10) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 9 / 11; } } @media screen and (min-width: 2268px) and (max-width: 2455px) { html:not(.IE11) .games{ grid-template-columns: repeat( 11, calc((100% / 11) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 10 / 12; } } @media screen and (min-width: 2456px) and (max-width: 2643px) { html:not(.IE11) .games{ grid-template-columns: repeat( 12, calc((100% / 12) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 11 / 13; } } @media screen and (min-width: 2644px) and (max-width: 2831px) { html:not(.IE11) .games{ grid-template-columns: repeat( 13, calc((100% / 13) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 12 / 14; } } @media screen and (min-width: 2832px) and (max-width: 3019px) { html:not(.IE11) .games{ grid-template-columns: repeat( 14, calc((100% / 14) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 13 / 15; } } @media screen and (min-width: 3020px) and (max-width: 3207px) { html:not(.IE11) .games{ grid-template-columns: repeat( 15, calc((100% / 15) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 14 / 16; } } @media screen and (min-width: 3208px) and (max-width: 3395px) { html:not(.IE11) .games{ grid-template-columns: repeat( 16, calc((100% / 16) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 15 / 17; } } @media screen and (min-width: 3396px) and (max-width: 3583px) { html:not(.IE11) .games{ grid-template-columns: repeat( 17, calc((100% / 17) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 16 / 18; } } @media screen and (min-width: 3584px) and (max-width: 3771px) { html:not(.IE11) .games{ grid-template-columns: repeat( 18, calc((100% / 18) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 17 / 19; } } @media screen and (min-width: 3772px) { html:not(.IE11) .games{ grid-template-columns: repeat( 19, calc((100% / 19) - 7px)) } html:not(.IE11) #pod-box, html:not(.IE11) #pod-box-ad2 { grid-column: 18 / 20; } }