Difference between revisions of "MediaWiki:Monobook.css"
From Dungeon Defenders 2 Wiki
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the MonoBook skin */ | /* CSS placed here will affect users of the MonoBook skin */ | ||
− | + | body { | |
− | # | + | background-color: #1a1a1a; |
− | # | + | min-width: 500px; |
− | # | + | } |
− | #p-cactions { left: | + | |
− | . | + | #pageWrapper { |
− | div# | + | padding-right: 1em; |
− | div#content { | + | } |
+ | |||
+ | #p-logo a { | ||
+ | width: auto; | ||
+ | } | ||
+ | #p-logo { | ||
+ | left: -10px; | ||
+ | margin: -10px 0 0; | ||
+ | position: absolute; | ||
+ | width: 204px; | ||
+ | } | ||
+ | |||
+ | div#mw-page-base { | ||
+ | background: #262626; | ||
+ | height: 98px; | ||
+ | margin-bottom: 0; | ||
+ | border-bottom: 3px solid #78187E; | ||
+ | } | ||
+ | |||
+ | div#mw-head { | ||
+ | height: 98px; | ||
+ | } | ||
+ | |||
+ | #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 1.35em; | ||
+ | height: 96px; | ||
+ | line-height: 96px; | ||
+ | } | ||
+ | |||
+ | 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: #78187E; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu {} | ||
+ | |||
+ | div#mw-head div.vectorMenu h3 { | ||
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu h3 a { | ||
+ | height: 700x; | ||
+ | background-position: 100% 120%; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu h3 span { | ||
+ | color: #fff; | ||
+ | text-transform: uppercase; | ||
+ | padding: 0; | ||
+ | height: 96px; | ||
+ | line-height: 96px; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu div.menu { | ||
+ | top: 5em; | ||
+ | } | ||
+ | |||
+ | div.vectorMenu div.menu { | ||
+ | background: none; | ||
+ | border: 3px solid #78187E; | ||
+ | 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: 96px; | ||
+ | line-height: 96px; | ||
+ | padding: 0 0 0 1em; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #ca-unwatch.icon a, | ||
+ | #ca-watch.icon a { | ||
+ | margin-top: 25px; | ||
+ | } | ||
+ | |||
+ | #p-search input, | ||
+ | div#simpleSearch { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | #p-search form { | ||
+ | margin-top: 31px; | ||
+ | } | ||
+ | |||
+ | div#content { | ||
+ | background: #ffffff; | ||
+ | color: #000000; | ||
+ | border: none; | ||
+ | margin-top: 1em; | ||
+ | font-family: OpenSans, sans-serif; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | .mw-notification { | ||
+ | background: #000; | ||
+ | background: rgba(0, 0, 0, .7); | ||
+ | border-color: #78187E; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | li.gallerybox { | ||
+ | border-color: #78187E; | ||
+ | } | ||
+ | |||
+ | li.gallerybox div.thumb { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | div.thumbinner { | ||
+ | border-color: #78187E; | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | pre, | ||
+ | .mw-code { | ||
+ | border-color: #78187E; | ||
+ | overflow-x: scroll; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal { | ||
+ | background-image: url("http://i.imgur.com/VNxqRL2.png"); | ||
+ | background-position: left top; | ||
+ | background-repeat: no-repeat; | ||
+ | direction: ltr; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 0.25em 0; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal h3, | ||
+ | #mw-panel.collapsible-nav .portal h3 a, | ||
+ | #mw-panel.collapsible-nav .portal.collapsed h3 a { | ||
+ | color: #ffffcc; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal div.body ul li a:visited { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal div.body ul li a { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal div.body, | ||
+ | #mw-panel.collapsible-nav .portal { | ||
+ | border-bottom:; | ||
+ | } | ||
+ | |||
+ | 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 { | ||
+ | display: #0F2C5D; | ||
+ | } | ||
+ | |||
+ | div#content a.external:active { | ||
+ | color: #2252A4; | ||
+ | } | ||
+ | |||
+ | div#content a.external:hover { | ||
+ | color: #0F2C5D; | ||
+ | } | ||
+ | |||
+ | div#content a.external.stub { | ||
+ | color: #cc0000; | ||
+ | } | ||
+ | |||
+ | div#footer ul li { | ||
+ | color: #eae8d3; | ||
+ | } | ||
+ | |||
+ | div#footer a { | ||
+ | color: #E4C62E; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } |
Revision as of 10:54, 7 July 2016
/* CSS placed here will affect users of the MonoBook skin */ body { background-color: #1a1a1a; min-width: 500px; } #pageWrapper { padding-right: 1em; } #p-logo a { width: auto; } #p-logo { left: -10px; margin: -10px 0 0; position: absolute; width: 204px; } div#mw-page-base { background: #262626; height: 98px; margin-bottom: 0; border-bottom: 3px solid #78187E; } div#mw-head { height: 98px; } #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 1.35em; height: 96px; line-height: 96px; } 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: #78187E; } div.vectorMenu {} div#mw-head div.vectorMenu h3 { background-image: none; } div.vectorMenu h3 a { height: 700x; background-position: 100% 120%; } div.vectorMenu h3 span { color: #fff; text-transform: uppercase; padding: 0; height: 96px; line-height: 96px; } div.vectorMenu div.menu { top: 5em; } div.vectorMenu div.menu { background: none; border: 3px solid #78187E; 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: 96px; line-height: 96px; padding: 0 0 0 1em; margin: 0; } #ca-unwatch.icon a, #ca-watch.icon a { margin-top: 25px; } #p-search input, div#simpleSearch { margin-top: 0; } #p-search form { margin-top: 31px; } div#content { background: #ffffff; color: #000000; border: none; margin-top: 1em; font-family: OpenSans, sans-serif; font-weight: normal; } .mw-notification { background: #000; background: rgba(0, 0, 0, .7); border-color: #78187E; color: #FFF; } li.gallerybox { border-color: #78187E; } li.gallerybox div.thumb { border: none; } div.thumbinner { border-color: #78187E; } code { background: none; } pre, .mw-code { border-color: #78187E; overflow-x: scroll; } div#mw-panel div.portal { background-image: url("http://i.imgur.com/VNxqRL2.png"); background-position: left top; background-repeat: no-repeat; direction: ltr; margin: 0 0 0 0; padding: 0.25em 0; } div#mw-panel div.portal h3, #mw-panel.collapsible-nav .portal h3 a, #mw-panel.collapsible-nav .portal.collapsed h3 a { color: #ffffcc; } div#mw-panel div.portal div.body ul li a:visited { color: #FFFFFF; } div#mw-panel div.portal div.body ul li a { color: #FFFFFF; } div#mw-panel div.portal div.body, #mw-panel.collapsible-nav .portal { border-bottom:; } 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 { display: #0F2C5D; } div#content a.external:active { color: #2252A4; } div#content a.external:hover { color: #0F2C5D; } div#content a.external.stub { color: #cc0000; } div#footer ul li { color: #eae8d3; } div#footer a { color: #E4C62E; } #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; }