MediaWiki:Styling.css: Difference between revisions
imported>Smallketchup82 No edit summary |
imported>Smallketchup82 No edit summary |
||
Line 109: | Line 109: | ||
border-color: rgb(72, 78, 81); | border-color: rgb(72, 78, 81); | ||
background-color: rgb(27, 30, 31); | background-color: rgb(27, 30, 31); | ||
} | |||
.vector-menu-dropdown .vector-menu-content { | |||
background-color: rgb(24, 26, 27); | |||
list-style-image: none; | |||
border-color: rgb(72, 78, 81); | |||
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px; | |||
} | } | ||
Revision as of 01:44, 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) } a { text-decoration-color: currentcolor; color: rgb(102, 177, 250); background-color: rgba(0, 0, 0, 0); background-image: none; } a:visited { color: rgb(126, 114, 255); } .vector-menu-dropdown h3::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEQ5NGJXd2dkbVZ5YzJsdmJqMGlNUzR3SWlCbGJtTnZaR2x1WnowaVZWUkdMVGdpUHo0S1BITjJaeUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJSGRwWkhSb1BTSXhNaUlnYUdWcFoyaDBQU0l4TWlJZ2RtbGxkMEp2ZUQwaU1DQXdJREV5SURFeUlqNEtDVHh3WVhSb0lHWnBiR3c5SWlNeU1ESXhNaklpSUdROUltMHhNUzR3TlNBekxqazVOaTB1T1RZMUxURXVNRFV6TFRRdU1ETTFJRE11T0RZdE15NDVORGN0TXk0NE5rd3hMakExSURNdU9UazJiRFVnTlNBMUxUVWlMejRLUEM5emRtYytDZz09IiAvPjwvc3ZnPg=="); } .mw-body { background-color: rgb(24, 26, 27); border-color: rgb(8, 75, 122); } .vector-menu-portal .vector-menu-content li a { color: rgb(102, 177, 250); } #searchInput { background-color: rgba(24, 26, 27, 0.5); color: rgb(232, 230, 227); border-color: rgb(72, 78, 81); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px inset; } .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%); } .mw-footer li { color: rgb(211, 207, 202); } h1, h2 { border-bottom-color: rgb(72, 78, 81); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: rgb(211, 207, 202); text-decoration-color: currentcolor; } .vector-menu-portal .vector-menu-content li a:visited { color: rgb(126, 114, 255); } .catlinks { border-color: rgb(72, 78, 81); background-color: rgb(27, 30, 31); } .vector-menu-dropdown .vector-menu-content { background-color: rgb(24, 26, 27); list-style-image: none; border-color: rgb(72, 78, 81); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px; } div.thumbinner { border-color: rgb(62, 67, 70); background-color: rgb(27, 30, 31); } .oo-ui-icon-tray, .mw-ui-icon-tray::before { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM0NzdmcgeG1sbnM9JTIyaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmclMjIgd2lkdGg9JTIyMjAlMjIgaGVpZ2h0PSUyMjIwJTIyIHZpZXdCb3g9JTIyMCAwIDIwIDIwJTIyJTNFJTNDdGl0bGUlM0V0cmF5JTNDL3RpdGxlJTNFJTNDcGF0aCBkPSUyMk0zIDFhMiAyIDAgMDAtMiAydjE0YTIgMiAwIDAwMiAyaDE0YTIgMiAwIDAwMi0yVjNhMiAyIDAgMDAtMi0yem0xNCAxMmgtNGwtMSAySDhsLTEtMkgzVjNoMTR6JTIyLyUzRSUzQy9zdmclM0UiIC8+PC9zdmc+"); } .vector-menu-tabs .selected { background-color: rgb(24, 26, 27); background-image: none; } .oo-ui-icon-bell, .mw-ui-icon-bell::before { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM0NzdmcgeG1sbnM9JTIyaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmclMjIgd2lkdGg9JTIyMjAlMjIgaGVpZ2h0PSUyMjIwJTIyIHZpZXdCb3g9JTIyMCAwIDIwIDIwJTIyJTNFJTNDdGl0bGUlM0ViZWxsJTNDL3RpdGxlJTNFJTNDcGF0aCBkPSUyMk0xNiA3YTUuMzggNS4zOCAwIDAwLTQuNDYtNC44NUMxMS42IDEuNDYgMTEuNTMgMCAxMCAwUzguNCAxLjQ2IDguNDYgMi4xNUE1LjM4IDUuMzggMCAwMDQgN3Y2bC0yIDJ2MWgxNnYtMWwtMi0yem0tNiAxM2EzIDMgMCAwMDMtM0g3YTMgMyAwIDAwMyAzeiUyMi8lM0UlM0Mvc3ZnJTNFIiAvPjwvc3ZnPg=="); } pre, code, .mw-code { background-color: rgb(27, 30, 31); color: rgb(232, 230, 227); border-color: rgb(53, 58, 60); } .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 { border-radius: 5px; overflow: hidden; position: relative; box-shadow: 2px 2px black; right: 5px; background: #1b1e1f; } .portable-infobox .pi-border-color { border-color: #484e51; } .portable-infobox .pi-secondary-background { background-color: #222526; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: #222526; } .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { border-color: #353a3c; } /*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; }