Difference between revisions of "MediaWiki:Vector.css"
From Dungeon Defenders 2 Wiki
Line 1: | Line 1: | ||
− | |||
− | |||
body { | 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 { | #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 { | div#mw-page-base { | ||
− | + | background: #262626; | |
+ | height: 82px; | ||
+ | margin-bottom: 0; | ||
+ | border-bottom: 3px solid #e04a40; | ||
} | } | ||
− | div#mw-head | + | 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 | + | div.vectorTabs span, |
− | #mw- | + | div.vectorTabs ul, |
− | + | div.vectorTabs ul li, | |
+ | div.vectorTabs ul li.selected, | ||
+ | div.vectorTabs, | ||
+ | div#mw-head div.vectorMenu h3 { | ||
+ | background: none; | ||
} | } | ||
− | div# | + | div.vectorTabs li a, |
− | color: # | + | div.vectorTabs li a:visited, |
+ | div.vectorMenu h3 span, | ||
+ | div#mw-head li.new a { | ||
+ | color: #ffffff; | ||
+ | text-transform: uppercase; | ||
} | } | ||
− | div | + | div.vectorTabs li a { |
− | + | padding: 0 1em; | |
+ | height: 80px; | ||
+ | line-height: 80px; | ||
} | } | ||
− | + | div.vectorTabs li:not(.new) a:hover, | |
− | + | div.vectorTabs li.selected a, | |
− | color: # | + | div.vectorTabs li.selected a:visited { |
− | + | color: #ffffff; | |
} | } | ||
− | + | div.vectorTabs li.new a { | |
− | div.vectorTabs li | + | color: #ffffff; |
− | { | ||
− | |||
− | |||
− | |||
} | } | ||
− | div.vectorTabs | + | div.vectorTabs li.selected a, |
− | { | + | div.vectorTabs li.selected a:visited { |
− | + | background: #e04a40; | |
− | |||
− | |||
} | } | ||
− | div. | + | div.vectorMenu {} |
− | { | ||
− | |||
− | |||
− | |||
− | } | ||
− | 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.vectorMenu div.menu { |
− | { | + | top: 5em; |
− | |||
− | |||
− | |||
} | } | ||
− | div.vectorMenu | + | div.vectorMenu div.menu { |
− | + | background: none; | |
− | + | border: 3px solid #e04a40; | |
− | + | border-top: none; | |
} | } | ||
− | div. | + | div.vectorMenu ul { |
− | { | + | background: #262626; |
− | + | border: none; | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | div. | + | div.vectorMenu#p-cactions ul { |
− | { | + | left: auto; |
− | + | right: 0; | |
} | } | ||
− | + | div.vectorMenu li a { | |
− | + | color: #ffffff; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | color: # | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | div# | + | 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; | ||
} | } | ||
− | div# | + | #p-search input, |
− | + | div#simpleSearch { | |
+ | margin-top: 0; | ||
} | } | ||
− | + | #p-search form { | |
− | + | margin-top: 26px; | |
} | } |
Revision as of 14: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; }