Difference between revisions of "MediaWiki:Vector.css"

From HaloRuns Wiki
Jump to: navigation, search
 
(38 intermediate revisions by the same user not shown)
Line 16: Line 16:
  
 
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;
 
}
 
}
  
 
/* Clear Header backgrounds */
 
/* Clear Header backgrounds */
#mw-page-base, #mw-head-base{
+
#mw-page-base, #mw-head-base, #mw-head{
 
background:none;
 
background:none;
 
}
 
}
Line 30: Line 30:
  
 
/* Header Tabs */
 
/* Header Tabs */
 +
/* Gradient */
 
div.vectorTabs ul li{
 
div.vectorTabs ul li{
 
background-color: #061322;
 
background-color: #061322;
background-image: none;
+
background: -moz-linear-gradient(#061322, #192f4d) ;
border: 1px solid #223e66;
+
background: -webkit-linear-gradient(#061322, #192f4d);
border-top: 2px solid #223e66;
+
background: linear-gradient(#061322, #192f4d);
 
}
 
}
div.vectorTabs, div.vectorTabs span, div.vectorTabs li.selected{
+
/* Selected to Blue */
background-image:none;
+
div.vectorTabs li.selected{
 +
background: #223e66;
 
}
 
}
 +
/* Selected text to white */
 
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{
 
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{
 
color: white;
 
color: white;
background-color: #223e66;
+
}
 +
/* 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 */
 
/* Body text color and such */
div#content{
+
div#content, div.wikiEditor-preview-contents{
 
color: white;
 
color: white;
 
background-color: #04080E;
 
background-color: #04080E;
Line 51: Line 81:
 
}
 
}
 
h1,h2,h3,h4,h5,h6{color: white}
 
h1,h2,h3,h4,h5,h6{color: white}
 
  
 
/* LINKS
 
/* LINKS
Line 73: Line 102:
 
}
 
}
  
/* Preferences Page
 
  
Tab Borders*/
+
/* Preferences Page  */
#preftoc li{
+
 
border: 1px solid white;
+
/* Sections, notes, Tab Link text color */
border-top: 2px solid white;
+
#preferences legend, .htmlform-tip, #preftoc a{
 +
color: white !important;
 
}
 
}
  
/* Sections, notes, Tab Link text color */
+
/* Background */
#preferences legend, .htmlform-tip, #preftoc a{
+
#preferences {
color: white;
+
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, Preference */
+
/* Background of Editor Options*/
.editOptions, #preferences, #preftoc li {
+
.editOptions{
 
background-color: #223e66;
 
background-color: #223e66;
 
}
 
}
 
 
  
 
/* Boxes */
 
/* Boxes */
#toc, .toc, .mw-warning, .catlinks, div.thumbinner{
+
#toc, .toc, .mw-warning, .catlinks, div.thumbinner, ul#filetoc{
 
background-color: #223e66;
 
background-color: #223e66;
 
border-color: white;
 
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;
 
}
 
}
  
Line 105: Line 154:
 
}
 
}
 
/* Code text, ?? */
 
/* Code text, ?? */
pre, .mw-code{
+
pre, .mw-code, code, input, select{
 
background-color: #bfbfbf;
 
background-color: #bfbfbf;
 +
color: black;
 
}
 
}
  
Line 123: Line 173:
 
table.diff{
 
table.diff{
 
background-color: #061322;
 
background-color: #061322;
 +
}
 +
td.diff-context{
 +
background-color: #223e66;
 +
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;
}