MediaWiki:Vector.css: Difference between revisions

Revision as of 21:54, 6 June 2025 view source Admin (talk | contribs) ← Older edit		Revision as of 21:55, 6 June 2025 view source Admin (talk | contribs) Newer edit →
Line 16:		Line 16:
	height: 35px;		height: 35px;
	background-size: contain; /* Ensure the image scales correctly within its container */		background-size: contain; /* Ensure the image scales correctly within its container */
			background-repeat: no-repeat;
	}		}

Revision as of 21:55, 6 June 2025

/* All CSS here will be loaded for users of the Vector skin */

/* Make clickable text on links invisible. */
li#n-discord, li#n-facebook {
    color: #f6f6f6;
    visibility: visible;
    font-size: 0em; /* Hide the link text */
}

/* Display inline-block and ensure proper sizing for both icons */
#n-discord::after,
#n-facebook::after {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: contain; /* Ensure the image scales correctly within its container */
    background-repeat: no-repeat;
}

/* Facebook icon uses a different background image */
#n-facebook::after {
    background-image: url('https://certified.wiki/images/icons/facebook_logo_icon.png');
}

/* Discord icon (default state) */
#n-discord::after {
    background-image: url('https://certified.wiki/images/icons/discord_logo_icon.png');
}

/* Hover state for both icons 
#n-discord:hover::after,
#n-facebook:hover::after {
    background-image: url('https://certified.wiki/images/icons/discord_logo_icon.png'); /* Ensure hover works correctly 
}*/

/* Additional padding for both links */
#mw-panel .portal .body li#n-discord, 
#mw-panel .portal .body li#n-facebook {
    padding: 10px;
    font-size:0em;
}








body { background-color: #e8e1d5; }

#p-navigation { background-color: #e8e1d5; }

#mw-head { background-color: #e8e1d5; }
#mw-head-base { background-color: #e8e1d5; }

#p-logo { background-color: #e8e1d5; }

#p-tb { background-color: #e8e1d5; }
#p-tb-label { background-color: #e8e1d5; }

.mw-body { border: 1px solid #000000; }

#content { background-color: #ded5ba; }
#bodyContent { background-color: #ded5ba; }
#firstHeading { background-color: #ded5ba; }

#catlinks { background-color: #e8e1d5; }
#p-tb .body { background-color: #e8e1d5; }

#footer { 
 background-color: #ded5ba;
 min-height: 100px; 
 top: 10px;
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
}


/* Top menu tabs */

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
    background-image: linear-gradient(to bottom,#ded5ba 0,#ded5ba 100%); }

.vector-menu-tabs li {
    background-image: linear-gradient(to top,#ded5ba 0,#ded5ba 1px,#ded5ba 100%); }

.vector-menu-tabs .selected {
    background: #ded5ba; }

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
    color: #331c8c; }

.vector-menu-tabs { border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}



/* Dropdown menu */

.vector-menu-dropdown .vector-menu-content {
    background-color: #e8e1d5;
    border: 1px solid #000000; }