Diferencia entre revisiones de «MediaWiki:Common.css»
| Línea 1: | Línea 1: | ||
| − | /* | + | /** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/ |
| − | / | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | /* Give the background the initial stone texture: [[File:Background.png]] */ | |
| − | /* | + | body { |
| − | + | background-color: #202020; | |
| − | + | background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/2/26/Background.png); | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | body{ | ||
| − | background-color: # | ||
| − | |||
| − | |||
| − | |||
| − | / | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* Add the grass block background: [[File:Header-background-altsearch.png]] [[File:Clouds-distance2.png]] */ | |
| − | background-color: # | + | #mw-page-base { |
| − | + | background-color: #8DBDE9; | |
| − | + | background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/2/2c/Header-background-altsearch.png); | |
| + | height: 146px; | ||
| + | margin-bottom: -142px; | ||
} | } | ||
| − | + | div#mw-head { | |
| − | / | + | background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/a/ad/Clouds-distance2.png) right 6px repeat-x; |
| − | + | margin-right: 10px; | |
| − | + | z-index: 1; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | /** | + | /* Set the outer content link colours to light gray and white */ |
| − | * | + | #mw-panel *:not(h5) > a:not(:hover):not(:focus), |
| − | + | #footer a:not(:hover):not(:focus) { | |
| − | + | color: #BFBFBF !important; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #mw-panel h5, | |
| − | + | #mw-panel a, | |
| − | + | #footer li, | |
| − | + | #footer a { | |
| + | color: #FFF !important; | ||
} | } | ||
| − | + | #mw-panel h5 { | |
| − | + | text-decoration: none !important; | |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | /* Set the tab link colours to black and bold */ | |
| − | + | #left-navigation a, | |
| − | + | #right-navigation #p-views a, | |
| + | div#mw-head div.vectorMenu h4 { | ||
| + | font-weight: bold; | ||
| + | text-decoration: none; | ||
} | } | ||
| − | /* | + | /* Use black links */ |
| − | + | #left-navigation a, | |
| − | + | #right-navigation #p-views a, | |
| − | + | div#mw-head div.vectorMenu h4 { | |
| − | + | color: #000; | |
| − | |||
} | } | ||
| − | + | #left-navigation .new a, | |
| − | + | #right-navigation #p-views .new a { | |
| − | + | color: #BA0000; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | /* | + | /* Position the tabs */ |
| − | + | #left-navigation { | |
| − | + | top: 53px; | |
| − | + | margin-left: 10px; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #right-navigation { | |
| − | + | margin-top: 53px; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | /* | + | /* Give the tabs the grass block styling: [[File:Vector-tabs.png]] [[File:Vector-tabs-first.png]] */ |
| − | + | div.vectorTabs, | |
| − | + | div.vectorMenu, | |
| − | + | div.vectorMenu h5 a { | |
| − | + | padding: 0; | |
| − | + | height: 36px; | |
} | } | ||
| − | . | + | .vectorTabs ul, |
| − | + | .vectorTabs li, | |
| − | + | .vectorMenu h5 a { | |
| + | background: none !important; | ||
} | } | ||
| − | . | + | .vectorTabs li > span, |
| − | + | .vectorMenu { | |
| + | margin-right: 8px; | ||
} | } | ||
| − | + | .vectorTabs li a, | |
| − | + | .vectorTabs li a:before, | |
| − | + | div.vectorMenu, | |
| − | + | .vectorMenu:before { | |
| − | + | background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/1/1a/Vector-tabs.png) no-repeat; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | div.vectorTabs li a, | |
| − | + | div.vectorMenu { | |
| + | position: relative; | ||
| + | background-position: right top; | ||
} | } | ||
| − | + | div.vectorTabs li a { | |
| − | + | padding: 15px 14px 0 20px; | |
| + | height: 21px; | ||
} | } | ||
| − | + | .vectorTabs li.selected a, | |
| − | + | .vectorTabs li a:hover, | |
| + | .vectorTabs li a:focus, | ||
| + | .vectorMenu:hover, | ||
| + | .vectorMenu:focus { | ||
| + | background-position: right bottom; | ||
} | } | ||
| − | + | .vectorTabs li a:before, | |
| − | + | .vectorMenu:before { | |
| − | + | content: ""; | |
| − | + | position: absolute; | |
| − | + | top: 0; | |
| − | + | left: 0; | |
| − | + | width: 6px; | |
| − | + | height: 36px; | |
| − | + | pointer-events: none; | |
} | } | ||
| − | + | div.vectorMenu div.menu { | |
| − | + | position: absolute; | |
| − | + | left: 6px; | |
| − | + | bottom: 0; | |
| − | |||
| − | |||
} | } | ||
| − | + | div.vectorMenu ul { | |
| − | + | background-color: #E6EFF4; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | div#mw-head div.vectorMenu h4 { | |
| − | + | margin: 16px 0 0 20px; | |
| + | padding: 0; | ||
} | } | ||
| − | + | div#mw-head div.vectorMenu h5 { | |
| − | + | background: url(/extensions/Vector/modules/images/open.svg) center no-repeat; | |
| + | margin: 16px 7px 0 13px; | ||
| + | width: 24px; | ||
| + | height: 16px; | ||
} | } | ||
| − | + | div#mw-head div.vectorMenu h4 + h5 { | |
| − | + | margin-left: 0; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #left-navigation > .vectorTabs li:first-child a:before { | |
| − | + | background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/4/49/Vector-tabs-first.png); | |
| − | + | height: 93px; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* Hide watch tab's text and put an icon in | |
| − | + | [[File:Watch-icons.png]] [[File:Watch.gif]] | |
| + | #ca-watch.icon a, | ||
| + | #ca-unwatch.icon a { | ||
| + | background-image: url("http://hydra-media.cursecdn.com/minecraft.gamepedia.com/c/ce/Watch-icons.png"); | ||
| + | -webkit-background-clip: content-box; | ||
| + | background-clip: content-box; | ||
} | } | ||
| − | + | #ca-watch.icon a, | |
| − | + | #ca-watch.icon a:focus { | |
| − | + | background-position: 13px 15px; | |
} | } | ||
| − | + | #ca-unwatch.icon a, | |
| − | + | #ca-unwatch.icon a:focus { | |
| + | background-position: -3px 15px; | ||
} | } | ||
| − | + | #ca-watch.icon a:hover { | |
| − | + | background-position: 13px -1px; | |
} | } | ||
| − | + | #ca-unwatch.icon a:hover { | |
| − | + | background-position: -3px -1px; | |
} | } | ||
| − | + | #ca-watch.icon a, | |
| − | + | #ca-unwatch.icon a, | |
| − | + | #ca-unwatch.icon a.loading, | |
| − | + | #ca-watch.icon a.loading { | |
| − | + | text-indent: 40px; | |
| + | height: 16px; | ||
| + | width: 16px; | ||
| + | padding: 15px 14px 6px; | ||
} | } | ||
| + | #ca-unwatch.icon a.loading, | ||
| + | #ca-watch.icon a.loading { | ||
| + | background-image: url("http://hydra-media.cursecdn.com/minecraft.gamepedia.com/4/49/Watch.gif"); | ||
| + | background-position: 13px 15px; | ||
| + | }*/ | ||
| − | /* | + | /* Only the simple search is styled, as there is no unique ids for the default search: [[File:Search-button.svg]] */ |
| − | + | #simpleSearch, | |
| − | + | #searchInput { | |
| − | + | -moz-box-sizing: border-box; | |
| − | + | box-sizing: border-box; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | div#simpleSearch { | |
| − | + | background-image: none; | |
| − | + | background-position: top right; | |
| + | background-repeat: no-repeat, repeat; | ||
| + | background-color: rgba(0, 0, 0, 0.365); | ||
| + | border: 0; | ||
| + | border-right: 4px solid #538631; | ||
| + | border-bottom: 4px solid #382314; | ||
| + | margin: -11px 4px 0 0; | ||
| + | padding: 0 4px 0 5px; | ||
| + | height: 31px; | ||
| + | width: 218px; | ||
} | } | ||
| − | + | #simpleSearch:before { | |
| − | + | content: ""; | |
| + | position: absolute; | ||
| + | border-top: 4px solid rgba(0, 0, 0, 0.365); | ||
| + | border-left: 4px solid transparent; | ||
| + | top: 0; | ||
| + | left: -4px; | ||
} | } | ||
| − | + | #simpleSearch:after { | |
| − | + | content: ""; | |
| − | + | position: absolute; | |
| − | + | border-top: 3px solid #B0B0B0; | |
| − | + | border-left: 3px solid #79553A; | |
| − | + | bottom: 5px; | |
| − | + | left: 5px; | |
| − | + | z-index: 1; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | div#simpleSearch input#searchInput { | |
| − | + | position: relative; | |
| − | + | border-top: 3px solid #E6E6E6; | |
| − | + | border-left: 3px solid #B0B0B0; | |
| − | + | background-color: #D0CFCF; | |
| − | + | background-image: -webkit-linear-gradient(#C3C3C3, #DCDBDB); | |
| − | + | background-image: linear-gradient(#C3C3C3, #DCDBDB); | |
| − | + | padding: 0 27px 0 3px; | |
| − | + | top: -4px; | |
| − | + | width: 100%; | |
| − | + | height: 26px; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | / | + | div#simpleSearch button#searchButton { |
| − | + | background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/0/0e/Search-button.svg) center 8px no-repeat; | |
| − | + | margin-top: -4px; | |
| − | + | margin-right: 4px; | |
| − | + | padding: 0; | |
| − | + | height: 26px; | |
| − | + | width: 24px; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #simpleSearch button:before { | |
| − | + | content: ""; | |
| − | + | position: absolute; | |
| − | + | border-top: 3px solid #80BA5A; | |
| − | + | border-left: 3px solid #E6E6E6; | |
| − | + | top: 0; | |
| − | + | right: 0; | |
| − | |||
| − | |||
} | } | ||
| − | + | #simpleSearch button:after { | |
| − | + | content: ""; | |
| − | + | position: absolute; | |
| + | border-top: 4px solid #80BA5A; | ||
| + | border-left: 4px solid #538631; | ||
| + | top: 4px; | ||
| + | right: -8px; | ||
} | } | ||
| − | + | #simpleSearch button img { | |
| − | + | display: none; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | /* | + | /* The suggestions shown under the search bar */ |
| − | . | + | .suggestions.searchbar { |
| − | + | margin-top: -38px; | |
| − | + | margin-right: 7px; | |
| − | |||
} | } | ||
| − | . | + | .suggestions.searchbar > * { |
| − | + | display: block; | |
| − | + | margin-left: 14px; | |
} | } | ||
| − | . | + | .suggestions.searchbar .suggestions-results, |
| − | + | .suggestions.searchbar .suggestions-special { | |
| + | background-color: #DBDADA; | ||
| + | border-color: #3C3B3B; | ||
} | } | ||
| − | . | + | .suggestions.searchbar .suggestions-result-current { |
| − | + | background-color: highlight; | |
| − | |||
| − | |||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | /* | + | /* Correct position of sidebar */ |
| − | + | div#mw-panel { | |
| − | + | margin-top: -180px; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | /* | + | /* Replace divider with a similar image that has proper transparency: [[File:Panel-divider.png]] */ |
| − | + | #mw-panel.collapsible-nav div.portal { | |
| − | + | background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/b/bf/Panel-divider.png); | |
| − | |||
| − | |||
| − | |||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | / | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | div | + | /* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */ |
| − | + | div#content { | |
| − | + | position: relative; | |
| + | background-color: #E6EFF4; | ||
| + | border-top: 6px solid #B4BEC3; | ||
| + | border-bottom: 0; | ||
| + | border-left: 6px solid #171717; | ||
| + | margin-right: 10px; | ||
} | } | ||
| − | div | + | /* Add the 3D corners to the main content */ |
| − | + | div#content:before { | |
| − | + | content: ""; | |
| − | + | position: absolute; | |
| − | + | border-top: 6px solid #B9855C; | |
| − | + | border-left: 6px solid #B4BEC3; | |
| + | top: -6px; | ||
| + | right: 0; | ||
} | } | ||
| − | + | /* Have to use the footer as #content:after is already used to clear the content float */ | |
| − | + | #footer { | |
| − | + | position: relative; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #footer:before { | |
| − | + | content: ""; | |
| − | + | position: absolute; | |
| − | + | border-top: 6px solid #171717; | |
| − | + | border-left: 6px solid #202020; | |
| + | top: -6px; | ||
| + | left: 0; | ||
} | } | ||
| − | + | /* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */ | |
| − | + | ul { | |
| − | + | list-style-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/3/39/List_bullet.svg); | |
| − | |||
| − | |||
} | } | ||
| − | + | /* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */ | |
| − | + | div.mw-warning-with-logexcerpt, | |
| − | + | .errorbox { | |
| − | + | background-color: #FCC; | |
| − | + | border: 2px solid #FAA; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .warningbox { | |
| − | + | background-color: #FFC; | |
| − | + | border: 2px solid #FFA; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .successbox { |
| − | + | background-color: #CFC; | |
| − | + | border: 2px solid #AFA; | |
| − | |||
| − | |||
} | } | ||
| − | + | .successbox strong p { | |
| − | . | + | margin: 0; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | div.mw-warning-with-logexcerpt, | |
| − | + | .errorbox, | |
| − | + | .warningbox, | |
| − | + | .successbox { | |
| − | + | padding: 3px 12px; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | ||
| − | . | ||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | |||
| − | /* | + | /* Add white background to some areas */ |
| − | + | #asirra_ChallengeTableDiv { | |
| − | + | background-color: #FFF; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | /* | + | /* Fix diff area styling */ |
| − | . | + | table.diff { |
| − | + | background-color: transparent; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | td.diff-addedline, |
| − | . | + | td.diff-deletedline { |
| − | + | background-color: #F9F9F9; | |
} | } | ||
| − | + | td.diff-context { | |
| − | + | background-color: #F3F3F3; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | td.diff-addedline, | |
| − | + | td.diff-deletedline, | |
| − | + | td.diff-context, | |
| − | + | td.diff-addedline .diffchange, | |
| − | . | + | td.diff-deletedline .diffchange { |
| − | . | + | border-radius: 0; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* Get rid of stupid white borders on page history */ | |
| − | + | #pagehistory li { | |
| − | + | border-color: transparent; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | /* Same as the default preference tab images, but with the blue background colour instead of white |
| − | + | [[File:Pref-tab-border.png]] [[File:Pref-tab-bg.png]] */ | |
| − | + | #preftoc, | |
| − | + | #preftoc li { | |
| + | background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/f/f9/Pref-tab-border.png); | ||
} | } | ||
| − | + | #preftoc li.selected a { | |
| − | + | background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/5/57/Pref-tab-bg.png); | |
| − | |||
} | } | ||
| − | + | /* Fix side-by-side editor background colour */ | |
| − | + | .wikiEditor-ui-controls { | |
| − | + | background-color: #E6EFF4; | |
| − | . | + | border-right: 1px solid #E6EFF4; |
| − | { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Revisión del 16:19 12 abr 2014
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/
/* Give the background the initial stone texture: [[File:Background.png]] */
body {
background-color: #202020;
background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/2/26/Background.png);
}
/* Add the grass block background: [[File:Header-background-altsearch.png]] [[File:Clouds-distance2.png]] */
#mw-page-base {
background-color: #8DBDE9;
background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/2/2c/Header-background-altsearch.png);
height: 146px;
margin-bottom: -142px;
}
div#mw-head {
background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/a/ad/Clouds-distance2.png) right 6px repeat-x;
margin-right: 10px;
z-index: 1;
}
/* Set the outer content link colours to light gray and white */
#mw-panel *:not(h5) > a:not(:hover):not(:focus),
#footer a:not(:hover):not(:focus) {
color: #BFBFBF !important;
}
#mw-panel h5,
#mw-panel a,
#footer li,
#footer a {
color: #FFF !important;
}
#mw-panel h5 {
text-decoration: none !important;
}
/* Set the tab link colours to black and bold */
#left-navigation a,
#right-navigation #p-views a,
div#mw-head div.vectorMenu h4 {
font-weight: bold;
text-decoration: none;
}
/* Use black links */
#left-navigation a,
#right-navigation #p-views a,
div#mw-head div.vectorMenu h4 {
color: #000;
}
#left-navigation .new a,
#right-navigation #p-views .new a {
color: #BA0000;
}
/* Position the tabs */
#left-navigation {
top: 53px;
margin-left: 10px;
}
#right-navigation {
margin-top: 53px;
}
/* Give the tabs the grass block styling: [[File:Vector-tabs.png]] [[File:Vector-tabs-first.png]] */
div.vectorTabs,
div.vectorMenu,
div.vectorMenu h5 a {
padding: 0;
height: 36px;
}
.vectorTabs ul,
.vectorTabs li,
.vectorMenu h5 a {
background: none !important;
}
.vectorTabs li > span,
.vectorMenu {
margin-right: 8px;
}
.vectorTabs li a,
.vectorTabs li a:before,
div.vectorMenu,
.vectorMenu:before {
background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/1/1a/Vector-tabs.png) no-repeat;
}
div.vectorTabs li a,
div.vectorMenu {
position: relative;
background-position: right top;
}
div.vectorTabs li a {
padding: 15px 14px 0 20px;
height: 21px;
}
.vectorTabs li.selected a,
.vectorTabs li a:hover,
.vectorTabs li a:focus,
.vectorMenu:hover,
.vectorMenu:focus {
background-position: right bottom;
}
.vectorTabs li a:before,
.vectorMenu:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 36px;
pointer-events: none;
}
div.vectorMenu div.menu {
position: absolute;
left: 6px;
bottom: 0;
}
div.vectorMenu ul {
background-color: #E6EFF4;
}
div#mw-head div.vectorMenu h4 {
margin: 16px 0 0 20px;
padding: 0;
}
div#mw-head div.vectorMenu h5 {
background: url(/extensions/Vector/modules/images/open.svg) center no-repeat;
margin: 16px 7px 0 13px;
width: 24px;
height: 16px;
}
div#mw-head div.vectorMenu h4 + h5 {
margin-left: 0;
}
#left-navigation > .vectorTabs li:first-child a:before {
background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/4/49/Vector-tabs-first.png);
height: 93px;
}
/* Hide watch tab's text and put an icon in
[[File:Watch-icons.png]] [[File:Watch.gif]]
#ca-watch.icon a,
#ca-unwatch.icon a {
background-image: url("http://hydra-media.cursecdn.com/minecraft.gamepedia.com/c/ce/Watch-icons.png");
-webkit-background-clip: content-box;
background-clip: content-box;
}
#ca-watch.icon a,
#ca-watch.icon a:focus {
background-position: 13px 15px;
}
#ca-unwatch.icon a,
#ca-unwatch.icon a:focus {
background-position: -3px 15px;
}
#ca-watch.icon a:hover {
background-position: 13px -1px;
}
#ca-unwatch.icon a:hover {
background-position: -3px -1px;
}
#ca-watch.icon a,
#ca-unwatch.icon a,
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
text-indent: 40px;
height: 16px;
width: 16px;
padding: 15px 14px 6px;
}
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
background-image: url("http://hydra-media.cursecdn.com/minecraft.gamepedia.com/4/49/Watch.gif");
background-position: 13px 15px;
}*/
/* Only the simple search is styled, as there is no unique ids for the default search: [[File:Search-button.svg]] */
#simpleSearch,
#searchInput {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div#simpleSearch {
background-image: none;
background-position: top right;
background-repeat: no-repeat, repeat;
background-color: rgba(0, 0, 0, 0.365);
border: 0;
border-right: 4px solid #538631;
border-bottom: 4px solid #382314;
margin: -11px 4px 0 0;
padding: 0 4px 0 5px;
height: 31px;
width: 218px;
}
#simpleSearch:before {
content: "";
position: absolute;
border-top: 4px solid rgba(0, 0, 0, 0.365);
border-left: 4px solid transparent;
top: 0;
left: -4px;
}
#simpleSearch:after {
content: "";
position: absolute;
border-top: 3px solid #B0B0B0;
border-left: 3px solid #79553A;
bottom: 5px;
left: 5px;
z-index: 1;
}
div#simpleSearch input#searchInput {
position: relative;
border-top: 3px solid #E6E6E6;
border-left: 3px solid #B0B0B0;
background-color: #D0CFCF;
background-image: -webkit-linear-gradient(#C3C3C3, #DCDBDB);
background-image: linear-gradient(#C3C3C3, #DCDBDB);
padding: 0 27px 0 3px;
top: -4px;
width: 100%;
height: 26px;
}
div#simpleSearch button#searchButton {
background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/0/0e/Search-button.svg) center 8px no-repeat;
margin-top: -4px;
margin-right: 4px;
padding: 0;
height: 26px;
width: 24px;
}
#simpleSearch button:before {
content: "";
position: absolute;
border-top: 3px solid #80BA5A;
border-left: 3px solid #E6E6E6;
top: 0;
right: 0;
}
#simpleSearch button:after {
content: "";
position: absolute;
border-top: 4px solid #80BA5A;
border-left: 4px solid #538631;
top: 4px;
right: -8px;
}
#simpleSearch button img {
display: none;
}
/* The suggestions shown under the search bar */
.suggestions.searchbar {
margin-top: -38px;
margin-right: 7px;
}
.suggestions.searchbar > * {
display: block;
margin-left: 14px;
}
.suggestions.searchbar .suggestions-results,
.suggestions.searchbar .suggestions-special {
background-color: #DBDADA;
border-color: #3C3B3B;
}
.suggestions.searchbar .suggestions-result-current {
background-color: highlight;
}
/* Correct position of sidebar */
div#mw-panel {
margin-top: -180px;
}
/* Replace divider with a similar image that has proper transparency: [[File:Panel-divider.png]] */
#mw-panel.collapsible-nav div.portal {
background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/b/bf/Panel-divider.png);
}
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */
div#content {
position: relative;
background-color: #E6EFF4;
border-top: 6px solid #B4BEC3;
border-bottom: 0;
border-left: 6px solid #171717;
margin-right: 10px;
}
/* Add the 3D corners to the main content */
div#content:before {
content: "";
position: absolute;
border-top: 6px solid #B9855C;
border-left: 6px solid #B4BEC3;
top: -6px;
right: 0;
}
/* Have to use the footer as #content:after is already used to clear the content float */
#footer {
position: relative;
}
#footer:before {
content: "";
position: absolute;
border-top: 6px solid #171717;
border-left: 6px solid #202020;
top: -6px;
left: 0;
}
/* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */
ul {
list-style-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/3/39/List_bullet.svg);
}
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */
div.mw-warning-with-logexcerpt,
.errorbox {
background-color: #FCC;
border: 2px solid #FAA;
}
.warningbox {
background-color: #FFC;
border: 2px solid #FFA;
}
.successbox {
background-color: #CFC;
border: 2px solid #AFA;
}
.successbox strong p {
margin: 0;
}
div.mw-warning-with-logexcerpt,
.errorbox,
.warningbox,
.successbox {
padding: 3px 12px;
}
/* Add white background to some areas */
#asirra_ChallengeTableDiv {
background-color: #FFF;
}
/* Fix diff area styling */
table.diff {
background-color: transparent;
}
td.diff-addedline,
td.diff-deletedline {
background-color: #F9F9F9;
}
td.diff-context {
background-color: #F3F3F3;
}
td.diff-addedline,
td.diff-deletedline,
td.diff-context,
td.diff-addedline .diffchange,
td.diff-deletedline .diffchange {
border-radius: 0;
}
/* Get rid of stupid white borders on page history */
#pagehistory li {
border-color: transparent;
}
/* Same as the default preference tab images, but with the blue background colour instead of white
[[File:Pref-tab-border.png]] [[File:Pref-tab-bg.png]] */
#preftoc,
#preftoc li {
background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/f/f9/Pref-tab-border.png);
}
#preftoc li.selected a {
background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/5/57/Pref-tab-bg.png);
}
/* Fix side-by-side editor background colour */
.wikiEditor-ui-controls {
background-color: #E6EFF4;
border-right: 1px solid #E6EFF4;
}
