MediaWiki:Vector-darkmode.less/elementos.less

De RuneScape Wiki
Ir para: navegação, pesquisa
// <pre>
/* =====================
      html elements
   ===================== */

/* ---------------------
          <body>
   --------------------- */

// background image
& {
    background-image: url('filepath://RuneScape_Wiki_background_dark.jpg?width=1000');
    background-color: @dark-body;

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    	background-image: url('filepath://RuneScape_Wiki_background_dark.jpg');
    }
}

// sidebar banner logo
#p-logo {
	filter: drop-shadow(5px 5px 10px #071022);
}

// remove background image on /api.php[?action=help]
.mw-special-ApiHelp {
	backgroun-image: none;
	background-color: @dark-page;
}

.mw-body {
	color: @dark-text;
	background-color: @dark-page;
	
}

/* ---------------------
         headings
   --------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: @dark-text;
    border-color: @waikawa-grey;
}

h2 {
	border: none;
}

/* ---------------------
     <pre> and <code>
   --------------------- */

pre,
code {
    background-color: @dark-wikitable-background;
    border-color: @dark-wikitable-border;
}

// TODO: temporary until we do dark syntax highlighting
.mw-highlight pre {
	background: inherit;
	color: @river-bed;
}

/* ---------------------
           <ul>
   --------------------- */

// only change is the fill to #8cabe6
ul {
    list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%238cabe6'/%3E %3C/svg%3E");
}

/* ---------------------
           <hr>
   --------------------- */

hr {
    border-color: @waikawa-grey;
}

/* ---------------------
          <tabber>
   --------------------- */

.tabber .tabbertab {
    background-color: @dark-wikitable-background;
    border-color: @dark-wikitable-border;
}

ul.tabbernav {

    li.tabberactive a {
        color: @dark-text;
        background-color: @dark-wikitable-background;
        border-color: @dark-wikitable-background;

        &:hover,
        &:visited {
            color: @dark-text;
            background-color: @dark-wikitable-background;
            border-color: @dark-wikitable-background;
        }

    }

    li a {
        background: @cloud-burst;
        color: @dark-text;
        border-color: @dark-wikitable-border;

        &:hover {
            background-color: lighten( @cloud-burst, 3% );
            border-color: @dark-wikitable-border;
        }

        &:link,
        &:visited {
            color: @dark-text;
        }

    }

}