MediaWiki:Common.css: Difference between revisions
From Kirby Speedrunning Wiki
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| (52 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
@font-face { | @font-face { | ||
font-family: "Delfino"; | font-family: "Delfino"; | ||
src: url("https://kirbyspeedrun.com/fonts/delfino-webfont.woff2") format(" | src: url("https://kirbyspeedrun.com/fonts/delfino-webfont.woff2") format("woff"), | ||
url("https://kirbyspeedrun.com/fonts/delfino-webfont.woff") format(" | url("https://kirbyspeedrun.com/fonts/delfino-webfont.woff") format("woff2"); | ||
} | } | ||
/* MAIN PAGE STYLING */ | /* MAIN PAGE STYLING */ | ||
h1.firstHeading {font-family: Delfino; font-size: | h1.firstHeading {font-family: Delfino; font-size: 34px;} | ||
} | |||
/* Remove Header */ | |||
body.page-Main_Page h1.firstHeading, body.page-Main_Page_ja h1.firstHeading { display:none; } | 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; } | 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; | |||
} | } | ||
/* Styling for the two boxes on top of the game links */ | |||
.header-boxes-container { | |||
width: 100%; | |||
background: none; | |||
line-height: 200%; | |||
text-align: center; | |||
font-size: 20px; | |||
display: flex; | |||
margin: 15px; | |||
} | } | ||
.mainpage-header-boxes { | |||
width: 100%; | |||
padding: 6px; | |||
margin: 10px; | |||
text-align: left; | |||
} | } | ||
. | .mainpage-left-box { | ||
border: 3px solid #e65c00; | |||
background: rgba(194, 166, 105, 0.42); | |||
vertical-align: top; | |||
} | } | ||
. | .mainpage-right-box { | ||
border: 3px solid #009933; | |||
background: rgba(57, 144, 113, 0.42); | |||
float: right; | |||
margin-right: 40px; | |||
} | } | ||
/* List styling defaults */ | |||
.mainpage-links-container ul { | .mainpage-links-container ul { | ||
list-style: none; | list-style: none; | ||
| Line 193: | Line 67: | ||
} | } | ||
/* List item styling defaults */ | |||
.mainpage-links-container li { | .mainpage-links-container li { | ||
display: inline-block; | display: inline-block; | ||
| Line 198: | Line 73: | ||
width: 220px; | width: 220px; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
/* Do not show lists on game main pages */ | |||
.game-page-links-container ul { | |||
list-style: none; | |||
} | |||
/* Logo Shadows */ | |||
.mainpage-links img { | .mainpage-links img { | ||
height: auto; | height: auto; | ||
| Line 207: | Line 87: | ||
} | } | ||
/* Logo glow on mouse hover */ | |||
.mainpage-links a:hover { | .mainpage-links a:hover { | ||
color: var(--link-color-hover); | color: var(--link-color-hover); | ||
| Line 213: | Line 94: | ||
} | } | ||
. | /* Game Main Page Header (game logo and amount of pages) */ | ||
.game-main-page-header { | |||
width: 100%; | |||
text-align: center; | |||
font-size: 85%; | |||
line-height: 350%; | |||
} | } | ||
. | .game-main-page-header img { | ||
width: auto; | |||
height: 350px; | |||
} | } | ||
/* for h3 headers that should not appear in the table of contents */ | |||
.h3-no-toc { | .h3-no-toc { | ||
font-size: 16px; | font-size: 16px; | ||
font-weight: bold | font-weight: bold | ||
} | } | ||
/* | /* for links that do not need an external link icon (example is links that link back to kirbyspeedrun.com/wiki) */ | ||
. | .no-external-link-icon a.external { | ||
background-image: none !important; | |||
padding-right: 0px !important; | |||
} | } | ||
/* EXPERIMENTAL: Vertical Align on Wikitable Class */ | |||
/* | .table-vertical-top tbody { | ||
vertical-align: top; | |||
} | |||
. | |||
Latest revision as of 02:53, 5 July 2023
@font-face {
font-family: "Delfino";
src: url("https://kirbyspeedrun.com/fonts/delfino-webfont.woff2") format("woff"),
url("https://kirbyspeedrun.com/fonts/delfino-webfont.woff") format("woff2");
}
/* MAIN PAGE STYLING */
h1.firstHeading {font-family: Delfino; font-size: 34px;}
/* 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;
}
/* Styling for the two boxes on top of the game links */
.header-boxes-container {
width: 100%;
background: none;
line-height: 200%;
text-align: center;
font-size: 20px;
display: flex;
margin: 15px;
}
.mainpage-header-boxes {
width: 100%;
padding: 6px;
margin: 10px;
text-align: left;
}
.mainpage-left-box {
border: 3px solid #e65c00;
background: rgba(194, 166, 105, 0.42);
vertical-align: top;
}
.mainpage-right-box {
border: 3px solid #009933;
background: rgba(57, 144, 113, 0.42);
float: right;
margin-right: 40px;
}
/* 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;
}
/* Do not show lists on game main pages */
.game-page-links-container ul {
list-style: none;
}
/* 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));
}
/* Game Main Page Header (game logo and amount of pages) */
.game-main-page-header {
width: 100%;
text-align: center;
font-size: 85%;
line-height: 350%;
}
.game-main-page-header img {
width: auto;
height: 350px;
}
/* for h3 headers that should not appear in the table of contents */
.h3-no-toc {
font-size: 16px;
font-weight: bold
}
/* for links that do not need an external link icon (example is links that link back to kirbyspeedrun.com/wiki) */
.no-external-link-icon a.external {
background-image: none !important;
padding-right: 0px !important;
}
/* EXPERIMENTAL: Vertical Align on Wikitable Class */
.table-vertical-top tbody {
vertical-align: top;
}
