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

MediaWiki:Vector.css/old

From EntropiaPlanets Wiki - Entropia Universe Guides Wiki Info

/* CSS placed here will affect users of the Vector skin */ body{ background:white; }

  1. firstHeading{

margin-top:1em; } h2{ margin-top:1.5em; } h3{ margin-top:1.5em; } .breadcrumbs{ font-size:0.7em; color:#666666; }

.mw-body .breadcrumbs a:link:hover{ text-decoration:underline; } .skintest { color: red; }

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

/* ################################################## 

  p-personal
  ################################################## */
  1. p-personal{

top:0; right:0; width:100%; background:#222222; padding:10px 1.5em; }

  1. p-personal ul{

float:right; padding:0; }

  1. p-personal ul li a{

color:white }

  1. p-personal ul li{

border-right:1px solid white; padding-right:0.75em; }

  1. p-personal ul li:last-child{

border-right:0; padding-right:0; }

  1. p------------------,
  2. p-------------------{

background:transparent !important; height:1em; }

  1. p-------------------label,
  2. p--------------------label{

display:none; } /* ################################################## 

  mw-navigation
  ################################################## */
  1. left-navigation{

display:none; } /* CSS placed here will affect users of the Vector skin */

.skintest { color: red; }

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

/* ################################################## 

  AddThis specific settings
  ################################################## */
  1. 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 */
  .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: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  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;
  background-color: rgb(228, 228, 228);
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  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 0px 0px, #fff 0px 0px 0px;

}

body.vector-animateLayout #mw-head-base { 

   transition: margin-left 250ms ease 0s;

} /* ################################################## 

  mw-head
 ################################################## */
  1. mw-head-base {
   height: 5em;
   margin-left: 10em;
   margin-top: 2.4em;

}

  1. mw-head{

background:#3e5462; }

/* ################################################## 

  p-personal
  ################################################## */
  1. p-personal{

top:0; right:0; width:100%; background:#222222; padding:5px 1.5em; }

  1. p-personal ul{

float:right; padding:0; margin:0 12em 0 1.5em; }

  1. p-personal ul li a{

color:white }

  1. p-personal ul li{

margin-top:0.4em; margin-bottom:0.2em; }

/* ################################################## 

  mw-navigation
  ################################################## */

div#mw-panel{ top:2em; padding-left:0; width:11em; padding-top:0; background:white; border-right: 1px solid #313131; }

  1. 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 */

}

  1. mw-panel.collapsible-nav .portal h3{

padding:2px 0 1px 1.5em; }

  1. mw-panel.collapsible-nav .portal.collapsed h3{

margin:0; }

  1. mw-panel.collapsible-nav .portal.collapsed h3 a{

color:#262626; text-transform:uppercase; }

  1. mw-panel.collapsible-nav .portal.collapsed h3:hover{

text-decoration:none; }

  1. mw-panel.collapsible-nav .portal.collapsed:hover,
  2. 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 */

}

  1. mw-panel.collapsible-nav .portal.collapsed:hover h3 a,
  2. mw-panel.collapsible-nav .portal.expanded h3 a{

text-decoration:none; color:white; text-transform:uppercase; }

  1. mw-panel.collapsible-nav .portal.expanded{

padding-top:0 !important; padding-bottom:0 !important; }

  1. mw-panel.collapsible-nav .portal.expanded h3{

padding-top:0.45em; padding-bottom:0.45em; margin:0; }

  1. mw-panel.collapsible-nav .portal .body{

margin:0; padding:0.6em 0 0.6em 1.25em;

background: #b2b2b2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmViZWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjZjVmNWY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjZTdlN2U3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjYmViZWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FjYWNhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important; background: -moz-linear-gradient(top, #b2b2b2 0%, #bebebe 0%, #e7e7e7 2%, #f5f5f5 2%, #ffffff 3%, #ffffff 97%, #f5f5f5 98%, #e7e7e7 98%, #bebebe 99%, #acacac 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(0%,#bebebe), color-stop(2%,#e7e7e7), color-stop(2%,#f5f5f5), color-stop(3%,#ffffff), color-stop(97%,#ffffff), color-stop(98%,#f5f5f5), color-stop(98%,#e7e7e7), color-stop(99%,#bebebe), color-stop(100%,#acacac)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b2b2b2 0%,#bebebe 0%,#e7e7e7 2%,#f5f5f5 2%,#ffffff 3%,#ffffff 97%,#f5f5f5 98%,#e7e7e7 98%,#bebebe 99%,#acacac 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b2b2b2 0%,#bebebe 0%,#e7e7e7 2%,#f5f5f5 2%,#ffffff 3%,#ffffff 97%,#f5f5f5 98%,#e7e7e7 98%,#bebebe 99%,#acacac 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b2b2b2 0%,#bebebe 0%,#e7e7e7 2%,#f5f5f5 2%,#ffffff 3%,#ffffff 97%,#f5f5f5 98%,#e7e7e7 98%,#bebebe 99%,#acacac 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #b2b2b2 0%,#bebebe 0%,#e7e7e7 2%,#f5f5f5 2%,#ffffff 3%,#ffffff 97%,#f5f5f5 98%,#e7e7e7 98%,#bebebe 99%,#acacac 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#acacac',GradientType=0 ) !important; /* IE6-8 */

} div#mw-panel div.portal div.body ul li a{ color:#303030; } div#mw-panel div.portal div.body ul li a:hover{ color:#7e7e7e; }

  1. p-logo{

position:relative; top:0; left:0; width:auto; height:124px; margin-bottom:11px; }

  1. p-logo a{

background-repeat:no-repeat; background-position: center 49%; width:100%; height:125px; }

  1. p-USER-SIDEBAR{

display:none; }

  1. left-navigation{

display:none; }

div#simpleSearch { width:10em; height: 1.2em; margin-top:5px; }

div#simpleSearch button#searchButton { 

   padding: 0 0.4em 0.2em 0;

}

  1. p-search {
   position: absolute;
   right: 1.5em;
   top: 0;
   width: auto;
   z-index: 100;

margin-left: 0; 

   margin-right: 0;

} /* ################################################## 

  mw-head
  ################################################## */

div#mw-head { 

   background: url("http://cdn.entropiaplanets.com/epstatic/backgrounds/EntropiaPlanets-Wiki-Header.jpg");

background-position:center 30%; background-size: cover; 

   position: absolute;
   right: 0;
   top: 0;
   width: 100%;

}


  1. right-navigation {
   margin-top: 9.8em;

width:100%; } div.vectorTabs{ float:none; height:1.5em; padding-right:0em; background:white; background:rgba(255,255,255,0.5); border-top:1px solid rgba(0,0,0,0.5); border-bottom:1px solid black; } div.vectorTabs ul{ float:right; margin-right: 3em; background:none; } div.vectorTabs ul li { background:none; } div.vectorTabs li.selected{ background:none; } div.vectorTabs span{ background:none; } div.vectorTabs span a{ padding-top:0.3em; } div.vectorTabs li a{ color:black; height:auto; } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{ color:black; font-weight:bold; } /*************/ div.vectorMenu{ position:absolute; top:10.4em; right:1.5em; z-index:2; background:none; } div.vectorMenu h3 a{ position:relative; background:none; height:1.7em; display: inline-block; 

 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;

} div.vectorMenu h3 a:after{ content: "\f0d7"; position: absolute; 

 bottom: 1em;
 padding:0 0 0 0.5em;
 color:black;

} div.vectorMenu ul{ margin-top:-14px; right:0; border-color:#313131; background-color:rgba(255,255,255,0.8) } div#mw-head div.vectorMenu > h3{ height:1.45em; } div.vectorMenu li a{ color:black; } div.vectorMenu li a:hover{ text-decoration:underline; } /*************/

  1. ca-unwatch.icon a,
  2. ca-watch.icon a{

background:none; display: inline-block; 

 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;

}

  1. ca-unwatch.icon a:before,
  2. ca-watch.icon a:before {
 content: "\f005";
 position: absolute;
 bottom: 0.4em;
 padding:0 0 0 0.5em;
 color:black;

}

/* ################################################## 

  content
  ################################################## */

div#content{ border:none; border-left: 1px solid #313131; padding-top:0.25em; }

  1. localNotice {
  position: absolute;
  bottom: 50px;
  margin-bottom: 0;
  left: 0;
  width: 100%;
  z-index:999;

}

/* ################################################## 

  tables
  ################################################## */

table.jquery-tablesorter{ border-top:0; } table.jquery-tablesorter th.headerSort{ background-color:#505050; color:white; border:0px; border-right:1px solid #a8a8a8; } table.jquery-tablesorter th.headerSort:last-child{ border:0px; } .smwtable .row-even{ background:#e2e2e2; } /*******************/ .skin-vector table.ep_mainhead{ line-height:15px; } .skin-vector td.ep_mainheadtxt1{ color:#646464; } .skin-vector td.ep_mainheadtxt4{ color:#646464; } .skin-vector td.ep_mainheadtxt3{ color:#CC0000; } .skin-vector table.ep_mainhead{ background:none; border:none; padding:0; margin:0; border: 6px solid white; border-top:0; border-bottom:0; } .skin-vector table.ep_mainhead > tbody > tr > td{ background:#EEEEEE; } .skin-vector table.ep_mainhead > tbody > tr > td:first-child{ border-left: 1px solid #C3CBCF; margin-left:6px; } .skin-vector table.ep_mainhead > tbody > tr > td:last-child{ border-right: 1px solid #C3CBCF; margin-right:6px; } .skin-vector th.ep_datahead1{ background-color:#505050; color:white; border:0px; border-right:1px solid #a8a8a8; } /* ################################################## 

  footer
  ################################################## */

div#footer{ background:#3a3a3a; color:white;

padding: 0.6em 1.25em; }

  1. footer a{

color:white; text-decoration:underline; } div#footer ul li{ color:#7a7a7a; display:inline; padding-right:1em; } div#footer ul li#footer-info-copyright{ display:none; } /* ################################################## 

  forms stuff
  ################################################## */

.radioButtonItem { 

   font-size:0%;
   padding-left:10px;
   padding-right:10px;

}

Retrieved from "http://entropiaplanets.com/w/index.php?title=MediaWiki:Vector.css/old&oldid=88479"