Difference between revisions of "MediaWiki:Common.css"
From Wildermyth Wiki
m (Made first header bold) |
(Removed top navigation bar background, changed link colors) |
||
Line 8: | Line 8: | ||
background-attachment: fixed; | background-attachment: fixed; | ||
background-size: cover; | background-size: cover; | ||
} | |||
/* Top navigation header BG */ | |||
#mw-page-base { | |||
background-image: none; | |||
background-color: transparent; | |||
} | } | ||
Line 13: | Line 19: | ||
.mw-body { | .mw-body { | ||
background-image: url(images/b/bc/PaperTextureTile.png); | background-image: url(images/b/bc/PaperTextureTile.png); | ||
margin-right: | margin-right: 1em; | ||
border: 1px solid #9a7d5d; | |||
} | } | ||
/* Side navigation panel*/ | /* Side navigation panel*/ | ||
#mw-panel { | |||
background-image: url(images/f/fd/TextboxSpeech.png); | background-image: url(images/f/fd/TextboxSpeech.png); | ||
background-size: cover; | background-size: cover; | ||
Line 27: | Line 33: | ||
/* Footer */ | /* Footer */ | ||
div#footer { | div#footer { | ||
margin-right: | margin-right: 1em; | ||
margin-top: 1em; | margin-top: 1em; | ||
background-image: url(images/c/cb/TextboxThought.png); | background-image: url(images/c/cb/TextboxThought.png); | ||
Line 41: | Line 47: | ||
.mw-body .firstHeading { | .mw-body .firstHeading { | ||
font-weight: bold; | 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.) */ | |||
.vectorTabs { | |||
background-image: none; | |||
background-color: transparent; | |||
} | |||
.vectorTabs ul { | |||
background-image: none; | |||
} | |||
.vectorTabs ul li { | |||
background-image: none; | |||
background-color: transparent; | |||
} | |||
.vectorTabs li.selected { | |||
background-image: none; | |||
background-color: #faebd726; | |||
} | |||
/* Links (selected) on the top navigation bar */ | |||
.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { | |||
color: #eaeaea; | |||
} | |||
/* Links (unvisited) on the top navigation bar */ | |||
.vectorTabs li a { | |||
color: #84b2ff; | |||
} | |||
/* Links (visited) on the top navigation bar */ | |||
.vectorTabs li a:visited { | |||
color: #e48888; | |||
} | |||
/* "More" button text on the top navigation bar */ | |||
.vectorMenu h3 span { | |||
color: #e4e4e4; | |||
} | |||
/* Remove link button side bars on the top navigation bar */ | |||
.vectorTabs span { | |||
background-image: none; | |||
} | |||
#mw-head .vectorMenu h3 { | |||
background-image: none; | |||
} | } |
Revision as of 11:06, 18 November 2019
/* 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;
}
/* 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;
}
/* 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.) */
.vectorTabs {
background-image: none;
background-color: transparent;
}
.vectorTabs ul {
background-image: none;
}
.vectorTabs ul li {
background-image: none;
background-color: transparent;
}
.vectorTabs li.selected {
background-image: none;
background-color: #faebd726;
}
/* Links (selected) on the top navigation bar */
.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color: #eaeaea;
}
/* Links (unvisited) on the top navigation bar */
.vectorTabs li a {
color: #84b2ff;
}
/* Links (visited) on the top navigation bar */
.vectorTabs li a:visited {
color: #e48888;
}
/* "More" button text on the top navigation bar */
.vectorMenu h3 span {
color: #e4e4e4;
}
/* Remove link button side bars on the top navigation bar */
.vectorTabs span {
background-image: none;
}
#mw-head .vectorMenu h3 {
background-image: none;
}