Difference between revisions of "MediaWiki:Vector.css"

From Stellaris Wiki
Jump to navigation Jump to search
(Yellow)
(Added blue effect)
Line 68: Line 68:
 
.effect-yellow { color: #FFA500; }
 
.effect-yellow { color: #FFA500; }
 
.effect-background-yellow { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
 
.effect-background-yellow { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
 +
.effect-blue { color: blue; }
 +
.effect-background-blue { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
 
   
 
   
 
.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }
 
.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

Revision as of 11:41, 4 March 2018

/* CSS placed here will affect users of the Vector skin */

/* Hiding the main page's title (using an image instead */
body.page-Stellaris_Wiki h1.firstHeading { display:none; }

/* Reducing the distance between the page content and the user-bar */

#mw-head-base {
	margin-top: -6.5em; /* From 5em */
}
 
/* Making the top bar more compact */
 
	#left-navigation {
		margin-top: 1em; /* From 2.5em. Height from top of elements to the top */
	}
	#right-navigation {
		margin-top: 1em; /* From 2.5em. Height from top of elements to the top */
	}
 
/* Making the sidebar more compact */
	div#mw-panel {
		top: 236px; /* From 160px. Height from bottom of logo to the top */
		padding-top: 0; /* From 1em. ~Distance between navigation and logo */
	}
	div#mw-panel div.portal {
		padding-bottom: 0.1em; /* From 1.5em. Unknown purpose */
	}
	div#mw-panel div.portal h5 {
		padding: 0.1em; /* From 2.5em. Unknown purpose */
	}
	div#mw-panel div.portal div.body {
		padding-top: 0.1em; /* From 5em. Unknown purpose */
	}
 
	div#mw-panel div.portal div.body ul li {
		padding-bottom: 0.225em; /* From 0.25em. Distance between links. Overwritten by Vector extension */
	}
 
	#mw-panel.collapsible-nav .portal .body ul li {
		padding: 0.2em 0; /* From 0.25em. Distance between links. Vector extension */
	}
 
	#mw-panel.collapsible-nav .portal {
		margin-bottom: 6px; /* From 10px. Distance between bottom of list and ad. Vector extension */
	}
/* Logo */
#p-logo {
	top: -233px; /* From -160px. Distance from the top */
	height: 236px; /* From 160px. Height of logo */
}
#p-logo a {
	height: 236px; /* From 160px. Height of logo */
}
/* Hide footer bits*/
#footer-info-viewcount { display: none; }
#footer-info-lastmod { display: none; }
#footer-info-copyright { display: none; }
div#footer { padding-top:5px; }
div#content { padding:10px 15px; }
div#list p, dl { margin-bottom:0.2em; }
#contentSub { margin:0; }
 
.effect-green { color: green; }
.effect-background-green { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
.effect-red { color: red; }
.effect-background-red { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
.effect-yellow { color: #FFA500; }
.effect-background-yellow { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
.effect-blue { color: blue; }
.effect-background-blue { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
 
.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }
 
/* Infoboxes */
.eu4box {
	border: 2px solid #20303B;
	border-radius: 6px;
	background: #3c5a6e;
	color: white !important;
	padding: 5px;
	margin-bottom: 3px;
	margin-left: 3px;
}
 
.eu4box .heading {
	background: #20303B;
	border-radius: 6px;
	padding: 0px 6px 0px;
	color: white !important;
}
 
.eu4box a { color: lightblue !important; }
.eu4box * { list-style-image: none; }
.eu4box .heading .mw-headline { color: white; }
 
/* EU4Box master styles */
.eu4box .subheading {
	color: #FFCD51;
	font-weight: bold;
}
 
/* EU4box-inline overrides */
.eu4box-inline {
	background: #FDFDFD;
	color: #0E0E0E !important;
	border: 2px solid #92A4B6;
	border-radius: 4px;
}
.eu4box-inline .heading {
	background: #6D98B9;
	border-radius: 3px;
}
 
.eu4box-inline hr {
	background: #CCC !important;
	margin: 5px 0px 5px;
}
 
.eu4box-inline .heading .mw-headline { color: white; }
.eu4box-inline .heading .mw-headline img { margin-right: 5px; }
.eu4box-inline .subheading, span[style="color: #FFCD51"] { color: #273442 !important; }
.eu4box-inline a { color: darkblue !important; }
.eu4box .mw-collapsible-toggle { float:none; }
.eu4box h2 { margin-top: 0 !important; }
.eu4box h3 { margin-top: 0 !important; }
.header a { color: lightblue !important; }
 
/* Top-icon */
div.topicon {
	position: absolute;
	top: -2em;
	margin-right: -10px;
	display: block !important;
	z-index: 999;
}
 
/* show link of icon after the image */
.game_property_show a:after {
	content: attr(title);
	text-transform: lowercase;
}
 
/* to negate paragraph line-height distortion */
.game_property img { margin: -7px -0px -6px -1px; }
 
/* Better collapsing content */
.collapse-template .mw-collapsible-toggle {
	float: none;
}
.collapse-template .mw-collapsible-content[style="display: block;"] {
	padding: 15px 0px 0px 0px;
	border: 1px dashed #EEE;
}
 
/* Mildtable class */
.mildtable th {
	text-align: left;
	background: #F5F5F5;
	padding: 5px;
	font-size: 90%;
}
.mildtable td + td { padding-left: 5px; }
.mildtable td { border-top: 2px solid #DDD; }
 
.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ol li,
.plainlist ul li {
    margin-bottom: 0;
}