MediaWiki:MonoBook.css

From Hotline Wiki
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search

Note: After publishing, 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: Press Ctrl-F5.
/* All CSS here will be loaded for users of the MonoBook skin */
/*
 * MAC OS PLATINUM THEME (for MonoBook skin)
 * Replaces the "Classic 95" theme.
 * This theme uses no external files, HTML4-compatible CSS, and web-safe fonts.
 */

/* General Body Styling - "Platinum" Gray */
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #EEEEEE; /* Platinum gray */
    color: #000000;
}

/* Main page container */
#globalWrapper {
    background-color: #EEEEEE;
    border: none;
}

/* The white content area */
#content {
    background-color: #FFFFFF;
    color: #000000;
    padding: 10px;
    border: 1px solid #999999; /* Subtle 1px border */
    margin: 10px 0 0 155px; /* Adjust margin to fit sidebar */
}

/* Main page title (e.g., "Hotline Connect Client") */
#firstHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #CCCCCC;
}

/* All side panels */
#p-personal,
#p-navigation,
#p-search,
#p-tb,
#p-lang {
    margin: 5px;
    background-color: #EEEEEE;
    border: 1px solid #999999; /* Subtle 1px border */
    padding: 0;
}

/* Headers for side panels (e.g., "Navigation", "Search") */
#p-personal h5,
#p-navigation h5,
#p-search h5,
#p-tb h5,
#p-lang h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    background-color: #CCCCCC; /* Mac-style header bar */
    color: #000000;
    padding: 4px 5px;
    margin: 0;
    border: none;
    border-bottom: 1px solid #999999;
}

/* Content area of side panels */
.pBody {
    font-size: 11px;
    background-color: #EEEEEE;
    padding: 5px;
    border: none;
}

/* Use default list style (or remove to let default icons show) */
.pBody ul {
    list-style-type: none;
    padding-left: 5px;
    margin-left: 10px;
}
.pBody ul li {
    padding-bottom: 3px;
}

/* Links */
a {
    color: #0000CC; /* Classic Apple-blue link */
    text-decoration: underline;
}
a:visited {
    color: #551A8B; /* Standard visited purple */
}
a:hover {
    color: #CC0000;
}
/* Colorful Highlight: Red links for non-existent pages */
a.new {
    color: #CC0000 !important;
}

/* H1-H6 Headers */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
}

/* Search box */
#searchInput {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #888888;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
}
/* Search button */
input.searchButton {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #DDDDDD;
    border: 1px outset #999999;
    color: #000000;
    font-size: 11px;
    cursor: pointer;
}

/* Tabs at the top (Article, Discussion, Edit, History) */
#p-cactions ul li a {
    background-color: #CCCCCC;
    border: 1px solid #999999;
    border-bottom: none;
    color: #000000;
    font-weight: normal;
}
#p-cactions ul li a:hover {
    background-color: #DDDDDD;
}
/* Selected tab (connects to white content page) */
#p-cactions ul li.selected a {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-bottom: 1px solid #FFFFFF;
    color: #000000;
}

/* Footer */
#footer {
    background-color: #EEEEEE;
    color: #333333;
    font-size: 10px;
    border-top: 1px solid #999999;
}

/* Infoboxes and Tables */
table.infobox,
table.wikitable {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 12px;
}
table.infobox th,
table.wikitable th {
    background-color: #EFEFEF;
    border: 1px solid #AAAAAA;
    color: #000000;
}
table.infobox td,
table.wikitable td {
    border: 1px solid #AAAAAA;
}