MediaWiki:Common.css

From Polar Lights Wiki
Revision as of 18:36, 12 December 2014 by Yasueh (Talk | contribs)

Jump to: navigation, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences 












/*****************************************************************************************************************************************************************
Everything below here is a damn mess, because of how complicated the CSS for mediawiki's vector skin is, and the complete lack of documentation on how to edit it.

While this seems to work, there may be problems in formatting that crop up in future.
*****************************************************************************************************************************************************************/

body{
	background-color:black;
	background-image:none;
	color:#FFFFFF;
}

body p, div#content{
	color:#FFFFFF;
}
h1, h2, h3, h4, h5, h6, div#mw-panel div.portal h3, 
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a
{
color:#FFFFFF
}

h1, h2, h3, h4, h5, h6 {
    border-bottom: 1px solid #0070dd;
}


#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a{
	font-weight:bold;
}
a, .mw-body a.external, div#headertabs.jquery-large .ui-widget-content a {
color:#1eff00;
}

a:visited, .mw-body a.external:visited, div#headertabs.jquery-large .ui-widget-content a:visited{
  color:#0f8000;
}

a:active, .mw-body a.external:active, #preftoc a:active,  .mw-search-formheader div.search-types ul li.current a, div#headertabs.jquery-large .ui-widget-content a:active{
  color:#1eff00;
}

a.new, #p-personal a.new {
  color:#1eff00;
}

div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited  {
  color: #1eff00;
}

div#mw-head{
	background-color:black;
}

#mw-head-base {
    background-image: none;
    border-bottom: 1px solid #000000;
}

#right-navigation, #p-personal {
        margin-right: 11em;
}

div#content{
	background-color:#001420;
	background-image:none;
	border:1px solid #0070dd;
        margin-top: -1px;
	margin-right: 11em;
}

div#footer{
	margin-left: 10em;
	margin-right: 11em;  
}


/*
.mw-body {
    margin-left: 10em;
    padding: 1em;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #0070dd;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    margin-top: -1px;
    background-color: #001420;
}
*/

#mw-page-base{
	background-color:black;
  background-image:none;
}

.toc, #toc, .catlinks, #catlinks, li.gallerybox div.thumb, div.thumbinner, table.diff, .mw-search-formheader, fieldset#mw-searchoptions {
	background-color:#000000;
	color:#0070dd;
	border: 1px solid #0070dd !important;
}

#toc h2, .toc h2{
	color:#0070dd;
}

#toc a, .toc a{
	color: #1eff00;
}

body #mw-panel.collapsible-nav .portal.expanded  h5 a, 
body #mw-panel.collapsible-nav .portal.collapsed h5 a{
	color:#FCAE00;
	font-weight:bold;
}

#mw-panel.collapsible-nav .portal h5 a{
	color:#0070dd;	
}

div#footer ul li{
	color:#CEDBDC;
}

div.vectorTabs li.selected{
	background-image:none;
	background-color:black;

}

div.vectorTabs li.selected a, div.vectorTabs li a,
div.vectorTabs li.selected a:visited
{
	color:#CEDBDC;
}

body #mw-panel.collapsible-nav .portal{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAYAAAAM7kY4AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QsOFTUQUBBQOgAAAFJJREFUKM+lj1EKwCAMQ5903v8mXtAM9qMwxWrBQklpmpAmABUS8AC5of1mr/OBswlX3I3eyxD5oXsYdyWgNpy7Au+Gj9ys+L5TwFsHvQI+Q44PqzY+r30sz1UAAAAASUVORK5CYII=);	
}



/***** borders either side of tabs *****/

div.vectorTabs, div.vectorTabs span, div.vectorTabs ul, #preftoc li, #preftoc, div.vectorMenu h5 a, div.vectorMenu h3 a {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAuCAYAAADp73NqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA2RTFDMTc4MjI1MTFFNEIxQUREQkQ4RDQ0M0MxOTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA2RTFDMTY4MjI1MTFFNEIxQUREQkQ4RDQ0M0MxOTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNERkE3QjEwODIwNjExRTQ4NTZDRTk0MzU5REQ5NzBGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNERkE3QjExODIwNjExRTQ4NTZDRTk0MzU5REQ5NzBGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lsvqsQAAADtJREFUeNpi+P//PwMDQ8FdFiYgxYZKsIMIDlSCE05w4SI44AawYiFwSrDg4qKx0AhmVBYawQRmAQQYAHMWBaCvQ+2KAAAAAElFTkSuQmCC);
}




/***** unselected tabs *****/

div.vectorTabs ul li {
	background-color:#000000;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNkMzM0JBRTgyMUIxMUU0QUFBRkM2NDM4OUIwRTdERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNkMzM0JBRjgyMUIxMUU0QUFBRkM2NDM4OUIwRTdERCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2QzMzQkFDODIxQjExRTRBQUFGQzY0Mzg5QjBFN0REIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI2QzMzQkFEODIxQjExRTRBQUFGQzY0Mzg5QjBFN0REIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZlkJegAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

/*selected tab*/
div.vectorTabs li.selected {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRUZGMDY3NTgyMUMxMUU0OTFGMjg5OTcyN0NCOTY2OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRUZGMDY3NjgyMUMxMUU0OTFGMjg5OTcyN0NCOTY2OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJFRkYwNjczODIxQzExRTQ5MUYyODk5NzI3Q0I5NjY4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFRkYwNjc0ODIxQzExRTQ5MUYyODk5NzI3Q0I5NjY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LUyFSQAAAE1JREFUeNpi+P//PwMDg4gCE4hgAZIMTCCCGZWFjWDBxcJPsOLismLhokmwwl2FzZEkSRDBxSmGX4JMgpFILhEsRmxioPj9CyL+AQQYAH8vB4U8iEJSAAAAAElFTkSuQmCC);
        padding-bottom: 1px;
}



table.wikitable, th, table.wikitable > * > tr > th{
	background-color:#232828;
	color:white;
}

 #preftoc li.selected a{
 background-image:none;
 color:white;
 }

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
 	border: 1px solid #333;
}

#pagehistory li{
  border: none;
}

#pagehistory li.selected{
background-color: #0F2A3F;
}


/**JQUI*/
#headertabs.ui-widget-content {
 background-color:#232828;
 background-image:none;
}

#headertabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background-color:transparent;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QsOFiYpbLwn+QAAADxJREFUGNNjYBgFpAGd1Fx2JgYGBnYmBgYGDiYGBgY2OIsdC4GQQFOHppcIU9iwGIrTNgTBysTAwMCAIABGBgJKNsFKuQAAAABJRU5ErkJggg==);
}

#headertabs .ui-widget-header{
        background-image:none;
        background-color: #393F3F;
}


#headertabs .ui-tabs-nav li{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR…YGBgY2OIsdC4GQQFOHppcIU9iwGIrTNgTBysTAwMCAIABGBgJKNsFKuQAAAABJRU5ErkJggg==);
}

#headertabs .ui-tabs-nav li.ui-state-hover, 
#headertabs .ui-tabs-nav li.ui-state-active{
  border-color:  #0070dd;
}

#headertabs .ui-tabs-nav li, #preftoc li{
  border-color:  #CEDBDC;        
}

#headertabs .ui-tabs-nav li a,  #preftoc li a, #preferences legend, .htmlform-tip{
color:#0070dd;
}

.highlight-cell, td.diff-otitle, td.diff-ntitle{
  background-color:#393f3f;
}

td.diff-context, pre, textarea, #preferences fieldset, #preferences{
   background-color:#002945;
   color:#CEDBDC;                                    
}

#preferences{
background-image:none;
border-color: #002945;
}

pre{
  border-color: #0070dd;
}

fieldset{
  border-color: #002945;
}


.inner-panel, fieldset{
	background-color:#232828;
}

td.diff-addedline .diffchange {
background: #00536D;
}


.mw-plusminus-neg {
  color: #FA5C5C;
}

.mw-plusminus-pos {
color: #5FFF5F;
}

div.ui-widget-content{
color:#CEDBDC;
}



.skin-vector .mw-notification {
    background-color: #002945;
}

.editOptions {
    background-color: #393f3f;
}

div.vectorTabs li.new a, div.vectorTabs li.new a:visited, a.new, #p-personal a.new, a.new:visited, #p-personal a.new:visited {
    color: #9e00ff;
}
Retrieved from "http://wiki.polar-lights.org.uk/index.php?title=MediaWiki:Common.css&oldid=129"