Custom-common.less

//

/**
 * The is the root LESS file for [[MediaWiki:Common.css]].
 *
 * To update [[MediaWiki:Common.css]] from this file:
 * - For Oasis users: Click the "Update CSS" button at the top of the page
 * - For Monobook users: Click the "Update CSS" link in your toolbox
 *
 * For more information, see <http://dev.wikia.com/wiki/Less>
 * --------------------------------------------------------------------------------------------------------------------
 * LESS standard library: <http://lesscss.org/functions/>
 * Non-standard mixins:   <http://dev.wikia.com/wiki/Less/mixins>
 *
 * Available themedesigner values:
 * - @theme-body    -> body background colour
 * - @theme-buttons -> button colour
 * - @theme-header  -> collapsible footer bar colour
 * - @theme-links   -> link colour
 * - @theme-page    -> article content background
 */

// directory, used in imports
@dir: 'MediaWiki:Custom-common.less';

// template styling
@import '@{dir}/infobox.less';
@import '@{dir}/navbox.less';
@import '@{dir}/links.less';

// page specific styling
@import '@{dir}/mainpage.less';

/* ----------------------
             CSS to convert
     ---------------------- */
/***** CSS placed here will be applied to all skins on the entire site. *****/
.mw-headline { // Style all headings (h2, h3, etc)
    font-family: Copperplate, Copperplate Gothic Light, fantasy, Impact, Charcoal, sans-serif;
}
abbr[title] { border-bottom:1px dotted currentColor; }
.oddrow tr:nth-of-type(odd)>td, tr.oddrow td { background:rgba(0,0,0,0.04); } /* Darkens every other row */
/* .center is used by wikia, and makes element used on also have a width of 100% */
.ct, .centertext { text-align:center; }

/* General hide class to be used as necessary (pair to .mobile-hide) */
.desktop-hide { display: none !important; }

.wikitable tr:target {
    border-color:#25883d;
    border-style:solid;
    background:#ADE0B9;
}

/* Adds wikipedia Template:Ambox type style to a table/div */
.messagebox {
    background:#f2f2f2;//darken(@theme-page, 5%);//var(--theme-page-background-color);
    color:black;
    border:1px solid #AAA;
    border-left:10px solid var(--theme-accent-color);
    padding:2px 10px;
    display:block;
    margin:0 10%;
    overflow:auto;
}

/* Enables H2 and H3 headers Tabber */
.tabberlive {
    position:relative; // Needed for {{TabberLinks}}
    .tabbertab { h2, h3 { display:block !important;  } }
}

/* Template:BlankCell */
.wikitable td { overflow: hidden; }
.blankCell {
    cursor:not-allowed;
    background:rgba(150,150,150,0.15);
    text-align:center;
    font-size:65%;
    color:rgba(58, 58, 58, 0.35);
    padding: 100px;
    margin: -100px;
}
 
/* Template:ColorPalette */
.color-palette {
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align: text-top;
    border:1px solid #555;
    border-radius:3px;
}
.color-palette-text {
    font-weight: bold;
    text-shadow: 1px 1px 1px #555, -1px 1px 1px #555, 1px -1px 1px #555, -1px -1px 1px #555;
}
 
/* Template:Extimage - resize height based on width */
.extimage div,
.extimage a,
.extimage img {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    width: inherit;
}
 
/* Template:Main */
div.hatnote {
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}
 
/* Template:Resource clickpick */
.resource-clickpic {
    display: inline-block;
    position: relative;
}
 
.resource-clickpic .count {
    position: absolute;
    right: 2px;
    bottom: 0px;
    color: white;
    font-size: 12px;
    line-height: 1;
    text-shadow: 1.25px 1.25px 1px #000000, -1.25px 1.25px 1px #000000, 1.25px -1.25px 1px #000000, -1.25px -1.25px 1px #000000;
    transition: font-size 0.5s;
    white-space: nowrap;
    pointer-events: none;
}
 
.resource-clickpic:hover .count {
    font-size: 15px;
}
 
.resource-clickpic .frequency {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 55px;
    text-align: right;
    color: white;
    font-size: 10px;
    line-height: 1;
    text-shadow: 1.25px 1.25px 1px #000000, -1.25px 1.25px 1px #000000, 1.25px -1.25px 1px #000000, -1.25px -1.25px 1px #000000;
    transition: font-size 0.5s;
    white-space: nowrap;
    pointer-events: none;
}
 
.resource-clickpic:hover .frequency {
    font-size: 13px;
}
//