Mudanças entre as edições de "MediaWiki:Common.css"

De Priston Tale Wiki
Ir para: navegação, pesquisa
Linha 1: Linha 1:
/* CSS placed here will be applied to all skins */
+
html {
 +
background-color: #E6EFF4;
 +
}
  
 +
html body {
 +
height: auto !important;
 +
min-height: calc(100% - 30px);
 +
background-color: #202020;
 +
}
  
/* When the navbar grows, it disappears off the top */
+
#mw-page-base {
/* https://bugzilla.mozilla.org/show_bug.cgi?id=893960 */
+
background-color: #8DBDE9;
#header-contents {
+
height: 146px;
  top: 0;
+
margin-bottom: -142px;
  text-align: right;
+
 
}
 
}
  
#header {
+
div#mw-head {
  height: 75px;
+
background: url(/resources/assets/background.png) top right no-repeat;
 
}
 
}
  
/* Correct directionality when page dir is different from site/user dir */
+
div#mw-panel {
.mw-content-ltr ul,
+
padding-top: 0;
.mw-content-rtl .mw-content-ltr ul {
+
}
/* @noflip */
+
#p-logo,
margin: 0.3em 0 1em 1.6em;
+
#p-logo a {
 +
height: 140px;
 
}
 
}
  
.mw-content-ltr ol,
+
#mw-panel *:not(h3) > a:not(:hover):not(:focus),
.mw-content-rtl .mw-content-ltr ol {
+
#footer a:not(:hover):not(:focus),
/* @noflip */
+
.mw-notification a:not(:hover):not(:focus) {
margin: 0.3em 0 1em 1.6em;
+
color: #BFBFBF !important;
 +
}
 +
#mw-panel h3,
 +
#mw-panel a,
 +
#footer li,
 +
#footer a,
 +
.mw-notification a {
 +
color: #FFF !important;
 
}
 
}
  
/* Add Bugzilla icon to BMO links */
+
/* Set the tab link colours to black and bold */
div#mw-content-text a.external[href^="http://bugzilla.mozilla.org"],
+
#p-namespaces a,
div#mw-content-text a.external[href^="https://bugzilla.mozilla.org"],
+
#p-views a,
div#mw-content-text a.external[href^="http://bugzil.la"],
+
div#mw-head div.vectorMenu h3,
div#mw-content-text a.external[href^="https://bugzil.la"] {
+
div#p-variants.vectorMenu #mw-vector-current-variant {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAAYBpQ0NQSUNDIFByb2ZpbGUAADjLrZG7SgNREIa/syKCaBrXC4KwhWiKKEGbCCKYFCpaxCCYpNvsrjGwbg67x9sD2At2YuEFrESsxDIPYCeIhQiCDyAINiJrcZQ0igj+MPDN38z8M2A0bCl9A1gLVFiYyVrFUtlqu8OgEwBsJ5LT+fwCP+r1FgFwM2JL6fM3dYTFUhmECZhVzUnArGieBMxNJRWIPGA6q7YLwgVS4VIhB2IXSFQ1HwKJiuYLILHhVBWIBpAO3FoA4hnIuF7kgJEElCNDBcYBMFgslS29mpqHqQFouW565QjOTqF3qOkl+6B7Ga7Gm97LIgIQPdfRyvgYAKIjC60PcfwyBG178L4bx2/Hcfx+Ai330Aic9XDj8y7CmIDfep1N9/oHoOd+zzo/AGk4moXldpjfgf1HGD6HrkvId8LSBEbm6av0rQDoz9l+rRLaynOtwkzWytX9ehhJ2/H4XylvSwHk6nI7rFVXlTUtpe+lrLnAGU1ZY+l0hg/ti23iSqNPeAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAtdJREFUOMuVkm8s1HEcx78XGqaY/jzpCXe4HHf+3L+f3/1FrDrHhQtDzBhCHed/Zo0o7fxpU0qcDmd33CF/prZQWstW05O22upBW09qbS1KMendo8iS1vvZe/vs9f68tzchO0gxRUMxIQknhBD5MBUvtQlXdronEdM063cvH6Mgs4vG81tUTNoqzKHN/M87ApRTNJQTYaW/vMQmWpVYRR9zaqMG4hrpFbqLj6RiyeW/AmS3qUXpqHiVEEJkQ9QSbREizCxAmEmA2rkSzL0dQaUhAzHZoWXbd7aLw6VDIsgs1KLKFgX7cyPuvOhHy8MGcFsPI2MqDoPzHQhpDkRwUwB4DRwQ+Qi1RI9sdqfNAijMYbAstOHC3SycG0tG+Vgm5B0UuE3+yOpPQqTG7/VGqtQuXpMMikAPCPvkfeIPJ+0amJ824/zkKejtcUjvi0DK4AlYn3Ti6mwLePX+oJN9Rre8TvUJ5ikTH5SRD9uzdtROpKHEFot0UziSBmJx/UED9JYk3JhpBLeWA06V7zKnzLdoC0TcxV9NscbDcK8IukE10noikNgbg2uz9dCZtUgvjoIuJw6aahWElTywdSywC1nYBLSHfs2zZ+HKTAXSbx1BQo8KholKFHSnIJoOQL2zC6Y9HFDquR/c4JA3fMCJletdswGg2wSXQg1c1E1WINGohmG8CqdNagSqBEhw3o33jrvQ4cGAZY/butl9H4xuro91nZ3BW2rwG4PmWKVe6L7fjrqRQuQa1ZDGRmDyoBseMQjeEQashEC/130Nri5o9vD88scWeNWcOV4VB2dNedD3FoAZHYRyJxcsEPJjmsHAMCHI9zyAmnAF8gKZy9sOiqP362UXMdd98r3hf0yAVLYPPhHy/SWDrCu8Di21alIaswI4FzU365XkXxKcES6kalV4RQj6PV0gPRp5hfyvmJnsteTj7G9qR7fWyMxsGSGEZCqVzlqt1uEnFBtVbI5zOMMAAAAASUVORK5CYII=") center right / 14px no-repeat;
+
font-weight: bold;
    padding-right: 16px;
+
text-decoration: none;
 +
}
 +
/* Use black links */
 +
#p-namespaces a,
 +
#p-views a,
 +
div#mw-head div.vectorMenu h3 span {
 +
color: #000;
 +
}
 +
#p-namespaces .new a,
 +
#p-views .new a {
 +
color: #BA0000;
 
}
 
}
  
/* Add Mozilla icon to wiki links to discourage bad practice */
+
/* Add some margin to help with the 3D effect */
div#mw-content-text a.external[href^="http://wiki.mozilla.org"],
+
#pageWrapper,
div#mw-content-text a.external[href^="https://wiki.mozilla.org"] {
+
#right-navigation {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAMlJREFUWMPtl7sJwzAQQDWIB3GGSJpAiuwR75Et4hUCLlynyABxn1aVmoAvJ7iDQ+hnYnCRK57B4kk8rGtsAMBsidEADfCP/eHI7JABeSOTWO/o3SGAfMi5CIdpkadwPZbWWvbCgJEOhYCGNkMGGdojc8HvYwG3hFw6jHkRUEkXBpwXbF6DKTYDpU0zXUftV3EZ1y0J8AddxT03iXlhBnKybm2Ai0y555HwTxHX/hJgEwH3hG80QAM0QAM0QAP+JmBcNUD/CzRgS77eSXt4B21UUwAAAABJRU5ErkJggg==") center right / 10px no-repeat;
+
margin-right: 10px;
    padding-right: 14px;
+
 
}
 
}
  
/* Default skin for navigation boxes */
+
/* Position the tabs */
 +
#left-navigation,
 +
#right-navigation {
 +
margin-top: 53px;
 +
}
 +
#mw-head-base {
 +
height: 80px;
 +
}
  
table.navbox {            /* Navbox container style */
+
/* Give the tabs the grass block styling: [[File:Vector-tabs.png]] [[File:Vector-tabs-first.png]] */
  border: 1px solid #aaa;
+
div.vectorTabs,
  width: 100%;
+
div.vectorMenu {
  margin: auto;
+
background: none;
  clear: both;
+
padding: 0;
  font-size: 88%;
+
height: 36px;  
  text-align: center;
+
  padding: 1px;
+
 
}
 
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
+
 
  margin-top: -1px;           /* (doesn't work for IE6, but that's okay)      */
+
div.vectorTabs ul,
 +
div.vectorTabs ul li,
 +
div.vectorTabs ul li.selected {
 +
background: none;
 
}
 
}
.navbox-title,
+
div.vectorTabs span {
.navbox-abovebelow,
+
position: relative;
table.navbox th {
+
background: none;
  text-align: center;     /* Title and above/below styles */
+
margin-right: 8px;
  padding-left: 1em;
+
  padding-right: 1em;
+
 
}
 
}
.navbox-group {           /* Group style */
+
div.vectorTabs span::before {
  white-space: nowrap;
+
content: "";
  text-align: right;
+
position: absolute;
  font-weight: bold;
+
left: 0;
  padding-left: 1em;
+
background: none;
  padding-right: 1em;
+
width: 6px;
 +
height: 100%;
 +
pointer-events: none;
 
}
 
}
.navbox, .navbox-subgroup {
+
#left-navigation div.vectorTabs li:first-child span::before {
  background: #fdfdfd;     /* Background color */
+
background-image: none;
 +
height: 93px;
 
}
 
}
.navbox-list {
+
div.vectorTabs li.selected span,
  border-color: #fdfdfd;   /* Must match background color */
+
div.vectorTabs li span:hover,
 +
div.vectorTabs li span:focus {
 +
background-position: right bottom;
 
}
 
}
.navbox-title,
+
 
table.navbox th {
+
div.vectorTabs li a {
  background: #ccccff;     /* Level 1 color */
+
padding: 15px 14px 0 20px;
 +
height: 21px;
 
}
 
}
.navbox-abovebelow,
+
 
.navbox-group,
+
.vectorTabs #ca-watch.icon a,
.navbox-subgroup .navbox-title {
+
.vectorTabs #ca-unwatch.icon a {
  background: #ddddff;     /* Level 2 color */
+
padding-top: 36px;
 +
width: 45px;
 +
background-position: 17px 15px !important;
 +
transform-origin: 25px 23.5px !important;
 
}
 
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
+
 
  background: #e6e6ff;     /* Level 3 color */
+
div.vectorMenu {
 +
margin: 0 8px 0 6px;
 
}
 
}
.navbox-even {
+
 
  background: #f7f7f7;     /* Even row striping */
+
div#mw-head div.vectorMenu h3 {
 +
position: relative;
 +
background: none;
 +
padding-right: 14px;
 +
margin: 0;
 +
height: 36px;
 +
overflow: visible;
 
}
 
}
.navbox-odd {
+
div#mw-head div.vectorMenu h3::before {
  background: transparent; /* Odd row striping */
+
content: "";
 +
position: absolute;
 +
top: 0;
 +
left: -6px;
 +
background: none;
 +
width: 6px;
 +
height: 100%;
 
}
 
}
+
div#mw-head div.vectorMenu h3:hover,
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
+
div#mw-head div.vectorMenu.menuForceShow h3 {
    float: right;          /* by the CollapsibleTables javascript in    */
+
background-position: right bottom;
    font-weight: normal;  /* [[MediaWiki:Common.js]]are styled here    */
+
    text-align: right;    /* so they can be customised.                */
+
    width: auto;
+
 
}
 
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
 
    width: 6em;            /* the vde links from [[Template:Tnavbar]],  */
 
}                          /* so they need to be the same width.        */
 
  
 +
div.vectorMenu h3 span {
 +
padding: 15px 16px 0 14px;
 +
font-weight: bold;
 +
}
  
/* Standard Navigationsleisten, aka box hiding thingy
+
div.vectorMenu div.menu {
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
+
top: 36px;
div.NavFrame {
+
    margin: 0;
+
    padding: 4px;
+
    border: 1px solid #aaa;
+
    text-align: center;
+
    border-collapse: collapse;
+
    font-size: 95%;
+
 
}
 
}
div.NavFrame + div.NavFrame {
+
 
    border-top-style: none;
+
/* Style the simple search */
    border-top-style: hidden;
+
#p-search {
 +
margin-left: 0;
 
}
 
}
div.NavPic {
+
 
    background-color: #fff;
+
#p-search form {
    margin: 0;
+
position: relative;
    padding: 2px;
+
background-color: rgba(0, 0, 0, 0.365);
    float: left;
+
border-right: 4px solid #538631;
 +
border-bottom: 4px solid #382314;
 +
margin-top: -14px;
 +
padding: 0 4px 0 5px;
 +
height: 27px;
 
}
 
}
div.NavFrame div.NavHead {
+
#p-search form::before {
    height: 1.6em;
+
content: "";
    font-weight: bold;
+
position: absolute;
    background-color: #ccf;
+
top: 0;
    position: relative;
+
left: -4px;
 +
border-top: 4px solid rgba(0, 0, 0, 0.365);
 +
border-left: 4px solid transparent;
 
}
 
}
div.NavFrame p,
+
#p-search form::after {
div.NavFrame div.NavContent,
+
content: "";
div.NavFrame div.NavContent p {
+
position: absolute;
    font-size: 100%;
+
top: 0;
 +
right: -4px;
 +
border-top: 4px solid #80BA5A;
 +
border-left: 4px solid #538631;
 
}
 
}
div.NavEnd {
+
 
 +
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);
 +
}
 +
#simpleSearch::before {
 +
content: "";
 +
position: absolute;
 +
bottom: 0;
 +
left: -3px;
 +
border-top: 3px solid #B0B0B0;
 +
border-left: 3px solid #79553A;
 +
z-index: 1;
 +
}
 +
#simpleSearch::after {
 +
content: "";
 +
position: absolute;
 +
top: -3px;
 +
right: 0;
 +
border-top: 3px solid #80BA5A;
 +
border-left: 3px solid #E6E6E6;
 +
}
 +
 
 +
/* 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: -29px;
 +
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: [[File:Panel-divider.png]] */
 +
div#mw-panel div.portal div.body {
 +
background-image: none;
 +
}
 +
 
 +
/* 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 */
 +
#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: none;
 +
}
 +
 
 +
/* 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;
 
     margin: 0;
    padding: 0;
 
    line-height: 1px;
 
    clear: both;
 
 
}
 
}
a.NavToggle {
+
 
    position: absolute;
+
/* Add white background to some areas */
    top: 0;
+
#asirra_ChallengeTableDiv {
    right: 3px;
+
background-color: #FFF;
    font-weight: normal;
+
    font-size: 90%;
+
 
}
 
}
  
/* Suppress title on front page */
+
/* Fix diff area styling */
body.page-Main_Page h1.firstHeading { display:none; }
+
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;
 +
}
  
/* For "sidenote" template */
+
/* Get rid of stupid white borders on page history */
.sidenote {
+
#pagehistory li {
  float: right;
+
border-color: transparent;
  margin: 5px;
+
  max-width: 300px;
+
  clear: both;
+
 
}
 
}
  
body[class*='page-Netpolicy_ISPM'] h2,
+
/* Same as the default preference tab images, but with the blue background colour instead of white
body[class*='page-Netpolicy_ISPM'] h3 {
+
  [[File:Pref-tab-border.png]] [[File:Pref-tab-bg.png]] */
  clear: both;
+
.client-js #preftoc,
 +
.client-js #preftoc li {
 +
background-image: none;
 +
}
 +
.client-js #preftoc li.selected a {
 +
background-image: none;
 
}
 
}
  
/* bug 1093647 */
+
/* Fix side-by-side editor background colour */
.page-Donate #siteNotice, .page-Ways_to_Give #siteNotice { display: none; }
+
.wikiEditor-ui-controls {
 +
background-color: #E6EFF4;
 +
border-right: 1px solid #E6EFF4;
 +
}
 +
 
 +
/* Style notifications to look like achievements: [[File:Achievement background.png]] */
 +
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: none;
 +
-moz-border-image: none;
 +
-o-border-image: none;
 +
border-image: none;
 +
box-shadow: none;
 +
background-color: #212121;
 +
background-clip: padding-box;
 +
color: #FFF;
 +
padding: 0.2em 0.4em;
 +
}
 +
 
 +
/* HiDPI images
 +
* [[File:Background HiDPI.png]], [[File:Header background HiDPI.png]],
 +
* [[File:Vector tab HiDPI.png]], [[File:Vector tab first HiDPI.png]]
 +
*/
 +
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
 +
body {
 +
background-image: none;
 +
background-size: 48px auto;
 +
}
 +
 +
#mw-page-base {
 +
background-image: none;
 +
background-size: 48px auto;
 +
}
 +
 +
div.vectorTabs span,
 +
div.vectorTabs span::before,
 +
div #mw-head div.vectorMenu > h3,
 +
div #mw-head div.vectorMenu > h4,
 +
div#p-variants.vectorMenu #mw-vector-current-variant,
 +
div #mw-head div.vectorMenu > h3:first-child::before,
 +
div #mw-head div.vectorMenu > h4:first-child::before,
 +
div#p-variants.vectorMenu #mw-vector-current-variant::before {
 +
background-image: none;
 +
background-size: 262px auto;
 +
}
 +
 +
#left-navigation div.vectorTabs li:first-child span::before {
 +
background-image: none;
 +
background-size: 6px auto;
 +
}
 +
}

Edição das 04h29min de 19 de janeiro de 2022

html {
	background-color: #E6EFF4;
}

html body {
	height: auto !important;
	min-height: calc(100% - 30px);
	background-color: #202020;
}

#mw-page-base {
	background-color: #8DBDE9;
	height: 146px;
	margin-bottom: -142px;
}

div#mw-head {
	background: url(/resources/assets/background.png) top right no-repeat;
}

div#mw-panel {
	padding-top: 0;
}
#p-logo,
#p-logo a {
	height: 140px;
}

#mw-panel *:not(h3) > a:not(:hover):not(:focus),
#footer a:not(:hover):not(:focus),
.mw-notification a:not(:hover):not(:focus) {
	color: #BFBFBF !important;
}
#mw-panel h3,
#mw-panel a,
#footer li,
#footer a,
.mw-notification a {
	color: #FFF !important;
}

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

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

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

/* Give the tabs the grass block styling: [[File:Vector-tabs.png]] [[File:Vector-tabs-first.png]] */
div.vectorTabs,
div.vectorMenu {
	background: none;
	padding: 0;
	height: 36px; 
}

div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected {
	background: none;
}
div.vectorTabs span {
	position: relative;
	background: none;
	margin-right: 8px;
}
div.vectorTabs span::before {
	content: "";
	position: absolute;
	left: 0;
	background: none;
	width: 6px;
	height: 100%;
	pointer-events: none;
}
#left-navigation div.vectorTabs li:first-child span::before {
	background-image: none;
	height: 93px;
}
div.vectorTabs li.selected span,
div.vectorTabs li span:hover,
div.vectorTabs li span:focus {
	background-position: right bottom;
}

div.vectorTabs li a {
	padding: 15px 14px 0 20px;
	height: 21px;
}

.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a {
	padding-top: 36px;
	width: 45px;
	background-position: 17px 15px !important;
	transform-origin: 25px 23.5px !important;
}

div.vectorMenu {
	margin: 0 8px 0 6px;
}

div#mw-head div.vectorMenu h3 {
	position: relative;
	background: none;
	padding-right: 14px;
	margin: 0;
	height: 36px;
	overflow: visible;
}
div#mw-head div.vectorMenu h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: -6px;
	background: none;
	width: 6px;
	height: 100%;
}
div#mw-head div.vectorMenu h3:hover,
div#mw-head div.vectorMenu.menuForceShow h3 {
	background-position: right bottom;
}

div.vectorMenu h3 span {
	padding: 15px 16px 0 14px;
	font-weight: bold;
}

div.vectorMenu div.menu {
	top: 36px;
}

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

#p-search form {
	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;
}
#p-search form::before {
	content: "";
	position: absolute;
	top: 0;
	left: -4px;
	border-top: 4px solid rgba(0, 0, 0, 0.365);
	border-left: 4px solid transparent;
}
#p-search form::after {
	content: "";
	position: absolute;
	top: 0;
	right: -4px;
	border-top: 4px solid #80BA5A;
	border-left: 4px solid #538631;
}

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);
}
#simpleSearch::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -3px;
	border-top: 3px solid #B0B0B0;
	border-left: 3px solid #79553A;
	z-index: 1;
}
#simpleSearch::after {
	content: "";
	position: absolute;
	top: -3px;
	right: 0;
	border-top: 3px solid #80BA5A;
	border-left: 3px solid #E6E6E6;
}

/* 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: -29px;
	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: [[File:Panel-divider.png]] */
div#mw-panel div.portal div.body {
	background-image: none;
}

/* 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 */
#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: none;
}

/* 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 */
#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]] */
.client-js #preftoc,
.client-js #preftoc li {
	background-image: none;
}
.client-js #preftoc li.selected a {
	background-image: none;
}

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

/* Style notifications to look like achievements: [[File:Achievement background.png]] */
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: none;
	-moz-border-image: none;
	-o-border-image: none;
	border-image: none;
	box-shadow: none;
	background-color: #212121;
	background-clip: padding-box;
	color: #FFF;
	padding: 0.2em 0.4em;
}

/* HiDPI images
 * [[File:Background HiDPI.png]], [[File:Header background HiDPI.png]],
 * [[File:Vector tab HiDPI.png]], [[File:Vector tab first HiDPI.png]]
 */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	body {
		background-image: none;
		background-size: 48px auto;
	}
	
	#mw-page-base {
		background-image: none;
		background-size: 48px auto;
	}
	
	div.vectorTabs span,
	div.vectorTabs span::before,
	div #mw-head div.vectorMenu > h3,
	div #mw-head div.vectorMenu > h4,
	div#p-variants.vectorMenu #mw-vector-current-variant,
	div #mw-head div.vectorMenu > h3:first-child::before,
	div #mw-head div.vectorMenu > h4:first-child::before,
	div#p-variants.vectorMenu #mw-vector-current-variant::before {
		background-image: none;
		background-size: 262px auto;
	}
	
	#left-navigation div.vectorTabs li:first-child span::before {
		background-image: none;
		background-size: 6px auto;
	}
}