MediaWiki:Vector-darkmode.less/elementos.less

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

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

// background image
& {
    background: url(//pt.runescape.wiki/images/RuneScape_Wiki_background_dark.jpg?082c8) @dark-body top left no-repeat;
    background-color: @dark-body;

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    	background-image: url(//pt.runescape.wiki/images/RuneScape_Wiki_background_dark.jpg?082c8);
    	background-size: 1000px 250px;
    }

}

// remove background image on /api.php[?action=help]
.mw-special-ApiHelp {
	background-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;
}

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

pre,
code,
pre.mw-code.mw-script /* pre.mw-code.mw-script - code pages too large for syntax highlight */ {
    background-color: @dark-wikitable-background;
    border: none;
}

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

// only change is the fill to #cbd9f4
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='%23cbd9f4'/%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;
        }

    }

}

/* ---------------------
some special page "headers"
   --------------------- */

// input and selects

.mw-input,
.jcInput {

	input {
		background-color: @ooui-input;
		border: 1px solid @ooui-input-border;
		color: @ooui-text;
		padding: 2px 1px;
		border-radius: 2px;
	}
	
	select {
		background-color: @ooui-input;
		border: 1px solid @ooui-input-border;
		color: @ooui-text;
		border-radius: 2px;
	}
	
	textarea {
		background-color: @ooui-input;
		border: 1px solid @ooui-input-border;
		color: @ooui-text;
		border-radius: 2px;
	}
}

// buttons
input,
button {
	&[type="submit"],
	&[type="button"] {
		background-color: @ooui-normal;
		border: 1px solid @ooui-normal-border;
		color: @ooui-text;
		padding: 2px 7px;
		border-radius: 2px;
		cursor: pointer;
		
		&:hover {
			background-color: @ooui-normal--hover;
			border: 1px solid @ooui-normal-border--hover;
			color: @ooui-text;
		}
	}
}

//Hide bullets
div.search-types > ul,
#p-cactions > div:nth-child(3) > ul:nth-child(1),
ul.ui-autocomplete
{
  list-style-image: none;
}

//MediaWiki:Editingold
.oldrevision {
	color:@bold-red;
	background-color:@dark-wikitable-background;
	border: 2px solid @bold-red;
}
// Dropdowns
select {
	background: @pickled-bluewood;
	color: @dark-text;
	border-color: @waikawa-grey;
	border-block-end-color: @waikawa-grey;
	border-block-start-color: @waikawa-grey;
}
// </pre>