Difference between revisions of "MediaWiki:Vector.css"

From HaloRuns Wiki
Jump to: navigation, search
 
(53 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will affect users of the Vector skin */
 
/* CSS placed here will affect users of the Vector skin */
 +
 +
/* Colors
 +
hi-blue: #223e66
 +
mid-blue: #061322
 +
low-blue: #04080E
 +
 +
hi-orange: #FFAC1C
 +
mid-orange: #CC8A16
 +
 +
hi-green: #00ff00;
 +
mid-green: #00b300;
 +
*/
 +
 +
/* Wallpaper stuff */
  
 
body {
 
body {
background: url(http://haloruns.com/hex-half.png) repeat;
+
background: url(https://wiki.haloruns.com/images/hex-half.png) repeat;
 
background-color: #04080E;
 
background-color: #04080E;
background: -moz-linear-gradient(top, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url(http://haloruns.com/hex-half.png) repeat;
+
background: -moz-linear-gradient(top, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(10,28,50,0.7)), to(rgba(5,17,30,0))) no-repeat, url(http://haloruns.com/hex-half.png) repeat;
+
background: -webkit-gradient(linear, left top, left bottom, from(rgba(10,28,50,0.7)), to(rgba(5,17,30,0))) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat;
background: linear-gradient(to bottom, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url(http://haloruns.com/hex-half.png) repeat;
+
background: linear-gradient(to bottom, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat;
 
}
 
}
  
a, div#mw-panel div.portal div.body ul li a{
+
/* Clear Header backgrounds */
color: #FFAC1C;
+
#mw-page-base, #mw-head-base, #mw-head{
text-decoration: none;
+
background:none;
outline: 0;
 
 
}
 
}
  
a:hover, a:focus{
+
 
color: #FFD678;
+
/* Header Tabs */
 +
/* Gradient */
 +
div.vectorTabs ul li{
 +
background-color: #061322;
 +
background: -moz-linear-gradient(#061322, #192f4d) ;
 +
background: -webkit-linear-gradient(#061322, #192f4d);
 +
background: linear-gradient(#061322, #192f4d);
 
}
 
}
 
+
/* Selected to Blue */
a:hover, a:visited, div#mw-panel div.portal div.body ul li a:visited{
+
div.vectorTabs li.selected{
color: #CC8A16;
+
background: #223e66;
 
}
 
}
.mw-body a.external{
+
/* Selected text to white */
color: #00ff00;
+
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{
 +
color: white;
 
}
 
}
.mw-body a.external:visited{
+
/* Unselected text to orange */
color: #00b300;
+
div.vectorTabs li a{
 +
color: #FFAC1C;
 
}
 
}
  
pre, .mw-code{
+
/* 'More' text to orange */
background-color: #bfbfbf;
+
div.vectorMenu h3 span{
 +
color: #FFAC1C;
 
}
 
}
textarea {
+
 
background-color: #cccccc;
+
/* Hide bright and long lines
 +
Between, Right of Tabs, Right of Menu, Right of Both */
 +
div.vectorTabs, div.vectorTabs span, div.vectorMenu h3 a, div.vectorTabs ul{
 +
background-image:none;
 
}
 
}
  
.editOptions, #preferences, #preftoc li {
+
div#mw-head div.vectorMenu h3{
background-color: #223e66;
+
background-image:none;
 
}
 
}
#preftoc li{
+
/* Make new lines*/
border: 1px solid white;
+
div.vectorMenu h3 a, div.vectorTabs li{
border-top: 2px solid white;
+
border-right: #223e66 1px solid;
 
}
 
}
#preferences legend, .htmlform-tip, #preftoc a{
+
/* Fix leftmost line*/
color: white;
+
div.vectorTabs{
 +
background: #223e66;
 
}
 
}
  
.wikiEditor-ui-controls, .wikiEditor-ui-buttons{
 
background-color: #808080;
 
border-top: none;
 
}
 
.mw-datatable td, #pagehistory li.selected{
 
background-color: #223e66;
 
}
 
  
div#content, #mw-page-base, #mw-head-base, div.vectorTabs ul li{
+
/* Body text color and such */
 +
div#content, div.wikiEditor-preview-contents{
 
color: white;
 
color: white;
 
background-color: #04080E;
 
background-color: #04080E;
background-image:none;
 
 
border-color: #223e66;
 
border-color: #223e66;
 
}
 
}
#mw-page-base, #mw-head-base{
+
h1,h2,h3,h4,h5,h6{color: white}
background:none;
+
 
 +
/* LINKS
 +
 
 +
Normal, Sidebar Links*/
 +
a, div#mw-panel div.portal div.body ul li a{
 +
color: #FFAC1C;
 +
text-decoration: none;
 +
outline: 0;
 +
}
 +
a:visited, div#mw-panel div.portal div.body ul li a:visited{
 +
color: #CC8A16;
 
}
 
}
  
div.vectorTabs ul li{
+
/* External Links */
border: 1px solid #223e66;
+
.mw-body a.external{
border-top: 2px solid #223e66;
+
color: #00ff00;
 +
}
 +
.mw-body a.external:visited{
 +
color: #00b300;
 
}
 
}
  
h1,h2,h3,h4,h5,h6{color: white}
 
  
div#toc.toc{
+
/* Preferences Page  */
background-color:: #101d30;
+
 
 +
/* Sections, notes, Tab Link text color */
 +
#preferences legend, .htmlform-tip, #preftoc a{
 +
color: white !important;
 
}
 
}
  
div.vectorTabs ul li{
+
/* Background */
color: white;
+
#preferences {
 +
background-color: #223e66 !important;
 +
}
 +
#preferences legend{
 +
color: white !important;
 +
}
 +
#preftoc li {
 
background-color: #061322;
 
background-color: #061322;
background-image:none;
+
border-top: white 1px solid;
 +
}
 +
#preftoc li.selected a {
 +
background-color: #223e66 !important;
 +
background-image: none !important;
 +
color: white !important;
 
}
 
}
  
div.thumbinner{
+
/* Background of Editor Options*/
 +
.editOptions{
 
background-color: #223e66;
 
background-color: #223e66;
 
}
 
}
#toc, .toc, .mw-warning, .catlinks{
+
 
 +
/* Boxes */
 +
#toc, .toc, .mw-warning, .catlinks, div.thumbinner, ul#filetoc{
 
background-color: #223e66;
 
background-color: #223e66;
border-color: #CC8A16;
+
border-color: white;
 
}
 
}
  
.portable-infobox .pi-secondary-background{
+
/* Troublesome tables */
 +
.wikitable , .wikitable td, table.mw_metadata td, table.mw_metadata th{
 
background-color: #223e66;
 
background-color: #223e66;
 +
color: white;
 +
}
 +
.wikitable  > * > tr > th, .wikitable > tr > th{
 +
background-color: #061322 !important;
 +
color: white;
 
}
 
}
  
div.vectorTabs, div.vectorTabs span{
+
/* Top of Editor background */
background-image:none;
+
.wikiEditor-ui-controls, .wikiEditor-ui-buttons{
 +
background-color: #808080;
 +
border-top: none;
 +
}
 +
/* Code text, ?? */
 +
pre, .mw-code, code, input, select{
 +
background-color: #bfbfbf;
 +
color: black;
 +
}
 +
 
 +
textarea {
 +
background-color: #cccccc;
 
}
 
}
div.vectorTabs li.selected {
+
 
background-image:none;
+
.mw-datatable td, #pagehistory li.selected{
 
background-color: #223e66;
 
background-color: #223e66;
 
}
 
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{
+
 
 +
/* Diff Page */
 +
.diffchange{
 +
color: black;
 +
}
 +
table.diff{
 +
background-color: #061322;
 +
}
 +
td.diff-context{
 +
background-color: #223e66;
 
color: white;
 
color: white;
 
}
 
}

Latest revision as of 04:09, 31 January 2018

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

/* Colors
	hi-blue: #223e66
	mid-blue: #061322
	low-blue: #04080E
	
	hi-orange: #FFAC1C
	mid-orange: #CC8A16
	
	hi-green: #00ff00;
	mid-green: #00b300;
*/

/* Wallpaper stuff */

body {
	background: url(https://wiki.haloruns.com/images/hex-half.png) repeat;
	background-color: #04080E;
	background: -moz-linear-gradient(top, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(10,28,50,0.7)), to(rgba(5,17,30,0))) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat;
	background: linear-gradient(to bottom, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat;
}

/* Clear Header backgrounds */
#mw-page-base, #mw-head-base, #mw-head{
	background:none;
}


/* Header Tabs */
	/* Gradient */
div.vectorTabs ul li{
	background-color: #061322;
	background: -moz-linear-gradient(#061322, #192f4d) ;
	background: -webkit-linear-gradient(#061322, #192f4d);
	background: linear-gradient(#061322, #192f4d);
}
	/* Selected to Blue */
div.vectorTabs li.selected{
	background: #223e66;
}
	/* Selected text to white */
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{
	color: white;
}
	/* Unselected text to orange */
div.vectorTabs li a{
	color: #FFAC1C;
}

	/* 'More' text to orange */
div.vectorMenu h3 span{
	color: #FFAC1C;
}

	/* Hide bright and long lines
		Between, Right of Tabs, Right of Menu, Right of Both */
div.vectorTabs, div.vectorTabs span, div.vectorMenu h3 a, div.vectorTabs ul{
	background-image:none;
}

div#mw-head div.vectorMenu h3{
	background-image:none;
}
	/* Make new lines*/
div.vectorMenu h3 a, div.vectorTabs li{
	border-right: #223e66 1px solid;
}
	/* Fix leftmost line*/
div.vectorTabs{
	background: #223e66;
}


/* Body text color and such */
div#content, div.wikiEditor-preview-contents{
	color: white;
	background-color: #04080E;
	border-color: #223e66;
}
h1,h2,h3,h4,h5,h6{color: white}

/* LINKS

	Normal, Sidebar Links*/
a, div#mw-panel div.portal div.body ul li a{
	color: #FFAC1C;
	text-decoration: none;
	outline: 0;
}
a:visited, div#mw-panel div.portal div.body ul li a:visited{
	color: #CC8A16;
}

/* External Links */
.mw-body a.external{
	color: #00ff00;
}
.mw-body a.external:visited{
	color: #00b300;
}


/* Preferences Page  */

	/* Sections, notes, Tab Link text color */
#preferences legend, .htmlform-tip, #preftoc a{
	color: white !important;
}

	/* Background */
#preferences {
	background-color: #223e66 !important;
}
#preferences legend{
	color: white !important;
}
#preftoc li {
	background-color: #061322;
	border-top: white 1px solid;
}
#preftoc li.selected a {
	background-color: #223e66 !important;
	background-image: none !important;
	color: white !important;
}

/* Background of Editor Options*/
.editOptions{
	background-color: #223e66;
}

/* Boxes */
#toc, .toc, .mw-warning, .catlinks, div.thumbinner, ul#filetoc{
	background-color: #223e66;
	border-color: white;
}

/* Troublesome tables */
.wikitable , .wikitable td, table.mw_metadata td, table.mw_metadata th{
	background-color: #223e66;
	color: white;
}
.wikitable  > * > tr > th, .wikitable > tr > th{
	background-color: #061322 !important;
	color: white;
}

/* Top of Editor background */
.wikiEditor-ui-controls, .wikiEditor-ui-buttons{
	background-color: #808080;
	border-top: none;
}
/* Code text, ?? */
pre, .mw-code, code, input, select{
	background-color: #bfbfbf;
	color: black;
}

textarea {
	background-color: #cccccc;
}

.mw-datatable td, #pagehistory li.selected{
	background-color: #223e66;
}

/* Diff Page */
.diffchange{
	color: black;
}
table.diff{
	background-color: #061322;
}
td.diff-context{
	background-color: #223e66;
	color: white;
}