MediaWiki:Styling.css: Difference between revisions

Latest revision as of 01:06, 3 September 2022

/* 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%;
}

/* This portion of Styling.css was cut and pasted into Dark.css */

.portable-infobox {
    border-radius: 5px;
    overflow: hidden;
	position: relative;
	box-shadow: black 2px 2px 10px;
	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;
}

.portable-infobox .pi-header, .portable-infobox .pi-title {
	text-align: center;
}

.portable-infobox .pi-title {
	font-family: "Rocket Rinder";
	letter-spacing: 1px;
}

.pi-data-value {
	margin: auto;	
}

/*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;
}