MediaWiki:Common.css

Building pieces of another world.
Revision as of 21:48, 16 June 2014 by gravatar The Watcher [userbureaucratsysopPHRhYmxlIGNsYXNzPSJ0d3BvcHVwIj48dHI+PHRkIGNsYXNzPSJ0d3BvcHVwLWVudHJ5dGl0bGUiPkdyb3Vwczo8L3RkPjx0ZD51c2VyPGJyIC8+YnVyZWF1Y3JhdDxiciAvPnN5c29wPGJyIC8+PC90ZD48L3RyPjwvdGFibGU+] (talk | contribs)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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.

Authors

  • gravatar The Watcher [userbureaucratsysopPHRhYmxlIGNsYXNzPSJ0d3BvcHVwIj48dHI+PHRkIGNsYXNzPSJ0d3BvcHVwLWVudHJ5dGl0bGUiPkdyb3Vwczo8L3RkPjx0ZD51c2VyPGJyIC8+YnVyZWF1Y3JhdDxiciAvPnN5c29wPGJyIC8+PC90ZD48L3RyPjwvdGFibGU+]
body {
    background-image: url('/skins/common/images/t2_bgbody.jpg');
}

body.page-Main_Page h1.firstHeading { display:none; }

/* div#globalWrapper {
    font-size: 150%;
} */

hr.undertitle {
    border: none;
    background-color: #243d54;
    padding: 0px 5px;
    margin: 0px;
    height: 1px;
}

#mainpage_topbox {
    background: transparent;
    padding: 0px; 
    border: 1px solid #243d54; 
    margin: 0.2em 10px 10px;
}
.mainpage_boxtitle, .mainpage_hubtitle, #mainpage_pagetitle {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(78, 130, 180);
    /* RGBa with 0.6 opacity */
    background: rgba(78, 130, 180, 0.3);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4e82b4, endColorstr=#4c4e82b4);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4e82b4, endColorstr=#4c4e82b4)";
    font-size: 105%; 
    padding: 0.4em; 
    border-bottom: 1px solid #243d54; 
}
.mainpage_boxtitle {
line-height: 120%;
}
#mainpage_pagetitle {
color: #FFF; 
font-size: 200% !important;
}
#mainpage_sitelinks {
padding: 0.2em; 
text-align: center;
background-color: white;
}
.mainpage_hubtitle {
text-align: center;
}
.mainpage_boxcontents, .mainpage_boxcontents_small {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.3);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000)";
    padding:0.2em 0.4em;
}
.mainpage_boxcontents_small {
font-size: 95%;
}
.mainpage_hubbox, #mainpage_newscell, #mainpage_downloadcell {
padding: 0;
border: 1px solid #243d54;
}
.mainpage_hubbox {
margin-bottom: 0;
}

code, tt {
    font-size: 130%;
    font-face: fixed;
    font-style: normal;
    color: #a96300;
    background: inherit !important;
}

/* CSS placed here will be applied to all skins */
.alt1 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(15, 15, 15);
    /* RGBa with 0.6 opacity */
    background: rgba(30, 30, 30, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991e1e1e, endColorstr=#991e1e1e);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#991e1e1e, endColorstr=#991e1e1e)";
    vertical-align: middle;
}

.alt2 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(60, 60, 60);
    /* RGBa with 0.6 opacity */
    background: rgba(60, 60, 60, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#993c3c3c, endColorstr=#993c3c3c);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#993c3c3c, endColorstr=#993c3c3c)";
    vertical-align: middle;
}

.alth {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(78, 130, 180);
    /* RGBa with 0.6 opacity */
    background: rgba(78, 130, 180, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#994e82b4, endColorstr=#994e82b4);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#994e82b4, endColorstr=#994e82b4)";
    vertical-align: middle;
}

.hover {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(82, 82, 82);
    /* RGBa with 0.6 opacity */
    background: rgba(82, 82, 82, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99525252, endColorstr=#99525252);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99525252, endColorstr=#99525252)";
    vertical-align: middle;
}

td.zebra {
    border: 1px solid #243d54;
    padding: 0.25em 0.5em;
}

th.zebra {
    border: 1px solid #243d54;
    padding: 0.25em 0.5em;
    vertical-align: middle;
    font-weight: bold;
}

table.zebra {
    border-collapse: collapse;
}

table.wikitable,
table.prettytable {
	margin: 1em 1em 1em 0;
	border: 1px #243d54 solid;
	border-collapse: collapse;
	empty-cells: show;
        color: white;
        background: transparent;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
	border: 1px #243d54 solid;
	padding: 0.2em 0.4em;
        background: transparent;
}
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
    text-align: center;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(141, 167, 214);
    /* RGBa with 0.6 opacity */
    background: rgba(141, 167, 214, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#998da7d6, endColorstr=#998da7d6);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#998da7d6, endColorstr=#998da7d6)";
}

table.wikitable td.hl1, table.wikitable th.hl1,
table.prettytable td.hl1, table.wikitable th.hl1 {
	background: #c5d8fc;
	text-align: center;
}
table.wikitable td.hl2, table.wikitable th.hl2,
table.prettytable td.hl2, table.wikitable th.hl2 {
	background: #a7c1f2;
	text-align: center;
}
table.wikitable caption,
table.prettytable caption {
	margin-left: inherit;
	margin-right: inherit;
	font-weight: bold;
}

li.author {
display: inline;
}



/* Default skin for navigation boxes */
table.navbox, table.fmbox {            /* Navbox container style */
  border: 1px solid #243d54;
  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;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #0b0b0b;     /* Background color */
}
.navbox-list {
  border-color: #0b0b0b;   /* Must match background color */
}
.navbox-title,
table.navbox th {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(141, 167, 214);
    /* RGBa with 0.6 opacity */
    background: rgba(141, 167, 214, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#998da7d6, endColorstr=#998da7d6);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#998da7d6, endColorstr=#998da7d6)";
}
.navbox-titletext a:visted {
    color: white;
}
.navbox-titletext a {
    color: white;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #272736;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #21212e;     /* Level 3 color */
}
.navbox-even {
  background: #1e1e1e;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
.navbox-subgroup {
  margin-left: -0.25em;
}

.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-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.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Article message box styles */
table.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #243d54; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    color: white;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.3);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000)";
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
    color: white;
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(121, 87, 87);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 238, 238, 0.3);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffeeee, endColorstr=#4cffeeee);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffeeee, endColorstr=#4cffeeee)";
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Infobox template style */
.infobox {
    color: white;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    border: 1px solid #243d54; 
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.3);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000)";
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #243d54;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #243d54; 
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #172736;
    border-right: 1px solid #172736;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #172736;
}
 
/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

.ashighlight {
    max-height: 25em;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
}

Authors

  • gravatar The Watcher [userbureaucratsysopPHRhYmxlIGNsYXNzPSJ0d3BvcHVwIj48dHI+PHRkIGNsYXNzPSJ0d3BvcHVwLWVudHJ5dGl0bGUiPkdyb3Vwczo8L3RkPjx0ZD51c2VyPGJyIC8+YnVyZWF1Y3JhdDxiciAvPnN5c29wPGJyIC8+PC90ZD48L3RyPjwvdGFibGU+]