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

Candy, Candy Day

Candy, Candy Day

182人がこのバッジを獲得しています。

Most recent recipients

SBH 12月 2020

Timhung 12月 2020

epolstyle 12月 2020

reshma_2121 12月 2020

teresawallace44

teresawallace44 12月 2020

lilikoikisses 12月 2020

clones2010 12月 2020

Sameeksha3 12月 2020

blazzin 12月 2020

fabke 12月 2020

FlaringCrystal120

FlaringCrystal120 12月 2020

bekicrusher 12月 2020

fable1707 12月 2020

debrichmond 12月 2020

Origins7_Dale 11月 2020

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