Difference between revisions of "MediaWiki:Common.css"
From Wildermyth Wiki
(Made h4, h5, h6 slightly lighter for differentiation) |
(Changed "vectorMenu" to "vector-menu" (New version?)) |
||
Line 66: | Line 66: | ||
/* Top bar navigation tabs (remove backgrounds, colors, etc.) */ | /* Top bar navigation tabs (remove backgrounds, colors, etc.) */ | ||
div. | div.vector-menu-tabs { | ||
background-image: none; | background-image: none; | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
div. | div.vector-menu-tabs ul { | ||
background-image: none; | background-image: none; | ||
} | } | ||
div. | div.vector-menu-tabs ul li { | ||
background-image: none; | background-image: none; | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
div. | div.vector-menu-tabs li.selected { | ||
background-image: none; | background-image: none; | ||
background-color: #937a60; /* Fallback for browsers that don't support transparency */ | background-color: #937a60; /* Fallback for browsers that don't support transparency */ | ||
Line 87: | Line 87: | ||
/* Links (selected) on the top navigation bar */ | /* Links (selected) on the top navigation bar */ | ||
div. | div.vector-menu-tabs li.selected a, div.vector-menu-tabs li.selected a:visited { | ||
color: #eaeaea; | color: #eaeaea; | ||
} | } | ||
/* Links (unvisited) on the top navigation bar */ | /* Links (unvisited) on the top navigation bar */ | ||
div. | div.vector-menu-tabs li a { | ||
color: #84b2ff; | color: #84b2ff; | ||
} | } | ||
/* Links (visited) on the top navigation bar */ | /* Links (visited) on the top navigation bar */ | ||
div. | div.vector-menu-tabs li a:visited { | ||
color: #e48888; | color: #e48888; | ||
} | } | ||
/* "More" button text on the top navigation bar */ | /* "More" button text on the top navigation bar */ | ||
div. | div.vector-menu h3 span { | ||
color: #e4e4e4; | color: #e4e4e4; | ||
} | } | ||
/* Remove link button side bars on the top navigation bar */ | /* Remove link button side bars on the top navigation bar */ | ||
div. | div.vector-menu-tabs span { | ||
background-image: none; | background-image: none; | ||
} | } | ||
div#mw-head div. | div#mw-head div.vector-menu h3 { | ||
background-image: none; | background-image: none; | ||
} | } |
Revision as of 20:07, 18 September 2021
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css?family=Alegreya:400,700&display=swap');
/* Background image */
body {
background-image: url(images/5/58/CreditsBG.jpg);
background-attachment: fixed;
background-size: cover;
}
h1 {
color: #252525;
}
/* Top navigation header BG */
#mw-page-base {
background-image: none;
background-color: transparent;
}
/* Main content body */
.mw-body {
background-image: url(images/b/bc/PaperTextureTile.png);
margin-right: 1em;
border: 1px solid #9a7d5d;
}
/* Side navigation panel*/
#mw-panel {
background-image: url(images/f/fd/TextboxSpeech.png);
background-size: cover;
background-position: right;
padding-bottom: 1em;
}
/* Footer */
div#footer {
margin-right: 1em;
margin-top: 1em;
background-image: url(images/c/cb/TextboxThought.png);
background-size: cover;
}
/* Headers */
.mw-body h1 {
font-family: "Alegreya","Linux Libertine",Georgia,Times,serif;
}
.mw-body h4, .mw-body h5, .mw-body h6 {
color: #5f564d;
}
/* Make the first header bold */
.mw-body .firstHeading {
font-weight: bold;
}
/* User account actions (in top right corner) */
#p-personal {
background-image: url(images/c/cb/TextboxThought.png);
background-size: cover;
background-position: bottom;
margin: -0.5em;
padding: 0.5em;
}
/* Top bar navigation tabs (remove backgrounds, colors, etc.) */
div.vector-menu-tabs {
background-image: none;
background-color: transparent;
}
div.vector-menu-tabs ul {
background-image: none;
}
div.vector-menu-tabs ul li {
background-image: none;
background-color: transparent;
}
div.vector-menu-tabs li.selected {
background-image: none;
background-color: #937a60; /* Fallback for browsers that don't support transparency */
background-color: #faebd726;
}
/* Links (selected) on the top navigation bar */
div.vector-menu-tabs li.selected a, div.vector-menu-tabs li.selected a:visited {
color: #eaeaea;
}
/* Links (unvisited) on the top navigation bar */
div.vector-menu-tabs li a {
color: #84b2ff;
}
/* Links (visited) on the top navigation bar */
div.vector-menu-tabs li a:visited {
color: #e48888;
}
/* "More" button text on the top navigation bar */
div.vector-menu h3 span {
color: #e4e4e4;
}
/* Remove link button side bars on the top navigation bar */
div.vector-menu-tabs span {
background-image: none;
}
div#mw-head div.vector-menu h3 {
background-image: none;
}
/* Images generally should resize to be smaller if they're wider than the screen */
img {
max-width:100%;
height: auto;
}
/* Adjust quote, category link, thumbnail, table of contents, and wikitable backgrounds to be slightly-transparent off-white */
pre, .catlinks, div.thumbinner, #toc, .toc, table.wikitable {
background-color: #eae6db; /* Fallback for browsers that don't support transparency */
background-color: #f9f9f999;
}
/* Wikitable header */
table.wikitable tr th {
background-color: #edece7; /* Fallback for browsers that don't support transparency */
background-color: #f2f2f299;
}
/* Infobox styling */
.infoboxEvent, .infoboxEquipment, .infoboxAbility, table.floatright.infoboxEvent, table.floatright.infoboxEquipment, table.floatright.infoboxAbility {
width:200px;
border-spacing: 2px;
border:1px solid #BBB;
background-color: #eae6db; /* Fallback for browsers that don't support transparency */
background-color: #f9f9f999;
text-align:center;
}
.infoboxEvent th {
background: SkyBlue;
}
.infoboxEquipment th {
background: Coral;
}
.infoboxAbility th {
background: MediumSeaGreen;
}
/* Diff styling */
td.diff-deletedline, td.diff-addedline, table.diff {
background-color: #ffffff;
}
/* Centered columns for tables */
table.col-1-center td:nth-child(1) { text-align: center; }
table.col-2-center td:nth-child(2) { text-align: center; }
table.col-3-center td:nth-child(3) { text-align: center; }
table.col-4-center td:nth-child(4) { text-align: center; }
table.col-5-center td:nth-child(5) { text-align: center; }
table.col-6-center td:nth-child(6) { text-align: center; }
table.col-7-center td:nth-child(7) { text-align: center; }
table.col-8-center td:nth-child(8) { text-align: center; }
table.col-9-center td:nth-child(9) { text-align: center; }
table.col-1-right td:nth-child(1) { text-align: right; }
table.col-2-right td:nth-child(2) { text-align: right; }
table.col-3-right td:nth-child(3) { text-align: right; }
table.col-4-right td:nth-child(4) { text-align: right; }
table.col-5-right td:nth-child(5) { text-align: right; }
table.col-6-right td:nth-child(6) { text-align: right; }
table.col-7-right td:nth-child(7) { text-align: right; }
table.col-8-right td:nth-child(8) { text-align: right; }
table.col-9-right td:nth-child(9) { text-align: right; }