Difference between revisions of "MediaWiki:Vector.css"
From Dungeon Defenders 2 Wiki
Line 155: | Line 155: | ||
div#content { | div#content { | ||
background-image: none; | background-image: none; | ||
− | background-color: rgba( | + | background-color: rgba(209, 248, 255, 0.67); |
border-left: 1px solid #181818; | border-left: 1px solid #181818; | ||
border-right: 1px solid #181818; | border-right: 1px solid #181818; |
Revision as of 17:33, 5 July 2016
/* CSS placed here will affect users of the Vector skin */ body { background: url("https://dungeondefenders.com/2/images/backgrounds/Duxter-BG1-DD2.jpg") no-repeat top left #0b0c0e; background-position: left top; background-attachment: fixed; margin-right: 10px; } #mw-page-base { background: transparent !important; } div#mw-head { top: 110px; } #mw-head-base { background-image: none; background-color: rgba(0, 0, 0, 1); 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, 1); 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(209, 248, 255, 0.67); 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(209, 248, 255, 0.67); border: 1px solid #181818; border-radius: 0.5em 0.5em 0.5em 0.5em; line-height: 1em; padding: 5px; width: 145px; top: 150px; } 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 { 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: #cc0000; } a.new { color: #cc0000; } a.new:visited { color: #cc0000; } 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: #73819c; } div#content a.external.new, #p-personal a.new { color: #73819c; } div#content a.external.new:visited, #p-personal a.new:visited { color: #73819c; } 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: #FFFFFF; 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-color: transparent; border-collapse: separate; border: none; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #8DCAF0; padding: 0.2em; background-color: rgba(255, 255, 255, 0.58); } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #0320A0; text-align: center; border-color: #031037; box-shadow: 0px 1px rgba(0, 0, 0, 0); color: white; text-shadow: 0px 2px #00321f; } 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; } #wpSummaryLabel { color: #000000; } #mw-editpage-minoredit { color: #000000; } #editpage-copywarn { color: #000000; } #mw-editpage-watch { color: #000000; } div#mw-panel div.portal h3 { color: #FFFFFF; }