MediaWiki:Common.less/elements.less: Difference between revisions

no edit summary
No edit summary
No edit summary
 
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);
}