Sem resumo de edição |
Sem resumo de edição |
||
Linha 10: | Linha 10: | ||
#mw-page-base { |
#mw-page-base { |
||
background-color: #8DBDE9; |
background-color: #8DBDE9; |
||
− | background-image: url("http://hydra-media.cursecdn.com/minecraft |
+ | background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/d/dd/Header-background.png"); |
height: 160px; |
height: 160px; |
||
} |
} |
Edição das 04h50min de 26 de setembro de 2013
/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/
/* Give the background the initial stone texture */
body {
background-color: #202020;
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/2/26/Background.png")
}
/* Add the grass block background */
#mw-page-base {
background-color: #8DBDE9;
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/d/dd/Header-background.png");
height: 160px;
}
/* Move the panel back up. The height in #mw-page-base moves it down. */
div#mw-panel {
top: 80px;
/* fix for non-standard browser text size setting */
margin-top: -240px;
padding-top: 16px;
}
/* Position the #content area and add the cloud detail image */
#mw-head-base {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/a/ad/Clouds-distance2.png");
background-position: left 6px;
height: 97px;
margin-top: -160px;
}
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */
#mw-head {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/a/af/Vector-tabs-background.png");
background-position: bottom right;
background-repeat: no-repeat;
margin-right: 10px;
height: 103px
}
/* Set up the link colours and make tabs bold */
#mw-panel a,
#mw-panel a:visited,
#footer a {
color: #BFBFBF !important
}
#p-personal a,
#mw-panel h5,
#footer ul li,
#mw-panel a:hover,
#mw-panel a:focus,
#footer a:hover,
#footer a:focus,
#ft a:hover,
#ft a:focus {
color: #FFF !important
}
#left-navigation a,
#right-navigation #p-views a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#p-personal a.new,
#left-navigation li.new a,
#right-navigation #p-views li.new a {
color: #BA0000 !important
}
/* Position the first set of tabs (page/discussion/etc.) */
#left-navigation {
top: 67px;
margin-left: 16px;
}
/* Give the user details area some colouring */
#p-personal {
background-color: rgba(134, 185, 233, 0.8);
border: 1px solid #A9D1F8;
right: 0;
padding-right: 0.55em;
margin-top: 6px
}
/* Give the tabs and menu tabs the grass block styling */
div.vectorTabs {
background-image: none;
height: 36px;
padding-left: 0
}
div.vectorTabs ul {
background-image: none
}
div.vectorTabs ul li,
div.vectorMenu {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/1/1a/Vector-tabs.png") !important;
background-position: left top;
background-color: transparent;
padding-left: 6px;
margin-right: 7px
}
div.vectorTabs span {
background-image: none !important;
}
div.vectorTabs li span,
div.vectorMenu h5 {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/1/1a/Vector-tabs.png") !important;
background-position: right top !important;
height: 36px;
float: left;
}
div.vectorTabs li.selected span,
div.vectorTabs li span:hover,
div.vectorMenu:hover h5 {
background-position: right bottom !important
}
div.vectorTabs li a {
background-image: none;
padding: 15px 14px 0;
height: 21px
}
#left-navigation .vectorTabs li:first-child {
padding: 0;
background-image: none
}
/*
* Fixes for the sharing tab
*/
#p-sharing {
height: 36px;
}
#p-sharing h4 {
line-height: 1.125em;
margin: 0;
font-weight: bold !important;
font-size: 0.8em;
padding-top: 1.2em !important;
}
#left-navigation div:hover {
background-position: left bottom !important;
}
/* Position the second set of tabs (read/edit/search/etc.) */
#right-navigation {
margin-top: 50px
}
#right-navigation .vectorTabs,
#right-navigation .vectorMenu {
margin-top: 17px
}
/* Hide watch tab's text and put an icon in */
#ca-watch.icon a,
#ca-unwatch.icon a {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.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-br.gamepedia.com/4/49/Watch.gif");
background-position: 13px 15px
}
/* Styling for the menu tab and its menu */
div.vectorMenu h5 {
margin-left: 0 !important
}
div.vectorMenu h5 a {
height: 36px;
background-position: 11px 15px;
padding-right: 6px;
padding-left: 7px
}
div.vectorMenu div.menu ul {
background: #E6EFF4
}
/* Position the general search area */
#p-search {
margin: 0 22px 0 12px;
}
/* Only the simple search is styled ($wgVectorUseSimpleSearch = true), this is because there is no unique stylable elements for the default search */
#simpleSearch {
background: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/d/d4/Search-background.png") repeat-x transparent !important;
border: 0 !important;
height: 43px !important;
width: 212px !important;
margin-top: -6px !important
}
#simpleSearch input {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/4/45/Search-start.png"), url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/d/d9/Search-end.png");
background-position: left top, right top;
background-repeat: no-repeat;
height: 18px;
width: 186px !important;
margin-left: -12px !important;
padding: 12px 33px 13px 16px !important;
color: #3C3B3B !important
}
#simpleSearch button {
background: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/4/4f/Search-button.png") center no-repeat !important;
margin-top: 9px !important;
padding: 0 !important;
height: 23px;
width: 20px !important
}
#simpleSearch button img {
display: none
}
/* The suggestions shown under the search bar */
.suggestions.searchbar {
width: 217px !important;
top: 112px !important;
right: 28px !important
}
.suggestions.searchbar .suggestions-results,
.suggestions.searchbar .suggestions-special {
background-color: #DBDADA;
border-color: #3C3B3B
}
.suggestions.searchbar .suggestions-result-current {
background-color: highlight !important
}
/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */
#content {
background: #E6EFF4 !important;
border-top: 6px solid #B4BEC3;
border-left: 6px solid #171717;
margin-right: 10px
}
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */
ul {
list-style-image: none
}
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */
.mw-warning-with-logexcerpt,
.errorbox {
background-color: #FCC;
border: 2px solid #FAA !important
}
.warningbox {
background-color: #FFC;
border: 2px solid #FFA
}
.successbox {
background-color: #CFC;
border: 2px solid #AFA
}
.successbox strong p {
margin: 0
}
.mw-warning-with-logexcerpt,
.errorbox,
.warningbox,
.successbox {
padding: 3px 12px !important
}
/* Add white background to some areas */
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {
background-color: #FFF;
}
/* Get rid of stupid white backgrounds on the diff area */
table.diff, td.diff-otitle, td.diff-ntitle {
background-color: transparent !important
}
/* Get rid of stupid white borders on page history */
#pagehistory li {
border-color: transparent
}
/* Some of the default elements in the content area could do with a colour change due to the background colour change, however no suitable ones have been found, so these are disabled for now.
#pagehistory li.selected,
pre,
li.gallerybox,
#toc,
div.thumbinner,
.catlinks,
td.diff-context,
code,
table.wikitable,
ul#filetoc {
background-color: #DDE7EF
}
.wikitable th {
background-color: #C2D2DF
} */
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */
li.gallerybox {
border: none;
margin: 2px
}
/* Same as the default preferences tabs images, but with the blue background colour instead of white */
#preftoc,
#preftoc li {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/f/f9/Pref-tab-border.png")
}
#preftoc li.selected a {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/5/57/Pref-tab-bg.png")
}
/* Use the logo area to add a 3D effect to the first tab */
#p-logo {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/4/49/Vector-tabs-first.png");
background-position: right 51px;
background-repeat: no-repeat;
width: 10.4em
}
/* Replace divider and arrows in the sidebar with similar images that have actual transparency */
#mw-panel.collapsible-nav div.portal {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/b/bf/Panel-divider.png") !important
}
#mw-panel.collapsible-nav div.first {
background-image: none !important
}
#mw-panel.collapsible-nav div h5,
div.vectorMenu h5 a {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/f/fb/Arrow-down.png") !important
}
#mw-panel.collapsible-nav div.collapsed h5 {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/c/c5/Arrow-right.png") !important;
text-decoration: none !important;
}
/* Use the footer to add a fake 3D background over the bottom-left of the content area */
#footer {
background-image: url("http://hydra-media.cursecdn.com/minecraft-br.gamepedia.com/4/4f/Content-background.png") !important;
background-repeat: no-repeat !important;
margin-top: -5px !important;
padding-top: 17px !important
}