MediaWiki:Common.css: Difference between revisions
From Kirby Speedrunning Wiki
Jump to navigationJump to search
No edit summary |
(Comments) |
||
| Line 27: | Line 27: | ||
} | } | ||
/* List styling defaults */ | |||
.mainpage-links-container ul { | .mainpage-links-container ul { | ||
list-style: none; | list-style: none; | ||
| Line 34: | Line 35: | ||
} | } | ||
/* List item styling defaults */ | |||
.mainpage-links-container li { | .mainpage-links-container li { | ||
display: inline-block; | display: inline-block; | ||
| Line 42: | Line 44: | ||
} | } | ||
/* Logo Shadows */ | |||
.mainpage-links img { | .mainpage-links img { | ||
height: auto; | height: auto; | ||
| Line 48: | Line 51: | ||
} | } | ||
/* Logo glow on mouse hover */ | |||
.mainpage-links a:hover { | .mainpage-links a:hover { | ||
color: var(--link-color-hover); | color: var(--link-color-hover); | ||
Revision as of 22:19, 25 June 2023
@font-face {
font-family: "Delfino";
src: url("https://kirbyspeedrun.com/fonts/delfino-webfont.woff2") format("woff2"),
url("https://kirbyspeedrun.com/fonts/delfino-webfont.woff") format("woff");
}
/* MAIN PAGE STYLING */
h1.firstHeading {font-family: Delfino; font-size: 32px;}
/* Remove Header */
body.page-Main_Page h1.firstHeading, body.page-Main_Page_ja h1.firstHeading { display:none; }
/* The Japanese site is considered a sub-page, so this gets rid of the sub-page button */
body.page-Main_Page_ja #contentSub { display:none; }
/* Main page game links and containers */
.mainpage-links-container {
text-align: center;
width: 100%;
line-height: 1.8;
margin-top: 0px;
display: flex;
align-items: center;
justify-content: space-around;
padding: 0;
}
/* List styling defaults */
.mainpage-links-container ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
/* List item styling defaults */
.mainpage-links-container li {
display: inline-block;
padding: 10px 20px;
width: 220px;
vertical-align: middle;
flex-direction: column-reverse
}
/* Logo Shadows */
.mainpage-links img {
height: auto;
width: 200px;
filter: drop-shadow(0px 4px 5px #231F20);
}
/* Logo glow on mouse hover */
.mainpage-links a:hover {
color: var(--link-color-hover);
-webkit-filter: drop-shadow(0px 0px 10px rgb(255, 196, 252));
filter: drop-shadow(0px 0px 10px rgb(252, 194, 255));
}
/*for h3 headers that should not appear in the table of contents*/
.h3-no-toc {
font-size: 16px;
font-weight: bold
}