MediaWiki:Vector-darkmode.less/elements.less

From RuneRealm Wiki
Jump to navigation Jump to search

/* =====================

     html elements
  ===================== */

/* ---------------------

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

// background image & { background-image: url('/images/rss/background_dark.jpg'); background-color: @dark-body;

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

}

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

/* ---------------------

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

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

/* ---------------------

 and 
   --------------------- */

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-color: @dark-wikitable-border;
}

/* ---------------------
           
    --------------------- */ // 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 { border-color: @waikawa-grey; } // Hide bullets div.search-types > ul, #p-cactions > div:nth-child(3) > ul:nth-child(1), ul.ui-autocomplete { list-style-image: none; } //Blue border fieldset { border-color: @waikawa-grey; } /* ---------------------

    --------------------- */ .mw-body-content blockquote { border-color: @pickled-bluewood; } /* ========================= Text input fields ========================= */ input, select, textarea { background: @dark-wikitable-background; border: 1px solid @dark-interface-border; color: @dark-text; }