MediaWiki:Styling.css: Difference between revisions
imported>Smallketchup82 No edit summary |
imported>Smallketchup82 No edit summary |
||
Line 84: | Line 84: | ||
color: rgb(176, 169, 159); | color: rgb(176, 169, 159); | ||
border-color: currentcolor; | border-color: currentcolor; | ||
} | |||
.vector-menu-tabs li a { | |||
color: rgb(102, 177, 250); | |||
} | } | ||
Revision as of 01:14, 29 November 2021
/* The scripts below will cause a hover effect */ .page-Roblox_Galaxy_Official_Wikia .wikia-gallery-item { background-color: #22252d !important; border: 2px solid var(--mainbordercolorP); filter: grayscale(30%); height: 165px !important; transition: all 0.4s ease-in-out !important; } .page-Roblox_Galaxy_Official_Wikia .wikia-gallery-item:hover { -ms-transform: scale(1.1); -webkit-filter: grayscale(0%); -webkit-transform: scale(1.1); border: 2px solid #121215 !important; filter: grayscale(0%); position: relative !important; transform: scale(1.1); transition: all 0.1s ease-in-out !important; z-index: 1 !important; } /* End of Hover scripts */ /* CardContainer focus */ /* .mw-parser-output, .cardcontainer { transition: all 0.5s !important; } .mw-parser-output:hover .cardcontainer { transition: all 0.5s !important; opacity: 0.7; filter: blur(1px); } .cardcontainer:hover { transition: all 0.5s !important; opacity: 1 !important; filter: blur(0px) !important; } */ /* End of CardContainer focus */ /* Styling of the wikia page, lets hope the community likes it, if they don't delete this portion */ #PageHeader { background: #22252D; border-bottom: solid #103E89 2px; border-left: solid #103E89 2px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-right: solid #103E89 2px; padding: 10px; width: 98%; } body { background-color: rgb(29, 32, 33) } .mw-body { background-color: rgb(24, 26, 27); } .vector-menu-portal .vector-menu-content li a { color: rgb(102, 177, 250); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-image: linear-gradient(rgba(51, 55, 57, 0) 0px, rgb(51, 55, 57) 100%); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: rgb(211, 207, 202); text-decoration-color: currentcolor; } .vector-menu-tabs .selected { background-color: rgb(24, 26, 27); background-image: none; } .vector-menu-tabs li { background-image: linear-gradient(to top, rgb(9, 79, 129) 0px, rgb(32, 35, 37) 1px, rgb(24, 26, 27) 100%); } .vector-menu-portal h3 { background-image: linear-gradient(to right, rgba(53, 57, 59, 0) 0px, rgb(53, 57, 59) 33%, rgb(53, 57, 59) 66%, rgba(53, 57, 59, 0) 100%); color: rgb(176, 169, 159); border-color: currentcolor; } .vector-menu-tabs li a { color: rgb(102, 177, 250); } #mw-page-base { background-color: rgb(26, 28, 30); background-image: linear-gradient(rgb(24, 26, 27) 50%, rgb(29, 32, 33) 100%); } #mw-content-text { padding: 10px; border: 2px solid #103e89; border-radius: 10px; background: #22252D; overflow:hidden; color: #FFFFFF; } h1, h2, h3, h4, h5, h6 { color: rgb(255, 255, 255); } .portable-infobox { width: auto; border-radius: 5px; overflow: hidden; position: relative; box-shadow: 2px 2px black; right: 5px; } .pi-border-color { background: #191a1f; } /*CSSUnderline*/ .UnderlineStyle .noexternal { transition: all 1s !important; margin-bottom: 5px; } .UnderlineStyle .noexternal .header1 a{ position: relative; display: inline; } .UnderlineStyle .noexternal .header1 span:after { content: ''; position: absolute; left: 50%; bottom: -2px; width: 0px; height: 2px; background-color: white; transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 1.6); top: 100%; } .UnderlineStyle:hover .header1 span:after { width: 100%; left: 0; } .Underlineactive .header1 span:after { width: 100% !important; left: 0 !important; top: 50% !important; } .Underlinective .noexternal{ margin-bottom: 0px !important; } /*Lines 77-89: Infobox panel colors (e.g. Planetary Infobox)*/ .portable-infobox .pi-section-label { color: #D5D4D4; } .pi-section-tab.pi-section-active { box-shadow: inset 0 -2px 0 0 #D5D4D4; } .pi-section-navigation .pi-section-tab:hover .pi-section-label { color: #1E5EBF; } .pi-section-tab:hover.pi-section-active { box-shadow: inset 0 -2px 0 0 #1E5EBF; } /*Re-style the preformatted elements for total cost and material cost to match the rest of the infobox*/ [data-source="total_cost"] > pre { font-family: inherit; white-space: nowrap; background: none; border: none; padding: 0; } [data-source="material_cost"] > pre { font-family: inherit; white-space: nowrap; background: none; border: none; padding: 0; } #WikiaArticle { padding: 5px; border-radius: 5px; } #articleCategories { background: #22252D; border-radius: 5px; border: solid #103E89 2px; padding: 5px; } .premium-recirculation-rail , .DiscordIntegratorModule , #wikia-recent-activity, #WikiaArticleFooter { background: #22252D; border-radius: 10px; border: solid #103E89 2px; padding: 10px; } #WikiaArticleFooter { padding: 25px; border-radius: 10px; } .comment.SpeechBubble:hover { transform: scale(1.05); transition: 0.1s ease; } .comment.SpeechBubble { transition: 0.3s ease; } .avatar { border-radius: 25px; box-shadow: 2px 2px black; } .speech-bubble-message:hover { box-shadow: 2px 2px black; } .speech-bubble-message { box-shadow: 1px 1px black; } /* End of styling test*/ /*getting rid of the random extra color that shows up in infoboxes */ .pi-europa .pi-horizontal-group-item:nth-child(2n) { background: none; } /*headers*/ .WikiaArticle h2 { border-style: solid; border-image: linear-gradient(to right, transparent 20px, #1A53AD 0, transparent) 1 / 3; padding: 3px; padding-left: 0; } /*misc*/ .page-header__separator { opacity: 0; } .noexternal a.external:after { display: none !important; } /*tabber*/ ul.tabbernav { border-bottom: none !important; border: none; display: flex; justify-content: space-evenly; } .tabberlive ul li { flex-grow: 1; height: 50px; border-bottom: 2px solid #bfbfbf; text-align: center; text-transform: none; /*can be all lowercase or uppercase*/ font-size: 15px; font-family: "Source Sans Pro", sans-serif; transition: none; } ul.tabbernav li a, ul.tabbernav li.tabberactive a:hover { background: none !important; border: none !important; color: currentColor; line-height: 50px; } .tabberlive > .tabbernav > li.tabberactive > a, .tabberlive > .tabbernav > li > a { transition: none; } .tabberlive > .tabbertab:not(.tabbertabhide) { border: none; } .tabberlive > .tabbernav > li > a { color:#A1A1A3 !important; } .tabberlive > .tabbernav > li.tabberactive > a { color:#D6AD0B !important } .tabberlive > .tabbernav > li > a:hover { color:#AC8A13 !important /*old color: #AC8A13 */ } .closable_tabber .tabbernav li.tabberactive:first-of-type { display: none; flex-grow: initial; } .closable_tabber .tabbertab:first-of-type { display: none !important; }