Difference between revisions of "MediaWiki:Vector.css"

From Dungeon Defenders 2 Wiki
Jump to: navigation, search
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
 
 
 
body {
 
body {
background-color: #1a1a1a;
+
    background-image: url("https://dungeondefenders.com/2/images/backgrounds/Duxter-BG1-DD2.jpg");
min-width: 500px;
+
    background-position: center top;
 +
    background-attachment: scroll;
 +
    background-repeat: no-repeat;
 +
    background-color: #171717;
 +
    background-size: 100% auto;
 +
    color: #000000;
 +
    font-family: OpenSans, sans-serif;
 
}
 
}
  
 
#pageWrapper {
 
#pageWrapper {
margin-right: 10px;
+
    padding-right: 1em;
 
}
 
}
  
div#content {
+
#p-logo a {
background-color: #FFFFFF;
+
width: auto;
background-image: none;
 
border-left: 1px solid #1a1a1a;
 
        border-top: 1px solid #1a1a1a;
 
        box-sizing: border-box;
 
color: #000000;
 
 
}
 
}
 
+
#p-logo {
h1, h2, h3, h4, h5, h6 {
+
    left: -5px;
color: #2D2723;
+
    margin: 22px 0 0;
 +
    position: absolute;
 +
    width: 204px;
 
}
 
}
  
 
div#mw-page-base {
 
div#mw-page-base {
background: transparent;
+
    background: #262626;
 +
    height: 82px;
 +
    margin-bottom: 0;
 +
    border-bottom: 3px solid #e04a40;
 
}
 
}
  
div#mw-head-base {
+
div#mw-head {
background: transparent;
+
    height: 82px;
 
}
 
}
  
div#mw-panel div.portal {
+
#mw-head-base {
     background-image: url("http://i.imgur.com/VNxqRL2.png");
+
     display: none;
    background-position: left top;
 
    background-repeat: no-repeat;
 
    direction: ltr;
 
    margin: 0 0.6em 0 0.7em;
 
    padding: 0.25em 0;
 
 
}
 
}
  
div#mw-panel div.portal h3,
+
#left-navigation {
#mw-panel.collapsible-nav .portal h3 a,
+
    position: absolute;
#mw-panel.collapsible-nav .portal.collapsed h3 a {
+
    top: 2px;
     color: #ffffcc;
+
    left: 204px;
 +
    margin: 0;
 +
     margin-left: 2em;
 
}
 
}
  
div#mw-panel div.portal div.body ul li a:visited {
+
#right-navigation {
     color: #FFFFFF;
+
    position: absolute;
 +
    top: 2px;
 +
    right: 0;
 +
     margin: 0;
 
}
 
}
  
div#mw-panel div.portal div.body ul li a {
+
div.vectorTabs {
     color: #FFFFFF;
+
     padding-left: 0;
 
}
 
}
  
div#mw-panel div.portal div.body,
+
div.vectorTabs span,
#mw-panel.collapsible-nav .portal {
+
div.vectorTabs ul,
     border-bottom:;
+
div.vectorTabs ul li,
 +
div.vectorTabs ul li.selected,
 +
div.vectorTabs,
 +
div#mw-head div.vectorMenu h3 {
 +
     background: none;
 
}
 
}
  
div#footer ul li {
+
div.vectorTabs li a,
     color: #eae8d3;
+
div.vectorTabs li a:visited,
 +
div.vectorMenu h3 span,
 +
div#mw-head li.new a {
 +
     color: #ffffff;
 +
    text-transform: uppercase;
 
}
 
}
  
div#footer a {
+
div.vectorTabs li a {
     color: #E4C62E;  
+
     padding: 0 1em;
 +
    height: 80px;
 +
    line-height: 80px;
 
}
 
}
  
table {
+
div.vectorTabs li:not(.new) a:hover,
    font-size: 100%;
+
div.vectorTabs li.selected a,
     color: #2D2723;
+
div.vectorTabs li.selected a:visited {
    background-color: transparent;
+
     color: #ffffff;
 
}
 
}
  
/* tabs */
+
div.vectorTabs li.new a {
div.vectorTabs li a, div.vectorTabs li a:visited, div.vectorMenu li a, #p-cactions-label
+
    color: #ffffff;
{
 
  text-decoration: none;
 
  font-size: .85em;
 
 
 
 
}
 
}
  
div.vectorTabs
+
div.vectorTabs li.selected a,
{
+
div.vectorTabs li.selected a:visited {
  padding: 1px;
+
    background: #e04a40;
  background-color:transparent;
 
  background-image: none;
 
 
}
 
}
  
div.vectorTabs span
+
div.vectorMenu {}
{
 
overflow: hidden;
 
height: 1.875em;
 
background: transparent;
 
}
 
  
div.vectorMenu
+
div#mw-head div.vectorMenu h3 {
{
+
background-image: none;
  margin-top: .1em;
 
  background-color: #eee;
 
  border: 1px solid #ccc;
 
 
}
 
}
  
#mw-navigation div.vectorMenu h3 span
+
div.vectorMenu h3 a {
{
+
    height: 80px;
  display: inline-block;
+
    background-position: 100% 50%;
  height: 100%;
 
  line-height: 2.7em;
 
  padding: 0 0.25em 0 0.8em;
 
 
}
 
}
  
#mw-navigation div.vectorMenu div.menu
+
div.vectorMenu h3 span {
{
+
color: #fff;
  top: 1.875em;
+
text-transform: uppercase;
  border: none;
+
padding: 0;
  left: 0;
+
    height: 80px;
 +
    line-height: 80px;
 
}
 
}
  
div.vectorMenu ul
+
div.vectorMenu div.menu {
{
+
top: 5em;
  margin-left: 0px;
 
  background-color: #eee;
 
  border: solid 1px #ccc;
 
 
}
 
}
  
div.vectorMenu li a
+
div.vectorMenu div.menu {
{
+
    background: none;
  height: 1em;
+
border: 3px solid #e04a40;
  line-height:1em;
+
border-top: none;
 
}
 
}
  
div.vectorTabs ul li
+
div.vectorMenu ul {
{
+
    background: #262626;
  line-height: 0;
+
    border: none;
  margin: 0 -1px 0 0;
 
  background-image: none;
 
  background-color:#eee;
 
  border:1px solid #ccc;
 
 
}
 
}
  
div.vectorTabs ul li:first-child
+
div.vectorMenu#p-cactions ul {
{
+
    left: auto;
  border-top-left-radius:0.5em;
+
    right: 0;
 
}
 
}
  
div#left-navigation div.vectorTabs ul li:last-child
+
div.vectorMenu li a {
{
+
     color: #ffffff;
  border-top-right-radius:0.5em;
 
}
 
 
 
div.vectorTabs ul li:hover, div.vectorMenu ul li:hover, div.vectorMenu:hover
 
{
 
  background-color:#f8f8f8;
 
}
 
 
 
div.vectorTabs li a
 
{
 
  padding-left: 0.8em;
 
  padding-right: 0.8em;
 
  background-image: none;
 
}
 
 
 
div.vectorTabs li.selected
 
{
 
  background-color:  #fff;
 
  border: 1px solid #ccc;
 
  border-bottom-width: 0;
 
  padding-bottom: 2px;
 
  margin: 0 -1px 0 0;
 
}
 
 
 
div#simpleSearch
 
{
 
  border: 1px solid #ccc !important;
 
  height: 2.5em !important;
 
  width: 11em !important;
 
  margin-top: 0px !important;
 
}
 
 
 
#p-search
 
{
 
  margin: 0 0 0 -1px;
 
  margin-top: .1em;
 
}
 
 
 
#p-search form, #p-search input
 
{
 
  margin: 0;
 
}
 
 
 
div#simpleSearch input#searchInput
 
{
 
  height:100% !important;
 
  padding: 0.2em 0px 0px 0.2em;
 
}
 
 
 
#p-personal a, #p-personal a.new, p-personal a:visited {
 
  color: #FFFFFF;
 
}
 
 
 
#p-personal a.hover, p-personal a:focus {
 
  color: #FFFFFF;
 
  text-decoration:none;
 
}
 
 
 
#right-navigation, #left-navigation
 
{
 
  margin-top: 2.27em;
 
}
 
 
 
div#left-navigation div.vectorTabs li.selected
 
{
 
  border-radius: 0.5em 0 0 0;
 
}
 
 
 
div#left-navigation div.vectorTabs li + li.selected
 
{
 
  border-radius: 0;
 
}
 
 
 
a:visited {
 
    color: #2252A4;
 
}
 
 
 
a#title {
 
    display: none;
 
}
 
 
 
a#title:hover {
 
    display: none;
 
}
 
 
 
a:active {
 
    color: #2252A4;
 
}
 
 
 
a:hover {
 
     color: #0F2C5D;
 
}
 
 
 
a.stub {
 
    color: #cc0000;
 
}
 
 
 
a.new {
 
    color: #cc0000;
 
}
 
 
 
a.new:visited {
 
    color: #cc0000;
 
}
 
 
 
div#content a.external {
 
    color: #2252A4;
 
    cursor: pointer;
 
}
 
 
 
div#content a.external:visited {
 
    color: #2252A4;
 
}
 
 
 
div#content a.external#title {
 
    display: none;
 
 
}
 
}
  
div#content a.external#title:hover {
+
div#mw-head div.vectorMenu h3 {
     display: #0F2C5D;
+
    height: 80px;
 +
    line-height: 80px;
 +
    padding: 0 0 0 1em;
 +
     margin: 0;
 
}
 
}
  
div#content a.external:active {
+
#ca-unwatch.icon a,
     color: #2252A4;
+
#ca-watch.icon a {
 +
     margin-top: 17px;
 
}
 
}
  
div#content a.external:hover {
+
#p-search input,
     color: #0F2C5D;
+
div#simpleSearch {
 +
     margin-top: 0;
 
}
 
}
  
div#content a.external.stub {
+
#p-search form {
     color: #cc0000;
+
     margin-top: 26px;
 
}
 
}

Revision as of 15:52, 6 July 2016

body {
    background-image: url("https://dungeondefenders.com/2/images/backgrounds/Duxter-BG1-DD2.jpg");
    background-position: center top;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-color: #171717;
    background-size: 100% auto;
    color: #000000;
    font-family: OpenSans, sans-serif;
}

#pageWrapper {
    padding-right: 1em;
}

#p-logo a {
	width: auto;
}
#p-logo {
    left: -5px;
    margin: 22px 0 0;
    position: absolute;
    width: 204px;
}

div#mw-page-base {
    background: #262626;
    height: 82px;
    margin-bottom: 0;
    border-bottom: 3px solid #e04a40;
}

div#mw-head {
    height: 82px;
}

#mw-head-base {
    display: none;
}

#left-navigation {
    position: absolute;
    top: 2px;
    left: 204px;
    margin: 0;
    margin-left: 2em;
}

#right-navigation {
    position: absolute;
    top: 2px;
    right: 0;
    margin: 0;
}

div.vectorTabs {
    padding-left: 0;
}

div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected,
div.vectorTabs,
div#mw-head div.vectorMenu h3 {
    background: none;
}

div.vectorTabs li a,
div.vectorTabs li a:visited,
div.vectorMenu h3 span,
div#mw-head li.new a {
    color: #ffffff;
    text-transform: uppercase;
}

div.vectorTabs li a {
    padding: 0 1em;
    height: 80px;
    line-height: 80px;
}

div.vectorTabs li:not(.new) a:hover,
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #ffffff;
}

div.vectorTabs li.new a {
    color: #ffffff;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    background: #e04a40;
}

div.vectorMenu {}

div#mw-head div.vectorMenu h3 {
	background-image: none;
}

div.vectorMenu h3 a {
    height: 80px;
    background-position: 100% 50%;
}

div.vectorMenu h3 span {
	color: #fff;
	text-transform: uppercase;
	padding: 0;
    height: 80px;
    line-height: 80px;
}

div.vectorMenu div.menu {
	top: 5em;
}

div.vectorMenu div.menu {
    background: none;
	border: 3px solid #e04a40;
	border-top: none;
}

div.vectorMenu ul {
    background: #262626;
    border: none;
}

div.vectorMenu#p-cactions ul {
    left: auto;
    right: 0;
}

div.vectorMenu li a {
    color: #ffffff;
}

div#mw-head div.vectorMenu h3 {
    height: 80px;
    line-height: 80px;
    padding: 0 0 0 1em;
    margin: 0;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
    margin-top: 17px;
}

#p-search input,
div#simpleSearch {
    margin-top: 0;
}

#p-search form {
    margin-top: 26px;
}