MediaWiki:Wikia.css

/*Cursor*/ body, a:hover {cursor: url(https://64.media.tumblr.com/a3c596e5de7ea2f7154e8f4f0e00b1d3/tumblr_inline_n8hvr49ETj1sa18wb.gif), progress !important;}

@import url('/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:RectangularButtons/code.css|u:dev:MediaWiki:CustomSlider.css');

@font-face { font-family: "Handwritten"; src: url("https://vignette.wikia.nocookie.net/shawnmendes/images/d/dd/Arvil_Sans.ttf/revision/latest?cb=20210303090247&format=originals") }

@font-face { font-family: "Illuminate"; src: url("https://vignette.wikia.nocookie.net/shawnmendes/images/4/47/Alternate-gothic-no2-d.ttf/revision/latest?cb=20210303091016&format=original") }

@font-face { font-family: "Shawn Mendes"; font-style: normal; src: url("https://vignette.wikia.nocookie.net/bridgit-mendler/images/0/0d/Brandon_bld.otf/revision/latest?cb=20180830041634&path-prefix=es") format("opentype"); } @font-face { font-family: "Wonder"; font-style: normal; src: url("https://vignette.wikia.nocookie.net/bridgit-mendler/images/8/84/Wonder.ttf/revision/latest?cb=20201002144943&path-prefix=es") format("TrueType"); }

/* Wiki background */ body.mediawiki { background:url(https://1.bp.blogspot.com/-NQKamPlpxeY/YGlupec3AyI/AAAAAAAAJhg/gT6fya2_cfkv9vQzPSy0hQLPMftB9ZAcQCLcBGAsYHQ/s0/Untitled%2Bdesign%2B%25283%2529.png) fixed; background-position: center; }

/* Tabs */ /*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/

/*-- Tabberlive is the tabber area Tabbertab is the area inside of the open tab

Removed width: 660px !important; in tabberlive and tabberlive .tabbertab --*/

.tabberlive {

} .tabberlive .tabbertab { border:1px solid transparent !important; }

/*-- Tabbernav is the tab navigation list --*/

ul.tabbernav { border-bottom-color: #dddddd !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(51, 51, 51) !important; font: normal 14px Helvetica, Arial, sans-serif !important; padding-bottom: 6px !important; padding-left: 12px !important; padding-right: 12px !important; padding-top: 8px !important; line-height: 20px !important; }

/*-- Tabbernav is the shape of each "tab" on the list --*/

ul.tabbernav li { }

ul.tabbernav li a { background-color: transparent !important; border-bottom-color: transparent !important; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100% border-image-source: none; border-image-width: 1 1 1 1; border-left-color: transparent !important; border-left-style: solid; border-left-width: 1px; border-right-color: transparent !important; border-right-style: solid; border-right-width: 1px; border-top-color: transparent !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; color: #87868a; margin-right: 2px; outline-color: rgb(51, 51, 51); outline-offset: -2px; outline-style: dotted; outline-width: 0px; padding-bottom: 8px !important; padding-left: 12px !important; padding-right: 12px !important; padding-top: 8px !important; }

ul.tabbernav li a:link { color: #87868a !important; } ul.tabbernav li a:visited { color: #87868a !important; }

ul.tabbernav li a:hover { background-color: #dddddd !important; }

/*-- Active tab, the one open --*/

ul.tabbernav li.tabberactive { margin-bottom: 0px; }

ul.tabbernav li.tabberactive a { background-color: rgb(255, 255, 255) !important; border-bottom-color: transparent; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100% border-image-source: none; border-image-width: 1 1 1 1; border-left-color: rgb(221, 221, 221) !important; border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221) !important; border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221) !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; color: rgb(85, 85, 85);

margin-right: 2px; outline-color: rgb(51, 51, 51); outline-offset: -2px; outline-style: dotted; outline-width: 0px;

padding-bottom: 8px; padding-left: 12px; padding-right: 12px; padding-top: 8px; }

ul.tabbernav li.tabberactive a:hover {

} /******************** End of Customizing Tabber ********************/

/* BETTER BOX SHADOWS IN RAIL */ .module, .WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER, .WikiaRail .WikiaSearch > .wikia-button, .WikiaRail .WikiaSearch > input { box-shadow: 1px 2px 4px black; box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.66); } .WikiaRail .WikiaSearch > button:active { box-shadow: none; }

/* 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); } .hovershadow 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; } .hovershadow img:hover { box-shadow: 0px 0px 13px 1px #0000004D; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }

.rotate:hover img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.rotate img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }

/* Modifies the "edit section" button */ .editsection a { color: #000000; font-family:Helvetica; font-size:9px; text-transform:uppercase; letter-spacing:1px; font-style: none; }

/* Removing edit pencil */ .WikiaArticle .editsection img { display:none; }

/* Heading tweaks */ h3 { font-weight: bold !important; } h4 { font-weight: bold !important; } h5 { font-weight: bold !important; } h6 { font-weight: bold !important; }

/* All Comment Highlighting */ .comments blockquote { background:#F5F5F5 !important; } .comments blockquote:after { border-color: transparent #000000 #000000 transparent !important; } .comments blockquote {color: black !important;} .comments blockquote {font-family: segoe ui; font-size: 14px !important;} .comments blockquote {border: 1px solid #000000 !important;}

/* admins */ a[href="/wiki/User:Camz7"] { color:#000000; font-weight:bold !important; } a[href="/wiki/User:Lucas Millonario"] { color:#000000; font-weight:bold !important; } a[href="/wiki/User:Adorkabler5er"] { color:#000000; font-weight:bold !important; }

/* edit pencil */ .editsection { text-transform: lowercase; } .editsection .sprite.edit-pencil, .template-classification-type-wrapper .sprite-small { background: none; vertical-align: 0; margin-left:-10px; height: 11px; background-position: unset; } .wikia-button .sprite.edit-pencil, .wikia-menu-button .sprite.edit-pencil { background: url('//runescape.wikia.com/wiki/Special:FilePath/Pencil-white.svg') no-repeat; vertical-align: -1px; margin: 0 1px; width: 11px; height: 11px; background-position: unset; } /* protected pages */ .wikia-button .sprite.lock, .wikia-menu-button .sprite.lock { background: url('//runescape.wikia.com/wiki/Special:FilePath/Lock-white.svg') no-repeat; vertical-align: -1px; margin: 0 1px; width: 9px; height: 12px; background-position: unset; }

/* remove gradient from buttons */ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.search-button), input[type="reset"], input[type="button"], .button, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close), .wikia-menu-button > a:hover, .wikia-menu-button > a, .wikia-menu-button > li > a, .wikia-menu-button .drop, .wikia-menu-button > li > a:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button,.WikiaNotifications li div { background-image: none; border-radius: 0px !important; }

a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:not(.search-button):hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close):hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover { background-image: none; border-radius: 0px !important; } a.wikia-button.secondary, .wikia-single-button.secondary a, .wikia-menu-button.secondary, input.secondary[type="submit"], input.secondary[type="reset"], input.secondary[type="button"], .button.secondary, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close).secondary, .wikia-menu-button.secondary > li > a, .WikiHeader .buttons > .contribute, .wikia-menu-button.secondary > a, .wikia-menu-button.secondary .drop, .oo-ui-buttonElement-framed .secondary.oo-ui-buttonElement-button { border-color: #d9d9d9; background-image: none; background-color: #f9f9f9; border-radius: 0px !important; } a.wikia-button.secondary:hover, .wikia-single-button.secondary a:hover, .wikia-menu-button.secondary:hover, input.secondary[type="submit"]:hover, input.secondary[type="reset"]:hover, input.secondary[type="button"]:hover, .button.secondary:hover, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close).secondary:hover, .WikiHeader .buttons > .contribute:hover, .wikia-menu-button.secondary > a:hover, .wikia-menu-button.secondary .drop:hover, .wikia-menu-button.secondary > li > a:hover, .oo-ui-buttonElement-framed .secondary.oo-ui-buttonElement-button:hover { background-image: none; background-color: #f3f3f3; border-radius: 0px !important; } a.wikia-photogallery-add.wikia-button.noprint { display: none; } .wikia-button.comments.secondary { margin-right:0px; }

/* Special:WikiActivity/RecentChanges Styling */ .activity-type-new, .activity-type-categorization, .activity-type-talk, .activity-type-edit { -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; padding-left: 35px !important; transition: all linear 0.1s; } .activity-type-new:hover, .activity-type-categorization:hover, .activity-type-talk:hover, .activity-type-edit:hover { background: #e5e2dc; }

/* TOC Styling */ .toc { margin-top: 20px; background: #f1f1ed !important; border: 1px solid transparent !important; width: 250px !important; } .toc h2 { font-family: "Wonder"; text-transform: uppercase; }

.hr { border: 3px solid #71392C; }

/*Camz7*/ .comments li[data-user="Camz7"] blockquote { color:#000 !important; background:	#EDC9AF url("https://vignette.wikia.nocookie.net/karlacamilacabello/images/8/83/Adminicon.png/revision/latest?cb=20170611101658") bottom center no-repeat !important; } .comments li[data-user="Camz7"] blockquote:after { border-color: transparent white white transparent !important; } .comments li[data-user="Camz7"] blockquote div { background: transparent !important; } .comments li[data-user="Camz7"] blockquote {color:black!important;}

a[href="/wiki/User:Camz7"] { font-weight:bold !important;}

/*New slider customization*/ .nmLeft { background: linear-gradient(to right, rgba(243,198,211,0.8), rgba(243,198,211,0.8), transparent); } .nmLeft li:hover { background: linear-gradient(to right, rgba(231,141,167,0.8), rgba(231,141, 167,0.8), transparent); } .nmRight { background: linear-gradient(to left, rgba(243,198,211,0.8), rgba(243,198, 211, 0.8), transparent); } .nmRight li:hover { background: linear-gradient(to left, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); } .nmTop { width: 700px; background: linear-gradient(to bottom, rgba(243,198,211,0.8), rgba(243,198,211,0.8), transparent); } .nmTop li:hover { background: linear-gradient(to bottom, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); } .nmBottom { width: 700px; background: linear-gradient(to top, rgba(243,198,211,0.8), rgba(243,198,211,0.8), transparent); } .nmBottom li:hover { background: linear-gradient(to top, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); } .nbActiveLeft { background: linear-gradient(to right, rgba(243,198,211,0.8), rgba(243,198,211,0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); } .nbActiveTop { background: linear-gradient(to bottom, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); } .nbActiveBottom { background: linear-gradient(to top, rgba(231,141,167,0.8), rgba(231,141,167,0.8), transparent); }

/* Slider */ background: transparent; width: 100%; height: auto; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-align: center; }
 * 1) SliderView {

position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1); -o-transition-timing-function: cubic-bezier(.67,.01,.23,1); transition-timing-function: cubic-bezier(.67,.01,.23,1); } margin: 0px; padding: 0px; } margin: 0px; } .Sld { height: auto; list-style: none; display: inline; float: left; } .SlideIMG { width: 100%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative; } position: absolute; display: block; } .NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; margin: 0px; background: transparent; } .nmLeft { height: 100%; left: 0px; background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmRight { height: 100%; right: 0px; background: linear-gradient(to left, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmRight li { list-style: none; padding: 10px 10px 10px 100px; } .nmRight li:hover { cursor: pointer; background: linear-gradient(to left, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmTop { width: 100%; top: 0px; background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmTop li { display: inline-block; list-style: none; padding: 10px 10px 20px 10px; } .nmTop li:hover { cursor: pointer; background: linear-gradient(to bottom, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nmBottom { width: 100%; bottom: 0px; background: linear-gradient(to top, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmBottom li { display: inline-block; list-style: none; padding: 20px 10px 10px 10px; } .nmBottom li:hover { cursor: pointer; background: linear-gradient(to top, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); } .nbActiveLeft { background: linear-gradient(to right, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveTop { background: linear-gradient(to bottom, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveBottom { background: linear-gradient(to top, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); }
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {
 * 1) NavBtns {

/* FOOTERPOPMENMUSIC */ .footerpopmenmusic > div { border:1px solid !important; border-radius: 4px !important; box-shadow:0 0 !important; margin:0 !important; width: 992px!important; } .footerpopmenmusic > div > div img {display:none;} .footerpopmenmusic > div > div:nth-child(2) {width: calc(100% - 0px) !important;} .footerpopmenmusic > div > div > div:nth-child(1) { text-decoration: none!important; font-size: 28px !important; } /* END OF FOOTERPOPMENMUSIC */

/* QUOTES */ article blockquote { border-left: 3px solid #87868a; margin: 0; padding: 5px; padding-left: 20px; font-style: italic; } /* END OF QUOTES */

/* header title */ .WikiaPage .page-header__title { font-weight: normal; font-family: Wonder, serif; }

/****** GALLERY ******/ .Gallery { background-color: #87868a; box-shadow: transparent (0, 0, 0, 0.05) 0px 1px 1px 0px inset; background-image:url('https://1.bp.blogspot.com/-KlP70FTs5t8/YGnEhwYzAgI/AAAAAAAAJho/fv9J54GsZVcxzRJE2DNwza5lYryT7t7mgCLcBGAsYHQ/s0/Untitled%2Bdesign%2B%25286%2529.png'); background-position: center; }

/* grayscale */ .grayscale img { filter: url("data:image/svg+xml;utf8, #grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscale img:hover { filter: url("data:image/svg+xml;utf8, #grayscale"); -webkit-filter: grayscale(0%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .footerpopmenmusic > div { border:0px solid #000 !important; border-radius: 4px !important; box-shadow:0 0 !important; margin:0 !important; width: 992px!important; } .footerpopmenmusic > div > div img {display:none;} .footerpopmenmusic > div > div:nth-child(2) {width: calc(100% - 0px) !important;} .footerpopmenmusic > div > div > div:nth-child(1) { text-decoration: none!important; font-size: 28px !important; }

/*Link Shadows*/ a:hover { text-shadow: white 1 1 4px; color:#afafb0!important; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a { color: #5b7093; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a:active { color:#afafb0 } a:visited:hover, .color2 a:visited:hover { color:#afafb0; text-shadow: white 0 0 3px; text-decoration:none; } a:hover, .color2 a:hover { color:#E0E0E0; text-shadow: white 0 0 3px; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } .WikiaFooter .tools-menu a:hover { color:#afafb0; text-shadow: white 0 3px 3px text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a.new:hover { color:#afafb0; text-shadow: white 0 0 3px; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } a.tag { color: inherit; }

/* infoboxes */ .portable-infobox { border: 1px solid #d6dbe4; background-color: #e6eaef; } .portable-infobox .pi-image-collection-tabs { text-align: center; } .pi-secondary-background { background-color: #d6dbe4; } .pi-title { background-color: #d6dbe4; }

/* infobox tabs */ ul.pi-image-collection-tabs li { border: none; font-size: small; } ul.pi-image-collection-tabs li.current { background: #d2d2d200; font-weight: bold; border-bottom: 4px solid #5b7093; color: #5b7093; } li.pi-tab-link.pi-item-spacing { padding: 0px 10px; font-size: 10px; border-bottom: 4px solid transparent; transition: .5s; } ul.pi-image-collection-tabs li { border: none; } ul.pi-image-collection-tabs { margin: 0 0 0 0 !important; } span.thumbnail-play-icon-container { display: none; }

/* wiki header */ .WikiHeader { font-family: Display; }

.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: #000; 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: #000; 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: #000; 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); }

/* hatnote */ div.hatnote { padding-left: 1.6em; margin-bottom: 0.5em; color: grey; font-size: 15px; text-align: center; } .hatnote { font-style: italic; }

/* Affiliations */

.home-links2 { margin:0 !important; padding:0; text-align:center; } .home-links2 li { color: #5d7093; background: url(https://static.wikia.nocookie.net/shawnmendes/images/3/30/Background-Affiliates.png/revision/latest?cb=202102170724432); display:inline-block; overflow: hidden; text-align:center; margin: 1px 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; transition:all .4s ease; } .home-links2 li.hover, .home-links2 li:hover { background: black; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; -ms-transition: all 3s ease; color: white; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.5), 0 4px 15px 0 rgba(0, 0, 0, 0.5); } .home-links2 li.hover>a span, .home-links2 li:hover>a span { color: white; } .home-creators2 li a { display:block; text-decoration:none; padding:0 20px; } .home-creators2 li a span { font-size:20px; line-height:36px; color: #5d7093; } .home-creators2 li img { width: 90px !important; height: 90px !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; padding:15px; } .home-creators2 li a { display:block; text-decoration:none; padding:0 2px; } .home-creators2 img:hover { -webkit-filter:grayscale(50%); }

/* Navbox */ .navbox { width: 100%; font-size: smaller; } .navbox-title { font-size: small; } tr.navbox-gutter { display: none; }

/* Headings for pages*/ .WikiaPage { font-family: 'Times New Roman'; } .WikiaArticle h2 { border-bottom: solid 1px #87868a; }

/* Wiki title */ .wds-community-header__sitename { font-family: 'Wonder'; color: #5b7093; } /* scrollbar */
 * -webkit-scrollbar {

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

background: #87868a; }
 * -webkit-scrollbar-thumb:hover {

background: #87868a !important; }
 * -webkit-scrollbar-thumb:active {

background: #87868a !important; }

/* Rail Modules */ .WikiaRail .rail-module, .WikiaArticle pre, .WikiaRail .module, .WikiaArticle .thumbinner, .WikiaArticleCategories, .WikiaLatestEarnedBadgesModule { color: #3a3a3a; }

.WikiaRail .rail-module h2, .WikiaLatestEarnedBadgesModule > h2.achievements-title { font-family: 'Wonder', serif; font-size: 14px !important; font-weight: normal !important; }

/* Arrow removed from links */ .WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after { background-image: none; content: none; }

/* side */ .WikiaSiteWrapper .WikiaPage { padding-top: 0; box-shadow: 0px 0px 15px #989898; }