MediaWiki:Common.less/elements.less

//

/* ===================
      Colors
   =================== */
@base-code-bg: @trueblack;
@base-code-text: @white;

/* ==================
         body
  ================== */

html {
    -webkit-text-size-adjust: 100%;
}

[id] {
    scroll-margin: 3.75em 0 0 0;
}

body {
	font-family: @sans-serif-stack;
}

.mw-body {
  padding: 0.25em;
  margin-top: 1em;
}

.mw-body-content {
	font-size: .9em;
	line-height: 1.75;

	p {
		margin: 0 0 .8em;
	}

}

// Medik includes Bootstrap, which sets this to border-box, which breaks the Media Viewer bottom bar
.mw-mmv-wrapper * {
    box-sizing: content-box;
}

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

// Copied from Vector
.mw-body {
    & h1,
    &-content h1,
    &-content h2 {
        margin-bottom: 0.25em;
        padding: 0;
        line-height: 1.3;
    }

    & h1,
    &-content h1 {
        font-size: 1.8em;
    }
}

.mw-body-content {
    h1 {
        margin-top: 1em;
    }

    h2 {
        margin-top: 1em;
        font-size: 1.5em;
    }

    h3,
    h4,
    h5,
    h6 {
        margin-top: 0.3em;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    h3 {
        font-size: 1.2em;
    }

    h3,
    h4 {
        font-weight: bold;
    }

    h4,
    h5,
    h6 {
        font-size: 1em;
    }

    .toc h2 {
        font-size: 1em;
    }
}

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

pre,
code,
pre.mw-code.mw-script /* pre.mw-code.mw-script - code pages too large for syntax highlight */ {
	color: @base-code-text; // default is bad #000
    background-color: @base-code-bg;
    border-color: @base-code-bg;
    overflow: auto;
}

.quote-source {
    text-align: right;

    &::before {
        content: '— ';
    }

}

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

ul {
    // match margin on .mw-body-content p above
    .mw-content-ltr & {
    	margin-top: 0;
        margin-bottom: .8em;
    }

    .mw-content-ltr & & {
    	margin-bottom: 0;
    }

}

ol {

    // match margin on .mw-body-content p above
    .mw-content-ltr & {
    	margin: 0 0 .8em 2em;
    }

    .mw-content-ltr & & {
    	margin-bottom: 0;
    }

}

table.wikitable { // Lists in tables
	ul,
	ol {
		margin-bottom: 0;
	}
}

.list-group-item {
    padding: 0.25rem 0.75rem;
}

.dropdown-item {
    padding: 0.25rem 1.25rem;
}

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

// for indents used in discussions to mimic threaded replies
dd {
    min-width: 17.85em;
}

hr {
    border-style: solid;
    border-width: 1px 0 0 0;
    height: initial;
}

// top page toolbar
aside[role=navigation] {
    font-size: 1rem;
}

.hidden {
    display: none !important;
}

.spoiler {
    background-color: black;
    border-radius: 10px;
    color: transparent;
    cursor: pointer;
}

.spoiler a {
    color: inherit;
    pointer-events: none;
}

.spoiler-animate {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}