MediaWiki:Common.css

From the Portal Wiki
Revision as of 20:57, 22 April 2011 by RJackson (talk | contribs) (+Main page CSS, with colours from navbox.)
Jump to navigation Jump 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.
/* Sitewide CSS stylesheet. Take care when making any changes as they'll be pushed to every user almost immediately. */

/* Some spoiler stuff */
.spoiler-inline {
    color: black;
    background: black;
}

.spoiler-inline:hover {
    color: white;
    background: black;
}

/* Portal guy */
#portalguy {
    position: relative;
    background: url("/w/images/7/7c/Background_Portal_guy.png") no-repeat;
    width: 128px;
    height: 315px;
    left: -144px;
    margin-bottom: -315px;
    top: 64px;
}

/* Adjust preformatted text size */
pre {
    font-size: 100%;
}

/* Ambox styling */

table.ambox {
    margin: 0px 10%;                    /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa; 
    background: #fbfbfb; 
}
table.ambox + table.ambox {             /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.ambox-text, 
.ambox td.ambox-text {                  /* The message body cell(s) */
    padding: 0.25em 0.5em;              /* 0.5em left/right */
}
.ambox td.ambox-image {                 /* The left image cell */
    padding: 2px 0 2px 0.5em;           /* 0.5em left, 0px right */
}
.ambox td.ambox-image2 {                /* The right image cell */
    padding: 2px 0.5em 2px 0;           /* 0px left, 0.5em right */
}
                                        /* Colours */
table.ambox-notice,
td.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}

table.ambox-notice-2,
td.ambox-notice-2 {
    border-left: 10px solid #3f6180;    /* Dark Blue */
}

table.ambox-delete, 
table.ambox-serious {
    background: #fee;                   /* Pink */
    border: 1px solid #BB7070;
}
td.ambox-delete, 
td.ambox-serious {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content,
td.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style,
td.ambox-style {
    border-left: 10px solid #ffcc00;    /* Yellow */
}
table.ambox-images,
td.ambox-images {
    border-left: 10px solid #000000;    /* Black */
}
table.ambox-protection,
td.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}

table.ambox-good,
td.ambox-good {
    border-left: 10px solid #73D216;    /* Green */
}
th.ambox-text, td.ambox-text {          /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;              /* 0.9em left/right */
    width: 100%;                        /* Make all mboxes the same width regardless of text length */
}
td.ambox-image {                        /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;           /* 0.9em left, 0px right */
    text-align: center; 
}
td.ambox-image2 {                       /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;           /* 0px left, 0.9em right */
    text-align: center; 
}
td.ambox-empty-cell {                   /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Navbox styling */

table.navbox {                          /* Navbox container style */
  border: 1px solid #aaa;
  background: #FFFCF7;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {           /* Single pixel border between adjacent navboxes */
  margin-top: -1px;                     /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;                   /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
table.navbox th a {
  color: #444;                          /* Should make the header links look better */
}

.navbox-group {                         /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #FFFCF7;                  /* Background color */
}
.navbox-list {
  border-color: #FFFCF7;                /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #75D9FA;                  /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #9AE4FD;                  /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {

  background: #B7EBFD;                  /* Level 3 color */
}
.navbox tr {
   background-color:#FFFCF7;            /* Sandard cell background */
}
.navbox-even {
  background: #F1FCFF;                  /* Even row striping */
}
.navbox-odd {
  background: transparent;              /* Odd row striping */
}

/* Make English link bold. */
li#n-English { 
    font-weight: bold;
}

/* Hide languages box per namespace & per page */

.ns-0.page-Main_Page .portal#p-Languages,      /* Main Page exception */
.ns--1 .portal#p-Languages,                    /* Special */
.ns-2 .portal#p-Languages,                     /* User */
.ns-3 .portal#p-Languages,                     /* User talk */
.ns-4 .portal#p-Languages,                     /* Team Fortress Wiki */
.ns-5 .portal#p-Languages,                     /* Team Fortress Wiki talk */
.ns-6 .portal#p-Languages,                     /* File */
.ns-7 .portal#p-Languages,                     /* File talk */
.ns-8 .portal#p-Languages,                     /* MediaWiki */
.ns-9 .portal#p-Languages                      /* MediaWiki talk */
{ 
    display: none;
}
 
 /* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img { background: white url("/w/images/5/5d/Checker-16x16.png") repeat; }
.gallerybox .thumb img:hover,
#file img:hover { background: white url("/w/images/b/b3/Checker-16x16_Dark.png") repeat; }

/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img, 
.nochecker .gallerybox .thumb img {
    background: #f9f9f9;
}

/* Language-specific settings */

/* en-Main page title removal fix */
body.page-Main_Page h1.firstHeading {
    display: none;
}

/* Other languages */

body.page-Special_RecentChanges h1.firstHeading, body.page-Special_RecentChanges span.subpages,
body.page-Main_Page_ar h1.firstHeading, body.page-Main_Page_ar span.subpages,
body.page-Main_Page_cs h1.firstHeading, body.page-Main_Page_cs span.subpages,
body.page-Main_Page_da h1.firstHeading, body.page-Main_Page_da span.subpages,
body.page-Main_Page_de h1.firstHeading, body.page-Main_Page_de span.subpages,
body.page-Main_Page_es h1.firstHeading, body.page-Main_Page_es span.subpages,
body.page-Main_Page_fi h1.firstHeading, body.page-Main_Page_fi span.subpages,
body.page-Main_Page_fr h1.firstHeading, body.page-Main_Page_fr span.subpages,
body.page-Main_Page_hu h1.firstHeading, body.page-Main_Page_hu span.subpages,
body.page-Main_Page_it h1.firstHeading, body.page-Main_Page_it span.subpages,
body.page-Main_Page_ja h1.firstHeading, body.page-Main_Page_ja span.subpages,
body.page-Main_Page_ko h1.firstHeading, body.page-Main_Page_ko span.subpages,
body.page-Main_Page_nl h1.firstHeading, body.page-Main_Page_nl span.subpages,
body.page-Main_Page_no h1.firstHeading, body.page-Main_Page_no span.subpages,
body.page-Main_Page_pl h1.firstHeading, body.page-Main_Page_pl span.subpages,
body.page-Main_Page_pt h1.firstHeading, body.page-Main_Page_pt span.subpages,
body.page-Main_Page_pt-br h1.firstHeading, body.page-Main_Page_pt-br span.subpages,
body.page-Main_Page_ro h1.firstHeading, body.page-Main_Page_ro span.subpages,
body.page-Main_Page_ru h1.firstHeading, body.page-Main_Page_ru span.subpages,
body.page-Main_Page_sv h1.firstHeading, body.page-Main_Page_sv span.subpages,
body.page-Main_Page_zh-hans h1.firstHeading, body.page-Main_Page_zh-hans span.subpages,
body.page-Main_Page_zh-hant h1.firstHeading, body.page-Main_Page_zh-hant span.subpages {
    display: none;
}

/* 
 * Direction change on Arabic pages.
 * All mainspace pages (.ns-0), userspace (.ns-2) and the edit box of template pages (.ns-10) will have
 * the text direction set to RTL
 */
body.ns-0.lang-ar div#bodyContent, 
body.ns-2.lang-ar div#bodyContent, 
body.ns-10.lang-ar div#bodyContent {  
    direction: rtl;
}

/* Remove italics from Chinese pages */
.lang-zh-hans i,
.lang-zh-hant i { 
    font-style: normal !important;
}

/* Miscellaneous fixes */
#wpSave { font-weight: bold; }

/* Main Page styling */

.mp-content-table { 
    width: 100%; 
    background: #FFFCF7;                      /* Body background color    */
    border: 1px solid #aaa;                /* Main border color        */
    margin: 0.5em 0;
}
.mp-content-header { 
    font-size: 140%; 
    padding: 0.5em 0; 
    background: #75D9FA;                      /* Header background color  */
    border: none;
    border-bottom: 1px solid #aaa;         /* Main border color        */
}
.mp-content-body {
    padding: 0.5em;
}
div.mp-content-header-alt { 
    background: #9AE4FD; 
    font-size: 140%; 
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #aaa;         /* Main border color        */
    text-align: left; 
    color: #000; 
    padding: 0.5em;
    padding-left: 0.75em;
    margin: -0.5em -0.5em 0px;
}
/* End Main Page style */