ins.adsbygoogle[data-ad-status='unfilled'] { display: none !important; } html, body { height: 100%; } body { background: #efefef url('images/bg.webp'); background-attachment: fixed; font-family: Noto Sans; margin: 0; padding: 0; text-align: center; overflow-x: hidden; } body::-webkit-scrollbar { background: #67c8e7; } body::-webkit-scrollbar-thumb { background: #1a82a3; } p { margin: 0; font-family: Noto Sans; } img { border: 0; } a { color: #67c8e7; text-decoration: none; } a:hover { color: #fab625; text-decoration: none; filter: brightness(120%); } h1 { font-family: Noto Sans; font-size: 36px; color: #fff; font-weight: bold; margin: 0px 0 0px 0; } h2, h3, h4, h5, h6 { font-family: Noto Sans; font-size: 20px; color: #333; font-weight: bold; margin: 10px 0; text-transform: uppercase; text-align: left; } input, textarea, select { background: #fff; border-radius: 10px; color: #67c8e7; font-family: Noto Sans; font-size: 16px; height: 31px; padding: 0 5px 0 10px; border: none; } center { min-height: 435px; } #top {width: 100%; height: 70px; border-bottom: 3px solid #67c8e7; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin-bottom: 50px; } .topa {position: absolute;width: 100%; height: 70px;background: #0a5770; opacity: 0.75; z-index: -1; } #logo {position: absolute; top: 5px; right: 50%; margin-right: -88px; display: block; width: 176px; height: 95px; background: url('images/logo.png') no-repeat; } .but_install, .but_menu, .but_ach, .but_broken, .but_comment, .but_fav, .but_fav_on, .but_history, .but_like, .but_dislike, .but_like_on, .but_dislike_on, .but_more, .but_search, .but_full, .but_reload {display: block; width: 55px; height: 55px; min-width: 55px; margin: 0 3px; } .but_install { background: url('images/but_install.png') no-repeat; } .but_menu { background: url('images/but_menu.png') no-repeat; } .but_ach { background: url('images/but_ach.png') no-repeat; } .but_broken { background: url('images/but_broken.png') no-repeat; } .but_comment { background: url('images/but_comment.png') no-repeat; } .but_fav { background: url('images/but_fav.png') no-repeat; } .but_history { background: url('images/but_history.png') no-repeat; } .but_like { background: url('images/but_like.png') no-repeat; } .but_dislike { background: url('images/but_dislike.png') no-repeat; } .but_like_on { background: url('images/but_like_on.png') no-repeat; } .but_dislike_on { background: url('images/but_dislike_on.png') no-repeat; } .but_more { background: url('images/but_more.png') no-repeat; } .but_search { background: url('images/but_search.png') no-repeat; } .but_full { background: url('images/but_full.png') no-repeat; } .but_reload { background: url('images/but_reload.png') no-repeat; } .but_fav_on { background: url('images/but_fav_on.png') no-repeat; } .but_more img { width: 41px; height: 41px; border: 3px solid #fff; border-radius: 27px; margin-top: 4px; } .top_left {display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; padding: 0 0 0 4px; height: 70px; } .top_right { display: flex; flex-flow: row nowrap; justify-content: right; align-items: center; padding: 0 4px 0 4px; height: 70px; } .topcoin {background: url('images/coin.png') 0 50% no-repeat; padding-left: 64px; height: 70px; min-width: 60px; display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; margin: 0 0 0 5px; } .topcoin p { font-family: Noto Sans; font-weight: bold; font-size: 30px; text-shadow: -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff; color: #67c8e7; } .topuser {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; max-width: 250px; } .topuser img {width: 55px; height: 55px; margin: 0 10px; border: 3px solid #fff; box-sizing: border-box; border-radius: 27px; background: #fff; } .topuser p { font-family: Noto Sans; font-weight: bold; font-size: 24px; text-shadow: -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff; text-transform: uppercase; color: #67c8e7; height: 50px; overflow: hidden; display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; line-height: 100%; } .topus {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } #dropmenu { width: 250px; visibility: hidden; position: absolute; top: 70px; background: #106986; border-radius: 0 0 15px 0; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; padding: 15px 10px 30px 10px; z-index: 101; line-height: 300%; } #dropmenu a { color: #fff; width: 100%; text-align: left; border-radius: 10px; padding: 2px 10px; box-sizing: border-box; font-size: 18px; text-transform: uppercase; } #dropmenu a:hover { background-color: #2bb4dc; } #droplang { visibility: hidden; position: absolute; top: 70px; background: #67c8e7; border-radius: 0 0 15px 0; display: flex; flex-flow: row wrap; justify-content: left; align-items: start; padding: 10px; max-width: 400px; max-height: 720px; z-index: 101; } #droplang::-webkit-scrollbar { background: #3ba7c9; } #droplang::-webkit-scrollbar-thumb { background: #106c89; } #droplang a { display: block; display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; width: 200px; margin: 1px 0; text-align: left; } #droplang a p { color: #fff; text-transform: uppercase; font-family: Noto Sans; font-size: 14px; color: #fff; padding-left: 7px; line-height: 85%; margin: 2px 0; } #droplang a div { width: 32px; height: 32px; border-radius: 16px; background-color: #fff; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } #droplang a:hover p { color: #136079; } #dropsearch { visibility: hidden; position: absolute; right: 0; top: 70px; background: #67c8e7; border-radius: 0 0 0 15px; display: flex; flex-flow: row nowrap; justify-content: right; align-items: start; padding: 10px; width: 290px; } #dropsearch form {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } #dropsearch .find { width: 230px; } #dropsearch .findbut {width: 36px; height: 35px;background: none; } #main {max-width: 1090px; border-radius: 15px; background: #fbfbfb; padding: 10px 0 10px 20px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: start; margin: 0 5px; } #main p {text-align: justify; } #mainblue { max-width: 800px; border-radius: 15px; background: rgba(10, 87, 112, 0.75); padding: 10px 0 10px 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: start; margin: 0 10px; } #mainblue form { } .butimage { padding: 7px 20px; height: 35px; background: #fab625; border-radius: 15px; color: #fff; } .butimagea { display: block; padding: 8px 20px; width: 73%; background: #fab625; border-radius: 15px; color: #fff; white-space: nowrap; } .butimagea:hover { color: #fff; } .adv336 { float: left; margin: 0 10px 5px 0; } .adv336 div {width: 336px; height: 280px; } .adv300 { margin: 10px 0 0 10px; } .adv300 div { width: 300px; height: 600px; } .adv728 { margin: 10px 0; } .adv728 div { width: 728px; height: 90px; } .padv {color: #333; font-size: 12px; text-transform: uppercase; } .padv2 { color: #fff; font-size: 12px; text-transform: uppercase; } .inf1 {width: 100px; height: 45px; padding: 0 0 0 50px; background: url('images/info_lang.jpg') no-repeat 0 50%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .inf2 { width: 130px; height: 45px; padding: 0 0 0 50px; background: url('images/info_views.jpg') no-repeat 0 50%; display: flex; flex-flow: column; justify-content: center; align-items: center; } .inf1 p:nth-child(1), .inf2 p:nth-child(1) {color: #999; font-size: 14px; font-family: Noto Sans; text-transform: uppercase; font-weight: bold; } .inf1 p:nth-child(2), .inf2 p:nth-child(2) { color: #333; font-size: 18px; font-family: Noto Sans; text-transform: uppercase; font-weight: bold; } .infoimg {width: 250px; height: auto; border-radius: 15px; margin: 20px 20px; flex-grow: 1; } .infoimgbig { max-width: 370px; height: 265px; width: auto; border-radius: 15px; flex-grow: 1; } .infoimgbig2 { max-width: 330px; height: 244px; width: auto; border-radius: 15px; flex-grow: 1; } .butplay {display: block; background: #1ba01e; border-radius: 15px; margin: 0 0 10px 0; } .butplay p {color: #fff; font-size: 18px; font-family: Noto Sans; font-weight: bolder; text-transform: uppercase; margin: 7px 30px; white-space: nowrap; } .buttry {display: block; background: #1ba01e; border-radius: 15px; margin: 0 0 10px 0; } .buttry p {color: #fff; font-size: 18px; font-family: Noto Sans; font-weight: bolder; text-transform: uppercase; margin: 7px 30px; white-space: nowrap; } #tryFrame { display: none; margin: 10px 0 0 0; } .ib01 {width: 730px; margin-right: 20px; } .ib02 {width: 320px; margin-right: 20px; flex-grow: 1; } .ib1 { } .ib2 { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; clear: both; } .ib3 { max-width: 400px; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; } .ib4 { width: 250px; display: flex; flex-flow: row wrap; justify-content: left; align-items: start; flex-grow: 1; margin: 0 10px 10px 0; } .ib44 { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: start; flex-grow: 1; margin: 0 10px 10px 0; } .ib5 { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; } .ib6 { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: start; } .achdiv { flex-grow: 1; } .ratingdiv {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin: 10px 0 25px 0; } .ratp {font-family: Noto Sans; font-size: 16px; color: #333; margin: 0 10px 0 0; } .ratbar {width: 213px; height: 30px; background: url('images/ratline_blank.jpg') no-repeat; text-align: left; } .ratbarfull { height: 30px; background: url('images/ratline_full.jpg') no-repeat; } .ratbar p { position: absolute; font-size: 24px; color: #fff; font-family: Noto Sans; margin: -1px 0 0 10px; } .tags { width: 100%;display: flex; flex-flow: row wrap; justify-content: space-around; align-items: start; } .tags a {display: block; border: 2px solid #67c8e7; border-radius: 0 15px 0 15px; margin: 3px 1px; } .tags a p {color: #67c8e7; font-size: 13px; font-family: Noto Sans; font-weight: bold; margin: 4px 11px; text-transform: uppercase; } .achievement {width: 330px; height: 80px;background: #67c8e7; border-radius: 15px; display: flex; flex-flow: row wrap; justify-content: left; align-items: center; padding: 5px 8px; margin: 0 0 10px 0; } .achievement p:nth-of-type(1) {font-size: 26px; font-family: Noto Sans; color: #fff; background: url('images/coin_small.png') no-repeat 0 50%; padding: 1px 0 1px 35px; } .achievement p:nth-of-type(2) { font-size: 16px; font-family: Noto Sans; color: #fff; background: url('images/ach.png') no-repeat 0 50%; padding: 1px 0 1px 25px; margin: 0 0 0 10%; } .achievement p:nth-of-type(3) { font-size: 13px; font-family: Noto Sans; color: #136079; text-transform: uppercase; } .achievement img {height: 70px; width: auto;position: absolute; margin: 0 0 0 260px; } .achbarcon {width: 250px; display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; } .achbar {width: 120px; height: 10px; border: 2px solid #fff; border-radius: 6px; text-align: left; } .achbarfull{ height: 10px; background: #fff; } .achbarcon font {font-size: 16px; color: #fff; font-family: Noto Sans; padding: 0 0 0 7px; } .allach {font-size: 16px; color: #0c6683; text-transform: uppercase; } #bottom { padding: 0 10px; background: #1a82a3; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; color: #fff; font-size: 14px; } #bottom a {color: #fff; } #bottom a:hover { color: #fab625; } .li {width: 1px; height: 1px; overflow: hidden; } #bottom div:nth-child(1) { margin: 10px 0 10px 5px; text-align: left; font-size: 14px; text-transform: capitalize; } #bottom div:nth-child(2) { margin: 10px 5px 10px 0; text-align: right; font-size: 14px; text-transform: capitalize; } .ytvideo {border-radius: 15px; max-width: 730px; height: 350px; flex-grow: 1; } #comments {width: 100%; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; flex-grow: 1; } #comments .comhead { width: 100%; background: #67c8e7; border-radius: 15px 15px 0 0; height: 30px; color: #fff; display: flex; text-align: right; flex-flow: row nowrap; justify-content: flex-end; align-items: center; font-size: 12px; text-transform: uppercase; } #comments .comhead font {font-family: Noto Sans; font-size: 16px; margin: 0 10px 0 5px; } #comments #allcom { width: 100%; min-height: 85px; max-height: 400px; overflow-y: scroll; display: flex; flex-flow: column-reverse nowrap; justify-content: flex-start; align-items: top; padding: 0 0 10px 0; } #comments #allcom::-webkit-scrollbar { background: #eeecee; } #comments #allcom::-webkit-scrollbar-thumb { background: #67c8e7; } #comments #allcom div { border: 2px solid #67c8e7; border-radius: 0 10px 0 10px; margin: 10px 10px 0 10px; color: #67c8e7; padding: 5px; font-size: 12px; text-align: left; } #comments #allcom div img:nth-child(1) { width: 25px; height: 25px; margin: 0 3px -6px 0; } #comments #allcom div img:nth-child(2) { width: 15px; height: 15px; margin: 0 0 -2px 0; } #comments #allcom div > p:nth-child(1) { font-size: 14px; color: #0c6683; } #comments #allcom div > p:nth-child(1) font { font-size: 10px; color: #777777; } #comments #allcom div > p:nth-child(2) { font-size: 14px; margin: 6px 0 0 0; width: 100%; overflow-x: hidden; } #comments #allcom div > p:nth-child(3) { text-align: right; } #comments #allcom div > p:nth-child(3) a { color: #0c6683; text-decoration: underline; font-size: 10px; } #comments #allcom div div { border: 2px solid #67c8e7; border-radius: 0 10px 0 10px; margin: 0 0 10px 0; color: #67c8e7; background: #f7f7f7; margin: 5px; text-align: left; } #comments #allcom div div div { background: #ebebeb; } #comments > div:nth-child(3) { width: 100%; background: #67c8e7; border-radius: 0 0 15px 15px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } #comments form { width: 100%; padding: 10px 5px; text-align: center; } #comments input {width: 43%; } #comments textarea {width: 76%; height: 33px; padding: 5px 10px; } #comments .combut {background: none; width: 43px; height: 43px; padding: 0; margin: 8px 0 0 0; } #comments > div > p { text-align: center; padding: 10px; margin: auto 0; color: #67c8e7; font-size: 18px; } #comments form p {color: #fff; text-align: center; } #comments a { color: #0c6692; } #gameTit {display: none; } #vs { display: flex; flex-flow: row nowrap; justify-content: center; align-items: top; width: 100%; } #vs img {width: auto; height: 90%; } #vs > a:nth-child(1), #vs > a:nth-child(3) { display: block; width: 100%; max-width: 235px; } #vs > a:nth-child(1) div:nth-child(1), #vs > a:nth-child(3) div:nth-child(1) { width: 94%; height: 230px; background: #fff; border: 1px solid #eeeeee; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding: 5px; margin: 0 0 10px 0; } #vs > a:nth-child(1) div:nth-child(1) { border-radius: 15px 0 0 15px; } #vs > a:nth-child(3) div:nth-child(1) { border-radius: 0 15px 15px 0; } #vs > a:nth-child(1) div:nth-child(2), #vs > a:nth-child(3) div:nth-child(2) { width: 94%; height: 29px; box-sizing: border-box; background: #67c8e7; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 5px; color: #fff; text-transform: uppercase; font-size: 14px; overflow: hidden; line-height: 90%; } #vs > a:nth-child(1) div:nth-child(2) { border-radius: 15px 0 0 15px; } #vs > a:nth-child(3) div:nth-child(2) { border-radius: 0 15px 15px 0; } #vs > div:nth-child(2) { font-family: Noto Sans; font-size: 18px; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; position: absolute; z-index: 5; } #vs > div:nth-child(2) p:nth-child(1) { margin: 120px 0 0 0; } #vs > div:nth-child(2) p:nth-child(2) { font-family: Noto Sans; font-size: 14px; margin: 113px 0 5px 0; } #vsChar1, #vsChar2 {display: none; } #vsbar { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 32px; margin: -31px 0 0 0; position: relative; z-index: 6; overflow: hidden; border-radius: 15px; } #vsbar div { height: 27px; padding-top: 4px; color: #fff; } #vsbar div:nth-child(1) { border-radius: 15px 0 0 15px; border-right: 2px solid #fff; } #vsbar div:nth-child(2) { border-radius: 0 15px 15px 0; } #bigbottom { width: 100%; margin: 20px 0 -1px 0; border-top: 8px solid #1a82a3; background: rgba(10, 87, 112, 0.6); padding: 10px 0 10px 0; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: top; color: #fff; } #bigbottom div { text-align: left; margin: 0 0; } #bigbottom div p:nth-child(1) { font-family: Noto Sans; font-size: 36px; text-transform: uppercase; padding: 0 0 0 45px; } #bigbottom div:nth-child(1) p:nth-child(1) { background: url('images/icon_stat.png') no-repeat; } #bigbottom div:nth-child(2) p:nth-child(1) { background: url('images/icon_links.png') no-repeat; } #bigbottom div:nth-child(2) { text-transform: capitalize; } #bigbottom div:nth-child(3) p:nth-child(1) { background: url('images/icon_soc.png') no-repeat; } #bigbottom div:nth-child(1) p:not(:first-child) { padding: 5px 35px; margin: 13px 0; } #bigbottom div:nth-child(1) p:nth-child(2) { background: url('images/ico_games.png') 0 40% no-repeat; } #bigbottom div:nth-child(1) p:nth-child(3) { background: url('images/ico_users.png') 0 50% no-repeat; } #bigbottom div:nth-child(1) p:nth-child(4) { background: url('images/ico_comments.png') 0 60% no-repeat; } #bigbottom div:nth-child(1) p:nth-child(5) { background: url('images/ico_prizes.png') 0 50% no-repeat; } #bigbottom div:nth-child(2) p:not(:first-child) { padding: 5px 28px; margin: 13px 0; } #bigbottom div:nth-child(2) p:not(:first-child) { background: url('images/ico_link.png') 0 50% no-repeat; } #bigbottom div a { color: #fff; } #bigbottom div a:hover { color: #fab625; } #bigbottom div:nth-child(3) a { display: block; padding: 10px 0 10px 60px; } #bigbottom div:nth-child(3) a:nth-child(2) { background: url('images/soc_tiktok.png') 0 50% no-repeat; } #bigbottom div:nth-child(3) a:nth-child(3) { background: url('images/soc_youtube.png') 0 50% no-repeat; } #bigbottom div:nth-child(3) a:nth-child(4) { background: url('images/soc_insta.png') 0 50% no-repeat; } .games { padding: 0 2%; margin: 10px 0; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: top; } .games a { display: block; width: 135px; height: 135px; border-radius: 15px; border: 3px solid #fff; overflow: hidden; margin: 7px 0; } .games a img { width: 135px; height: 135px; } .games a p { color: #fff; background: #fab625; height: 45px; position: relative; top: -48px; font-size: 14px; display: none; z-index: 4; line-height: 100%; } .games a div { position: absolute; margin: 20px 0 0 38px; width: 55px; height: 53px; background: url('images/star.png') no-repeat; color: #fff; font-weight: bold; display: none; z-index: 5; text-align: center; } .games a:hover { filter: brightness(100%); border: 3px solid #fab625; } .games a:hover img { filter: brightness(50%); } .games a:hover div, .games a:hover p { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; text-align: center; } .games p { color: #fff; } .smallgames a { width: 80px; height: 80px; margin: 3px; position: relative; } .smallgames a img { width: 80px; height: 80px; } .smallgames a p { visibility: hidden; } .smallgames a:hover img { filter: brightness(130%); } .smallgames a div { margin: 10px 0 0 12px !important; } .subs {display: flex; flex-flow: row wrap; justify-content: left; align-items: center; margin: 0 0 10px 0; } .subs p {margin: 0 0 0 20px; } #contactForm { color: #fff; min-height: 300px; background: url('images/contact.png') no-repeat 100% 15px; text-align: right; padding-right: 190px; margin: 20px 0; } #contactForm textarea { padding-top: 5px; } #contactForm input, #contactForm textarea {margin: 0 0 5px 0; } #contactForm textarea { min-width: 230px; height: 100px; } #p404 {color: #fff; background: url('images/404.png') no-repeat 100% 0; text-align: right; padding-right: 190px; margin: 20px 0; height: 250px; font-size: 20px; line-height: 140%; } #p404 a {color: #fab625; font-family: Noto Sans; margin: 10px; } .gainf {margin: 10px 0; min-height: 150px; } .gainf::-webkit-scrollbar { background: #eeecee; width: 5px; } .gainf::-webkit-scrollbar-thumb { background: #67c8e7; } .gainf img {width: 150px; height: 150px;border-radius: 15px; float: right; margin: 0 0 2px 10px; } .pw { line-height: 140%; } .split { max-width: 850px; display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; } .splitwhite { background: #f6f6f6; border-radius: 15px 0 0 15px; padding: 10px 0 20px 0; min-height: 300px; min-width: 450px; color: #666; } .splitblue { background: rgba(10, 87, 112, 0.75); border-radius: 0 15px 15px 0; padding: 10px 20px 20px 20px; min-height: 300px; color: #fff; } .splitwhite input { background: #fff; border: 1px solid #dcdcdc; margin: 3px 5px 8px 5px; color: #999; width: 170px; } .splitblue input { margin: 3px 5px 8px 5px; width: 170px; } .splitblue h2, .splitblue h3 { color: #fff; text-align: center; } .splitwhite h2, .splitwhite h3 { text-align: center; } .ghostlogin { width: 114px; height: 141px; position: absolute; margin: -56px 0 0 -55px; background: url('images/loginchar.png') 0 100% no-repeat; } .signup { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .signup div { width: 50%; } .signup img { border: 3px solid #67c8e7; } .signup a img { width: 105px; height: 105px; border-radius: 70px; background: #67c8e7; } .signup > div > img:nth-child(1) { position: absolute; margin: 0 0 0 85px; width: 25px; height: 25px; border-radius: 30px; z-index: 5; background: #67c8e7; } #setava { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 10; visibility: hidden; } #setava > div { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; width: 80vw; height: 80vh; margin: 3% 0 0 0; padding: 10px 20px; background: #fff; border-radius: 15px; filter: drop-shadow(0 0 30px rgba(0,0,0,0.5)); overflow-y: scroll; z-index: 10; } #setava img { margin: 5px; width: 80px; height: 80px; } .userinfo { max-width: 520px; margin: 10px 20px; text-align: left; } .userinfo .tempava { border: 3px solid #67c8e7; border-radius: 64px; background: #67c8e7; } .userinfo h2, .userinfo h3, .userinfo h4 { text-align: left; } .userflag { position: absolute; margin: 0 0 0 100px; z-index: 5; border: 3px solid #67c8e7; border-radius: 64px; background: #67c8e7; } .p30 p { font-size: 30px; margin: 0 0 0 15px; height: 60px; line-height: 100%; display: flex; flex-flow: row wrap; align-items: top; } .usertab1, .usertab2 { font-size: 18px; color: #000; margin: 10px 0; } .usertab2 { margin-bottom: 20px; } .usertab1 a { color: #666; display: block; float: right; padding: 0 0 0 20px; background: url('images/pencil.gif') no-repeat; font-size: 15px; } .logout { float: right; margin: -10px -10px 0 0; color: #666; display: block; padding: 0 23px 0 0; font-size: 14px; opacity: 0.5; width: 37px; height: 18px; background: url('images/logout.png') 100% 1px no-repeat; } .logout:hover { color: #666; } .edit { position: relative; top: -25px; left: 5px; } .usertab2 a { color: #67c8e7; font-size: 16px; } .usertab2 img { margin: 0 5px -18px 0; } .userbio { font-size: 14px; color: #333; font-family: Noto Sans; text-align: justify; } .usertabicons { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin: 10px 0 0 0; } .usertabicons > div { font-size: 18px; font-family: Noto Sans; color: #67c8e7; padding: 0 0 0 35px; height: 32px; margin: 0 20px 0 0; } .usertabicons .ui1 { background: url('images/ico_games_blue.png') 0 -4px no-repeat; } .usertabicons .ui2 { background: url('images/ico_comments_blue.png') no-repeat; } .usertabicons .ui3 { background: url('images/ico_users_blue.png') no-repeat; } .usertabicons .ui4 { background: url('images/ico_prizes_blue.png') no-repeat; } .greenbut { display: block; height: 27px; background: #1ba01e; padding: 9px 20px 0 20px; border-radius: 15px; color: #fff; font-size: 16px; font-family: Noto Sans; text-transform: uppercase; } .friends { width: 80px; } .userinfo .friends img { position: absolute; border: 0; border-radius: 0; margin: -12px 0 0 15px; } .userslide { height: 115px; overflow-x: scroll; overflow-y: hidden; } .userslide div { width: 90%; margin: 0 0 0 0; flex-wrap: nowrap; justify-content: flex-start; margin-left: -23px; } .userslide div a { flex-shrink: 0; } .userslidecom { width: 100%; height: 130px; } .userslidecom #comments #allcom { display: flex; flex-flow: row nowrap; justify-content: left; align-items: flex-start; overflow-y: hidden; } .userslidecom #comments #allcom div { flex-shrink: 0; flex-basis: 200px; height: 72px; overflow: hidden; margin: 0 10px 0 0; background: #fff; } .userslidechars { height: 210px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; overflow-x: scroll; overflow-y: hidden; } .userslidechars a { display: block; border: 3px solid #67c8e7; border-radius: 15px; background: #fff; margin: 0 8px 0 0; text-align: center; } .userslidechars a p { background: #67c8e7; font-size: 14px; color: #fff; text-align: center; padding: 5px 5px; border-radius: 0 0 5px 5px; } .userslidechars a img { height: 140px; width: auto; margin: 3px; } .userslidefriends { height: 125px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; overflow-x: scroll; overflow-y: hidden; } .userslidefriends a { display: block; margin: 0 8px 0 0; text-align: center; } .userslidefriends a p { font-size: 14px; color: #0a5770; text-align: center; padding: 0 5px; width: 70px; height: 20px; overflow: hidden; } .userslidefriends a img:nth-child(2) { height: 70px; width: auto; border: 3px solid #67c8e7; border-radius: 50px; background: #67c8e7; } .userslidefriends a img:nth-child(1) { height: 20px; width: auto; border: 3px solid #67c8e7; border-radius: 15px; background: #67c8e7; float: left; margin: 0 0 -25px 0; position: relative; } .userslide::-webkit-scrollbar, .userslidechars::-webkit-scrollbar, .userslidefriends::-webkit-scrollbar { background: #eeecee; } .userslide::-webkit-scrollbar-thumb, .userslidechars::-webkit-scrollbar-thumb, .userslidefriends::-webkit-scrollbar-thumb { background: #67c8e7; } #bestplayers { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: flex-start; } #bestplayers a { width: 100%; display: block; flex-shrink: 0; padding: 3px 5px 0 20px; } #bestplayers a:nth-child(2n+1) { background: rgba(103, 200, 231, 0.4); } .busplit { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; width: 100%; } #bestplayers div img:nth-child(1) { background: #fff; border-radius: 30px; width: 20px; height: 20px; border: 3px solid #fff; position: absolute; margin: 14px 0 0 -12px; } #bestplayers div img:nth-child(2) { background: #fff; border-radius: 30px; width: 50px; height: 50px; border: 3px solid #fff; } #bestplayers a p:nth-child(1) { color: #fff; font-family: Noto Sans; text-transform: uppercase; font-size: 20px; white-space: nowrap; width: 155px; height: 23px; overflow: hidden; text-align: left; margin: 0 0 0 0; } #bestplayers a p:nth-child(2) { font-size: 20px; height: 32px; color: #fab625; font-family: Noto Sans; text-transform: uppercase; text-shadow: -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff; padding: 3px 0 0 37px; background: url('images/coin_small.png') no-repeat; text-align: left; } .bp { padding: 10px 25px 0 0; min-height: 1094px; } .wp { min-height: 1074px; } #editinfo { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 10; visibility: hidden; } #editinfo > div { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 380px; height: 60vh; margin: 3% 0 0 0; padding: 10px 20px; background: #f6f6f6; border-radius: 15px; filter: drop-shadow(0 0 30px rgba(0,0,0,0.5)); z-index: 10; } #editinfo input, #editinfo textarea, #editinfo select { border: 1px solid #dcdcdc; color: #999999; margin-top: -5px; } #editinfo textarea { height: 80px; margin-bottom: 10px; margin-top: 0; padding: 4px 8px; } .editinfosplit { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .editinfosplit > div:nth-child(1) { text-align: right; margin-right: 5px; width: 30%; } .editinfosplit > div:nth-child(2) { text-align: left; width: 55%; } .editinfosplit p { height: 40px; } .shortinput { width: 110px; } #editinfo .close { margin: -50px 0 0 380px; } .close { display: block; width: 14px; height: 16px; background: url('images/close.gif') no-repeat; } .text { padding: 10px 20px 10px 0; text-align: justify; } .text img { float: right; margin: 0 0 4px 10px; border: 3px solid #67c8e7; border-radius: 15px; } .text h3 { margin: 10px 0 -15px 0; } .newgame { display: block; width: 135px; height: 135px; border-radius: 15px; border: 3px solid #fff; margin: 7px 0; background: url('images/newgamebg.png') no-repeat; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .newgame p { color: #fff; font-size: 17px; text-transform: uppercase; font-family: Noto Sans; font-weight: bold; margin: 3px 0 2px 0; } .newgame a { display: block; width: 95%; height: 25px; flex-shrink: 0; border: none; background: #fab625; color: #fff; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; text-transform: uppercase; font-size: 14px; } .newgame a:hover { border: none; background: #00a4da; } .games .not { display: block; border-radius: 15px; background: #fab625; color: #fff; padding: 6px 0 0 0; border: 0; width: 100px; height: 24px; font-size: 14px; text-transform: uppercase; margin: 10px auto 0 auto; } .games .not:hover { border: 0; background: #1a94bb; } #nextime { color: #0e6481; font-size: 24px; font-family: Noto Sans; font-weight: bold; } .info { width: 85vw; background: #fff; border-radius: 15px; padding: 20px; text-align: justify; } .info img { float: right; margin: 0 0 4px 10px; border: 3px solid #67c8e7; border-radius: 15px; } .info h2 { margin: 0; } #overlay { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; } #overwhite { width: 380px; background: #fff; border-radius: 15px; font-size: 18px; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; z-index: 1001; position: fixed; padding: 20px; left: 50%; top: -500px; margin-left: -200px; font-size: 15px; text-align: center; } #skip2 { display: none; } .rib_new { display: block; position: absolute; width: 80px; height: 70px; background: url('images/rib_new.png') no-repeat; z-index: 99; margin: -5px 0 0 -5px; } .but { display: block; padding: 10px 30px; margin: 10px 0; font-size: 20px; color: #fff; text-transform: capitalize; background: #1ba324; border-radius: 12px; text-align: center; } .but:hover { color: #fff; } .moadv336 { width: 336px; height: 280px; } #chars { width: 100%; height: 80px; text-align: center; overflow-x: scroll; overflow-y: hidden; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-start; margin-top: -20px; } #chars::-webkit-scrollbar { background: #67c8e7; height: 5px; } #chars::-webkit-scrollbar-thumb { background: #1a82a3; } #chars a { display: block; width: 64px; height: 64px; float: left; margin: 3px 0 0 6px; } #chars a img { border: 3px solid #fff; width: 60px; height: 60px; border-radius: 15px; } #chars a:hover img { border: 2px solid #d65b01; filter: brightness(140%); } #chars a div { display: none; position: relative; top: -70px; left: -7px; width: 76px; background: #fff; border-radius: 10px; z-index: 3; border: 1px solid #e58700; } #chars a:hover div { display: block; } #chars a div p { font-size: 14px; color: #111; margin: 3px; } #tree { font-size: 13px; text-transform: uppercase; color: #0e6884; } #tree2 { width: 100%; font-size: 13px; text-transform: uppercase; color: #0e6884; padding: 0 15px 0 0; } #tree a, #tree2 a { color: #0e6884; } #tree span, #tree2 span{ margin: 0 5px; } #racats { width: 100%; height: 50px; overflow-x: scroll; overflow-y: hidden; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } #racats .allcb { background: #fff; color: #1a82a3; } #racats a { font-size: 12px; text-transform: uppercase; display: block; background: #1a82a3; border-radius: 10px; padding: 2px; margin: 3px 2px; color: #fff; } #racats a p { margin: 0 5px; white-space: nowrap; } #racats::-webkit-scrollbar { background: #67c8e7; height: 5px; } #racats::-webkit-scrollbar-thumb { background: #1a82a3; } #allcats { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } #allcats a { font-size: 14px; text-transform: uppercase; display: block; background: #fff; border-radius: 10px; padding: 4px; margin: 5px; color: #fff; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } #allcats a span { font-size: 16px; color: #f12828; } #allcats a p { margin: 0 3px; white-space: nowrap; color: #1a82a3; } #allcats a p:nth-child(2) { font-size: 10px; text-align: right; color: #222; } #allcats a p:nth-child(3) { font-size: 10px; text-align: right; color: #222; } #allcats a img { width: 64px; height: auto; border-radius: 10px; margin: 0 4px 0 0; } .moresideg { width: 100%; border-radius: 15px; background: #67c8e7; padding: 1px 0; } .gamemoregames { margin: -10px 0 0 0; max-height: 450px; overflow: hidden; } .gamemoregames a { border: 3px solid #31b5e1; } .gamemoregames > div { padding: 0; } .gamemoregames a p { text-align: center !important; } #getapp { width: 400px; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; background: #fff; border-radius: 15px; padding: 10px 0; } .gat { font-size: 15px; font-weight: bold; word-spacing: 5px; text-align: center; margin: 0 0 10px 0; } .gat2 { font-size: 16px; padding: 0 10px; font-weight: bold; text-align: center; text-transform: uppercase; } #loadbar { width: 280px; height: 18px; background: #68c8e7; border: 2px solid #68c8e7; border-radius: 10px; background: #fff; text-align: left; } #loadbar div { background: #68c8e7; height: 18px; border-radius: 5px 0 0 5px; } #getlinks { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; display: none; } .pwait { color: #777; font-size: 15px; margin: 0 0 10px 0; } #waitdiv { display: none; } .device_pc, .device_android, .device_ios, .device_online { display: block; font-size: 18px; text-transform: uppercase; border-radius: 10px; color: #fff; text-align: left; margin: 5px 2px; } .device_pc { min-width: 185px; height: 40px; background: url('images/icon_pc.png') no-repeat #11bbf5 10px 50%; } .device_android { width: 245px; height: 40px; background: url('images/icon_android.png') no-repeat #64cf0e 10px 50%; } .device_ios { width: 200px; height: 40px; background: url('images/icon_ios.png') no-repeat #333 10px 50%; } .device_online { width: 185px; height: 40px; background: url('images/icon_html5.png') no-repeat #fd5106 10px 50%; } .device_pc p, .device_android p, .device_ios p, .device_online p { position: relative; top: 8px; left: 47px; white-space: nowrap; } .screenshots { height: 290px; width: 730px; overflow-x: scroll; overflow-y: hidden; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .screenshots img { height: 270px; width: auto; border-radius: 10px; margin: 0 5px; } .screenshots::-webkit-scrollbar { background: #67c8e7; } .screenshots::-webkit-scrollbar-thumb { background: #1a82a3; } .arrow_l { width: 44px; height: 44px; background: url('images/arrow_l.png') no-repeat; position: absolute; margin: 120px 0 0 -350px; } .arrow_r { width: 44px; height: 44px; background: url('images/arrow_r.png') no-repeat; position: absolute; margin: 120px 0 0 310px; } .fload { width: 432px; height: 276px; background: #67c8e7; border-radius: 15px; float: right; margin: 7px 5px -150px 8px; z-index: 105; padding: 4px 0 0 0; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; border: 3px solid #fff; } .padvert { transform: rotate(-90deg); margin: 0 -30px 0 -65px; } #loading { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 1000; font-size: 30px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; background: #67c8e7; color: #fff; } #installApp { height: 40px; width: 8%; min-width: 200px; padding: 0 20px; background: #1ba01e; border-radius: 15px; color: #fff; font-size: 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; white-space: nowrap; } #installApp:hover{ cursor: pointer; background: #eda326; } .install { display: none; } .installApp { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center; } #popup { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); flex-flow: row wrap; justify-content: center; align-items: center; z-index: 100; } #apprate { width: 310px; height: 246px; background: url('images/apprate.png') no-repeat; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; } #apprate img { margin: 0 0 -5px 0; } .pr { font-size: 24px; color: #111; line-height: 100%; margin: 20px 0 0 0; } .no { color: #999; font-size: 14px; margin: 0 0 15px 25px; width: 100%; text-align: left; position: relative; z-index: 9; } .no:hover { text-decoration: underline; } .rghost { display: block; width: 310px; height: 240px; position: absolute; } .play { min-width: 260px; height: 50px; padding: 0 30px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; font-size: 26px; text-transform: uppercase; font-weight: bold; color: #fff; background: #31b5e1; border-radius: 20px; } .play:hover { color: #fff; } .play img { margin: 0 10px -2px 0; } .qr { border-radius: 10px; } #loadmoregames { width: 100%; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } #loadani { display: none; } #morebut { display: block; padding: 8px 70px; background: #fab625; border-radius: 18px; color: #fff; font-size: 20px; text-transform: uppercase; margin: 0 0 15px 0; } #offline { font-family: Noto Sans; width: 100vw; height: 100vh; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; color: #fff; } #picats { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; overflow-x: scroll; overflow-y: hidden; width: 100%; margin: 4px 0 5px 0; } #picats div { margin: 0 3px 4px 3px; border-radius: 15px; border: 3px solid #fff; } #picats a { display: block; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } #picats a p { display: none; font-size: 13px; background-color: #fff; border-radius: 5px; color: #155167; padding: 2px; position: absolute; } #picats a:hover p { display: block; line-height: 100%; margin-top: -6px; } #picats::-webkit-scrollbar { background: #67c8e7; height: 5px; } #picats::-webkit-scrollbar-thumb { background: #1a82a3; } .maincattag { background-color: #fff; border-radius: 0 15px 0 15px; padding: 5px 20px; color: #67c8e7; text-transform: uppercase; margin: 0 0 0 10px; white-space: nowrap; border: 2px solid #67c8e7; } .maincattag:hover { background-color: #67c8e7; color: #fff; } .gamespec { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin: 15px 0; text-transform: capitalize; } .ple { text-align: left !important; line-height: 180% !important; } #users { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; } #users > div { width: 25%; min-width: 350px; flex-shrink: 0; margin: 0 25px 25px 25px; } .hp { color: #074153; font-size: 15px; text-transform: uppercase; font-weight: bold; } .hp2 { color: #074153; font-size: 24px; text-transform: uppercase; font-weight: bold; } .ufp { width: 100% !important; } .abanbig { width: 100%; margin: 0 0 15px 0; } .abanbig p { color: #fff; text-transform: uppercase; font-size: 13px; } .bab { display: none; color: #fff; text-transform: uppercase; font-size: 13px; width: 90%; padding: 10px; } .fle { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; } .smaller {zoom: 0.7;} @media (max-width:1300px) { #logo { right: 31%; } } @media (max-width:1140px) { #main { max-width: 750px; } .adv300 { width: 100%; margin: 10px 0 10px 0; } .adv300 div { width: 100%; } #chars { justify-content: left; } #racats, #picats { justify-content: left; } } @media (max-width:880px) { #logo { display: none; } .splitwhite { border-radius: 15px; margin: 0 20px; width: 100%; } .splitblue { border-radius: 15px; margin: 20px; width: 100%; } .ghostlogin { margin: -56px 0 0 0; } #bestplayers a p:nth-child(1) { width: 68vw; } .userinfo { max-width: 100%; } #bigbottom div:nth-child(3) { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } #bigbottom div:nth-child(3) p { width: 100%; margin: 0 0 0 33%; } } @media (max-width:770px) { #top { height: 130px; align-items: start; margin-bottom: 0; } .topa { height: 130px; } .topus { position: absolute; top: 63px; } #logo { display: block; margin-right: -55px; right: 50%; width: 110px; height: 59px; background: url('images/logo.png') no-repeat; background-size: cover; } #dropmenu, #droplang { top: 130px; } #dropsearch { top: 130px; } .adv728 { width: 440px; } .adv728 div { width: 100%; } .padv { display: flex; justify-content: center; } .ib5 { justify-content: center; } #bottom { flex-flow: column wrap; justify-content: center; } #chars { margin-top: 1px; } .screenshots { width: 80vw; } .arrow_l { margin: 120px 0 0 0; left: 20px; } .arrow_r { margin: 120px 0 0 0; right: 20px; } } .flegame { width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin: 0 0 20px 0; } .sidel { width: 90px; text-align: left; height: 600px; overflow: hidden; padding: 0 8px; flex-shrink: 0; } .sider { width: 90px; text-align: right; height: 600px; overflow: hidden; padding: 0 8px; flex-shrink: 0; } .advert300, .advert160 { height: 600px; } .advert300 > p, .advert160 > p { text-transform: uppercase; font-size: 13px; color: #fff; position: absolute; margin-top: -15px; text-align: center; } .advert300 > p {width: 300px;} .advert160 > p {width: 160px;} .advert300 { width: 300px; flex-shrink: 0; } .advert160 { width: 160px; flex-shrink: 0; } #game { max-width: 1000px; height: 600px; width: 100%; } .starate { width: 55px; height: 53px; background: url('images/star.png') no-repeat; color: #fff; font-weight: bold; } .starate p { margin: 19px 0 0 0; font-family: Noto Sans; } .fleg { display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; padding: 0; height: 60px; background-color: #67c8e7; } .gai { height: 540px; background-color: #000; } @media (max-width:575px) { #bottom div p { text-align: center; } .adv336 { float: none; width: 100%; height: 300px; margin: 0 0 10px 0; } .adv336 div { width: 97%; position: absolute; left: 4px; } .games a { margin: 3px; } .newgame { margin: 3px; } .fload { width: 416px; height: 276px; margin: 7px 5px -139px 8px; } .charpic { text-align: center; } .charpic img { margin: 20px 0 0 0; float: none; width: 99%; height: auto; } .bab { display: block; } .abanbig {display: none;} .gamespec {justify-content: center;} .gamespec div {margin: 5px 10px;} .infoimgbig2 {width: 88vw; max-width: none; height: auto; margin: 0 0 10px 0;} } @media (max-width:1400px) { .sider {display: none;} .advert300 {margin: 0 0 0 10px;} } @media (max-width:1200px) { .sidel {display: none;} .advert160 {margin: 0 10px 0 0;} } @media (max-width:1000px) { .advert160 {display: none;} } @media (max-width:800px) { .advert300 {display: none;} }