MediaWiki:Common.less

// <pre>
/* ------------------------------------------------------------------------------------------------------
 * This is the root Less file that is parsed to produce [[MediaWiki:Common.css]].
 *
 * Eventually, this will be completely converted to native Less and will be a series of
 * imports of Less files. All CSS found here should ideally be moved to a subpage.
 * Converted subpages can be found at [[Special:PrefixIndex/MediaWiki:Common.less/]].
 *
 * To update MediaWiki:Common.css from here, click the "Update CSS" button at the top.
 * ------------------------------------------------------------------------------------------------------
 * Less documentation:    <https://lesscss.org/features/>
 * Gadget:                <https://meta.weirdgloop.org/w/MediaWiki:Gadget-Less.js>
 * Core Less JS:          <https://meta.weirdgloop.org/w/MediaWiki:Gadget-Less-core.js>
 * Non-standard mixins:   <https://meta.weirdgloop.org/w/MediaWiki:Gadget-LessMixins.less>
 * Online Less tester:    <https://lesstester.com/>
 * ------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------
 *            TABLE OF CONTENTS
 *
 * - Imports
 *    - Important stuff
 *    - Local modifications
 *    - Custom classes
 *    - Templates
 *    - Page specific styling
 *    - Script CSS
 * - Junk that hasn't been organised yet
   ------------------------------------------ */

/* =============
      IMPORTS
   ============= */

@dir: 'MediaWiki:Common.less';

@import '@{dir}/variables.less';         // color variables

@import '@{dir}/links.less';             // link colors, at the top for lower specificity
@import '@{dir}/elements.less';          // HTML elements
//@import '@{dir}/hilite.less';            // highlighted usernames
@import '@{dir}/interface.less';         // changes to the MediaWiki interface: system messages, etc
@import '@{dir}/poll.less';              // <poll>
@import '@{dir}/rcsidebar.less';         // sidebar (rc widget)

@import '@{dir}/archivelist.less';       // 
@import '@{dir}/clear.less';             // 
@import '@{dir}/documentation.less';     // 
@import '@{dir}/license.less';           // 
@import '@{dir}/messagebox.less';        // 
@import '@{dir}/navbox.less';            // 
@import '@{dir}/shortcut.less';          // 
@import '@{dir}/toc.less';               // 
@import '@{dir}/wikitables.less';        // 
@import '@{dir}/infobox.less';           //

@import '@{dir}/forums.less';            // [[Forum:Index]]
@import '@{dir}/activediscussions.less'; // [[Meta:Active discussions]]
@import '@{dir}/mainpage.less';          // [[Main page]]
@import '@{dir}/securepoll.less';        // [[Special:SecurePoll]]


/* -------------------------------
        [[Template:Redirect]]
       [[Template:Other uses]]
   ------------------------------- */
.seealso {
    margin: .8em 1.6em; // needs to be 1.6em to match : indent
    font-style: italic;

    & + & {
        margin-top: -0.8em;
    }

}

/* -------------------
       nowraplinks
   ------------------- */
.nowraplinks a {
    white-space: nowrap;
}

/* -----------------
       boldlinks
   ----------------- */
.boldlinks a {
    font-weight: bold;
}
 
/* -----------------
       alignment
   ----------------- */
.center,
.centre {
    display: block;
    text-align: center;
}

.center table,
table.center,
.centre table,
table.centre {
    margin: 0 auto;
}

.right table,
span.right {
    float: right;
}

.left table,
span.left {
    float: left;
}

/* ------------------------------------
       File background transparency
   ------------------------------------ */
#file img,
table.filehistory img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQYV2N4DwX/oYBhgARgDJjEAAkAAEC99wFuu0VFAAAAAElFTkSuQmCC) repeat;
}
 
table.filehistory button img,
#file button img {
    background: none;
}

.forumheader { 
    border-left: 15px solid #ccc;
    background-color: #f1f1f1;
    margin-top: 1em; 
    padding: 12px;
}

/* Sitenotice */
.mw-dismissable-notice-close-parent {
	min-height: 1em;
}
//</pre>