MediaWiki:Vector.css: Difference between revisions

Revision as of 00:45, 7 July 2025 view source Admin (talk | contribs) ← Older edit		Revision as of 00:47, 7 July 2025 view source Admin (talk | contribs) Newer edit →
Line 146:		Line 146:
	}		}
	table.main-bg {
	width: 100%;		table.main-bg:before {
	height: 400px;		background-image:url('https://certified.wiki/images/4/46/Certified_main_page_content_bg.jpg');
	text-align: center;		background-size: 100%;
	}		background-repeat: no-repeat;
	table.main-bg:before {		background-position: center;
	background-image:url('https://certified.wiki/images/4/46/Certified_main_page_content_bg.jpg');		filter: blur(10px);
	background-size: 100%;		webkit-filter: blur(10px);
	background-repeat: no-repeat;		}
	background-position: center;
	filter: blur(10px);
	webkit-filter: blur(10px);
	}

Revision as of 00:47, 7 July 2025

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

@import url('https://fonts.googleapis.com/css2?family=Geologica:[email protected]&display=swap');

/* Make clickable text on social links invisible. */
li#n-discord {
visibility: visible;
font-size:0em;
position: relative;
margin-right: 5px;
}

#n-discord:hover ::after, #n-discord {
content: '';
display: inline-block;
width: 35px;
height: 35px;
float: left;
background: url('https://certified.wiki/images/icons/discord_logo_icon.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}

#mw-panel .portal .body li#n-discord {
font-size:0em;
padding:5px;
}

/* Make clickable text on social links invisible. */
li#n-facebook {
visibility: visible;
font-size:0em;
position: relative;
margin-right: 5px;
}

#n-facebook:hover ::after, #n-facebook {
content: '';
display: inline-block;
width: 35px;
height: 35px;
float: left;
background: url('https://certified.wiki/images/icons/facebook_logo_icon.png');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}

#mw-panel .portal .body li#n-facebook {
font-size:0em;
padding:5px;
}

/* Content */

body { background-color: #EAE4D5; font-family: 'Geologica'; }
#p-navigation { background-color: #EAE4D5; }

#mw-head { width: 100%; background-color: #EAE4D5; }
#mw-head-base { border-top: 1px solid #000000; }
#mw-page-base { background-image: none; background-color: #EAE4D5; }
.mw-heading1, h1, .mw-heading2, h2 { border-bottom: 1px solid #000000; }

/* Hovering effect for icons on main page */

.main-page-icons { 
  margin-right: 10px;
} 

.main-page-icons:hover { 
  width: 100%;
  height: auto;
  max-width: 100%;
  opacity: 0.7;
  cursor: pointer;
  margin-right: 10px;
} 


/* Site backgrounds */

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

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

.mw-body { background-color: #F2F2F2; margin-right: 15px; border: 1px solid #000000; }

/* #content { background-color: #ded5ba; } */
#bodyContent { background-color: rgba(255, 132, 32, 0); }
#firstHeading { background-color: rgba(255, 132, 32, 0); }
.oo-ui-panelLayout-framed { border: 1px solid #000000; }

#catlinks { background-color: #e8e1d5; border: 1px solid #000000;}
#p-tb .body { background-color: #e8e1d5; }

/* Footer */

#footer { background: none; }

#footer-icons a { background: none; }

.mw-footer { min-height: 100px; margin-top: 20px; padding-left: 0; }
.cdx-button { border: none; }


/* Top menu tabs */

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { background-image: none; }

.vector-menu-tabs, .vector-menu-tabs a, .vector-menu-dropdown h3 {
    background-image: none; }

.vector-menu-tabs li {
    background-image: none; }

.vector-menu-tabs .selected {
    background: none; background-color: rgba(209, 191, 167, 0.69); }

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
    color: #0645ad; }

/* .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-image: none;
 background-color: rgba(209, 191, 167);
 border: 1px solid #000000; }

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: none; }

/* Infotable customization */

table.infotable {border: 1px solid #000000;}
.infotable tr th,
.infotable tr td {
  border: none;
  vertical-align: top;
}


}

table.main-bg:before {
  background-image:url('https://certified.wiki/images/4/46/Certified_main_page_content_bg.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  filter: blur(10px);
  webkit-filter: blur(10px);
}