MediaWiki:Common.less/elements.less

From Brighter Shores Wiki
Jump to navigation Jump to search
/* ===================
      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: var(--body-light);
	--body-background-image: url('filepath://Wiki_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(--body-border);
}

.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;
}

/* -------------------------
     <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);
	}
}

/* -------------------------
     <input> placeholder
   ------------------------- */

::placeholder {
	color: var(--subtle-color);
}