MediaWiki:Common.css

From Illogicopedia
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.
/* CSS placed here will be applied to all skins */ 

/* Main page cleanup and heading protection */
.page-Main_Page #lastmod,
.page-Main_Page #siteSub,
.page-Main_Page #contentSub,
.page-Main_Page h1.firstHeading {
	display: none !important;
}

/* Ditto, but for Illoginews */
.page-IllogiNews #lastmod,
.page-IllogiNews #siteSub,
.page-IllogiNews #contentSub,
.page-IllogiNews h1.firstHeading {
	display: none !important;
}

/* Name highlighting */
.mw-special-Recentchanges .mw-userlink[title="User:Hindleyite"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Nerd42"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Silent Penguin"]:hover:after {
	content:" r vampies";
}

.mw-special-Recentchanges .mw-userlink[title="User:Abuse filter"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Athyria"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Blottobot"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Cassie"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Cg098"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Flyingcat"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Gruntled"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Mars Cadbury"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:MrMetalFLower"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Fluffalizer"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Readmesoon"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Senny"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:Twoandtwoalwaysmakesafive"]:hover:after,
.mw-special-Recentchanges .mw-userlink[title="User:XY007"]:hover:after {
	content:" r adminz";
}

.mw-special-Recentchanges .mw-userlink[title="User:Abuse filter"],
.mw-special-Recentchanges .mw-userlink[title="User:Athyria"],
.mw-special-Recentchanges .mw-userlink[title="User:Blottobot"],
.mw-special-Recentchanges .mw-userlink[title="User:Cassie"],
.mw-special-Recentchanges .mw-userlink[title="User:Cg098"],
.mw-special-Recentchanges .mw-userlink[title="User:Flyingcat"],
.mw-special-Recentchanges .mw-userlink[title="User:Gruntled"],
.mw-special-Recentchanges .mw-userlink[title="User:Hindleyite"],
.mw-special-Recentchanges .mw-userlink[title="User:Mars Cadbury"],
.mw-special-Recentchanges .mw-userlink[title="User:MrMetalFLower"],
.mw-special-Recentchanges .mw-userlink[title="User:Nerd42"],
.mw-special-Recentchanges .mw-userlink[title="User:Fluffalizer"],
.mw-special-Recentchanges .mw-userlink[title="User:Readmesoon"],
.mw-special-Recentchanges .mw-userlink[title="User:Senny"],
.mw-special-Recentchanges .mw-userlink[title="User:Silent Penguin"],
.mw-special-Recentchanges .mw-userlink[title="User:Twoandtwoalwaysmakesafive"],
.mw-special-Recentchanges .mw-userlink[title="User:XY007"] {
	font-weight: bold;
	color: #339900;
}

/* Make redirects stand out better on special:allpages and such */
.allpagesredirect {
	font-style: italic;
	padding-left: 20px;
}

/* Forum formatting -Algorithm-Splaka-SP edited */

.forumheader { 
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	margin-top: 1em;
	padding: 12px;
}
.forumlist td.forum_edited a {
	color: black;
	text-decoration: none 
}
.forumlist td.forum_title a {
	background: url(http://images.uncyclomedia.co/uncyclomedia/commons/0/00/Visitedforum.png) center left no-repeat; padding-left: 20px;
}
.forumlist td.forum_title a.forum_new { 
	font-weight: bold;
	background: url(http://images.uncyclomedia.co/uncyclomedia/commons/d/d5/Newforum.png) center left no-repeat; padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited { 
	font-weight: normal;
	background: url(http://images.uncyclomedia.co/uncyclomedia/commons/0/00/Visitedforum.png) center left no-repeat; padding-left: 20px;
}
.forumlist th.forum_title { 
	padding-left: 20px; 
}

/* Zork Class */

table.zorkclass td { 
	padding: 3px; 
}
.zorkclass { 
	background-color: #000000; 
	color: #FFCC00; 
}
.zorkclass a,
.zorkclass a:visited { 
	color: #FFFFCC; 
}
.zorkclass a:hover { 
	color: #FFFFFF; 
}
.zorkclass a.new { 
	color: #FF6666; 
}
.zorkclass ul { 
	list-style-type: circle; 
	color:#FFFFCC; 
	list-style-image: url(http://images.uncyclomedia.co/uncyclomedia/commons/d/d4/Zorkbullet.gif); 
}
.zorkcmd { 
	color: #FFFFCC; 
}
.zorkclue tt:hover { 
	color:#FFFFFF; 
}
.zorkclass * a.extiw { 
	color: #CCFFCC !important; 
}
.zorkclass * a.external { 
	color: #CCFFCC !important; 
}

/* Misc */
hr.confused { 
	border:0px; 
	background: url(http://images.uncyclomedia.co/uncyclomedia/commons/5/51/ConfusedLineSeg.png); 
	height:16px;
}

/* allows for expanding hidden sig sections (experimental) -Dawg */
.sighidden { 
	display: none 
}
.sigexpand:hover .sighidden { 
	display: inline !important 
}

/* allows for expanding/contracting hidden sections (experimental) -Dawg-SP-Fluff edited */
html>body .f1hid, .f1con {
	display: none 
}
.f1exp:hover .f1hid { 
	display: inline !important 
}
.f1exp:hover .f1con { 
	display: inline 
}
.f1con:hover {
	display: none !important 
}

/* allows for expanding/contracting hidden sections (experimental) -Dawg-SP-Fluff edited */
html>body .f2hid, 
.f2con { 
	display: none 
}
.f2exp:hover .f2hid { 
	display: inline !important 
}
.f2exp:hover .f2con { 
	display: inline 
}
.f2con:hover { 
	display: none !important 
}

/* do not display in IE6 and below */
* html .noie { display: none; }

/* wikitable/Prettytable, pinched from Wikipedia */
table.wikitable, 
table.prettytable {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
}
table.wikitable th, 
table.wikitable td, 
table.prettytable th, 
table.prettytable td {
	border: 1px #aaaaaa solid;
	padding: 0.2em;
}
table.wikitable th, 
table.prettytable th {
	background: #f2f2f2;
	text-align: center;
}
table.wikitable caption, 
table.prettytable caption {
	margin-left: inherit;
	margin-right: inherit;
}

/* make the list of references look smaller */
ol.references {
	font-size: 100%;
}

.references-small { font-size: 90%;}
 
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
	font-size: 90%;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
	background-color: #DEF;
}
 
sup.reference:target { 
	background-color: #DEF;
}
 
/* White borders for images on non-white backgrounds. Updated to only work when needed. 
To use, add: <nowiki><div class="nonwhite">[[Image:Imagetag]]</div></nowiki> <!-- Ignore the <nowiki></nowiki> --> -Paulgb */
.nonwhite div.thumb {
	border: none;
	margin-top: 10px;
	margin-bottom: 0px;
}
.nonwhite div.tleft { 
	border: none; 
}
.nonwhite div.tright { 
	margin-left: 13px; 
}


#bodyContent blockquote.email, 
#article blockquote.email, 
#mw_contentholder blockquote.email {
	border: 4px solid #cc9;
	background: #000;
	background-image: url(http://images.uncyclomedia.co/uncyclomedia/commons/5/5d/Emailbackground.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	color: #fff;
	font-weight: bold;
	padding: 1em;
	font-family: courier new, monospace;
	width: 500px;
 }

/* fix monospace size in webkit */
code, pre { 
	font-family: monospace, monospace;
}

/* Make diffs less ugly; thing already got chucked from core but we're probably stuck with it all for the next few years regardless so whatever */
/*td.diff-deletedline { 
	background: #dcffde;
}
td.diff-addedline { 
	background: #dce6ff;
}
td.diff-context div {
	font-style: italic;
	color: #555;
}
td.diff-addedline div,
td.diff-deletedline div,
td.diff-context div {
	padding: 2px 4px 1px 6px;
}
td.diff-addedline .diffchange,
td.diff-deletedline .diffchange { 
	background: transparent;
	padding-bottom: 1px;
	color: #c00;
}
td.diff-addedline .diffchange {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9wDAQEQKsaP2vEAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAFhJREFUCNctwbENglAUAMAjcQkTBnABmt/ZwwaUdK9gCGewcgiblxAaSt2AsIaNsSGh8a4qkYEV79e9/fkrkRdcT9jQoymRD3zQYcBc3TBF1hhxxhc7nlgOF7oT3kuL55oAAAAASUVORK5CYII=') repeat-x bottom;
}
td.diff-deletedline .diffchange {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB9wDAQEQEu6NYm8AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAFhJREFUCNctwaENwlAUAMD7CUs06QBdAPMdT9MNKusQHYIxGALzkgZT2W5AWANDakgw3JWaccET23pedn81o8PpgBcGHGvGDW/0GPEoV8wZLSY0+OCLO5Yf/r0TY3vtDHkAAAAASUVORK5CYII=')  repeat-x bottom;
}
*/


/* NavBox styles from Uncyclopedia/Wikipedia. I reeeally hope this works. -- [[User:Bizzeebeever]] */
/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	width: 100%;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
	margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
	margin-top: 0;            /* No top margin for nested navboxes */
}
.navbox + .navbox {
	margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}
.navbox-inner,
.navbox-subgroup {
	width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;      /* Title, group and above/below styles */
	line-height: 1.5em;
	text-align: center;
}
th.navbox-group {             /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}
.navbox,
.navbox-subgroup {
	background: #fdfdfd;      /* Background color */
}
.navbox-list {
	line-height: 1.5em;
	border-color: #fdfdfd;    /* Must match background color */
}
/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
	background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
	background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
	background: transparent;  /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}

 
/* Default styling for Navbar template */
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}
.navbar ul {
	display: inline;
	white-space: nowrap;
}
.navbar li {
	word-spacing: -0.125em;
}
.navbar.mini li span {
	font-variant: small-caps;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
	display: block;
	font-size: 100%;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
	width: 6em;
}
 
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {       
	/* @noflip */
	float: right;
	font-weight: normal;
	/* @noflip */
	margin-left: 0.5em;
	/* @noflip */
	text-align: right;
	width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
	width: 6em;
}
 
/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
	font-weight: normal;
	/* @noflip */
	text-align: right;
}
.navbox .mw-collapsible-toggle {
	width: 6em;
}

/* Bizzeebeever's No Border Addition */
.noborder, 
.noborder td, 
.noborder th {
	border: none !important;
}

/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
	line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li { 
	display: inline;
	margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
	display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
	content: ":";
}
.hlist dd:after,
.hlist li:after {
	content: " ·";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* for IE 8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
	content: none;
}
/* Add parens around nested lists */
.hlist dl dl dd:first-child:before,
.hlist ol ol li:first-child:before,
.hlist ul ul li:first-child:before {
	content: "(";
}
.hlist dl dl dd:last-child:after,
.hlist ol ol li:last-child:after,
.hlist ul ul li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* For IE8 */
.hlist dl dl dd.hlist-last-child:after,
.hlist ol ol li.hlist-last-child:after,
.hlist ul ul li.hlist-last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
	counter-increment: level1;
}
.hlist.hnum ol li:before {
	content: counter(level1) " ";
}
.hlist.hnum ol ol li {
	counter-increment: level2;
}
.hlist.hnum ol ol li:first-child:before {
	content: "(" counter(level2) " ";
}
.hlist.hnum ol ol li:before {
	content: counter(level2) " ";
}
 
/* Unbulleted lists */
.plainlist ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}
.plainlist ul li {
	margin-bottom: 0;
}