MediaWiki:Common.css

From HoloNet
Jump to navigationJump 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 / Edge: 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.
/* <pre class="wrap"><nowiki> */

/** CSS placed here will be applied to all skins */

/* Predict the Madness bracket stuff */
@import url("/load.php?mode=articles&articles=MediaWiki:Bracket.css&only=styles");

body {
	cursor: default;
	font-family: sans-serif;
}

.sitenotice-nav { display: none; }

/* Fix size issues between different platforms */
code, pre { font-size: 10pt!important }
/* Class to force links to be underlined 
To use: <span class="underlinelink">[[link]]</span>  --Paulgb */
.underlinelink a { text-decoration: underline ! important; }
/* Class to force links to be not underlined - See .underlinelink for use -Paulgb */
.nounderlinelink a { text-decoration: none ! important; }
.nounderlinelink a:hover { text-decoration: underline ! important; }
.forum_title a.forum_new { font-weight: bold; }
.forum_title a.forum_new:visited { font-weight: normal; }
.allpagesredirect { font-style: italic; }

/* pre style override */
pre.nostyle { padding:0; margin:0; border:none; background:none; }

#contentSub { margin: 0 0 0.5em 0; }
.subpages { margin: 0.5em 0 0.5em 0; }
pre.wrap {
	white-space: pre-wrap;	   /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;	  /* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	word-wrap: break-word;	   /* Internet Explorer 5.5+ */
}

/* this class can be used in the content area to make a link appear like a new page link */
#bodyContent .redlink a {color: #ba0000;}
#bodyContent .redlink a.new:visited {color: #a55858;}

/* Infobox template styling */
.infobox {
	float: right;
	clear: right;
	margin: 0 0 .5em 1em;
	width: 250px;
	background: none;
	border-collapse: collapse;
	border-width: 0px;
	font-size: 0.8em;
	line-height: 1.5;
}
.infobox table.infoboxtable {
	background:#f0f0f0;
	float:right;
	margin:0;
	width:100%;
	border-collapse:collapse;
}
.infobox td.infoboximage {
	padding:0;
	text-align:center; 
}
.infobox th.infoboxheading {
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	font-size:larger;
}
.infobox th.infoboxsubheading {
	vertical-align:top;
	text-align:left;
	font-weight:normal; 
}
.infobox td.infoboxlabel, .infobox td.infoboxcell {
	vertical-align: middle;
}

/* ugly hack to force normal height for infobox cells */
.infoboxcell p { margin-top: 0px; margin-bottom: 0px; }
/* .infoboxcell ul { list-style-type: disc; } */

.infoboxcell ul li {
	padding-left: 0;
	margin-left: 0;
	list-style-type: square;
}

/* Fix to hide random extra lines in infobox subheaders. */
.infoboxsubheading p {
	display: none;
}

.infobox div.plainlinks {
	color: #fff;
}

.infobox div.plainlinks a {
	color: #f0f0f0;
}

.infoboxtable tr:nth-child(even) { background-color: #F9F9F9 }

/* class for forum navigation templates */
.forumheader {
	background: #F2F5FD;
	border: none; 
	padding: 5px;
}

/* class for stub template styling */
/* only applies to table and div elements - avoids conflicts with preexisting a.stub */
table.stub, div.stub {
	background: #f0f0f0;
	margin: 0 0 0.5em 0.5em;
	text-align: center;
	padding: 5px;
	clear: center;
	font-size: 0.85em;
}

/* Logo and background for the wiki */
.mw-wiki-logo {background-image: url(http://images.shoutwiki.com/swholonet/b/bc/Wiki.png);}
body {background-image: url(//images.shoutwiki.com);}

/* class for article disambiguation templates */
.disambig {
	background: #f2f5fd;
	font-size: 0.85em;
	text-align: center;
	width: 85%;
	margin: 0 auto 3px auto;
}

/* styling for MediaWiki:Edittools */
#edittools, #editpage-specialchars {
	border:2px solid #F0F0F0;
	background:#F9F9F9;
}

body.page-Main_Page #lastmod, 
body.page-Main_Page #siteSub, 
body.page-Main_Page #contentSub, 
body.page-Main_Page h1.firstHeading {
	display: none !important;
}

.references-small { font-size: 0.85em; }

/* rounded corners */
.rtop, .rbottom { display: block; padding: 0px; margin: 0px }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px }
.r1 {margin: 0 5px}
.r2 {margin: 0 3px}
.r3 {margin: 0 2px}
.r4 {margin: 0 1px; height: 2px}
/* end rounded corners */

#mp3-global {
	padding: 8px 0;
	margin-top: 1em; 
}

#mp3-global ul {
	padding-left: 10px;
	margin-left: 10px;
}

#mp3-navlink #mp3-nav { display: none; }

#mp3-navlink {
	font-size: 1.1em;
	margin: auto;
	max-width: 600px;
	width: expression(document.getElementById('mp3-nav-outer').offsetWidth > 600 ? '600px' : 'auto');
}

.hoverable .hoverable-inner {
	display: none;
	position: absolute;
	top: auto;
	text-align: left;
}

.hoverable:hover .hoverable-inner, .hoverable.over .hoverable-inner { display: inline; }

/* class for message box template styling */
.messagebox {
	clear:both;
	width:85%;
	margin:0px auto 3px auto;
	padding:3px;
	font-size:95%;
} 

/* in-universe and out-of-universe message boxes */
.iumb, .ooumb { 
	border-width: 0;
	text-align:left;
	padding: 0;
}

.iumb table, .ooumb table {
	padding: 5px 10px 5px 10px;
	background: transparent;
	color: inherit;
}

.iumb table.hidable-content, .ooumb table.hidable-content {
	padding: 0;
}

.iumb-icon, .ooumb-icon {
	vertical-align: middle;
	padding: 0;
}

.iumb-main, .ooumb-main {
	padding: 0 0 0 10px;
}

.iumb-caption {
	font-size: 1.3em;
	font-weight: bold;
}

.ooumb-caption {
	font-size: 1em;
	font-weight: bold;
}

.iumb-comment {
	font-size: 0.8em;
}

.iumb-hidable-button, .ooumb-hidable-button {
	text-align: right;
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 0.8em;
	vertical-align: bottom;
}

.iumb-table-container, .ooumb-table-container {
	width: 100%;
}

.iumb p {
	margin-top: 0;
	margin-bottom: 0;
}

/* userboxes */
.userbox {
	float: left;
	border-width: 1px;
	border-style: solid;
	margin: 1px;
	width: 238px;
	padding: 0px;
}

.ubx-icon {
	width: 45px;
	height: 45px;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}

.ubx-main {
	font-size: 8pt;
	padding: 4pt;
	line-height: 1.25em;
}

#toc, .toc {
	border-width: 0;
}

.skin-monobook #toc ol {
margin-left: 2em;
}

.spoiler {
	background-color: #fff8f8;
	color: #000000;
	border-color: black;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	text-align: center;
}

/*
	forum table
*/
.forumlist {
	width: 100%;
	background: #F2F5FD;
}

.forumlist-header {
	background: #D8E9FC;
}

.forumlist-header th {
	text-align: left;
}

.forumlist th, .forumlist td {
	padding: 3px;
}

.ahtable {
	padding: 0;
	width: 85%;
}

.ahtable th, .ahtable td {
	padding: 3px;
}

.ahth {
	text-align: left;
}

.ahtable .ahrt, .ahtable .ahrb {
	padding: 0;
}

.ahf {
	text-align: left;
	font-weight: normal;
}

.ahfstatus {
	font-weight: bold;
}

.hidable-button {
	color: #088;
	cursor: pointer;
}

.infobox .hidable-button {
	color: #f0f0f0;
}

#p-search #searchInput {
	text-transform: none;
}

/* new navboxes */
.nb2-wrapper {
	text-align: center;
}

.nb2 {
/*	margin: auto; */
	border: 0;
}

.nb2-firstheading {
	color: black;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px;
}

.nb2-inner {
	width: 100%;
}

.nb2-inner th {
	font-weight: bold;
}

.nb2-inner td {
	font-size: 0.9em;
	text-align: center;
}

.nb2-end td {
	font-size: 0.85em;
	text-align: center;
}

.nb-edi {
	font-size: 0.85em;
}

.nb2 .nb-edi {
	font-size: inherit;
}

.nb2-end a, .nb2-end .hidable-button {
	color: black;
	text-transform: lowercase;
	text-decoration: none;
}

#search-icon-wrapper {
	cursor: pointer;
}

#search-popup {
	position: absolute;
	background: #f2f5f9;
	text-align: left;
	z-index: 8;
}

/* "printable version" tweaks */
@media print {
	body, #content { background: white!important; }

	/* tweaks for title-messing templates */
	#title-override { left: 0px!important; font-weight: bold!important; background: #f4f8ff!important; }
	#title-eraicons { display: none!important; visibility: hidden !important }

	div.tleft { border: none!important; }
	div.tright { margin-left: 13px!important; }
	div.thumb { background: inherit!important; }

	h1, h2, h3, h4, h5, h6, .firstHeading { background: inherit !important }

	#toc { background: inherit!important; border-width: 0px!important }

	/* temporary hack; that div should be assigned class=noprint */
	.infoboxfooter { display:none !important }

	.printfooter { background: inherit !important; }
	#catlinks, #footer { display:none !important; }
}

/* Highlighting of administrators in the Recent Changes */
ul.special li a[title="User:Darth Culator"],
table.mw-enhanced-rc td a[title="User:Darth Culator"],
ul.activityfeed li cite a[href="/wiki/User:Darth_Culator"],
ul.special li a[title="User:Grunny"],
table.mw-enhanced-rc td a[title="User:Grunny"],
ul.activityfeed li cite a[href="/wiki/User:Grunny"],
ul.special li a[title="User:Riffsyphon1024"],
table.mw-enhanced-rc td a[title="User:Riffsyphon1024"],
ul.activityfeed li cite a[href="/wiki/User:Riffsyphon1024"],
ul.special li a[title="User:Toprawa and Ralltiir"],
table.mw-enhanced-rc td a[title="User:Toprawa and Ralltiir"],
ul.activityfeed li cite a[href="/wiki/User:Toprawa_and_Ralltiir"],
ul.special li a[title="User:Cade Calrayn"],
table.mw-enhanced-rc td a[title="User:Cade Calrayn"],
ul.activityfeed li cite a[href="/wiki/User:Cade_Calrayn"],
ul.special li a[title="User:Cavalier One"],
table.mw-enhanced-rc td a[title="User:Cavalier One"],
ul.activityfeed li cite a[href="/wiki/User:Cavalier_One"],
ul.special li a[title="User:CC7567"],
table.mw-enhanced-rc td a[title="User:CC7567"],
ul.activityfeed li cite a[href="/wiki/User:CC7567"],
ul.special li a[title="User:Exiledjedi"],
table.mw-enhanced-rc td a[title="User:Exiledjedi"],
ul.activityfeed li cite a[href="/wiki/User:Exiledjedi"],
ul.special li a[title="User:Green tentacle"],
table.mw-enhanced-rc td a[title="User:Green tentacle"],
ul.activityfeed li cite a[href="/wiki/User:Green_tentacle"],
ul.special li a[title="User:Ifindyourlackoffaithdisturbing"],
table.mw-enhanced-rc td a[title="User:Ifindyourlackoffaithdisturbing"],
ul.activityfeed li cite a[href="/wiki/User:Ifindyourlackoffaithdisturbing"],
ul.special li a[title="User:SFH"],
table.mw-enhanced-rc td a[title="User:SFH"],
ul.activityfeed li cite a[href="/wiki/User:SFH"],
ul.special li a[title="User:Supreme Emperor"],
table.mw-enhanced-rc td a[title="User:Supreme Emperor"],
ul.activityfeed li cite a[href="/wiki/User:Supreme_Emperor"],
ul.special li a[title="User:Xd1358"],
table.mw-enhanced-rc td a[title="User:Xd1358"],
ul.activityfeed li cite a[href="/wiki/User:Xd1358"] {
	font-weight: bold;
	color:#009900;
}

ul.special li a[title="User:Wikia"] {
	font-weight: bold;
	color:#FF0000;
}

/* Colored watchlist numbers */
.mw-plusminus-pos {
	color: #006400; /* darkgreen */
}

/* .mw-plusminus-null currently at developer default */

.mw-plusminus-neg {
	color: #cc2200; /* darkred */
}

.dablink {
	font-style:italic;
	padding-left:2em;
}

/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as
   there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 ol ol {display:none;}
.toclimit-3 ol ol ol {display:none;}
.toclimit-4 ol ol ol ol {display:none;}
.toclimit-5 ol ol ol ol ol {display:none;}
.toclimit-6 ol ol ol ol ol ol {display:none;}
.toclimit-7 ol ol ol ol ol ol ol {display:none;}

/* Class for links with loudspeaker icon next to them */
/* (Used in [[Template:Audio]] and the like to make the speaker clickable) */
 
.audiolink a {
	/* For some reason the icon we used for years is now 404. Switching to /thumb/ should work. */
	background: url("http://images.wikia.com/starwars/images/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important;
	padding-left: 16px !important;
	padding-right: 0 !important;
}

.hidebox {
	border: 1px solid #eee;
	padding: 3px;
	margin: auto;
}

/* Jack says this will kill MultiUpload in the sidebar */
#p-tb li#t-multiupload { display: none; }

/* Trying to kill the policy-violating "add images" crap */
#wmuLinkDiv {display:none !important}
#wmu-imagebutton {display:none !important}
#wmu_imagebutton {display:none !important}
#mw-editbutton-wmu {display:none !important}
#wmuLink {display:none !important}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target { background-color: #c6d9f0; }
sup.reference:target { background-color: #c6d9f0; }

/* Link FAs in other languages */

#p-lang li.FA {
	list-style-image: url("http://images.wikia.com/starwars/images/1/10/InterwikiFA.png");
}

#p-lang li.GA {
	list-style-image: url("http://images.wikia.com/starwars/images/d/df/InterwikiGA.png");
}

/* New styling for appearance lists, used in Template:App */
table.appearances {
	padding: 5px;
	width: 100%;
	border: 1px solid #D6F0F5;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 4px;
	text-align: left;
	clear: left;
}
table.appearances tr td { vertical-align: top; }

/* remove talk link from forum namespace (monobooks/newskins/quartzskins/monaco) -Splarka (on Central) */
body.ns-100 #ca-talk, body.ns-100 #this_talk, body.ns-100 #page_tabs li+li  { display: none; }

/* Put a checker background at the image description page only visible if the image has transparent background (import from Central) */
#file img {
	background: url("http://images.wikia.com/central/images/5/5d/Checker-16x16.png") repeat;
}

.galaxymap {
	background-image: url(http://images.wikia.com/starwars/images/8/8a/Coordinate_galaxy_map.jpg);
}

/* Removes the followed pages section from user pages */
.article-sidebar, #userPageFollowedHead { display: none !important; }
#profile-content-inner { margin-right: 0 !important; }

/* Bring the new gallery more in line with the original style */
div.wikia-gallery span.wikia-gallery-item {
	background-color: #F9F9F9;
	margin: 0 4px 5px 0;
	padding: 4px 5px 5px 5px;
}
div.wikia-gallery span.wikia-gallery-item div.thumb {
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC;
	padding: 4px 0px 2px 0px;
}
div.wikia-gallery span.wikia-gallery-item div.thumb div.gallery-image-wrapper {
	border: none;
}
div.wikia-gallery span.wikia-gallery-item div.lightbox-caption {
	padding: 0;
	margin-top: 5px;
}

/* Make italics work in Template:Main -- from Wikipedia */
.rellink { font-style: italic; }
.rellink i { font-style: normal; }

.scrollbox {
	margin-bottom:3px;
	margin-top:3px;
}
.scrollbox tr > td {
	background: transparent;
}
.scrollbox tr > td > div {
	overflow: auto; 
	-moz-border-radius-topleft: 0.5em;
	border: 1px solid #AAAAAA;
	padding-left: 0.5em;
	background: transparent;
}

/* Adjust size of references in infoboxes and succession boxes - deprecates Template:Ref */
div.infobox .reference,          /* infoboxes */
.refadjust .reference {          /* succession boxes, anything else which has class="refadjust" */
	font-size: 7.5px;
	line-height: 1.5;
	font-weight: normal;
}

/* Hiding form on [[Special:WikiaVideoAdd]] to prevent videos from being added */
.mw-special-WikiaVideoAdd div#mw-content-text form.WikiaForm {
	display: none;
}

/* General-purpose class used to hide objects from both Oasis and Monobook. Use only for mobile-exclusive items. */
.global-hide { display: none; }

/* Hover Box for switching the visibility of the selected item */
.hoverbox { display:inline-block; padding:0em; }
.hoverbox .hoveritem { display:none; margin:0em; padding:0em; }
.hoverbox .hoveritem.selected { display:inline-block; }
.hoverbox:hover .hoveritem { display:inline-block; }
.hoverbox:hover .hoveritem.selected { display:none; }

.planetimg:hover { background: #000000; }

/* Drop-down box functionality */
#dropd { text-align:center; }
#dropd ul {
	background: #D8E9FC; 
	padding: 0 10px;
	border-radius: 15px;
	margin: 0 5px;
	list-style: none;
	position: relative;
	display: inline-block;
}
#dropd ul li:hover { 
	background: #FFFFFF; 
	border-radius: 5px; 
}
#dropd ul li:hover > ul { display: block; }
#dropd ul li a { text-decoration: none; }
#dropd ul ul { 
	display: none;
	background: #bababa;
	border-radius: 15px; 
	padding: 7px 7px;
	position: absolute; 
	z-index: 100;
	max-width: 600px;
}
#dropd ul ul li:hover { background: #FFFFFF; }

li.topmenu { 
	display: inline-block;
	padding: 3px 5px;
}
.imglist {
	display: inline-block;
	font-size: 0;
	padding: 7px 0;
}
.reglist {
	font-size: 10pt;
	text-align: left;
	padding: 2px 2px;
	list-style: none;
}
.imglistreg {
	font-size: 10pt;
	padding: 7px 0;
	margin: 10px;
}
.imglist {
	display: inline-block;
	font-size: 0;
	padding: 7px 0;
}
.reglist a { padding: 2px 5px; }
.imglist-w a { padding: 2px 0; }
.imglist-h a { padding: 2px 0; }

/ * Alignment tweaks for the classes used on the Main Page dropdowns */
.alignleft { left: 0%; }
.alignright { right: 0% }

/* Formatting for the Characters dropdown on the Main Page */
#icongallery { 
	padding: 0 5px;
	border-radius: 12px;  
	list-style: none;
	position: relative;
}
#icongallery > li {
	display: inline-block; 
	padding: 3px 1px;
}

/* limits max width of infobox and Main Page dropdown images to the template's defined max width */
.infoboximage img {
	max-width: 100%;
	height: auto;
}
.imglist-h img {
	max-height: 100%;
	width: auto;
}
.imglist-w img {
	max-width: 100%;
	height: auto;
}

/* CSS tweaks for the Special:Upload autocomplete functionality. */
#minicomplete-list{
	z-index: 3;
	padding: 2px;
	margin: 0;
	float: left;
	position: absolute;
	cursor: pointer;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}

.minicomplete-box{
	margin: 0;
	float: left;
	clear: left;
	width: 100%;
	list-style: none;
}

.minicomplete-option{
	display: block;
	padding: .2em .4em;
	zoom: 1;
	color: #222222;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

#catlinks, #toc, .toc {
	background: #f2f5fd;
}

/* Tweaks for main page placement of 
   social media icons vs. tally */
   
.page-Main_Page .page-share-container { 
    position:absolute;
    margin-left:42px
}

.page-Main_Page div.tally {
    position:relative;
    right:125px!important;
} 

/***** Portable Infoboxes *****/
.portable-infobox { width: 250px; }

/* Adjusts reference size */
.portable-infobox .reference, .refadjust .reference {
	font-size: 7.5px;
	line-height: 1.5;
}

/* Alternating row colors */
.portable-infobox .pi-data:nth-child(even) { background-color: #F0F0F0; }

/* Eliminate border between rows */
.portable-infobox .pi-border-color { border-bottom-style: none !important; }

/* Standardized padding for infobox elements */
.portable-infobox .pi-item-spacing { padding: 4px; }

/* Title field */
.portable-infobox .pi-title {
	font-size: 0.96em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5;
}

/* Secondary font - section headers and labels */
.portable-infobox .pi-secondary-font {
	font-size: 0.8em;
	line-height: 1.5;
}

/* Field labels */
.portable-infobox .pi-data-label {
	font-weight: normal;
	padding: 0;
}

/* Field values */
.portable-infobox .pi-data-value {
	font-size: 0.8em;
	line-height: 1.5;
}
.portable-infobox .pi-data-value:not(:first-child) { padding-left: 5px; }
.portable-infobox .pi-data-value li { line-height: 1.5em; }

.insider-template-image { margin-bottom: 1px; }

/* </nowiki></pre> */