MediaWiki:Common.less/elements.less

//

/* ===================
      HTML elements
   =================== */

:root {
	// todo: delete these, they're for rsw only and we already use our own colors
	--base-text-color: saturate( darken( @river-bed, 5% ), 5% );
	--base-heading-color: @river-bed;
	--base-heading-border: @mystic;
	--mw-code-background-color: #ddd4bb;
	--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='%23000'/%3E %3C/svg%3E"); // change fill to #000
	--body-background-image: url('wiki/images/Background.jpg');
}

@base-text-color: var(--base-text-color);
@base-heading-color: var(--base-heading-color);
@base-heading-border: var(--base-heading-border);

/* --------------------
           body
   -------------------- */

#mw-page-base {
	background: none;
}

.mw-body {
    background-color: var(--body-main);
    color: var(--text-color);
    border-color: transparent;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    margin-top: 0;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--text-color);
}

h1,
h2 {
	border-color: var(--sidebar);
}

.mw-body h1,
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
	font-family: @serif-stack;
}

// Clear left on first subheader. Useful to start section after DIIs
.mw-parser-output h2:first-of-type {
	clear: left;
}

/* --------------------
           list
   -------------------- */

ul {
	list-style-image: var(--ul-list-style-image);
}

/* -------------------------
       why is 
 inset
   ------------------------- */

hr {
	background: none;
	border-color: var(--sidebar);
	border-style: solid;
	border-width: 1px 0 0 0;
	height: initial;
}

/* -------------------------
           fieldset
   ------------------------- */

fieldset {
	// same as 
 and line under headers
	border-color: var(--sidebar);
}

/* -------------------------
     <footer> below content
   ------------------------- */

.mw-footer {
	color: var(--background-text-color);
	li {
		color: var(--background-text-color);
	}

	a,
	a:active,
	a:visited {
		color: var(--background-link-color);
	}
}