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

From RuneRealm Wiki
Jump to navigation Jump to search
Content added Content deleted
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
  -------------------- */
  1. 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); }