User:StarFleet/monobook.css
ShoutWiki — express yourself and be heard!
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*
** MediaWiki 'StellarBook' style sheet for CSS2-capable browsers.
**
** @date 14 January 2013
** @license http://www.gnu.org/copyleft/gpl.html GNU General Public License 2.0 or later
*/
div#content {
background: #313439;
border: solid 1px #5b5865;
color: #FFF;
margin-left: 12.5em;
margin-right: 1em;
padding-top: 0px;
}
#bodyContent {
padding: 0em 6em 0 4em;
}
body {
/* @embed */
background: #000 url(stellarbook/headbg.jpg) 0 0 repeat-x;
color: #FFF;
}
/**
* Suppress the default background image.
*/
div#globalWrapper {
background-image: none;
}
/* general styles */
table {
font-size: 100%;
background: #404043;
color: #FFF;
}
a {
text-decoration: none;
color: #a5a5ec;
background: none;
}
a:visited {
color: #ae8c7e;
}
a:active {
color: #faa700;
}
a:hover {
text-decoration: underline;
}
a.stub {
color: #b65b6d;
}
a.new, #p-personal a.new {
color: #fabd23;
}
a.new:visited, #p-personal a.new:visited {
color: #a28b56;
}
/* Structural Elements */
h1, h2, h3, h4, h5, h6 {
color: #818895;
}
h5 {
font-size: 100%;
}
h6 {
font-size: 80%;
}
li {
margin-bottom: .3em; /* @todo CHECKME */
}
dd {
margin-left: 2em; /* @todo CHECKME: still needed? */
}
legend {
background: #313439;
}
abbr, acronym, .explain {
background: none;
border-bottom: 1px dotted #000;
color: #000;
}
code {
background-color: #404043;
}
pre, .mw-code {
background-color: #404043;
border-color: #a6a8c8;
color: #FFF;
line-height: 1.1em;
}
/* Some space under the headers in the content area */
#bodyContent h1, #bodyContent h2 {
margin-bottom: .6em;
}
#bodyContent h3, #bodyContent h4, #bodyContent h5 {
margin-bottom: .3em;
}
.firstHeading {
font-size: 2.5em;
margin: 1em 0 .1em 1em;
border: none;
}
/* success and error messages */
.errorbox, .successbox {
border: 2px solid;
color: #000;
float: left;
margin-bottom: 2em;
}
.errorbox {
background-color: #fff2f2;
border-color: red;
}
.successbox {
background-color: #dfd;
border-color: green;
}
/* Categories */
.catlinks {
background-color: #404043;
}
/* Table of Contents */
#toc,
.toc,
.mw-warning,
.toccolours {
background-color: #404043;
}
/* Page history styling */
#pagehistory li.selected {
background-color: #404043;
}
/*
** Diff rendering
*/
table.diff, td.diff-otitle, td.diff-ntitle {
background-color: #404043;
}
td.diff-addedline {
background: rgb(0, 100, 0);
font-size: smaller;
}
td.diff-addedline .diffchange {
background: transparent !important;
}
td.diff-deletedline {
background: #bc8f29;
font-size: smaller;
}
td.diff-context {
background: #404043;
color: #FFF;
font-size: smaller;
}
span.diffchange {
color: red;
font-weight: bold;
}
/*
** keep the whitespace in front of the ^=, hides rule from Konqueror
** this is CSS3, the validator doesn't like it when validating as CSS2
*/
#bodyContent a.external[href ^="https://"],
.link-https {
/* @embed */
background-image: url(stellarbook/lock_icon.png);
}
#bodyContent a.external[href ^="mailto:"],
.link-mailto {
/* @embed */
background-image: url(stellarbook/mail_icon.png);
}
#bodyContent a.external[href ^="news:"] {
/* @embed */
background-image: url(stellarbook/news_icon.png);
}
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
/* @embed */
background-image: url(stellarbook/file_icon.gif);
}
#bodyContent a.external[href ^="irc://"],
#bodyContent a.external[href ^="ircs://"],
.link-irc {
/* @embed */
background-image: url(stellarbook/discussionitem_icon.png);
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
/* @embed */
background-image: url(stellarbook/audio.png);
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
/* @embed */
background-image: url(stellarbook/video.png);
}
/* Interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #47aec9;
}
/* External links */
#bodyContent a.external {
color: #47aec9;
}
/*
** general portlet styles (elements in the quickbar)
*/
.portlet h3 {
background: transparent;
padding: 0 1em 0 .5em;
display: inline;
height: 1em;
text-transform: lowercase;
font-size: 120%;
font-weight: bold;
white-space: nowrap;
}
.portlet h4 {
font-size: 95%;
font-weight: normal;
white-space: nowrap;
}
.portlet h6 {
background: #ffae2e;
border: 1px solid #2f6fab;
border-style: solid solid none solid;
padding: 0 1em 0 1em;
text-transform: lowercase;
display: block;
font-size: 1em;
height: 1.2em;
font-weight: normal;
white-space: nowrap;
}
.pBody {
background-color: #313439;
border: none;
color: #FFF;
}
/*
** Search portlet
*/
#searchInput {
background-color: #bdc1c7;
}
/*
** the personal toolbar
*/
#p-personal li a {
color: #133146;
}
/*
** the page-related actions- page/talk, edit etc
*/
#p-cactions li {
background: #313439;
border-color: #000;
padding-bottom: .1em; /* @todo CHECKME */
}
#p-cactions li a {
background-color: #313439;
color: #a0a7c4;
padding-left: .8em;
}
#p-cactions li.selected {
padding: 0 0 .2em 0;
}
#p-cactions li.selected a,
#p-cactions li a:hover {
background-color: transparent;
}
/*
** footer
*/
div#footer {
background-color: #191a1e;
font-size: 75%;
margin: 4em 0 1em 0;
padding: .4em 0 1.2em 0;
}
/* js pref toc */
#preftoc {
float: left;
margin: 1em;
width: 13em;
}
#preftoc li.selected {
background-color: #404043;
}
#preftoc a,
#preftoc a:active {
color: #a5a5ec;
}
/* Gallery stuff -- no idea if this is needed -- @todo FIXME/CHECKME */
.gallerybox {
margin: 2px;
width: 150px;
}
/* Note on preview page */
.previewnote {
text-align: center;
}
/* Classes for Exif data display */
table.metadata th {
background-color: #404043;
}
table.metadata td {
background-color: #fcfcfc;
}
/* filetoc */
ul#filetoc {
background-color: #404043;
}
/* Login & signup form fixes */
div#userloginForm {
background-color: transparent;
}
#mw-createaccount-join { /* "Join {{SITENAME}}" button */
box-shadow: none;
}
.mw-ui-vform > div label,
div.mw-number-text {
color: #FFF;
}
div.mw-number-text h3 {
color: #818895;
}
/* TablePager */
table.mw-datatable tr:hover td, table.mw-datatable td {
background-color: transparent;
}
table.mw-datatable th {
color: #000;
}
/* Navigation arrows */
table.TablePager_nav {
background: transparent;
}
/* Special:AllMessages */
table.mw-allmessages-table {
background: transparent;
}
/** Social tools */
#profile-top, .profile-info {
background-color: transparent !important;
}
/* personal info on profiles + activity feed on profiles + Special:UserActivity */
div.profile-info-container div,
div.profile-info-container b,
div.item,
div.user-home-links-container h2 {
color: #FFF;
}
/* user board on profile pages */
div.user-board-message-from {
background-color: transparent;
border-bottom: 1px solid #e2e2e2;
}
/* navigation menu on Special:TopUsers */
div.top-fan-nav h1 {
color: #818895;
}
/** Comments */
div.c-form-title {
color: #818895;
}
/** FanBoxes */
/* Special:TopUserboxes */
div.top-fanbox-users table,
div.fanbox-pop-up-box table,
div.fanbox-pop-up-box-profile table /* fanboxes on users' profiles */ {
background-color: transparent;
}
div.fanbox-nav h2 {
color: #818895;
}
/** LinkFilter */
/* Special:LinksHome */
div.links-home-date,
div.link-item-desc {
color: #818895;
}
/** PollNY */
/* Special:ViewPoll */
div.view-poll-top-links a,
div.view-poll-text,
div.view-poll-user-name {
color: #a5a5ec;
}
div.view-poll-navigation h2 {
color: #818895;
}