/*! * @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 */

BW3 Halloween fun 2021

BW3 Halloween fun 2021

Thank you for taking part in this special Halloween fun contest!

35 people have earned this badge.

Most recent recipients

Nix66 November 15

jojo75 October 26

Pitty_Kitty October 26

CassD October 25

Lemurtek October 22

DaniTheOG October 20

wykoon October 20

ArriettyM October 20

DieOmimi October 20

Sukanta_Biswas October 20

johamilton October 19

PrettyBubbles October 19

MollyMolls October 18

BubbleGumSoda October 18

mysticalmysty October 18

/*! * @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.