jfrazierc — King Community

/*! * @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 */ /** * https://success.vanillaforums.com/kb/articles/312-adding-a-custom-font-to-your-foundation-based-header-footer * **/ /*---------- 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: appFont, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; 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: appFont, 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: appFont, 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: appFont, 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 { font-family: appFont, 'Courier New', Courier, monospace; text-align: center; } @media screen and (max-width: 960px) { .GlobalFooter { background-color: #6B6B6B; color: #fff; margin-top: 100px; } } @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: appFont, 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; } } .FixedScrollContainer { position: fixed; height: 75px; bottom: 0; width: calc(100% - 20px * 2); left: 0; right: 0; margin: 0 auto; z-index: 20; transform: translateY(800px); transition: transition(transform), transition(background); will-change: transition, background; transition-duration: 0.5s; overflow: hidden; pointer-events: none; } .FixedScrollContainer.isVisible { transform: translateY(-188px); } .FixedScrollTop { position: absolute; top: 0; right: 2px; border: none; background: rgb(214, 214, 214); color: #fff; width: 70px; height: 70px; opacity: 0.7; border-radius: 50%; display: inline-block; box-shadow: 2px 2px rgba(0, 0, 0, 0.3); cursor: pointer; pointer-events: auto; } .FixedScrollTop:focus { outline: none; } /* .FixedScrollTop:hover .icon { transform: translateY(-5px); } .FixedScrollTop .icon { width: 100%; display: block; font-size: 14px; transition: transition(transform); } */ /*# sourceMappingURL=styles.css.map */

We're on the lookout for Soda players of all levels who'd like to join our exclusive Beta Testing program on Discord.
🍭 Sign up to join the program here🍭

Comments

I cannot upload pictures

in Join the exclusive Level 5000 Club! Comment by jfrazierc September 2021
I cannot get my picture to upload

in Join the exclusive Level 5000 Club! Comment by jfrazierc September 2021
How do we add friends to our games?

in Points now give AMAZING rewards! Don't miss this! Comment by jfrazierc September 2021
You guys are great

in Points now give AMAZING rewards! Don't miss this! Comment by jfrazierc September 2021
Thanks guys

in Points now give AMAZING rewards! Don't miss this! Comment by jfrazierc September 2021
22

in 🍫ENDED Win gold by counting the squares ENDED 🍬 Comment by jfrazierc January 2021

Say hi to our Member of the Month!

"I just wanna say thank you and also to the community for choosing me as member of the month. This was so unexpected. I am currently on level 2412 in Candy Crush Friends Saga, not as far as I would like to be. I started reading about all contests that were going on within the community, so I decided to venture out and play more games so now I have download 11 more candy games."

/*! * @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 */ /** * https://success.vanillaforums.com/kb/articles/312-adding-a-custom-font-to-your-foundation-based-header-footer * **/ /*---------- 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: appFont, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; 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: appFont, 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: appFont, 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: appFont, 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 { font-family: appFont, 'Courier New', Courier, monospace; text-align: center; } @media screen and (max-width: 960px) { .GlobalFooter { background-color: #6B6B6B; color: #fff; margin-top: 100px; } } @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: appFont, 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; } } .FixedScrollContainer { position: fixed; height: 75px; bottom: 0; width: calc(100% - 20px * 2); left: 0; right: 0; margin: 0 auto; z-index: 20; transform: translateY(800px); transition: transition(transform), transition(background); will-change: transition, background; transition-duration: 0.5s; overflow: hidden; pointer-events: none; } .FixedScrollContainer.isVisible { transform: translateY(-188px); } .FixedScrollTop { position: absolute; top: 0; right: 2px; border: none; background: rgb(214, 214, 214); color: #fff; width: 70px; height: 70px; opacity: 0.7; border-radius: 50%; display: inline-block; box-shadow: 2px 2px rgba(0, 0, 0, 0.3); cursor: pointer; pointer-events: auto; } .FixedScrollTop:focus { outline: none; } /* .FixedScrollTop:hover .icon { transform: translateY(-5px); } .FixedScrollTop .icon { width: 100%; display: block; font-size: 14px; transition: transition(transform); } */ /*# sourceMappingURL=styles.css.map */

© 2023 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.