MediaWiki:Wikia.css

/* Background (Credits to UtauSteam) */

html { /* Fixes background in Android versions of Chrome and Opera */ height: 100%; width: 100%; } body.mediawiki { /* Don't remove the class or the background will appear in message boxes for anonymous users */ background:#000 url("https://static.wikia.nocookie.net/check-mate/images/d/d8/CH_Main_photo3_.png/revision/latest?cb=20201109105512") no-repeat fixed center top / cover !important; } /* header title */ .WikiaPage .page-header__title { text-transform: capitalize; font-family: 'Poppins', sans-serif !important; color:#0f4563; } .WikiaPage .WikiaPageBackground { border-top: 3px solid #216b95!important; } /* Font body */ body { font-family:'Poppins' !important; text-align: justify; color:#000; }

/* Custom Fonts */ @font-face { font-family: "Antique Olive"; font-style: normal; src: url("https://vignette.wikia.nocookie.net/bridgit-mendler/images/6/61/Antique_Olive_Std_Nord.otf/revision/latest?cb=20200925180805&path-prefix=es") format("OpenType"); }

@font-face { font-family: "Jenna Jenkins"; font-style: normal; src: url("https://vignette.wikia.nocookie.net/bridgit-mendler/images/4/48/Jenna_Jenkins.ttf/revision/latest?cb=20181017202106&path-prefix=es") format("TrueType"); }

/* Buttons */ body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #contentSub:not(.contentSub) a, body.mw-special-Contributions #contentSub #contentSubSub a { background: #ffb6ad; } body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, body.mw-special-Contributions #contentSub:not(.contentSub) a:active, body.mw-special-Contributions #contentSub:not(.contentSub) a:focus, body.mw-special-Contributions #contentSub:not(.contentSub) a:hover, body.mw-special-Contributions #contentSub #contentSubSub a:active, body.mw-special-Contributions #contentSub #contentSubSub a:focus, body.mw-special-Contributions #contentSub #contentSubSub a:hover { background: #216b95; } a.wikia-button,.wikia-single-button a,.wikia-menu-button,input[type="submit"]:not(.wds-button),input[type="reset"],input[type="button"],.button,button { background-image: unset; font-family:'Poppins'; }

/* Scroll Bar (from the Little Mix wiki)*/
 * -webkit-scrollbar {

width: 12px; height: 12px; }
 * -webkit-scrollbar-thumb {

background: #216b95; }
 * -webkit-scrollbar-thumb:hover {

background:#216b95!important; }
 * -webkit-scrollbar-thumb {

width:4px !important; }

/* Wordmark */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #c23e3e; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #c23e3e; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/* poll-banner */ .poll-banner { background-image: url('https://static.wikia.nocookie.net/check-mate/images/1/1e/CHKM-GR.jpeg/revision/latest?cb=20200927121630'); background-size: cover; } .poll { background: linear-gradient(to left,rgba(65, 33, 57,.3), rgba(108, 36, 92, 0.9)) ; color: white; font-weight: 300; padding: 2em 1.5em; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); font-size: 160%; line-height: 125%; } .about { background: linear-gradient(to left,rgba(62, 5, 86,.3), rgba(105, 31, 146, 0.9)) ; } /***************************************/ /* Poll */ .ajax-poll { width: auto !important; background-color: none; border: 1px solid #fff !important; border-radius:0px; font-family: 'Montserrat'; } .ajax-poll .header { font-size: 120%; text-align: center; font-family: 'Montserrat'; } .pollAnswerName { font-size: 110%; padding: 0 !important; } .pollAnswerVotes { border: 1px solid #fff!important; border-radius: 0px; margin: 0 !important; height: 12px !important; } .pollAnswerVotes span { color: #fff !important; top: -5px !important; } .pollAnswerVotes div { background:	#7e0061!important; border-radius: 0px; height: 12px !important; }

/* Links */ .WikiaPage a { font-weight: bold; transition: opacity 0.3s ease; } .WikiaPage a:hover { color:#0586ba; text-shadow: 0 0 2px currentcolor; } /* Masthead */ .UserProfileMasthead .masthead-info { border-radius: 100%; } .avatar { border-radius: 100%; } img.avatar { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } img.avatar:hover { border-radius: 100%; box-shadow:0 0 20px transparent; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

/******************/ /* Slider */

/** Navbox **/ .navbox img { filter: drop-shadow(0 0 0 white) hue-rotate(255deg) brightness(3) contrast(0.5); }

/* Headings */ .WikiaArticle h2 { font-family: 'Poppins', sans-serif !important; font-size: 22px; color: #0f4563; line-height: 30px; border-bottom: solid 1px #216b95; padding-bottom: 5px; } .WikiaPage .heading { font-family: 'Poppins', sans-serif !important; font-weight: 700 !important; font-size: 22px; text-transform: none; letter-spacing: 0; margin-bottom: 10px; margin-top: 20px; } .WikiaArticle .editsection { float: right; } .WikiaArticle .editsection > a { content: url(/wiki/Special:Filepath?file=edit-pencil.png); width: 16px; height: 16px; } .WikiaArticle { font-family: 'Montserrat'; }

/******************/ /* ================   ALL HOVERS IN THE WIKI ================ */

.hoverspin img { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .hoverspin img:hover { border-radius: 100%; box-shadow:0 0 10px #216b95; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.increase img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .increase img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); }

.grayscalehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscalehover:hover { -webkit-filter: invert(100%); }

/* Credit to fategrandorder.wikia.com */ .spanse, .spancr, .spanmm, .spanen, .spanqunew, .spansk{ float:left; display: block; position: relative; z-index: 99; } .spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2{ transition-duration: 0.4s; transition-timing-function: ease-out; display: block; position: absolute; z-index: 100; } .spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { opacity: 0; } .spanse2:hover, .spanmm2:hover, .spanen2:hover, .spancr2:hover, .spanqunew2:hover, .spansk2:hover{ opacity: 100; } .spanse2:hover img, .spanmm2:hover img, .spanen2:hover img, .spancr2:hover img, .spanqunew2:hover img, .spansk2:hover img { opacity: .9; }

/* ============    CUSTOM DROPDOWN MENU ============    This part should not be edited because it helps in ITZY Navbox */ /* Custom Dropdown Menu */ .WikiaArticle { overflow: visible; } .custom-dropdown { background: transparent !important; color: CurrentColor !important; font-weight:bold; padding: 1px 8px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a, .custom-dropdown li strong.selflink { height: 14px; line-height: 14px; font-size:10px !important; } .custom-dropdown .wikia-menu-button:hover { background-color: #f5f5f5 !important; } .wikia-menu-button ul strong.selflink { display: block; padding: 9px 9px 7px; } .wikia-menu-button ul strong.selflink:hover { text-decoration: underline var(--activity-light-background-color); background: var(--activity-light-morelink-color); cursor: default; } .custom-dropdown:not(:first-of-type) > :first-child:before { content: "•"; position: relative; left: -9px; } .custom-dropdown > :first-child:after { background-image: url(data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D); border-color: #fff9 transparent transparent; border-width: 2px; }

/* ====================    No borders ==================== */ /*** Normal button stylings ***/ a.wikia-button.secondary, a.wikia-button, button, .button, .edit-topic, .preview-button, .quote-button, .quote-button.secondary, .share-button, .wikia-button.comments.secondary.talk, .wikia-menu-button, .wikia-menu-button.secondary.control-button, .wikia-menu-button.secondary.combined, .WikiHeader.buttons.share-button{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-image:none; } a.wikia-button.secondary:hover, a.wikia-button:hover, button, .button:hover, .preview-button:hover, .quote-button:hover, .quote-button.secondary:hover, .share-button:hover, .wikia-button.comments.secondary.talk:hover, .wikia-menu-button:hover, .wikia-menu-button.secondary.control-button.drop:hover, .wikia-menu-button:hover.secondary.combined, .wikia-menu-button.secondary.combined:hover, .WikiHeader.buttons.share-button:hover{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-image:none; }
 * 1) CategorySelectAdd,
 * 2) CategorySelectCancel,
 * 1) wpPreview,
 * 2) wpPreviewMobile,
 * 1) CategorySelectAdd:hover,
 * 2) CategorySelectCancel:hover,
 * 1) wpPreview:hover
 * 2) wpPreviewMobile:hover,

#article-comm-submit, #ca-edit, #ca-viewsource, #ca-ve-edit, .chat-join, .css-publish-button, .follow.wikia-button, input[type="submit"], #publish, .replyButton, #mw-filedelete-submit, #wpSave, .wikia-menu-button.wikia-menu-button-submit, #WikiaRandomWiki{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-image:none; }   #article-comm-submit:hover, #ca-edit:hover, #ca-viewsource:hover, #ca-ve-edit:hover, .chat-join:hover, .css-publish-button:hover, .follow.wikia-button:hover, input[type="submit"]:hover, #mw-filedelete-submit:hover, #publish:hover, .replyButton:hover, #wpSave:hover, .wikia-menu-button.wikia-menu-button-submit, #WikiaRandomWiki{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-image:none; }  .drop{ background-image:none; border-radius:0; }   .drop:hover{ background-image:none; border-radius:0; }  .drop:active { background-image:none; border-radius:0; } /* bottom border */ .WikiaBarWrapper .toolbar { background: #327698 !important; } .WikiaBarWrapper { background-color: #327698!important; background-image: none !important; } .WikiaBarWrapper { bottom: 0; height: 25px; padding: 0; position: fixed; width: 100%; z-index: 5000100; box-shadow: none !important; transition: all 200ms ease-in 200ms; -webkit-transition: all 200ms ease-in 200ms; } /* no border */ .WikiaPage { border: none; }
 * Publish, Edit, Follow, Join Chat, and other green button stylings ***/

/* Hover */ .hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .inversehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .inversehover:hover { -webkit-filter: invert(100%); } Links  Category:CSS Main Page Special:WikiActivity 

/* Tabbers and Profile Tabs */ .WikiaUserPagesHeader .tabs { padding-left: 17px; } .tabs-container .tabs li[data-id="profile"] a { padding-left: 12px !important; } ul.tabs, ol.tabs { margin-left: -1px; } .tabs li a, ul.tabbernav li a, ul.tabbernav li a:link, ul.tabbernav li a:visited { background: #ffcce4 !important; background-image: none !important; border: 1px solid #ff80bb !important; border-bottom: 0 solid transparent !important; border-radius: 5px 5px 0 0; font-weight: 700; color: #ff80bb !important; } .tabs .selected a, .tabs .selected a:hover, ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover { background: #ffcce4 !important; background-image: none !important; border: 1px solid #ff80bb !important; border-bottom: 0 solid transparent !important; border-radius: 5px 5px 0 0; font-weight: 700; color: #fff !important; } ul.tabbernav li a:hover, .tabs li a:hover { background: #ffe6f2 !important; background-image: none !important; border: 1px solid #ff80bb !important; border-bottom: 0 solid transparent !important; border-radius: 5px 5px 0 0; font-weight: 700; color: #fff !important; } .tabberlive .tabbertab { border-top: 1px solid #ff80bb !important; border-right: 0 solid transparent !important; border-left: 0 solid transparent !important; border-bottom: 0 solid transparent !important; } ul.tabbernav { border: none !important; margin: 0 !important; padding: 0; line-height: 20px; } radius: 5px !important; }