MediaWiki:Common.less/elements.less: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* =================== |
|||
/* =================== 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; --body-background-image: url('/images/rss/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;}/* ------------------------- <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);} |
|||
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; |
|||
--body-background-image: url('/images/rss/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; |
|||
} |
|||
/* ------------------------- |
|||
<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); |
|||
} |
Latest revision as of 17:14, 17 October 2024
/* ===================
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; --body-background-image: url('/images/rss/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; }
/* -------------------------
<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); }