MediaWiki:Wikia.css

/*Upgrade Styling - Thanks for TB Wikia for this*/ .upgrade { border: 2px white; border-radius: 5px; margin: 5px; padding: 5px; }

.upgrade-z { width: 50%; }

/* Navigational Header*/ .mainheader { font-family: Source Sans Pro, Raleway, Rubik, sans-serif; font-size: 40px; } .mainpageheader { font-family: Source Sans Pro, Raleway, Rubik, sans-serif; font-size: 22px; } .upgradeheader { font-family: Source Sans Pro, Raleway, Rubik, sans-serif; font-size: 18px; }

/* [Glowing Link Effect. href]  */ a:hover { text-shadow: white 2 2 5px; color: white !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:visited:hover, .color2 a:visited:hover { color:white; text-shadow: white 0 0 4px; text-decoration:none; } a:hover, .color2 a:hover { color:white; text-shadow: white 0 0 4px; 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:white; text-shadow: white 0 4px 4px; 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:white; text-shadow: white 0 0 4px; 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; }

/* [The Good Stuff] */ .hoverimage img { opacity: 0.80; filter: alpha(opacity=70); -webkit-transition: opacity .2s ease-in-out; } .hoverimage img:hover { opacity: 1.5; filter: alpha(opacity=200); }

/* [Wikia Selection Bar Hover n' Chevron.] */ .WikiaDropdown .selected-items:hover { background-color: #D8DDEA !important; cursor: default; } .WikiaDropdown .selected-items .arrow {right: 5px;} /* [Wikia Selection Bar Dropdown Menu, Items, Hovers, Selected n' Selected Hovers.] */ .WikiaDropdown .dropdown {box-shadow: none !important;} .WikiaDropdown .dropdown-item label {cursor: default;} .WikiaDropdown .dropdown-item:hover {background: #D8DDEA !important;} .WikiaDropdown .dropdown-item.selected {background: none !important;} .WikiaDropdown .dropdown-item.selected:hover {background: #D8DDEA !important;}

/* == Containers == */ .ContainerColumn.TwitterContainer-Dark p, .ContainerColumn.TwitterContainer-Light p { margin: 0 !important; } .ContainerColumn.TwitterContainer-Dark { background: #292f33; } .ContainerColumn.TwitterContainer-Light { background: #fff; } .ContainerColumn.TwitterContainer-Dark .tabber .tabbertab, .ContainerColumn.TwitterContainer-Light .tabber .tabbertab { padding: 0 !important; } .TextHeader { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-color: var(#0f2f6b); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); color: #fff !important; font-family: var(Source Sans Pro) !important; letter-spacing: var(--font-spacing) !important; font-size: 14px; line-height: 23px; padding: 7px 15px !important; text-shadow: var(0 0 10px rgba(1, 42, 89, 0.5)); } .TextHeader h1 { margin: 0 !important; font-size: 20px !important; text-shadow: inherit; } .TextHeader h3 { margin: 0 !important; text-shadow: inherit; } .TextHeader h1 a { color: #fff; } .TextHeader a:hover { text-decoration: none; } .TextHeader a:active { text-decoration: underline; } .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.ImageContainer { position: relative; } .ContainerColumn.ImageContainer img { border-radius: var(5px); height: auto; width: 100%; } .ContainerColumn.ImageContainer .PlayButton { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-color: #02b757; border-color: #02b757; border-radius: 5px; border: 1px solid transparent; color: #fff; cursor: pointer; font-size: 21px; font-weight: 400; left: 50%; opacity: 0; position: absolute; text-align: center; top: 70%; transform: translate(-50%, -50%); transition: top cubic-bezier(.29, 1.18, .25, 1) .5s, opacity 0.25s, background-color 0.25s, border-color 0.25s, box-shadow 0.25s; white-space: nowrap; } .ContainerBody { color: var(#a8a8a8); height: auto; margin: 0; overflow-x: hidden; padding: 5px 10px; } .ContainerColumn.ActivityFeed ul.activityfeed { margin: 0 0 0 25px !important; } .ContainerColumn.ActivityFeed ul.activityfeed li, .ContainerColumn.ActivityFeed div > div li { list-style: none !important; } .ContainerColumn.ActivityFeed .TextHeader + .ContainerBody { padding: 0 !important; } .ContainerColumn.ActivityFeed .ContainerBody { padding-top: 0 !important; } .ContainerColumn.ActivityFeed ul.activityfeed li .activityfeed-diff { display: none; } .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: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; padding: 10px; text-decoration: none; } .ContainerColumn.DiscordContainer .DiscordButton a.external::after { display: none; }

/*Tabber stylizing */ .tabbernav { font-family: "Source Sans Pro" !important; font-weight: inherit !important; font-size: 18px !important; border-bottom: 1px solid #000 !important; padding: 0.4em 0.4em !important; transition: background .2s ease; overflow: hidden; }   .tabbernav a { padding: 0.4em 0.4em !important; margin: auto !important; color: white !important; border: none !important; background: #024a63 !important; border-radius: 4px 4px 0 0; }   .tabberactive a { color: white !important; background: #01759C !important; border-radius: 4px 4px 0 0; }   .tabbernav :not(.tabberactive) a:hover { background: rgba(2, 131, 174, 0.3) !important; transition: background .2s ease; border-radius: 4px 4px 0 0; }   .tabbernav :not(.tabberactive) a:active { background: rgba(2, 131, 174, 0.5) !important; border-radius: 4px 4px 0 0; }   .tabbertab { border: none !important; padding: 0 !important; }

.WikiaArticle .wds-tabs { list-style: none; }

/*VE Editor Warning*/

body.ve .WikiaMainContent::before { animation-timing-function: ease; animation: PopoverBottom 0.5s 0.25s backwards; content: "Use the 𝐂𝐥𝐚𝐬𝐬𝐢𝐜 𝐄𝐝𝐢𝐭𝐨𝐫 if you are unable to publish your edits!\a" "(See [ 🖉 EDIT ] dropdown)"; white-space: pre; font-size: 110%; text-align: center; display: block; background-color: #f5f5f5; margin: 3px; padding: 3px; }

/*Infobox*/

.portable-infobox .pi-title { background:url('https://static.wikia.nocookie.net/tower-defense-sim/images/a/a6/Header.png/revision/latest?cb=20201017062748'); }

.portable-infobox .pi-item-spacing { padding: 8px 10px; overflow: hidden; }

.pi-image-collection { font-size: 12px; text-align: center; }

.portable-infobox .pi-image-collection-tabs { font-size: 12px; padding: 6px 8px; background: #5DAED3; font: Source Sans Pro, Raleway, Roboto, sans-serif; text-align: center; } /*Rail Mods*/

.WikiaRail .rail-module { border: 8px solid transparent; border-radius: 7px; background: transparent; transition: 0.2s ease; transition-property: border, background; }   .WikiaRail .rail-module:hover { border: 8px solid rgba(211, 211, 211, 0.2); background: rgba(211, 211, 211, 0.5); border-radius: 6px; } /*Roblox Interwiki Template*/

.RobloxWikis-Head { background: #025D7C !important; position: relative; }   .RobloxWikis-Head:Before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: #025D7C #E8E8E8; }   .RobloxWikis a:hover { text-decoration: underline #222; }   .RobloxWikis-HeadButton { border: none !important; background: #000 !important; box-shadow: 0 0 1px #000; }   .RobloxWikis-OddRow { background: #555; }   .RobloxWikis-EvenRow { background: #333; } /*RWA Rails*/

.WikiaRail .module, .ChatModule, .ForumActivityModule, .ajax-poll, .MainPageModule { margin: 0 0 10px !important; padding: 10px 10px 10px !important; border: 0px solid #001244 !important; overflow: hidden; color: #000 !important; background-color: rgba(0, 0, 0, 0.8) !important; background: #a2a2a2 !important; box-shadow: 0 0 1px #000000 !important; opacity: 1 !important; }

/*Angled Header*/

.angledheader { position: relative; font: 22px source sans pro; width: auto; height: auto; color: white; background: #33577A; }   .angledheader:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: #33577A #E8E8E8; }

/*Angled NavBox*/

.anglednavbox { position: relative; font: 18px source sans pro; width: auto; height: auto; color: white; background: #33577A; }   .anglednavbox:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: #33577A #E8E8E8; } div.wikiaPhotoGallery-slider-body { background: transparent; } div.wikiaPhotoGallery-slider-body .horizontal .description-background { height: 7px; opacity: 0; } div.wikiaPhotoGallery-slider-body .nav > img, div.wikiaPhotoGallery-slider-body .nav p > img { display: none; } .wikiaPhotoGallery-slider-body .nav { background: transparent; border: 2px solid white; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; position: absolute; } .wikiaPhotoGallery-slider-body .selected { background: white; border: 2px solid white; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav { right: 70px !important; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav { right: 50px !important; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav { right: 30px !important; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav { right: 10px !important; } .wikiaPhotoGallery-slider-body a.wikia-button.secondary { background-color: rgba(235, 235, 235, 0.9) !important; background-image: none !important; border: 0 !important; color: black !important; text-transform: uppercase; } .wikiaPhotoGallery-slider-body a.wikia-button.secondary:hover { background-color: rgba(235, 235, 235, 0.9) !important; background-image: none !important; border: 0 !important; color: black !important; text-transform: uppercase; } .wikiaPhotoGallery-slider-body .horizontal .description { background: rgba(0, 0, 0, 0.85) !important; padding: 10px 15px 20px 15px !important; border-top-right-radius: 30px !important; width: 250px !important; }

/*Rail Headers*/ .media-module { display: flex; border-bottom: 1px solid hsla(0, 0%, 0%, 0.2); font-size: 0; font-weight: bold; line-height: 30px; min-height: 30px; margin-bottom: 16px; padding-left: 2px; }   .media-module::before { align-self: center; content: ''; -webkit-mask-image: url('https://tds.fandom.com/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-external.svg'); background-color: rgba(0,0,0 ,0.75); background-size: contain; display: inline-flex; height: 13px; width: 13px; margin-right: 6px; }   .media-module::after { content: 'Other Media'; display: inline; font-size: 16px; }

.wikia-photogallery-add { display: none !important; }

overflow: hidden; }
 * 1) MessageWall .entity-content,
 * 2) articleComments .entity-content {

.toc { background-color: rgba(194, 194, 194, 0.6); border: 1px; margin: 0.5em; padding: 0; }	.toc::before { content: ""; position: absolute; border-style: solid; border-width: 0 0 12px 12px; border-color: rgba(0, 0, 0, 0) #e8e8e8; }	.toc .toctitle { padding: 9px 12px; }	.toc ul { padding: 0 10px 1px 0; } /* Mainpage buttons */ @-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @-moz-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}

.fade-In { margin: auto; opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease 1; /* calls fadeIn keyframe, uses ease function */ -moz-animation: fadeIn ease 1; animation: fadeIn ease 1;

-webkit-animation-fill-mode: forwards; /* makes sure we remain at opacity 1 after fade-in */ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards;

-webkit-animation-duration: 0.35s; -moz-animation-duration: 0.35s; animation-duration: 0.35s; }

.mainbutton { position: relative; font: 30px Rubik; width: auto; height: auto; transition: all 0.4s ease; padding: 2.5px 15px; margin: 6em auto; color: black; background: #33577A; }   .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; }