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: 3em;
     margin-right: 1em;
 
    border: 1px solid #9a7d5d;
}
}


/* Side navigation panel*/
/* Side navigation panel*/
div#mw-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: 3em;
     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 12: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;
}