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: <http://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: <http://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';
// important stuff
@import '@{dir}/colors.less'; // color variables
@import '@{dir}/variables.less'; // theme variables
// modifications
@import '@{dir}/diffs.less'; // diffs
// custom classes
@import '@{dir}/animations.less'; // CSS animations
// templates
// page specific styling
@import '@{dir}/mainpage.less'; // Main Page
@import '@{dir}/specials.less'; // Special pages
// script styles
/* ----------------------
CSS to convert
---------------------- */
/* =================
TEMPLATES
================= */
/* -------------------------------
[[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;
}
}
/* ----------------------------------
[[Template:Level up table]]
---------------------------------- */
.level-up-table {
td li {
padding: 0 10px 0 10px;
}
ul {
list-style-type: disc;
}
.lvlupmem {
background: #f6ab58;
color: #582e00;
}
.lvlupfree {
background: #98e553;
color: #245200;
}
}
/* ----------------------
Template:Perk link
possibly move in-line styles here
---------------------- */
.navbox .perk-link img {
padding: 2.5px 0 0 0 !important;
border-spacing: 2px !important;
}
/* ======================
CUSTOM CLASSES
====================== */
/* ----------------
tooltips
---------------- */
.sic {
color:#15F;
font-style:italic;
cursor:help;
border-bottom:dotted 1px black;
}
/* -------------------
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;
}
/* -------------
small
------------- */
// class alternative to deprecated small tag
.small {
font-size: smaller;
}
/* -----------------------
non-mobile-hide
----------------------- */
/* hides stuff for non-mobile viewers, not to be confused with mobile-hide found in [[MediaWiki:Handheld.css]] */
.non-mobile-hide {
display: none;
}
/* -------------------
sg-red
sg-yellow
sg-green
------------------- */
// for skill calculators and interactive skill guides
// includes modified link colour for accessibility
// applies to a variety of templates used by a variety of scripts */
.sg-red,
.nocell {
background: #ecccc6;
color: #861c10;
}
.sg-yellow,
.maybecell {
background: #f3f0b0;
color: #6e5d45;
}
.sg-green,
.yescell {
background: #c3ebc5;
color: #506553;
}
.sg-red,
.sg-yellow,
.sg-green,
.nocell,
.maybecell,
.yescell {
a {
color: #04f;
}
}
/* -----------------------
smalllistmargin
----------------------- */
ul.smalllistmargin,
.smalllistmargin ul,
ol.smalllistmargin,
.smalllistmargin ol {
margin-left: 1.5em;
}
/* ==================
SCRIPT CSS
================== */
/* -------------------------------------------
[[MediaWiki:Common.js/spreport.js]]
------------------------------------------- */
#spreport {
border: 1px solid #808080;
padding: 10px;
text-align: center;
}
/* dismiss link on sitenotice */
.rcsitenotice-dismiss {
float: right;
font-weight: normal;
}
/* ===========================
LOCAL MODIFICATIONS
=========================== */
/* ------------------------------
Standard table styling
------------------------------ */
// .wikitable is defined in core scss as table.wikitable
// Which forces us to use table.class in pretty much every table that uses .wikitable
// yay...
// single pixel border between adjacent wikitables
table.wikitable + table.wikitable {
margin-top: -1px;
}
/* ------------------------------------
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;
}
/* --------------------
Category bar
-------------------- */
.catlinks {
background: @white;
border: 1px solid @mystic;
padding: 8px 15px;
box-shadow: @box-shadow;
}
/* -------------------------
stuff to document
------------------------- */
/* Remove section title bar when editing charm logs */
.ns-0 #charmguide + div + form .mw-summary,
.ns-0 #charmguide + div + form .module_content {
display: none;
}
/* For extimage fix */
div.thumbinner {
border: none;
background: none;
padding: 0;
}
/* @todo check if these still apply following thumbnail updates */
/* reapply/remove if so? */
.thumbcaption {
word-wrap: break-word;
padding: 0;
}
.article-thumb {
padding: 2px;
}
/* fix q tags in content area */
#mw-content-text q:before {
content: open-quote;
}
#mw-content-text q:after {
content: close-quote;
}
/* Proper styling for block cells in family trees */
td {
&.famtreesub {
margin: 0;
padding: 0;
table {
border-spacing: 0;
margin: 0;
padding: 0;
td {
height: 1em;
width: 1em;
}
}
}
&.famtreeleaf {
background: #dfdfdf;
padding: .2em;
}
}
/* active/inactive colors for [[Module:Rotations]] */
.status-active {
background-color: #98e553;
color: #245200;
a {
color: inherit !important;
}
}
.status-inactive {
background-color: #ececec;
color: #777777;
a {
color: inherit !important;
}
}
/* adjacent clickpics */
.clickpic a.image {
margin-left: 2px !important;
margin-right: 2px !important;
line-height: 34px;
vertical-align: middle;
}
/* {{THGem}} */
.TH_Gem-common img,
.TH_Gem-fairly-common img,
.TH_Gem-rare img,
.TH_Gem-uncommon img,
.TH_Gem-very-rare img,
.TH_Gem-none img {
image-rendering: pixelated;
}
/* {{Gif gallery}} */
.gifgallery img {
background: #d9e7f0;
border: 1px solid #438ab5;
}
/* give red links cute little box */
.gifgallery a[rel='nofollow'] {
display: block;
max-height: 187px;
padding: 25px;
background: #d9e7f0;
border: 1px solid #438ab5;
}
.gifgallery a[rel='nofollow']:after {
display: block;
color: #999;
content: '(File does not exist)';
}
/* margins for captions */
.gifgallery div {
margin: 10px auto 30px;
}
.gifgallery .lightbox-caption {
display: block;
margin: 8px 0 5px;
}
/* template:na and similar */
.table-na {
background: #f3f3f3;
color: #aaa;
vertical-align: middle;
text-align: center;
cursor: default;
.user-select( none );
}
/* hide border from image galleries */
.gallery-image-wrapper {
border: none !important;
}
.accent {
background-color: transparent !important;
}
/* smw display of large things */
.smwprops {
width: 80% !important;
max-width: 500px;
white-space: nowrap;
overflow: auto;
display: inline-block;
}
/* For showing double spaces in usernames ([[RS:WIKIAN]], etc.) */
.prewrap p {
white-space: pre-wrap;
}
.mw-editsection,
.mw-editsection-like {
font-family: @sans-serif-stack;
}
// for HiDPI screens; otherwise inventory icons appear blurry
.inventory-image {
image-rendering: -moz-crisp-edges; // firefox doesn't support unprefixed
image-rendering: pixelated; // chrome only supports this value
image-rendering: crisp-edges; // this is what should be used, but only safari supports it
}
// not for navboxes, since they're already scaled down
.navbox .inventory-image {
image-rendering: auto;
}