To get rid of this ad please Sign up/Login.

MediaWiki:Vector.css

From EntropiaPlanets Wiki - Entropia Universe Guides Wiki Info
Revision as of 22:12, 15 August 2014 by Emorgan (talk | contribs)

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Vector skin */



.skintest { color: red; }

.mw-body a:link { color: #0084b4; }

/* ##################################################
   SMW specific settings
################################################## */





/* ##################################################
   AddThis specific settings */
################################################## */

#addthistoolbar {
   float:right;
   padding:5px;
   padding-top:10px;
   margin-left:10px;
   margin-bottom:10px;
   border-style:none;
   border-width:0px;
   background-color:transparent;
}



/* ##################################################
   wikiFocus specific settings

color palette:
@contentBackground = rgb(252, 252, 255)
@primaryLighterStill = rgb(237, 237, 237)
@primaryLightest   = rgb(250, 250, 250)
################################################## */

table.smwtable th { background-color:rgb(237, 237, 237); } /* @primaryLighterStill */
th.headersort { background-color:rgb(237, 237, 237); } /* @primaryLighterStill */
.smwtable .row-odd {background-color:rgb(252, 252, 255); } /* @contentBackground */
.smwtable .row-even {background-color:rgb(250, 250, 250); } /* @primaryLightest */

.wikiFocusBox {
   border: 1px solid rgb(211, 211, 211);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   background: rgb(250, 250, 250) url('http://www.entropiaplanets.com/styles/fusion/xenforo/gradients/category-23px-light.png') repeat-x top;
   padding: 10px;
}

.wikiFocusHeader {
   color: rgb(101, 101, 101);
   font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   height: 14px;
   line-height: 14px;
   background-color: rgb(228, 228, 228);
   padding: 10px;
   margin: -4px -4px 10px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;
   text-shadow: rgba(255,255,255,0.7) 0px 1px 0px;
   background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.4)));
   background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
   background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
   background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
   background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
   -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
   -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
   -khtml-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
   box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
}
/* ##################################################
   p-personal
################################################## */
#p-personal{
	top:0;
	right:0;
	width:100%;
	background:#222222;
	padding:10px 1.5em;
}
#p-personal ul{
	float:right;
	padding:0;
}
#p-personal ul li a{
	color:white
}
/* ##################################################
   mw-navigation
################################################## */
#p-logo{
	top:-120px;
}
#left-navigation{
	display:none;
}
/* CSS placed here will affect users of the Vector skin */



.skintest { color: red; }

.mw-body a:link { color: #0084b4; }

/* ##################################################
   SMW specific settings
################################################## */





/* ##################################################
   AddThis specific settings */
################################################## */

#addthistoolbar {
   float:right;
   padding:5px;
   padding-top:10px;
   margin-left:10px;
   margin-bottom:10px;
   border-style:none;
   border-width:0px;
   background-color:transparent;
}



/* ##################################################
   wikiFocus specific settings

color palette:
@contentBackground = rgb(252, 252, 255)
@primaryLighterStill = rgb(237, 237, 237)
@primaryLightest   = rgb(250, 250, 250)
################################################## */

table.smwtable th { background-color:rgb(237, 237, 237); } /* @primaryLighterStill */
th.headersort { background-color:rgb(237, 237, 237); } /* @primaryLighterStill */
.smwtable .row-odd {background-color:rgb(252, 252, 255); } /* @contentBackground */
.smwtable .row-even {background-color:rgb(250, 250, 250); } /* @primaryLightest */

.wikiFocusBox {
   border: 1px solid rgb(211, 211, 211);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   background: rgb(250, 250, 250) url('http://www.entropiaplanets.com/styles/fusion/xenforo/gradients/category-23px-light.png') repeat-x top;
   padding: 10px;
}

.wikiFocusHeader {
   color: rgb(101, 101, 101);
   font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-variant: normal;
   font-weight: bold;
   height: 14px;
   line-height: 14px;
   background-color: rgb(228, 228, 228);
   padding: 10px;
   margin: -4px -4px 10px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;
   text-shadow: rgba(255,255,255,0.7) 0px 1px 0px;
   background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.4)));
   background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
   background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
   background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
   background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
   -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
   -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
   -khtml-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
   box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
}
/* ##################################################
   p-personal
################################################## */
#p-personal{
	top:0;
	right:0;
	width:100%;
	background:#222222;
	padding:10px 1.5em;
}
#p-personal ul{
	float:right;
	padding:0;
	margin:0 12em 0 1.5em;
}
#p-personal ul li a{
	color:white
}
/* ##################################################
   mw-navigation
################################################## */
div#mw-panel{
	top:2.8em;
	padding-left:0;
	width:11em;
}
#mw-panel.collapsible-nav .portal{
	margin-left:0;
	margin-right:0;
	border-top:1px solid #acacac;

	background: #f1f1f1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f1f1f1 0%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1f1f1 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f1f1f1 0%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f1f1f1 0%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f1f1f1 0%,#d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-8 */

}
#mw-panel.collapsible-nav .portal.collapsed h3 a{
	color:#262626;
	text-transform:uppercase;
}
#mw-panel.collapsible-nav .portal.collapsed h3:hover{
	text-decoration:none;
}
#mw-panel.collapsible-nav .portal.collapsed:hover,
#mw-panel.collapsible-nav .portal.expanded h3{
	background: #454545; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzZhNmE2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #454545 0%, #666666 13%, #6b6b6b 17%, #6b6b6b 80%, #6a6a6a 83%, #666666 87%, #525252 97%, #444444 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(13%,#666666), color-stop(17%,#6b6b6b), color-stop(80%,#6b6b6b), color-stop(83%,#6a6a6a), color-stop(87%,#666666), color-stop(97%,#525252), color-stop(100%,#444444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #454545 0%,#666666 13%,#6b6b6b 17%,#6b6b6b 80%,#6a6a6a 83%,#666666 87%,#525252 97%,#444444 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #454545 0%,#666666 13%,#6b6b6b 17%,#6b6b6b 80%,#6a6a6a 83%,#666666 87%,#525252 97%,#444444 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #454545 0%,#666666 13%,#6b6b6b 17%,#6b6b6b 80%,#6a6a6a 83%,#666666 87%,#525252 97%,#444444 100%); /* IE10+ */
background: linear-gradient(to bottom,  #454545 0%,#666666 13%,#6b6b6b 17%,#6b6b6b 80%,#6a6a6a 83%,#666666 87%,#525252 97%,#444444 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#444444',GradientType=0 ); /* IE6-8 */

}
#mw-panel.collapsible-nav .portal.collapsed:hover h3 a{
	text-decoration:none;
	color:white;
}
#mw-panel.collapsible-nav .portal.expanded{
	padding-top:0 !important;
}
#mw-panel.collapsible-nav .portal.expanded h3{
	padding-top:0.25em;
	padding-bottom:0.25em;
}
#p-logo{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:115px;
}
#p-logo a{
	background-repeat:no-repeat;
	background-position: center top;
	width:100%;
	height:90px;
}
#p-USER-SIDEBAR{
	display:none;
}
#left-navigation{
	display:none;
}
div#simpleSearch {
	width:10em;
	height: 1.2em;
}

div#simpleSearch button#searchButton {
    padding: 0 0.4em 0.2em 0;
}
#p-search {
    position: absolute;
    right: 1.5em;
    top: 0;
    width: auto;
    z-index: 100;
	
	margin-left: 0;
    margin-right: 0;
}
div.vectorTabs{
	float:right;
	margin-right:1.5em;
}
Retrieved from "http://entropiaplanets.com/w/index.php?title=MediaWiki:Vector.css&oldid=76179"