MediaWiki:Vector.less/elements.less

From Brighter Shores Wiki
Jump to navigation Jump to search
/* ===================
      Page elements
   =================== */

:root {
	--ul-list-style-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='13'%3E%3Ccircle cx='2.5' cy='9' r='2.5' fill='%23000'/%3E%3C/svg%3E"); // change fill to #000
}
/* --------------------
          body
   -------------------- */

// Prevent weird font scaling in Safari - is also in minerva
html {
	-webkit-text-size-adjust: 100%;
}

body {
	background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;
	font-family: @sans-serif-stack;
}

// for 1.37 the default text adjustments are put
// on this class rather than .mw-body-content
.vector-body {
	font-size: .9em; // changing Vector default 14px (0.875em) to 14.4px 
//	line-height: 1.6; default
}

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

// page title
#firstHeading {
	font-weight: bold;
}

/* --------------------
       pre and code
   -------------------- */

pre,
code,
.mw-code {
	color: inherit; // inherit from body
	background-color: var(--mw-code-background-color);
	border: 1px solid var(--body-border);
}

/* --------------------
           lists
   -------------------- */

// bold line margins
dl {
	margin: 0;
}

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

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

/* -------------------------
       why is <hr> inset
   ------------------------- */

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

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

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

/* --------------------
        blockquote
   -------------------- */

.vector-body blockquote {
	border-color: var(--body-mid);
}