MediaWiki:Common.css

From comp.tf
Revision as of 13:04, 31 July 2013 by Atlas (talk | contribs)
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: 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.
/* CSS placed here will be applied to all skins */

/* Global styles */
.centered { text-align: center; }

/* Infobox styles */
.infobox { float: right; width: 25%; font-size: 88%; background: #f9f9f9; border: 1px solid #ccc; margin: 5px; }
.infobox th { background: #d9d9d9; font-size: small; }

/* Main page styles */
.mainpage { width: 100%; margin-bottom: 0px; border: 1px solid #ccc; background: #f9f9f9; border-collapse: collapse; }
.mainpage th { font-size:85%; text-align: center; background-color: #1c1c1c; color: #ffffff; }
.mainpage td { text-align: center; }
.mainpage td.col2 { background: #fdfdfd; }
.mainpage tr.top td { vertical-align: top; }
.mainpage tr.bold td { font-weight: bold; }
.mainpage tr.maps td { width: 14.2%; }

/* Ambox styles */
.ambox { margin: 0px 10%; border: 1px solid #aaa; background: #fbfbfb; }
.ambox td.notice  { border-left: 10px solid #1e90ff; }
.ambox td.style   { border-left: 10px solid #ffcc00; }
.ambox td.content { border-left: 10px solid #f28500; }
.ambox td.delete  { border-left: 10px solid #b22222; }
.ambox td.default { border-left: 10px solid #000000; }
.ambox td.image   { padding: 0 0.5em }
.ambox td.message { width: 100%; }
.ambox .smalltext { font-size: 95%; }

/* Navbox styles */
.navbox { font-size: 11px; background: #f9f9f9; border: 1px solid #ccc; width: 100%; }
.navbox th { background: #1c1c1c; font-size: 12px; color: #ffffff; }
.navbox .controls { float: left; margin-left: 5px; font-size: 9px; font-weight: normal; color: #fff; }
.navbox th a, .navbox th span.plainlinks a.external { color: #ffffff; }
.navbox th a:hover, .navbox th span.plainlinks a.external:hover { color: #ffffff; text-decoration: underline; }
.navbox th a:visited, .navbox th span.plainlinks a.external:visited { color: #ffffff; }
.navbox td.group { width: 8em; text-align: right; background: #d9d9d9; padding-left: 11.25px; padding-right: 11.25px; }
.navbox td.row1 { background: #fdfdfd; }

/* Map location styles - WIP */
.maploc { width: 810px; margin: 0 auto; }
.maploc div.container { width: 800px; position: relative; margin: 0 auto; }
.maploc div.container div.marker { width: 21px; height: 31px; position: absolute; background: url(../images/d/d5/Map_marker.png); z-index: 0; }
.maploc div.container div.marker div { width: 160px; height: 20px; position: relative; top: -25px; left: -69px; background: linear-gradient( to bottom, white, #eee ); box-shadow: 0px 5px 5px rgba(0,0,0,0.5); text-align: center; font-size: small; border-radius: 10px; display: none; }
.maploc div.container div.marker:hover div { display: block; z-index: 1; }

/* This CSS snippet applies to the Top Contributions extension tables only (installed on 31/07) */

.contributionscores-wrapper       {  }
.contributionscores-title         { background-color: #aaaaaa; margin-bottom: 0px; padding-left: .4em; }
.contributionscores .header { background-color: #cccccc; border-bottom: 1px solid #999999; font-weight: bold; }
.contributionscores .odd        { background-color: #eeeeee; }
.contributionscores .header td   { padding-left: .2em; padding-right: .2em; }
.contributionscores .content   { padding-left: .2em; padding-right: .2em; }