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

PD987

Level 3

Discussions

3

Comments

89

Points

45

Badges

15

PD987

Level 3

Discussions

3

Comments

89

Points

45

Badges

15

PD987 Level 3

About

Username: PD987
Joined: April 2020
Visits: 114
Last Active: January 11
Roles: Member
Points: 45
Posts: 92
Badges: 15

Reactions

23 Helpful 4 Woah! 26 Sweet 23 Love 10 Haha

Badges

Activity

PD987 earned the Famous badge.

Popular does not describe you. You made your way to fame as you received your 25th like.

December 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.