MediaWiki:Vector.css: Difference between revisions

Latest revision as of 13:57, 13 June 2025

/* CSS placed here will affect users of the Vector skin */
/*** Thanks to http://www.minecraftwiki.net/wiki/MediaWiki:Vector.css for the Minecraft Skin ***/

/** 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("/images/2/26/Background.png");
    margin-top: 30px;
        margin-top: 0;
}

/* Add the grass block background */
#mw-page-base {
    background-color: #8DBDE9;
    background-image: url("/images/e/ea/Header-background-alt.png");
    height: 10em
}

/* Position the #content area and add the cloud detail image */
#mw-head-base {
    background-image: url("/resources/assets/Clouds-distance2.png");
    background-position: left 6px;
    background-repeat: repeat-x;
    height: 103px;
    margin: -160px 10px 0 10.4em !important;
}

/* 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("/resources/assets/Vector-tabs-background-alt.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-right: 10px;
    height: 103px;
    margin-top: 0 !important;
}

/* 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 {
    margin-left: 183px;
    margin-top: 60px;
}

/* Give the user details area some colouring */
#p-personal {
    background-color: rgba(69, 74, 76, 0.5);
    border: 1px solid #191E22;
    right: 0;
    padding-right: 0.55em;
    margin-top: 0
}
#p-personal li {
    margin: 0.5em 0 0.5em 0.75em
}
#p-personal ul {
    padding-left: 0
}

/* Position the second set of tabs (read/edit/search/etc.) */
#right-navigation {
    margin-top: 60px
}

/* Position the general search area */
#p-search {
    margin: 0 0 0 12px;
}

/* 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("/resources/assets/Pref-tab-border.png")
}
#preftoc li.selected a {
    background-image: url("/resources/assets/Pref-tab-bg.png")
}

/* Use the logo area to add a 3D effect to the first tab */
#p-logo {
    background-image: url("/images/5/50/Vector-tabs-first-alt.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 10.4em;
    top: -160px;
}

/* Use the footer to add a fake 3D background over the bottom-left of the content area */
#footer {
    background-image: url("/resources/assets/Content-background.png") !important;
    background-repeat: no-repeat !important;
    margin-top: -5px !important;
        margin-left: 168px !important;
    padding-top: 17px !important;
}

#buttonFix {
    background-image: url("/images/1/13/Vector-tabs-alt.png") !important;
    background-position: left top;
    height: 36px;
    width: 6px;
    position: absolute;
    margin-left: -6px;
}

/* Fix Stuff */
#p-cactions-label {
    height: 36px;
    width: 24px;
}

.vector-search-box-inner {
  background-color: rgba(255, 255, 255, 0.8)
}

div#content {
    margin-left: 10.5em;
    border: none;
    border-top: 6px solid #B4BEC3;
    border-left: 6px solid #171717;
    margin-top: -6px;
}

/* Fix Knapping Grid */
.grid-Knapping [class="grid"] {
    background: transparent !important;
    margin: 0;
    padding: 0;
}
.grid-Knapping [class="grid"] .border, .grid-Knapping [class="grid"] .border > span {
    border: none;
    margin: 0;
    padding: 0;
}
.grid-Knapping td {
    width:32px;
    height:32px;
}