|
|
Line 1: |
Line 1: |
| /* CSS placed here will affect users of the Vector skin */ | | /* CSS placed here will affect users of the Vector skin */ |
| | | |
− | body {
| + | /* set sidebar width */ |
− | background: url("https://dungeondefenders.com/2/images/backgrounds/Duxter-BG1-DD2.jpg") no-repeat top left #0b0c0e;
| + | div#mw-panel { width: 11em; } |
− | background-position: left top;
| + | div#footer, #mw-head-base, div#content { margin-left: 11em; } |
− | background-attachment: fixed;
| + | #left-navigation { margin-left: 11em; } |
− | margin-right: 10px;
| |
− | } | |
| | | |
− | #mw-page-base {
| |
− | background: transparent !important;
| |
− | }
| |
| | | |
− | div#mw-head {
| + | div.testdiv { background-color: yellow; } |
− | top: 110px;
| |
− | }
| |
− | | |
− | #mw-head-base {
| |
− | background-image: none;
| |
− | background-color: rgba(0, 0, 0, 0.7);
| |
− | border-left: 1px solid #181818;
| |
− | border-right: 1px solid #181818;
| |
− | border-bottom: 0px solid #181818;
| |
− | border-top: 1px solid #181818;
| |
− | border-top-left-radius: 0.5em;
| |
− | border-top-right-radius: 0.5em;
| |
− | bottom: 0;
| |
− | height: 48px;
| |
− | margin-top: 70px;
| |
− | }
| |
− | | |
− | #p-logo a {
| |
− | background-image: url("https://dungeondefenders.com/2/images/global/logo-dd2.png") !important;
| |
− | background-position: left top;
| |
− | background-repeat: no-repeat;
| |
− | height: 143px;
| |
− | width: 300px;
| |
− | }
| |
− | | |
− | #p-logo {
| |
− | height: 143px;
| |
− | width: 300px;
| |
− | }
| |
− | | |
− | #p-personal {
| |
− | background-color: rgba(0, 0, 0, 0.5);
| |
− | border: 1px solid #181818;
| |
− | border-radius: 4px 4px 4px 4px;
| |
− | right: 0;
| |
− | padding-right: 0.55em;
| |
− | padding-bottom: 3px;
| |
− | top: -100px;
| |
− | margin-right: 10px;
| |
− | }
| |
− | | |
− | #p-personal ul {
| |
− | padding-left: 0
| |
− | }
| |
− | | |
− | #p-personal a, #p-personal a.new, #p-personal a:visited, #p-personal a.new:visited {
| |
− | color: #32b1d2;
| |
− | }
| |
− | | |
− | #p-personal #pt-mytalk,
| |
− | #p-personal #pt-preferences,
| |
− | #p-personal #pt-watchlist,
| |
− | #p-personal #pt-mycontris,
| |
− | #p-personal #pt-logout {
| |
− | text-transform: lowercase;
| |
− | }
| |
− | | |
− | #left-navigation {
| |
− | left: 25px;
| |
− | position: relative;
| |
− | }
| |
− | | |
− | #right-navigation {
| |
− | float: right;
| |
− | margin-right: 16px;
| |
− | position: relative;
| |
− | }
| |
− | | |
− | div.vectorTabs {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | div.vectorTabs span {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | div.vectorTabs ul {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | div.vectorTabs li a {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | div.vectorTabs li.selected {
| |
− | background-color: transparent;
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | div.vectorTabs ul li {
| |
− | background-color:transparent;
| |
− | background-image:none;
| |
− | }
| |
− | | |
− | #mw-head div.vectorMenu h5 {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | div.vectorMenu h5 a {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | div.vectorTabs li a, div.vectorTabs li a span {
| |
− | color: #FFFFFF;
| |
− | cursor: pointer;
| |
− | font-weight: bold;
| |
− | text-transform: uppercase;
| |
− | }
| |
− | | |
− | div.vectorTabs li.selected a,
| |
− | div.vectorTabs li.selected a span,
| |
− | div.vectorTabs li.selected a:visited,
| |
− | div.vectorTabs li.selected a:visited span {
| |
− | color: white !important;
| |
− | font-weight: bold;
| |
− | text-decoration: none;
| |
− | text-shadow: -1px -1px 1px black;
| |
− | }
| |
− | div.vectorTabs li.new a,
| |
− | div.vectorTabs li.new a span,
| |
− | div.vectorTabs li.new a:visited,
| |
− | div.vectorTabs li.new a:visited span {
| |
− | color: #FFFFFF;
| |
− | font-weight: bold;
| |
− | }
| |
− | | |
− | div.vectorTabs li a {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | #searchInput {
| |
− | background: #FFFFFF;
| |
− | border: 1px solid #3B3B3B;
| |
− | border-radius: 0.5em 0.5em 0.5em 0.5em;
| |
− | color: #000000;
| |
− | font-size: 92%;
| |
− | margin: 0;
| |
− | width: 10.9em;
| |
− | }
| |
− | | |
− | div#content {
| |
− | background-image: none;
| |
− | background-color: rgba(0, 0, 0, 0.7);
| |
− | border-left: 1px solid #181818;
| |
− | border-right: 1px solid #181818;
| |
− | border-bottom: 1px solid #181818;
| |
− | border-top: 0px solid #181818;
| |
− | border-bottom-left-radius: 0.5em;
| |
− | border-bottom-right-radius: 0.5em;
| |
− | color: #FFFFFF;
| |
− | margin-bottom: 1em;
| |
− | padding: 0.3em 1em 1em;
| |
− | }
| |
− | | |
− | div#mw-panel {
| |
− | background-color: rgba(0, 0, 0, 0.5);
| |
− | border: 1px solid #181818;
| |
− | border-radius: 0.5em 0.5em 0.5em 0.5em;
| |
− | line-height: 1em;
| |
− | padding: 5px;
| |
− | width: 145px;
| |
− | }
| |
− | | |
− | div#mw-panel div.portal h5 {
| |
− | background: none repeat scroll 0 0 rgba(37, 53, 74, 0.5);
| |
− | color: #FFFFFF;
| |
− | }
| |
− | | |
− | div#mw-panel div.portal div.body {
| |
− | background-image: none;
| |
− | background-position: left top;
| |
− | background-repeat: no-repeat;
| |
− | margin: 0 0 0 .75em;
| |
− | padding-top: 0.5em;
| |
− | }
| |
− | | |
− | div#mw-panel div.portal div.body ul li a {
| |
− | color: #F0F0F0;
| |
− | display: block;
| |
− | padding: 3px 3px 3px 3px;
| |
− | }
| |
− | | |
− | div#mw-panel div.portal div.body ul li a:hover {
| |
− | background: rgba(37, 53, 74, 0.5);
| |
− | padding: 3px 3px 3px 3px;
| |
− | }
| |
− | | |
− | div#mw-panel div.portal div.body ul li a:visited {
| |
− | color: #F0F0F0;
| |
− | display: block;
| |
− | padding: 3px 3px 3px 3px;
| |
− | }
| |
− | | |
− | div#mw-panel div.portal div.body ul li {
| |
− | line-height: 1.125em;
| |
− | }
| |
− | | |
− | a {
| |
− | color: #73819c;
| |
− | cursor: pointer;
| |
− | text-decoration: none;
| |
− | }
| |
− | | |
− | a:visited {
| |
− | color: #73819c;
| |
− | }
| |
− | | |
− | a#title {
| |
− | display: none;
| |
− | }
| |
− | | |
− | a#title:hover {
| |
− | display: none;
| |
− | }
| |
− | | |
− | a:active {
| |
− | color: #FAA700;
| |
− | }
| |
− | | |
− | a:hover {
| |
− | color: #8594b3;
| |
− | }
| |
− | | |
− | a.stub {
| |
− | color: #772233;
| |
− | }
| |
− | | |
− | a.new {
| |
− | color: #BA0000;
| |
− | }
| |
− | | |
− | a.new:visited {
| |
− | color: #0F5ECD;
| |
− | }
| |
− | | |
− | div#content a.external {
| |
− | color: #73819c;
| |
− | cursor: pointer;
| |
− | }
| |
− | | |
− | div#content a.external:visited {
| |
− | color: #73819c;
| |
− | }
| |
− | | |
− | div#content a.external#title {
| |
− | display: none;
| |
− | }
| |
− | | |
− | div#content a.external#title:hover {
| |
− | display: #8594b3;
| |
− | }
| |
− | | |
− | div#content a.external:active {
| |
− | color: #FAA700;
| |
− | }
| |
− | | |
− | div#content a.external:hover {
| |
− | color: #8594b3;
| |
− | }
| |
− | | |
− | div#content a.external.stub {
| |
− | color: #772233;
| |
− | }
| |
− | | |
− | div#content a.external.new, #p-personal a.new {
| |
− | color: #BA0000;
| |
− | }
| |
− | | |
− | div#content a.external.new:visited, #p-personal a.new:visited {
| |
− | color: #0F5ECD;
| |
− | }
| |
− | | |
− | hr {
| |
− | background-color: #1c2b40;
| |
− | border: 0 none;
| |
− | color: #1c2b40;
| |
− | height: 1px;
| |
− | margin: 0.2em 0;
| |
− | }
| |
− | h1, h2, h3, h4, h5, h6 {
| |
− | background: none repeat scroll 0 0 transparent;
| |
− | border-bottom: 1px solid #888888;
| |
− | color: #FFFFFF;
| |
− | font-weight: normal;
| |
− | margin: 0;
| |
− | padding-bottom: 0.17em;
| |
− | padding-top: 0.5em;
| |
− | width: auto;
| |
− | }
| |
− | h1 {
| |
− | font-size: 188%;
| |
− | }
| |
− | h1 .editsection {
| |
− | font-size: 53%;
| |
− | }
| |
− | h2 {
| |
− | font-size: 150%;
| |
− | }
| |
− | h2 .editsection {
| |
− | font-size: 67%;
| |
− | }
| |
− | h3, h4, h5, h6 {
| |
− | border-bottom: medium none;
| |
− | font-weight: bold;
| |
− | }
| |
− | h3 {
| |
− | font-size: 132%;
| |
− | }
| |
− | h3 .editsection {
| |
− | font-size: 76%;
| |
− | font-weight: normal;
| |
− | }
| |
− | h4 {
| |
− | font-size: 116%;
| |
− | }
| |
− | h4 .editsection {
| |
− | font-size: 86%;
| |
− | font-weight: normal;
| |
− | }
| |
− | h5 {
| |
− | font-size: 100%;
| |
− | }
| |
− | h5 .editsection {
| |
− | font-weight: normal;
| |
− | }
| |
− | h6 {
| |
− | font-size: 80%;
| |
− | }
| |
− | h6 .editsection {
| |
− | font-size: 125%;
| |
− | font-weight: normal;
| |
− | }
| |
− | | |
− | div#footer {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | div#footer ul li {
| |
− | color: #FFFFFF;
| |
− | }
| |
− | | |
− | div#footer a {
| |
− | color: #32b1d2;
| |
− | }
| |
− | | |
− | h4.mw-specialpagesgroup {
| |
− | background-color: #303030;
| |
− | border-left: 1px solid #181818;
| |
− | border-right: 1px solid #181818;
| |
− | border-top: 1px solid #181818;
| |
− | margin: 0.3em 0 0;
| |
− | padding: 2px;
| |
− | }
| |
− | | |
− | #preferences {
| |
− | background-color: rgba(0, 0, 0, 0.4);
| |
− | background-image: none;
| |
− | border: 1px solid #181818;
| |
− | clear: both;
| |
− | float: left;
| |
− | margin: -2px 0 0;
| |
− | width: 100%;
| |
− | }
| |
− | | |
− | #preferences fieldset.prefsection fieldset {
| |
− | background-color: rgba(0, 0, 0, 0.4);
| |
− | }
| |
− | | |
− | #preftoc li.selected a {
| |
− | background-image: none;
| |
− | color: #FFFFFF;
| |
− | text-decoration: none;
| |
− | }
| |
− | | |
− | #preftoc {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | #preftoc a, #preftoc a:active {
| |
− | background-image: none;
| |
− | color: #32b1d2;
| |
− | }
| |
− | | |
− | #preftoc li {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | #preferences legend {
| |
− | color: #DDDDDD;
| |
− | }
| |
− | | |
− | #preferences td.htmlform-tip {
| |
− | color: #DDDDDD;
| |
− | }
| |
− | | |
− | .catlinks {
| |
− | background-color: rgba(0, 0, 0, 0.3);
| |
− | border: 1px solid #181818;
| |
− | border-radius: 0.5em 0.5em 0.5em 0.5em;
| |
− | }
| |
− | | |
− | .mw-warning {
| |
− | background-color: #282828;
| |
− | margin-left: 50px;
| |
− | margin-right: 50px;
| |
− | text-align: center;
| |
− | }
| |
− | | |
− | #toc, .toc, .mw-warning {
| |
− | background-color: rgba(0, 0, 0, 0.3);
| |
− | border: 1px solid #181818;
| |
− | border-radius: 0.5em 0.5em 0.5em 0.5em;
| |
− | font-size: 95%;
| |
− | padding: 5px;
| |
− | }
| |
− | | |
− | #toc h2, .toc h2 {
| |
− | border: medium none;
| |
− | display: inline;
| |
− | font-size: 100%;
| |
− | font-weight: bold;
| |
− | padding: 0;
| |
− | }
| |
− | | |
− | #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
| |
− | text-align: center;
| |
− | }
| |
− | | |
− | #toc ul, .toc ul {
| |
− | list-style-image: none;
| |
− | list-style-type: none;
| |
− | margin-left: 0;
| |
− | padding-left: 0;
| |
− | text-align: left;
| |
− | }
| |
− | | |
− | #toc ul ul, .toc ul ul {
| |
− | margin: 0 0 0 2em;
| |
− | }
| |
− | | |
− | #toc .toctoggle, .toc .toctoggle {
| |
− | font-size: 94%;
| |
− | }
| |
− | | |
− | ul {
| |
− | list-style-image: url("http://telarapedia.com/w/images/e/ef/Bullet-icon.png");
| |
− | }
| |
− | | |
− | div.thumb {
| |
− | background-color: transparent;
| |
− | border-color: transparent;
| |
− | }
| |
− | | |
− | li.gallerybox {
| |
− | background-color: transparent;
| |
− | border: 2px solid #181818;
| |
− | }
| |
− | | |
− | li.gallerybox div.thumb {
| |
− | background: transparent;
| |
− | border: 0px solid #181818;
| |
− | }
| |
− | | |
− | div.thumbinner { | |
− | background-color: rgba(0, 0, 0, 0.3);
| |
− | border: 1px solid #07596e;
| |
− | }
| |
− | | |
− | html .thumbimage {
| |
− | border: 1px solid #181818;
| |
− | }
| |
− | | |
− | div#bodyContent table.wikitable {
| |
− | color: #FFFFFF;
| |
− | }
| |
− | | |
− | .mw-specialpages-table {
| |
− | margin-bottom: 0;
| |
− | margin-top: 0;
| |
− | }
| |
− | | |
− | div.vectorTabs span {
| |
− | background-image: none;
| |
− | }
| |
− | | |
− | .mw-specialpages-table {
| |
− | margin-bottom: 0;
| |
− | margin-top: 0;
| |
− | }
| |
− | | |
− | .wikitable th, .wikitable td {
| |
− | border: 1px solid #07596e;
| |
− | }
| |
− | | |
− | table.wikitable {
| |
− | background: transparent;
| |
− | color: #FFFFFF;
| |
− | }
| |
− | | |
− | table.wikitable th, table.wikitable tr th, table.wikitable > tr > th, table.wikitable > * > tr > th {
| |
− | background: rgba(0, 0, 0, 0.5);
| |
− | border: 1px solid #07596e;
| |
− | }
| |
− | | |
− | table.wikitable td, table.wikitable tr td, table.wikitable > tr > td, table.wikitable > * > tr > td {
| |
− | border: 1px solid #07596e;
| |
− | }
| |
− | | |
− | fieldset {
| |
− | border: 1px solid #07596e;
| |
− | background: rgba(0, 0, 0, 0.6);
| |
− | }
| |
− | | |
− | code {
| |
− | background: rgba(0, 0, 0, 0.4);
| |
− | }
| |
− | | |
− | ul#filetoc {
| |
− | background-color: rgba(0, 0, 0, 0.4);
| |
− | border: 1px solid #181818;
| |
− | }
| |
− | | |
− | table.mw_metadata td {
| |
− | background-color: rgba(0, 0, 0, 0.4);
| |
− | }
| |
− | table.mw_metadata th {
| |
− | background-color: rgba(0, 0, 0, 0.4);
| |
− | }
| |
− | table.mw_metadata td, table.mw_metadata th {
| |
− | border: 1px solid #181818;
| |
− | }
| |
− | #pagehistory li {
| |
− | border: 1px solid #07596e;
| |
− | }
| |
− | #pagehistory li.selected {
| |
− | background-color: transparent;
| |
− | border: 1px dashed #07596e;
| |
− | }
| |
− | table.diff, td.diff-otitle, td.diff-ntitle {
| |
− | background-color: rgba(0, 0, 0, 0.4);
| |
− | }
| |
− | td.diff-context {
| |
− | background: none repeat scroll 0 0 #EEEEEE;
| |
− | color: #000000;
| |
− | }
| |
− | .TablePager {
| |
− | border: 1px solid #02535A;
| |
− | }
| |
− | | |
− | .TablePager th {
| |
− | background-color: rgba(0, 0, 0, 0.4);
| |
− | border: 1px solid #07596e;
| |
− | }
| |
− | .TablePager tr, .TablePager td {
| |
− | background-color: transparent;
| |
− | border: 1px solid #07596e;
| |
− | }
| |
− | | |
− | .TablePager tr:hover td {
| |
− | background-color: rgba(0, 0, 0, 0.4);
| |
− | }
| |
− | .mw-datatable th {
| |
− | background-color: rgba(0, 0, 0, 0.4);
| |
− | }
| |
− | .mw-datatable, .mw-datatable td, .mw-datatable th {
| |
− | border: 1px solid #07596e;
| |
− | }
| |
− | .ns-main a {
| |
− | color: #086A87;
| |
− | }
| |
− | }
| |
− | .ns-MEDIAWIKI a {
| |
− | color: #086A87;
| |
− | } | |