User:AstorBlake333/global.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

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

/* InterWiki CSS created by Mxdanger */ @import url('https://fonts.googleapis.com/css?family=Source Sans Pro');


 * root { /* these variables replace the templates of the same name */

--PrimaryColour: #33577A; --TextColour: #FFF; }

body, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select {font-family:Source Sans Pro, sans-serif !important;} .WikiaPageHeader { font-family: Source Sans Pro, sans-serif; } .WikiaArticle { font-family: Source Sans Pro, sans-serif; }

.WikiaArticle ul ul ul,.WikiaArticle ol ul ul,.WikiaArticle ul ol ul,.WikiaArticle ol ol ul,#Wall.Thread .message .msg-body ul ul ul,#Wall.Thread .message .msg-body ol ul ul,#Wall.Thread .message .msg-body ul ol ul,#Wall.Thread .message .msg-body ol ol ul {   list-style-type: square;} .WikiaArticle ul ul,.WikiaArticle ol ul,#Wall.Thread .message .msg-body ul ul,#Wall.Thread .message .msg-body ol ul {    list-style-type: circle;} .WikiaArticle ul,#Wall.Thread .message .msg-body ul {    list-style-type: disc;}

.unified-search-pagination ul { list-style: none; }

/* Navigational Header*/ .mainheader { font-family: Source Sans Pro, sans-serif; font-size: 50px; } .mainpageheader { font-family: Source Sans Pro, sans-serif; font-size: 22px; text-align: center; } .buttonrow { display: flex; justify-content: center; align-items: center; height: 60px; } .mainbutton { position: relative; font: 30px Source Sans Pro, sans-serif; width: auto; height: auto; transition: all 0.4s ease; padding: 2.5px 15px; margin: 0 8px; color: black; background: #33577A; flex: 0 0 auto; }   .mainbutton a { color: white; text-transform: uppercase; text-decoration: none !important; transition: text-shadow 0.4s ease; }       .mainbutton a::after { display: none !important; }       .mainbutton:hover > a { text-shadow: 0 0 6px rgba(0, 0, 0, 0.6); }   .mainbutton:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: #33577A #e8e8e8; transition: border-color 0.4s ease; }   .mainbutton:hover { background: #33447a; }       .mainbutton:hover:before { border-style: solid; border-color: #33447a #e8e8e8; }

.upgradeheader { font-family: Source Sans Pro, sans-serif; font-size: 18px; }

/* Styles for Template:Quotebox */ .quote { position: relative; width: 375px; background-color: #c7d3e1; border: 2px solid #025d7c; padding: 3px 5px 3px 0; border-radius: 5px; z-index: 0; margin-bottom: 10px; } .theme-fandomdesktop-dark .quote { background-color:	#025d7c; border-color:		#c7d3e1; } .quote-image { position: absolute; left: 0px; top: 0px; z-index: -1; }

/* Styles for all the nav boxes, Ability and Upgrade templates */ /*Angled NavBox*/

.anglednavbox { position: relative; font: 18px Source Sans Pro, sans-serif; width: auto; height: auto; color: var(--TextColour); background-color: var(--PrimaryColour); text-align: center; }   .anglednavbox:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: var(--PrimaryColour) #E8E8E8; }

/* Navbox */ .navbox { width: 100%; text-align: center; } .toy-navbox-header, .zombie-navbox-header, .tower-navbox-header { padding:4px; margin:2px; background-color: var(--PrimaryColour); text-align:center; color: var(--TextColour); } .toy-navbox-label, .browse-navbox-label, .crate-navbox-label, .event-navbox-label, .emote-navbox-label, .map-navbox-label, .zombie-navbox-label, .tower-navbox-label { padding: 4px; margin: 2px; background-color: var(--PrimaryColour); color: white; } .toy-navbox-label, .browse-navbox-label, .crate-navbox-label, .event-navbox-label, .emote-navbox-label, .tower-navbox-label { width: 20%; } .map-navbox-label, .zombie-navbox-label { width: 15%; } .toy-navbox-data, .browse-navbox-data, .crate-navbox-data, .event-navbox-data, .emote-navbox-data, .map-navbox-data, .zombie-navbox-data, .tower-navbox-data { text-align: left; color: black } .theme-fandomdesktop-dark .toy-navbox-data, .theme-fandomdesktop-dark .browse-navbox-data, .theme-fandomdesktop-dark .crate-navbox-data, .theme-fandomdesktop-dark .event-navbox-data, .theme-fandomdesktop-dark .emote-navbox-data, .theme-fandomdesktop-dark .map-navbox-data, .theme-fandomdesktop-dark .zombie-navbox-data, .theme-fandomdesktop-dark .tower-navbox-data { color: white; }

/* Styles for things that use "box" */ .box td { line-height: 12px; color: var(--theme-page-text-color); font-size: 12pt; text-align: center; border: 4px ridge var(--PrimaryColour); } .box .box-default td { line-height: 10px; margin: auto; padding: 5px; border: 4px solid var(--PrimaryColour); text-align: center; } .box .box-samename td { line-height: 20px; margin: auto; padding: 7px; border: 4px solid var(--PrimaryColour); text-align: center; }

.box .DYKbox td { line-height: 35px; margin: auto; padding: 10px; border: 4px solid var(--PrimaryColour); } .ability { width: 700px; text-align: center; margin: 0 auto } .ability td { padding: 5px; line-height: 20px; color: var(--theme-page-text-color); font-size: 12pt; text-align: center; border: none; } /* Styles for the table and  table */ .hardcore-table, .beginners-table, .molten-table, .golden-table, .theheights-table, .area51-table, .nightmarecarnival-table, .villageofdespair-table, .eggyisland-table, .trickorthreattown-table, .tricktown-table, .outpost32-table, .cybercity-table, .insane-table, .hiddenwave-table, .fallen-table { width: 75%; text-align: center; color: var(--theme-page-text-color); border-width: 8px 1px 1px 1px; border-style: solid; border-collapse: collapse; } .fallen-table { border-color: #662068; } .beginners-table { border-color: #76EE00; } .molten-table { border-color: #EC9730; } .golden-table { border-color: #FFC435; } .theheights-table { border-color: #FFF; } .area51-table { border-color: #BFB291; } .nightmarecarnival-table { border-color: #E97D18; } .villageofdespair-table { border-color: #ADD8E6; } .eggyisland-table { border-color: #DC45DE; } .tricktown-table { border-color: #BA6413; } .outpost32-table { border-color: #ABC9C6; } .cybercity-table { border-color: #5C168C; } .insane-table { border-color: #FCFDFD; } .hiddenwave-table { border-color: #000; } .hardcore-table { border-color: #BF95E9; } .hardcore-table td, .hardcore-table th, .beginners-table td, .beginners-table th, .molten-table td, .molten-table th, .golden-table td, .golden-table th, .theheights-table td, .theheights-table th, .area51-table td, .area51-table th, .nightmarecarnival-table td, .nightmarecarnival-table th, .villageofdespair-table td, .villageofdespair-table th, .eggyisland-table td, .eggyisland-table th, .trickorthreattown-table td, .trickorthreattown-table th, .tricktown-table td, .tricktown-table th, .outpost32-table td, .outpost32-table th, .cybercity-table td, .cybercity-table th, .insane-table td, .insane-table th, .hiddenwave-table td, .hiddenwave-table th, .fallen-table td, .fallen-table th { padding: 10px; text-align: center; width: 33%; border: 1px solid var(--theme-border-color); } .hardcore-table th, .beginners-table th, .molten-table th, .golden-table th, .theheights-table th, .area51-table th, .nightmarecarnival-table th, .villageofdespair-table th, .eggyisland-table th, .trickorthreattown-table th, .tricktown-table th, .outpost32-table th, .cybercity-table th, .insane-table th, .hiddenwave-table th, .fallen-table th { background-color: var(--theme-page-background-color--secondary); } /* Styles for the template */ .notice-for { border: 2px solid #000; text-align: center; color: #000; background-color: #A3A3A3; padding: 0.5em } .theme-fandomdesktop-dark .notice-for { border: 2px solid #fff; color: #fff; background-color: var(--theme-page-background-color--secondary); }

/* Styles for the Main Page */ .ContainerColumn { background-color: var(#2a3742); border-radius: var(5px); border: 1px solid var(#2a3742); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin: 0 0 10px; padding: 0; overflow: hidden; } .ContainerColumn.DiscordContainer { background: #2c2f33; border-color: #23272a; } .ContainerColumn.DiscordContainer .TextHeader { background-color: #7289da !important; } .ContainerColumn.DiscordContainer .ContainerBody { padding: 10px 10px 0; } .ContainerColumn.DiscordContainer .DiscordButton { background-color: #7289da; border-radius: 3px; border: 1px solid #677bc4; color: #fff; font-size: 15px; margin: 0 0 10px; text-align: center; text-transform: uppercase; top: 0; transition: all 0.12s ease-out; } .ContainerColumn.DiscordContainer .DiscordButton:hover, .ContainerColumn.DiscordContainer .DiscordButton:focus-within { background-color: #677bc4; border-color: #5b6eae; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .4); transform: translate3d(0, -1px, 0); } .ContainerColumn.DiscordContainer .DiscordButton:active { background-color: #5b6eae; border-color: #4f5f99; } .ContainerColumn.DiscordContainer .DiscordButton p { margin: 0 !important; } .ContainerColumn.DiscordContainer .DiscordButton a { color: #fff !important; display: block; font-family: Source Sans Pro, sans-serif; font-weight: bold; padding: 10px; text-decoration: none; } .ContainerColumn.DiscordContainer .DiscordButton a.external::after { display: none; }

/* Theming */ .theme-fandomdesktop-dark .templatedesktop { background:#025D7C; color:#FFF; border-style:solid; border-color:#C7D3E1; } .theme-fandomdesktop-light .templatedesktop { background:#C7D3E1; color:#000; border-style:solid; border-color:#025D7C; }

.theme-fandomdesktop-dark .templatedesktop a { color:#4A9BDC; } .theme-fandomdesktop-light .templatedesktop a { color:#8AC5F8; }

/* Other */ .theme-fandomdesktop-dark .invertimage { filter:invert(1); } .theme-fandomdesktop-light .invertimage { filter:none; }