MediaWiki:Vector.less/elements.less: Difference between revisions
Jump to navigation
Jump to search
imported>Shayani firstHeading class not id |
Created page with "→=================== 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-tex..." |
(No difference)
|
Latest revision as of 00:38, 3 November 2024
/* ===================
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);
}