User:Left-Eye/vector.css

/* Set page background colour to match main content background colour to reduce visibility of checkerboarding */ html { background-color: #E6EFF4; }

/* Give the background the initial stone texture: */ html body { background-color: #202020; height: auto !important; min-height: calc(100% - 30px); background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/4/45/WikiSkin-Background.png); }

/* Add the grass block background:  */ background-color: #8DBDE9; background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/2/29/WikiSkin-BackgroundHeader.png); height: 146px; margin-bottom: -142px; }
 * 1) mw-page-base {

div#mw-head { background: url(https://static.miraheze.org/mcdiscontinuedwiki/b/b6/WikiSkin-BackgroundClouds.png) right 6px repeat-x; }

/* Set the outer content link colours to light gray and white */ .mw-notification a:not(:hover):not(:focus) { color: #BFBFBF !important; } .mw-notification a { color: #FFF !important; }
 * 1) mw-panel *:not(h3) > a:not(:hover):not(:focus),
 * 2) footer a:not(:hover):not(:focus),
 * 1) mw-panel h3,
 * 2) mw-panel a,
 * 3) footer li,
 * 4) footer a,

/* Set the tab link colours to black and bold */ div#mw-head div.vector-menu h3, div#p-variants.vector-menu #mw-vector-current-variant { font-weight: bold; text-decoration: none; } /* Use black links */ div#mw-head div.vector-menu h3 span { color: #000; }	color: #BA0000; }
 * 1) p-namespaces a,
 * 2) p-views a,
 * 1) p-namespaces a,
 * 2) p-views a,
 * 1) p-namespaces .new a,
 * 2) p-views .new a {

/* Add some margin to help with the 3D effect */ margin-right: 10px; }
 * 1) pageWrapper,
 * 2) right-navigation {

/* Position the tabs */ margin-top: 53px; }	height: 80px; }
 * 1) left-navigation,
 * 2) right-navigation {
 * 1) mw-head-base {

/* Give the tabs the grass block styling:  */ .vector-menu-tabs, div.vector-menu { background: none; padding: 0; height: 36px; }

.vector-menu-tabs li, .vector-menu-tabs li a { background: none; } .vector-menu-tabs li { position: relative; background: url(https://static.miraheze.org/mcdiscontinuedwiki/3/3d/WikiSkin-3DTabs.png) no-repeat right top; margin-right: 8px; } .vector-menu-tabs li::before { content: ""; position: absolute; left: 0px; background: url(https://static.miraheze.org/mcdiscontinuedwiki/3/3d/WikiSkin-3DTabs.png) no-repeat left top; width: 6px; height: 100%; }	content: ""; position: absolute; background: url(https://static.miraheze.org/mcdiscontinuedwiki/3/3d/WikiSkin-3DTabs.png) no-repeat left top; width: 6px; height: 100%; }	background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/2/2f/WikiSkin-3DTabsSide.png); height: 93px; margin-left: -6px; }
 * 1) left-navigation .vector-menu-tabs li.selected::before {
 * 1) left-navigation .vector-menu-tabs li:first-child::before {

.vector-menu-tabs li:hover { background-position: right bottom; }

.vector-menu-tabs .selected { position: relative; background: url(https://static.miraheze.org/mcdiscontinuedwiki/3/3d/WikiSkin-3DTabs.png) no-repeat right bottom; }

.vector-menu-tabs li a { padding: 15px 14px 0 20px; height: 36px; }

.vector-menu-tabs #ca-watch.icon a, .vector-menu-tabs #ca-unwatch.icon a { padding-top: 36px; width: 45px; top: 0.15em; left: 0.99em; } .vector-menu { margin: 0 8px 0 6px; }

position: relative; background: url(https://static.miraheze.org/mcdiscontinuedwiki/3/3d/WikiSkin-3DTabs.png) no-repeat right top; margin: 0 0 0 -8px; height: 36px; overflow: visible; }	content: ""; position: absolute; top: 0; left: -6px; background: url(https://static.miraheze.org/mcdiscontinuedwiki/3/3d/WikiSkin-3DTabs.png) no-repeat left top; width: 6px; height: 100%; }	background-position: right bottom; }
 * 1) mw-head .vector-menu h3 {
 * 1) mw-head .vector-menu h3::before {
 * 1) mw-head .vector-menu h3:hover,
 * 2) mw-head .vector-menu.menuForceShow h3 {

.vector-menu h3 { padding: 15px 16px 0 14px; font-weight: bold; } .vector-menu-dropdown .vector-menu-content { top: 2.3em; }

/* Style the simple search */ margin-left: 0; }
 * 1) p-search {

position: relative; background-color: rgba(0, 0, 0, 0.365); border-right: 4px solid #538631; border-bottom: 4px solid #382314; margin-top: -14px; padding: 0 4px 0 5px; height: 27px; }	content: ""; position: absolute; top: 0; left: -4px; border-top: 4px solid rgba(0, 0, 0, 0.365); border-left: 4px solid transparent; }	content: ""; position: absolute; top: 0; right: -4px; border-top: 4px solid #80BA5A; border-left: 4px solid #538631; }
 * 1) p-search form {
 * 1) p-search form::before {
 * 1) p-search form::after {

div#simpleSearch { top: -3px; border: 0; border-top: 3px solid #E6E6E6 !important; border-left: 3px solid #B0B0B0 !important; background-color: #D0CFCF; background-image: -webkit-linear-gradient(#C3C3C3, #DCDBDB); background-image: linear-gradient(#C3C3C3, #DCDBDB); }	content: ""; position: absolute; bottom: 0; left: -3px; border-top: 3px solid #B0B0B0; border-left: 3px solid #79553A; z-index: 1; }	content: ""; position: absolute; top: -3px; right: 0; border-top: 3px solid #80BA5A; border-left: 3px solid #E6E6E6; }
 * 1) simpleSearch::before {
 * 1) simpleSearch::after {

/* Fix placeholder text being too light in chrome */
 * -webkit-input-placeholder {

color: inherit; opacity: 0.54; }

/* The suggestions shown under the search bar */ .suggestions { margin-top: 1px; margin-right: -1px; } .suggestions > .suggestions-results, .suggestions > .mw-searchSuggest-link { display: block; margin-left: 1px; } .suggestions .suggestions-results, .suggestions .suggestions-special { background-color: #DBDADA; border-color: #3C3B3B; } .suggestions .suggestions-result-current { background-color: highlight; }

/* Replace divider with a similar image that has proper transparency: */ div#mw-panel div.portal div.body { background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/4/44/WikiSkin-PanelDivider.png); }

/* Give the main content area its healthy blue glow and add a border */ div#content { background-color: #E6EFF4; border-top: 6px solid #B4BEC3; border-bottom: 0; border-left: 6px solid #171717; }

/* 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: 83px; right: 10px; } /* Have to use the footer as #content::after is already used to clear the content float */ position: relative; }	content: ""; position: absolute; border-top: 6px solid #171717; border-left: 6px solid #202020; top: -6px; left: 0; }
 * 1) footer {
 * 1) footer::before {

/* Use black bullet points, instead of blue circles: */ ul { list-style-image: url(https://static.miraheze.org/mcdiscontinuedwiki/4/4b/WikiSkin-Bullet.svg); }

/* Various styling for message boxes, based on colours/styling from Template:Msgbox */ div.mw-warning-with-logexcerpt, .errorbox, .warningbox, .successbox { display: block; padding: .4em .8em; margin-bottom: 1em; border: 1px solid #CCC; } div.mw-warning-with-logexcerpt, .errorbox { background: #FDD; border-left: 4px solid #FAA; } .warningbox { background: #FFC; border-left: 4px solid #DD8; } .successbox { background: #DFD; border-left: 4px solid #9C9; } .successbox strong p { margin: 0; }

/* Add white background to some areas */ background-color: #FFF; }
 * 1) asirra_ChallengeTableDiv {

/* 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 */ border-color: transparent; }
 * 1) pagehistory li {

/* Same as the default preference tab images, but with the blue background colour instead of white  */ .client-js #preftoc, .client-js #preftoc li { background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/9/93/WikiSkin-TabBorder1.png); } .client-js #preftoc li.selected a { background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/e/e7/WikiSkin-TabBorder2.png); }

/* Fix side-by-side editor background colour */ .wikiEditor-ui-controls { background-color: #E6EFF4; border-right: 1px solid #E6EFF4; }

/* Style notifications to look like achievements: */ body .mw-notification-area-layout { top: 20px; } body .mw-notification-area-floating { right: 10px; } body .mw-notification { border: 8px solid #555; border-radius: 0; -webkit-border-image: url(https://static.miraheze.org/mcdiscontinuedwiki/0/0c/WikiSkin-NotificationStyle.png) 8 repeat; -moz-border-image: url(https://static.miraheze.org/mcdiscontinuedwiki/0/0c/WikiSkin-NotificationStyle.png) 8 repeat; -o-border-image: url(https://static.miraheze.org/mcdiscontinuedwiki/0/0c/WikiSkin-NotificationStyle.png) 8 repeat; border-image: url(https://static.miraheze.org/mcdiscontinuedwiki/0/0c/WikiSkin-NotificationStyle.png) 8 fill repeat; box-shadow: none; background-color: #212121; background-clip: padding-box; color: #FFF; padding: 0.2em 0.4em; }

/* HiDPI images *, , * , */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { body { background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/d/d7/WikiSkin-Background-HiDPI.png); background-size: 48px auto; }	#mw-page-base { background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/4/46/WikiSkin-BackgroundHeader-HiDPI.png); background-size: 48px auto; }	div.vector-menu-tabs span, div.vector-menu-tabs span::before, div #mw-head div.vector-menu > h3, div #mw-head div.vector-menu > h4, div#p-variants.vector-menu #mw-vector-current-variant, div #mw-head div.vector-menu > h3:first-child::before, div #mw-head div.vector-menu > h4:first-child::before, div#p-variants.vector-menu #mw-vector-current-variant::before { background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/7/70/WikiSkin-3DTabs-HiDPI.png); background-size: 262px auto; }	#left-navigation div.vector-menu-tabs li:first-child span::before { background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/2/2d/WikiSkin-3DTabsSide-HiDPI.png); background-size: 6px auto; } }