Difference between revisions of "MediaWiki:Vector.css"

From EntropiaPlanets Wiki - Entropia Universe Guides Wiki Info
Line 224: Line 224:
left:0;
left:0;
width:auto;
width:auto;
height:90px;
height:97px;
}
}
#p-logo a{
#p-logo a{

Revision as of 21:31, 15 August 2014

/* 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;
}
#p-logo{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:97px;
}
#p-logo a{
	background-repeat:no-repeat;
	background-position: center top;
	width:100%;
	height:90px;
}
#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;
}