MediaWiki:Common.less/interface.less

From the RuneScape Wiki, the wiki for all things RuneScape
Jump to: navigation, search
// <pre>
/* =========================
        System messages
   ========================= */

@mw-notice-border: @mystic;
@mw-notice-background: @white;

/* -------------------------------------
      MediaWiki:Revision-info
      MediaWiki:Revision-info-current
   ------------------------------------- */

#viewingold-warning,
#viewingnew-warning {
    background: @mw-notice-background;
    border: 1px solid @mw-notice-border;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 1em 0 .5em;
    padding: .75em 1.5em;
}

#mw-revision-reason {
    font-style: italic;
}

#mw-revision-nav {
    text-align: center;
}

/* ---------------------------------------
      messages in Special:Contributions
   --------------------------------------- */

// block message
div.mw-warning-with-logexcerpt,
#sp-contributions-footer {
    background-color: @mw-notice-background;
    border: 1px solid @mw-notice-border;
    box-shadow: @box-shadow;
}

div.mw-warning-with-logexcerpt {
	padding: 1em 1.5em;
}

// user links at bottom
#sp-contributions-footer {
    font-size: .9em;
    text-align: center;
    padding: 1em 1.5em .5em;
    margin-top: 1.5em;
}

/* ----------------------------------------
      [[MediaWiki:Anoneditwarning]]
      [[MediaWiki:Templatedata-exists-on-related-page]]
      where else is this used?
   ---------------------------------------- */

.warningbox {
	padding: 1.5em 2em;
	box-shadow: @box-shadow;
}

#mw-anon-edit-warning {
	font-size: .9em;
	padding: 1.5em 2em .75em;

	.editwarning-title {
        font-size: 1.2em;
        margin-bottom: .4em;
    }

}

/* ---------------------------------
      MediaWiki:Copyrightwarning
   --------------------------------- */

.mw-editform #editpage-copywarn {
	line-height: 1.6em;
	padding: 0 0 .5em;
}

/* ---------------------------------
      appears when deleting pages
      that are still linked to
   --------------------------------- */

.mw-warning {
	color: #705000;
	border: 1px solid #fde29b;
	background-color: #fdf1d1;
	box-shadow: 0 2px 5px -3px rgba(0,0,0,0.1);
	margin: 1em 5em;
}

/* -----------------------
        page history
   ----------------------- */

#pagehistory {
    margin: 15px 0;
    list-style: none;

    li {
        padding: 1px 10px;
        border-color: transparent;

        &.selected {
            border: 1px solid @mw-notice-border;
            background: @mw-notice-background;
        }

    }

    .mw-history-histlinks {
        padding-right: 5px;
    }

    .mw-userlink {
        font-weight: bold;
    }

}

// sticky "Compare revisions" buttons
#mw-history-compare > div:first-of-type {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: @content-bg;
	border-bottom: 1px solid @mw-notice-border;
	padding: .25em 0;

	.wgl-stickyheader & {
		top: 2.75em;
	}

}

/* ----------------------------
        watchlist alert in
           page history
   ---------------------------- */

.updatedmarker {
    color: @san-felix;
    background-color: @caper;
    padding: 0 5px;
    border-radius: 3px;
    display: inline-block; // required for ::first-letter

    &::first-letter {
    	text-transform: capitalize;
    }

}

/* --------------------------------------
      fix section heading being hidden
      underneath sticky header
   -------------------------------------- */

// technique from <https://css-tricks.com/hash-tag-links-padding/>
// will be overridden by [[MediaWiki:Gadget-sectionAnchors.css]] if enabled

body.wgl-stickyheader.action-view .mw-headline:target::before {
	display: block;
	content: '';
	margin-top: -3rem;
	height: 3rem;
	visibility: hidden;
	pointer-events: none;
}

/* ----------------
        other
   ---------------- */

#contentSub {
    margin-left: 0;
}

// smw box that randomly appears at the bottom
.smwfact {
    display: none;
}

// prevent notification for questchecker, purge, etc. from overlapping header
body.wgl-stickyheader .mw-notification-area {
	padding-top: 4.5em;
}

// prevent page save notification from overlapping header
body.wgl-stickyheader .postedit-container {
	top: 4.5em;
}

// increase padding between subpage breadcrumb and "Redirected from" text
.subpages + .mw-redirectedfrom {
	display: block;
	margin-top: .3em;
}

/* SMW column headers, as seen in Concepts (for example) */
.smw-column-header {
    color: inherit;
}