/*! * @author Adam Charron <adam.c@vanillaforums.com> * @copyright 2009-2020 Vanilla Forums Inc. * @license GPL-2.0-only */ /* This stylesheet generated by Transfonter (https://transfonter.org) on July 14, 2017 7:45 PM */ @font-face { font-family: "SuperGroteskOffc"; src: url("./fonts/SuperGroteskOffcPro/king_SuperGroteskOffcPro.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "SuperGroteskOffc"; src: url("./fonts/SuperGroteskOffcPro/king_SuperGroteskOffcPro.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "SuperGroteskOffc"; src: url("./fonts/SuperGroteskOffcPro/king_SuperGroteskOffcPro-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "SuperGroteskOffc"; src: url("./fonts/SuperGroteskOffcPro/king_SuperGroteskOffcPro-Medium.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "SuperGroteskOffc"; src: url("./fonts/SuperGroteskOffcPro/SuperGroteskPro-Bold_unlicensed_0.otf") format("opentype"); font-weight: 800; font-style: normal; } @font-face { font-family: "icomoon"; src: url("./fonts/icomoon/icomoon.eot?cwtzhl"); src: url("./fonts/icomoon/icomoon.eot?cwtzhl#iefix") format("embedded-opentype"), url("./fonts/icomoon/icomoon.ttf?cwtzhl") format("truetype"), url("./fonts/icomoon/icomoon.woff?cwtzhl") format("woff"), url("./fonts/icomoon/icomoon.svg?cwtzhl#icomoon") format("svg"); font-weight: normal; font-style: normal; } /*---------- Variables ----------*/ /*============================================= = Animations = =============================================*/ @keyframes slideInMenu { 0% { z-index: 15; transform: translateY(-100%); opacity: 0; } 100% { z-index: 15; transform: translateY(0); opacity: 1; } } @keyframes slideOutMenu { 0% { transform: translateY(0); opacity: 1; z-index: 15; } 99% { transform: translateY(-100%); opacity: 0; } 100% { z-index: -1; } } /*===== End of Animations ======*/ /*============================================= = Variables =============================================*/ /*---------- General Colors ----------*/ /*---------- Brand Colors ----------*/ /*---------- Font Colors ----------*/ /*---------- Font Variables ----------*/ /*---------- Animation Properties ----------*/ /*---------- Gutter ----------*/ /*---------- Dimensions ----------*/ /*---------- MeBox ----------*/ /*---------- Header ----------*/ /*---------- Navigation ----------*/ /*---------- Body ----------*/ /*---------- Lists ----------*/ /*---------- Counts ----------*/ /*---------- Flyouts ----------*/ /*---------- Panel ----------*/ /*---------- Content ----------*/ /*---------- Form Elements ----------*/ /*---------- Message ----------*/ /*---------- Media Query Breakpoints ----------*/ /*===== End of Variables ======*/ /*---------- Base - This is the core of the theme. applies everywhere. ----------*/ /*============================================================= = Utility mixins, functions and classes = ==============================================================*/ /* ---------- Lists mixins ---------- */ @media screen and (max-width: 960px) { .NoScroll { height: 100vh; overflow: hidden; } } .PageTitle { margin-bottom: 20px; } .RowGrid { display: flex; align-items: stretch; width: 100%; margin: 20px 0 40px; } .RowGrid::after { content: ""; display: table; clear: both; } .RowGrid > * { width: calc(50% - 10px); margin: 0; } .RowGrid > *:nth-child(2n) { margin-left: auto; } @media screen and (max-width: 960px) { .RowGrid { margin: 20px 0 5px; flex-wrap: wrap; } .RowGrid > * { width: 100%; } .RowGrid > * + * { margin-top: 20px; } } .js-isMobile { position: absolute; display: none; width: 3px; } @media screen and (max-width: 960px) { .js-isMobile { width: 2px; } } @media screen and (max-width: 600px) { .js-isMobile { width: 1px; } } /*============================================= = Typography =============================================*/ body { font-family: "SuperGroteskOffc", Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; color: #6B6B6B; color: #6B6B6B; } * { font-family: inherit; color: inherit; line-height: inherit; font-weight: inherit; font-size: inherit; overflow-wrap: break-word; word-break: normal; word-break: break-word; } p, span { padding: 0; margin: 0; line-height: inherit; } a { transition: color 0.1s ease-out; font-family: "SuperGroteskOffc", Helvetica, sans-serif; font-weight: 400; font-size: 16px; color: #00B67D; line-height: inherit; } a:focus, a:hover { color: #2EC797; } p { margin: 4px 0; } p .emoji { width: 16px; height: auto; } h1, h2, h3, h4, h5, h6 { font-family: "SuperGroteskOffc", Helvetica, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; color: #00B67D; margin: 0; } h1 a.TextColor, h1 a, h2 a.TextColor, h2 a, h3 a.TextColor, h3 a, h4 a.TextColor, h4 a, h5 a.TextColor, h5 a, h6 a.TextColor, h6 a { color: #00B67D; } h1 a.TextColor:focus, h1 a.TextColor:hover, h1 a:focus, h1 a:hover, h2 a.TextColor:focus, h2 a.TextColor:hover, h2 a:focus, h2 a:hover, h3 a.TextColor:focus, h3 a.TextColor:hover, h3 a:focus, h3 a:hover, h4 a.TextColor:focus, h4 a.TextColor:hover, h4 a:focus, h4 a:hover, h5 a.TextColor:focus, h5 a.TextColor:hover, h5 a:focus, h5 a:hover, h6 a.TextColor:focus, h6 a.TextColor:hover, h6 a:focus, h6 a:hover { color: #2EC797; } h1 { font-size: 32px; } h1 .emoji { width: 32px; height: auto; } h2 { font-size: 24px; } h2 .emoji { width: 24px; height: auto; } strong, b { font-weight: 500; } .CategoryHeading, .Item .Title, .Item.Read .Title, .CategoryName h2, .Item .TitleWrap { font-family: "SuperGroteskOffc", Helvetica, sans-serif; font-weight: 500; font-size: 18px; line-height: 1.5; color: #00B67D; } .CategoryHeading:focus, .CategoryHeading:hover, .Item .Title:focus, .Item .Title:hover, .Item.Read .Title:focus, .Item.Read .Title:hover, .CategoryName h2:focus, .CategoryName h2:hover, .Item .TitleWrap:focus, .Item .TitleWrap:hover { color: #2EC797; } .CategoryHeading a, .CategoryHeading .ItemContent, .Item .Title a, .Item .Title .ItemContent, .Item.Read .Title a, .Item.Read .Title .ItemContent, .CategoryName h2 a, .CategoryName h2 .ItemContent, .Item .TitleWrap a, .Item .TitleWrap .ItemContent { font-size: inherit; font-weight: inherit; font-family: inherit; color: inherit; } .CategoryHeading a:focus, .CategoryHeading a:hover, .CategoryHeading .ItemContent:focus, .CategoryHeading .ItemContent:hover, .Item .Title a:focus, .Item .Title a:hover, .Item .Title .ItemContent:focus, .Item .Title .ItemContent:hover, .Item.Read .Title a:focus, .Item.Read .Title a:hover, .Item.Read .Title .ItemContent:focus, .Item.Read .Title .ItemContent:hover, .CategoryName h2 a:focus, .CategoryName h2 a:hover, .CategoryName h2 .ItemContent:focus, .CategoryName h2 .ItemContent:hover, .Item .TitleWrap a:focus, .Item .TitleWrap a:hover, .Item .TitleWrap .ItemContent:focus, .Item .TitleWrap .ItemContent:hover { color: inherit; } /*===== End of Typography ======*/ .GlobalFooter { padding: 0; position: relative; font-size: 13px; line-height: 1.5; color: #6B6B6B; background: #F7F4EF; } .GlobalFooter a { color: inherit; } .GlobalFooter a:hover { color: #2EC797; } .GlobalFooter .footer-mask { position: absolute; top: -99px; color: #6B6B6B; height: 100px; width: 100%; display: none; } @media screen and (max-width: 960px) { .GlobalFooter .footer-mask { display: block; } } .GlobalFooter .row { display: flex; flex-wrap: wrap; justify-content: center; max-width: 800px; margin-left: auto; margin-right: auto; } .GlobalFooter .row.links { display: flex; justify-content: center; color: inherit; font-size: 16px; } .GlobalFooter .row.links .footer-link { margin: 0 32px; } .GlobalFooter .row.links .footer-link:hover, .GlobalFooter .row.links .footer-link:focus, .GlobalFooter .row.links .footer-link:active { color: #00B67D; } .GlobalFooter .footer-link { font-size: inherit; color: inherit; } .GlobalFooter .footer-link:focus, .GlobalFooter .footer-link:hover { text-decoration: underline; color: #fff; } .GlobalFooter .row + .row { margin-top: 30px; } .GlobalFooter .row.vanilla { margin-top: 16px; } .GlobalFooter .Container { padding-bottom: 80px; z-index: 1; padding-top: 20px; } @media screen and (max-width: 960px) { .GlobalFooter .Container { padding-top: 0; } } .GlobalFooter .king-logo { width: 115px; } .GlobalFooter .king-logo img { width: 100%; height: auto; } .GlobalFooter .king-rights { text-align: center; } @media screen and (max-width: 960px) { .GlobalFooter { background-color: #6B6B6B; color: #fff; } } @media screen and (max-width: 600px) { .GlobalFooter { margin-top: 35px; } .GlobalFooter .row + .row { margin-top: 0; } .GlobalFooter .row.rights.rights { order: 3; margin-top: 16px; } .GlobalFooter .king-rights { font-family: Helvetica, Arial, sans-serif; } .GlobalFooter .Container { display: flex; flex-direction: column; position: relative; } .GlobalFooter .row.links { order: 2; flex-direction: column; align-items: center; font-size: 18px; margin-top: 16px; } .GlobalFooter .footer-link { margin: 0 auto; position: relative; left: 0; right: 0; width: auto; display: block; text-align: center; } .GlobalFooter .footer-link + .footer-link { margin-top: 4px; } .GlobalFooter .row.vanilla { order: 4; justify-content: flex-end; } .GlobalFooter .row.logo, .GlobalFooter .row.vanilla { margin-top: 16px; } .GlobalFooter .footer-mask { top: -44px; height: 45px; } } .GlobalFooter .website-linkWrap.website-linkWrap { margin-top: 5px; } .UserLoggedOut .GlobalFooter .Container { padding-bottom: 40px; } .Vanilla-logo { width: 97px; color: inherit; } @media screen and (max-width: 600px) { .Vanilla-logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

MightyWolf

Legend Be stronger like wolves... 🐺💗 | ◉ My Birthday: February 6th, 2002 🎂 | ◉ My Region: Tunis, Tunisia 🇹🇳| ◉ My Favorite King Games: Candy Crush Saga 🍫 ◆ Candy Crush Friends 🍩

Discussions

307

Comments

15279

Points

9211

Badges

228

MightyWolf

Legend Be stronger like wolves... 🐺💗 | ◉ My Birthday: February 6th, 2002 🎂 | ◉ My Region: Tunis, Tunisia 🇹🇳| ◉ My Favorite King Games: Candy Crush Saga 🍫 ◆ Candy Crush Friends 🍩

Discussions

307

Comments

15279

Points

9211

Badges

228

MightyWolf Legend

The biggest Crash Bandicoot: On the Run Community Competition is HERE! 💞💎 Collect as much trophies as you can to beat other players progress for the big rewards! Join the first Wumpa Games Now!

Reactions

3.3K Helpful 3.4K Woah! 5.6K Sweet 11.4K Love 3.2K Haha

/*! * @author Adam Charron <adam.c@vanillaforums.com> * @copyright 2009-2020 Vanilla Forums Inc. * @license GPL-2.0-only */ /* This stylesheet generated by Transfonter (https://transfonter.org) on July 14, 2017 7:45 PM */ @font-face { font-family: "SuperGroteskOffc"; src: url("./fonts/SuperGroteskOffcPro/king_SuperGroteskOffcPro.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "SuperGroteskOffc"; src: url("./fonts/SuperGroteskOffcPro/king_SuperGroteskOffcPro.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "SuperGroteskOffc"; src: url("./fonts/SuperGroteskOffcPro/king_SuperGroteskOffcPro-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "SuperGroteskOffc"; src: url("./fonts/SuperGroteskOffcPro/king_SuperGroteskOffcPro-Medium.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "SuperGroteskOffc"; src: url("./fonts/SuperGroteskOffcPro/SuperGroteskPro-Bold_unlicensed_0.otf") format("opentype"); font-weight: 800; font-style: normal; } @font-face { font-family: "icomoon"; src: url("./fonts/icomoon/icomoon.eot?cwtzhl"); src: url("./fonts/icomoon/icomoon.eot?cwtzhl#iefix") format("embedded-opentype"), url("./fonts/icomoon/icomoon.ttf?cwtzhl") format("truetype"), url("./fonts/icomoon/icomoon.woff?cwtzhl") format("woff"), url("./fonts/icomoon/icomoon.svg?cwtzhl#icomoon") format("svg"); font-weight: normal; font-style: normal; } /*---------- Variables ----------*/ /*============================================= = Animations = =============================================*/ @keyframes slideInMenu { 0% { z-index: 15; transform: translateY(-100%); opacity: 0; } 100% { z-index: 15; transform: translateY(0); opacity: 1; } } @keyframes slideOutMenu { 0% { transform: translateY(0); opacity: 1; z-index: 15; } 99% { transform: translateY(-100%); opacity: 0; } 100% { z-index: -1; } } /*===== End of Animations ======*/ /*============================================= = Variables =============================================*/ /*---------- General Colors ----------*/ /*---------- Brand Colors ----------*/ /*---------- Font Colors ----------*/ /*---------- Font Variables ----------*/ /*---------- Animation Properties ----------*/ /*---------- Gutter ----------*/ /*---------- Dimensions ----------*/ /*---------- MeBox ----------*/ /*---------- Header ----------*/ /*---------- Navigation ----------*/ /*---------- Body ----------*/ /*---------- Lists ----------*/ /*---------- Counts ----------*/ /*---------- Flyouts ----------*/ /*---------- Panel ----------*/ /*---------- Content ----------*/ /*---------- Form Elements ----------*/ /*---------- Message ----------*/ /*---------- Media Query Breakpoints ----------*/ /*===== End of Variables ======*/ /*---------- Base - This is the core of the theme. applies everywhere. ----------*/ /*============================================================= = Utility mixins, functions and classes = ==============================================================*/ /* ---------- Lists mixins ---------- */ @media screen and (max-width: 960px) { .NoScroll { height: 100vh; overflow: hidden; } } .PageTitle { margin-bottom: 20px; } .RowGrid { display: flex; align-items: stretch; width: 100%; margin: 20px 0 40px; } .RowGrid::after { content: ""; display: table; clear: both; } .RowGrid > * { width: calc(50% - 10px); margin: 0; } .RowGrid > *:nth-child(2n) { margin-left: auto; } @media screen and (max-width: 960px) { .RowGrid { margin: 20px 0 5px; flex-wrap: wrap; } .RowGrid > * { width: 100%; } .RowGrid > * + * { margin-top: 20px; } } .js-isMobile { position: absolute; display: none; width: 3px; } @media screen and (max-width: 960px) { .js-isMobile { width: 2px; } } @media screen and (max-width: 600px) { .js-isMobile { width: 1px; } } /*============================================= = Typography =============================================*/ body { font-family: "SuperGroteskOffc", Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; color: #6B6B6B; color: #6B6B6B; } * { font-family: inherit; color: inherit; line-height: inherit; font-weight: inherit; font-size: inherit; overflow-wrap: break-word; word-break: normal; word-break: break-word; } p, span { padding: 0; margin: 0; line-height: inherit; } a { transition: color 0.1s ease-out; font-family: "SuperGroteskOffc", Helvetica, sans-serif; font-weight: 400; font-size: 16px; color: #00B67D; line-height: inherit; } a:focus, a:hover { color: #2EC797; } p { margin: 4px 0; } p .emoji { width: 16px; height: auto; } h1, h2, h3, h4, h5, h6 { font-family: "SuperGroteskOffc", Helvetica, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; color: #00B67D; margin: 0; } h1 a.TextColor, h1 a, h2 a.TextColor, h2 a, h3 a.TextColor, h3 a, h4 a.TextColor, h4 a, h5 a.TextColor, h5 a, h6 a.TextColor, h6 a { color: #00B67D; } h1 a.TextColor:focus, h1 a.TextColor:hover, h1 a:focus, h1 a:hover, h2 a.TextColor:focus, h2 a.TextColor:hover, h2 a:focus, h2 a:hover, h3 a.TextColor:focus, h3 a.TextColor:hover, h3 a:focus, h3 a:hover, h4 a.TextColor:focus, h4 a.TextColor:hover, h4 a:focus, h4 a:hover, h5 a.TextColor:focus, h5 a.TextColor:hover, h5 a:focus, h5 a:hover, h6 a.TextColor:focus, h6 a.TextColor:hover, h6 a:focus, h6 a:hover { color: #2EC797; } h1 { font-size: 32px; } h1 .emoji { width: 32px; height: auto; } h2 { font-size: 24px; } h2 .emoji { width: 24px; height: auto; } strong, b { font-weight: 500; } .CategoryHeading, .Item .Title, .Item.Read .Title, .CategoryName h2, .Item .TitleWrap { font-family: "SuperGroteskOffc", Helvetica, sans-serif; font-weight: 500; font-size: 18px; line-height: 1.5; color: #00B67D; } .CategoryHeading:focus, .CategoryHeading:hover, .Item .Title:focus, .Item .Title:hover, .Item.Read .Title:focus, .Item.Read .Title:hover, .CategoryName h2:focus, .CategoryName h2:hover, .Item .TitleWrap:focus, .Item .TitleWrap:hover { color: #2EC797; } .CategoryHeading a, .CategoryHeading .ItemContent, .Item .Title a, .Item .Title .ItemContent, .Item.Read .Title a, .Item.Read .Title .ItemContent, .CategoryName h2 a, .CategoryName h2 .ItemContent, .Item .TitleWrap a, .Item .TitleWrap .ItemContent { font-size: inherit; font-weight: inherit; font-family: inherit; color: inherit; } .CategoryHeading a:focus, .CategoryHeading a:hover, .CategoryHeading .ItemContent:focus, .CategoryHeading .ItemContent:hover, .Item .Title a:focus, .Item .Title a:hover, .Item .Title .ItemContent:focus, .Item .Title .ItemContent:hover, .Item.Read .Title a:focus, .Item.Read .Title a:hover, .Item.Read .Title .ItemContent:focus, .Item.Read .Title .ItemContent:hover, .CategoryName h2 a:focus, .CategoryName h2 a:hover, .CategoryName h2 .ItemContent:focus, .CategoryName h2 .ItemContent:hover, .Item .TitleWrap a:focus, .Item .TitleWrap a:hover, .Item .TitleWrap .ItemContent:focus, .Item .TitleWrap .ItemContent:hover { color: inherit; } /*===== End of Typography ======*/ .GlobalFooter { padding: 0; position: relative; font-size: 13px; line-height: 1.5; color: #6B6B6B; background: #F7F4EF; } .GlobalFooter a { color: inherit; } .GlobalFooter a:hover { color: #2EC797; } .GlobalFooter .footer-mask { position: absolute; top: -99px; color: #6B6B6B; height: 100px; width: 100%; display: none; } @media screen and (max-width: 960px) { .GlobalFooter .footer-mask { display: block; } } .GlobalFooter .row { display: flex; flex-wrap: wrap; justify-content: center; max-width: 800px; margin-left: auto; margin-right: auto; } .GlobalFooter .row.links { display: flex; justify-content: center; color: inherit; font-size: 16px; } .GlobalFooter .row.links .footer-link { margin: 0 32px; } .GlobalFooter .row.links .footer-link:hover, .GlobalFooter .row.links .footer-link:focus, .GlobalFooter .row.links .footer-link:active { color: #00B67D; } .GlobalFooter .footer-link { font-size: inherit; color: inherit; } .GlobalFooter .footer-link:focus, .GlobalFooter .footer-link:hover { text-decoration: underline; color: #fff; } .GlobalFooter .row + .row { margin-top: 30px; } .GlobalFooter .row.vanilla { margin-top: 16px; } .GlobalFooter .Container { padding-bottom: 80px; z-index: 1; padding-top: 20px; } @media screen and (max-width: 960px) { .GlobalFooter .Container { padding-top: 0; } } .GlobalFooter .king-logo { width: 115px; } .GlobalFooter .king-logo img { width: 100%; height: auto; } .GlobalFooter .king-rights { text-align: center; } @media screen and (max-width: 960px) { .GlobalFooter { background-color: #6B6B6B; color: #fff; } } @media screen and (max-width: 600px) { .GlobalFooter { margin-top: 35px; } .GlobalFooter .row + .row { margin-top: 0; } .GlobalFooter .row.rights.rights { order: 3; margin-top: 16px; } .GlobalFooter .king-rights { font-family: Helvetica, Arial, sans-serif; } .GlobalFooter .Container { display: flex; flex-direction: column; position: relative; } .GlobalFooter .row.links { order: 2; flex-direction: column; align-items: center; font-size: 18px; margin-top: 16px; } .GlobalFooter .footer-link { margin: 0 auto; position: relative; left: 0; right: 0; width: auto; display: block; text-align: center; } .GlobalFooter .footer-link + .footer-link { margin-top: 4px; } .GlobalFooter .row.vanilla { order: 4; justify-content: flex-end; } .GlobalFooter .row.logo, .GlobalFooter .row.vanilla { margin-top: 16px; } .GlobalFooter .footer-mask { top: -44px; height: 45px; } } .GlobalFooter .website-linkWrap.website-linkWrap { margin-top: 5px; } .UserLoggedOut .GlobalFooter .Container { padding-bottom: 40px; } .Vanilla-logo { width: 97px; color: inherit; } @media screen and (max-width: 600px) { .Vanilla-logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

© 2020 King.com Ltd. King, the King crown logo, the game names and related marks are trademarks of King.com Ltd. or related entities. All rights reserved.