Difference between revisions of "MediaWiki:Common.css"

From Polar Lights Wiki
Jump to: navigation, search
Line 281: Line 281:
 
     color: #9e00ff;
 
     color: #9e00ff;
 
}
 
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/************************************************************
 +
table classes using similar colors to firefall.com forums
 +
 +
se_table_l  = left aligned content
 +
se_table_ls = left aligned content, row backgrounds alternate
 +
se_table_c  = centered content
 +
se_table_cs = centered content, row backgrounds alternate
 +
 +
table headers are always centered
 +
*************************************************************/
 +
 +
/* common to the whole table (border & margin are for the table, not sub-elements) left aligned version*/
 +
table.se_table_l, table.se_table_ls {
 +
    margin-bottom: 2em;
 +
    border:solid 1px #05b3d2;
 +
    border-radius: 4px;
 +
    text-align:left;
 +
    color:#dcdcdc;
 +
}
 +
 +
/* common to the whole table (border & margin are for the table, not sub-elements) centered version*/
 +
table.se_table_c, table.se_table_cs {
 +
    margin-bottom: 2em;
 +
    border:solid 1px #05b3d2;
 +
    text-align:center;
 +
    color:#dcdcdc;
 +
}
 +
 +
/* table header elements only */
 +
table.se_table_l th, table.se_table_ls th, table.se_table_c th, table.se_table_cs th {
 +
 +
    background: url("http://firefall-wiki.com/images/firefall-wiki.com/3/34/Header_background.jpg") top left;
 +
    border:none;
 +
/*    border: 1px #4b3f1d solid; */
 +
/*    border-radius: 4px; */
 +
 +
/*    background-color:#2f230e; */
 +
/*    border:solid 1px #2f230e; */
 +
    color:#f3ae00;
 +
    text-align:center;
 +
    font-weight:bold;
 +
}
 +
 +
/* links within the table */
 +
table.se_table_l a:link, table.se_table_ls a:link, table.se_table_c a:link, table.se_table_cs a:link {
 +
    color:#05b3d2;
 +
}
 +
 +
/* common to both headers and regular cells */
 +
table.se_table_l th, table.se_table_l td, table.se_table_ls th, table.se_table_ls td, table.se_table_c th, table.se_table_c td, table.se_table_cs th, table.se_table_cs td {
 +
    margin:1px;
 +
    padding:0.2em;
 +
}
 +
 +
/* regular cells only */
 +
table.se_table_l td, table.se_table_c td {
 +
    background-color:#242f30;
 +
    border:solid 1px #242f30;
 +
}
 +
 +
/* alternating colors for the _s version of the class.  Does not play well with rowspan, so tables using that may need custom classes. */
 +
table.se_table_ls tr:nth-child(even) td, table.se_table_cs tr:nth-child(even) td {
 +
    background-color:#242f30;
 +
    border:solid 1px #242f30;
 +
}
 +
table.se_table_ls tr:nth-child(odd) td, table.se_table_cs tr:nth-child(odd) td {
 +
    background-color:#172121;
 +
    border:solid 1px #172121;
 +
}
 +
 +
/* unique cell type for dividing groups of table cells */
 +
table.se_table_l td.ff_divider, table.se_table_ls td.ff_divider, table.se_table_c td.ff_divider, table.se_table_cs td.ff_divider  {
 +
    background-color:#f3ae00;
 +
    border:none;
 +
    padding:0.0em;
 +
    height:1px;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  

Revision as of 18:13, 12 December 2014

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



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;
}















/************************************************************
table classes using similar colors to firefall.com forums

se_table_l  = left aligned content
se_table_ls = left aligned content, row backgrounds alternate
se_table_c  = centered content
se_table_cs = centered content, row backgrounds alternate

table headers are always centered
*************************************************************/

/* common to the whole table (border & margin are for the table, not sub-elements) left aligned version*/
table.se_table_l, table.se_table_ls {
    margin-bottom: 2em;
    border:solid 1px #05b3d2;
    border-radius: 4px;
    text-align:left;
    color:#dcdcdc;
}

/* common to the whole table (border & margin are for the table, not sub-elements) centered version*/
table.se_table_c, table.se_table_cs {
    margin-bottom: 2em;
    border:solid 1px #05b3d2;
    text-align:center;
    color:#dcdcdc;
}

/* table header elements only */
table.se_table_l th, table.se_table_ls th, table.se_table_c th, table.se_table_cs th {

    background: url("http://firefall-wiki.com/images/firefall-wiki.com/3/34/Header_background.jpg") top left;
    border:none;
/*    border: 1px #4b3f1d solid; */
/*    border-radius: 4px; */

/*    background-color:#2f230e; */
/*    border:solid 1px #2f230e; */
    color:#f3ae00;
    text-align:center;
    font-weight:bold;
}

/* links within the table */
table.se_table_l a:link, table.se_table_ls a:link, table.se_table_c a:link, table.se_table_cs a:link {
    color:#05b3d2;
}

/* common to both headers and regular cells */
table.se_table_l th, table.se_table_l td, table.se_table_ls th, table.se_table_ls td, table.se_table_c th, table.se_table_c td, table.se_table_cs th, table.se_table_cs td {
    margin:1px;
    padding:0.2em;
}

/* regular cells only */
table.se_table_l td, table.se_table_c td {
    background-color:#242f30;
    border:solid 1px #242f30;
}

/* alternating colors for the _s version of the class.  Does not play well with rowspan, so tables using that may need custom classes. */
table.se_table_ls tr:nth-child(even) td, table.se_table_cs tr:nth-child(even) td {
    background-color:#242f30;
    border:solid 1px #242f30;
}
table.se_table_ls tr:nth-child(odd) td, table.se_table_cs tr:nth-child(odd) td {
    background-color:#172121;
    border:solid 1px #172121;
}

/* unique cell type for dividing groups of table cells */
table.se_table_l td.ff_divider, table.se_table_ls td.ff_divider, table.se_table_c td.ff_divider, table.se_table_cs td.ff_divider  {
    background-color:#f3ae00;
    border:none;
    padding:0.0em;
    height:1px;
}



















/************************************************
Hide the title and contents box on the front page
*************************************************/

body.page-Main_Page h1.firstHeading { display:none; }
body.page-Main_Page #contentSub { display:none; }
Retrieved from "http://wiki.polar-lights.org.uk/index.php?title=MediaWiki:Common.css&oldid=116"