Difference between revisions of "MediaWiki:Vector.css"
From Dungeon Defenders 2 Wiki
Line 1: | Line 1: | ||
− | /* CSS placed here will affect users of the | + | /* CSS placed here will affect users of the Hydra skin */ |
+ | |||
+ | /* For elements which display only in the mobile view */ | ||
+ | .mobileonly { | ||
+ | display: none; | ||
+ | } | ||
− | |||
body { | body { | ||
− | + | background-color: #1a1a1a; | |
+ | min-width: 500px; | ||
} | } | ||
− | # | + | #pageWrapper { |
− | + | margin-right: 10px; | |
} | } | ||
− | + | div#content { | |
background-color: #FFFFFF; | background-color: #FFFFFF; | ||
background-image: none; | background-image: none; | ||
Line 18: | Line 23: | ||
} | } | ||
− | + | h1, h2, h3, h4, h5, h6 { | |
− | + | color: #2D2723; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | div# | + | div#mw-page-base { |
− | + | background: transparent; | |
} | } | ||
− | div# | + | div#mw-head-base { |
− | + | background: transparent; | |
− | |||
} | } | ||
− | div# | + | div#mw-panel div.portal { |
− | + | background-image: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/0/0f/Portal-break.png"); | |
+ | 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, |
− | + | #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: #DDDDDD; | |
} | } | ||
− | + | div#mw-panel div.portal div.body ul li a { | |
− | + | color: #DDDDDD; | |
} | } | ||
− | div. | + | div#mw-panel div.portal div.body, |
− | + | #mw-panel.collapsible-nav .portal { | |
− | + | border-bottom:; | |
} | } | ||
− | + | div#mw-panel.collapsible-nav div#p-socialProfiles.portal, | |
− | div#mw- | + | #mw-panel.collapsible-nav #p-sitePromos.portal { |
− | + | background-image: none; | |
} | } | ||
− | div | + | div#footer ul li { |
− | + | color: #eae8d3; | |
} | } | ||
− | div | + | div#footer a { |
− | + | color: #E4C62E; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | table { | |
− | + | font-size: 100%; | |
− | + | color: #2D2723; | |
− | + | /* we don't want the bottom borders of <h2>s to be visible through | |
− | + | * floated tables */ | |
− | + | background-color: transparent; | |
− | |||
− | |||
} | } | ||
− | /* | + | /* tabs */ |
− | + | #left-navigation { | |
− | + | background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png"); | |
− | + | margin-top: 39px; | |
− | |||
} | } | ||
− | + | #right-navigation { | |
− | + | background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png"); | |
+ | margin-right: 10px; | ||
+ | margin-top: 39px; | ||
} | } | ||
− | + | div.vectorTabs, | |
− | + | div.vectorTabs ul li { | |
+ | background-color: rgba(0, 0, 0, 0); | ||
+ | background-image: none; | ||
} | } | ||
− | + | div.vectorTabs ul { | |
− | + | background-color: rgba(0, 0, 0, 0); | |
+ | background-image: none; | ||
} | } | ||
− | + | div.vectorTabs span { | |
− | color: | + | background-color: rgba(0, 0, 0, 0); |
+ | background-image: none; | ||
} | } | ||
− | + | div#mw-head div.vectorMenu h4, | |
− | color: # | + | div#p-variants.vectorMenu #mw-vector-current-variant { |
+ | color: #ffffff; | ||
+ | padding-top: 1.375em !important; | ||
+ | text-transform: uppercase; | ||
} | } | ||
− | a. | + | div.vectorTabs li a, |
− | color: # | + | div.vectorTabs li a:visited { |
+ | color: #ffffff; | ||
+ | text-transform: uppercase; | ||
} | } | ||
− | + | div.vectorTabs li.selected { | |
− | + | background: rgba(0, 0, 0, 0) url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/7/79/Skin_tab_background.png") repeat-x scroll center bottom; | |
} | } | ||
− | a. | + | div.vectorTabs li.selected a, |
− | color: # | + | div.vectorTabs li.selected a:visited { |
+ | color: #ffffff !important; | ||
} | } | ||
− | div | + | div.vectorMenu { |
− | + | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAMAAAAlM38UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRFsbGxmpqa3d3deXl58/n79CzHcQAAAAV0Uk5T/////wD7tg5TAAAAMklEQVR42mJgwQoYBkqYiZEZAhiZUFRDxWGicEPA4nBRhNlAcYQokpVMDEwD6kuAAAMAyGMFQVv5ldcAAAAASUVORK5CYII="); | |
− | + | border: medium none; | |
} | } | ||
− | + | div#mw-head div.vectorMenu h3, | |
− | + | div.vectorMenu h3 > a { | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | div#mw- | ||
− | |||
− | |||
− | |||
− | |||
− | |||
background-image: none; | background-image: none; | ||
− | |||
− | |||
− | |||
} | } | ||
− | + | div.vectorMenu h3 span { | |
− | color: # | + | color: #ffffff; |
− | + | text-transform: uppercase; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .htmlform-tip { | |
− | + | padding-left: 20%; | |
} | } |
Revision as of 21:42, 5 July 2016
/* CSS placed here will affect users of the Hydra skin */ /* For elements which display only in the mobile view */ .mobileonly { display: none; } body { background-color: #1a1a1a; min-width: 500px; } #pageWrapper { margin-right: 10px; } div#content { background-color: #FFFFFF; background-image: none; border-left: 1px solid #1a1a1a; box-sizing: border-box; color: #000000; } h1, h2, h3, h4, h5, h6 { color: #2D2723; } div#mw-page-base { background: transparent; } div#mw-head-base { background: transparent; } div#mw-panel div.portal { background-image: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/0/0f/Portal-break.png"); 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, #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: #DDDDDD; } div#mw-panel div.portal div.body ul li a { color: #DDDDDD; } div#mw-panel div.portal div.body, #mw-panel.collapsible-nav .portal { border-bottom:; } div#mw-panel.collapsible-nav div#p-socialProfiles.portal, #mw-panel.collapsible-nav #p-sitePromos.portal { background-image: none; } div#footer ul li { color: #eae8d3; } div#footer a { color: #E4C62E; } table { font-size: 100%; color: #2D2723; /* we don't want the bottom borders of <h2>s to be visible through * floated tables */ background-color: transparent; } /* tabs */ #left-navigation { background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png"); margin-top: 39px; } #right-navigation { background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png"); margin-right: 10px; margin-top: 39px; } div.vectorTabs, div.vectorTabs ul li { background-color: rgba(0, 0, 0, 0); background-image: none; } div.vectorTabs ul { background-color: rgba(0, 0, 0, 0); background-image: none; } div.vectorTabs span { background-color: rgba(0, 0, 0, 0); background-image: none; } div#mw-head div.vectorMenu h4, div#p-variants.vectorMenu #mw-vector-current-variant { color: #ffffff; padding-top: 1.375em !important; text-transform: uppercase; } div.vectorTabs li a, div.vectorTabs li a:visited { color: #ffffff; text-transform: uppercase; } div.vectorTabs li.selected { background: rgba(0, 0, 0, 0) url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/7/79/Skin_tab_background.png") repeat-x scroll center bottom; } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #ffffff !important; } div.vectorMenu { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAMAAAAlM38UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRFsbGxmpqa3d3deXl58/n79CzHcQAAAAV0Uk5T/////wD7tg5TAAAAMklEQVR42mJgwQoYBkqYiZEZAhiZUFRDxWGicEPA4nBRhNlAcYQokpVMDEwD6kuAAAMAyGMFQVv5ldcAAAAASUVORK5CYII="); border: medium none; } div#mw-head div.vectorMenu h3, div.vectorMenu h3 > a { background-image: none; } div.vectorMenu h3 span { color: #ffffff; text-transform: uppercase; } .htmlform-tip { padding-left: 20%; }