MediaWiki:Common.less

// <pre>
/* ------------------------------------------------------------------------------------------------------
 * Este é o ficheiro-raíz Less que é processado para criar o [[MediaWiki:Common.css]].
 *
 * Subpáginas podem ser encontradas em [[Especial:Índice de prefixo/MediaWiki:Common.less/]].
 *
 * Para atualizar o MediaWiki:Common.css a partir daqui, clique no botão "Update CSS" no topo desta página.
 * ------------------------------------------------------------------------------------------------------
 * 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:    <https://lesstester.com/>
 * ------------------------------------------------------------------------------------------------------ */

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

@dir: 'MediaWiki:Common.less';

// importante
@import '@{dir}/fontes.less';			// precisa vir em primeiro lugar, devido à importação das Google Fonts
@import '@{dir}/variaveis.less';		// cores

// modificações
@import '@{dir}/links.less';			// cores dos links, manter no topo pela especificidade baixa
@import '@{dir}/elementos.less';		// elementos HTML
@import '@{dir}/arquivos.less';			// imagens, gifs, galerias
@import '@{dir}/hilite.less';			// nomes de utilizadores destacados
@import '@{dir}/interface.less';		// alterações à interface da MediaWiki: mensagens de sistema, etc
@import '@{dir}/codemirror.less';		// Extension:CodeMirror
@import '@{dir}/diffs.less';			// diffs
@import '@{dir}/poll.less';				// <poll>

// classes personalizadas
@import '@{dir}/animacoes.less';		// CSS animations
@import '@{dir}/censurado.less';		//
@import '@{dir}/dooglemaps.less';       // Doogle Maps
@import '@{dir}/hovereffects.less';		// 
@import '@{dir}/nodesktop.less';		// esconder elementos no desktop
@import '@{dir}/tile.less';				//
@import '@{dir}/tooltips.less';			//
@import '@{dir}/transcripts.less';		//

// predefinições
@import '@{dir}/actionbar.less';        // [[Template:Barra de ação]]
@import '@{dir}/anchor.less';           // [[Template:Anchor]] [[Template:AnchorText]]
@import '@{dir}/attackspeedbar.less';   // [[Predefinição:Barra de velocidade de ataque]]
@import '@{dir}/documentacao.less';		//
@import '@{dir}/dropsline.less';		//
@import '@{dir}/chatoptions.less';      // 
@import '@{dir}/infobox.less';			//
@import '@{dir}/infoboxbonuses.less';			// Predefinição:Infobox bônus
@import '@{dir}/listadeusos.less';		//
@import '@{dir}/messagebox.less';		//
@import '@{dir}/avisos.less';	     	//
@import '@{dir}/moedas.less';			//
@import '@{dir}/navbox.less';			//
@import '@{dir}/tabber.less';			//
@import '@{dir}/toc.less';				// índice
@import '@{dir}/updates.less';			//
@import '@{dir}/updatehistory.less';    //
@import '@{dir}/wikitables.less';		//
@import '@{dir}/quotes.less';           //
@import '@{dir}/atalho.less';           //
@import '@{dir}/fairycode.less';        //
@import '@{dir}/perk-link.less';        // 
@import '@{dir}/perk-suggestions.less'; //
@import '@{dir}/archivelist.less';      // 
@import '@{dir}/questdetails.less';     //
@import '@{dir}/portals.less';          //
@import '@{dir}/inventory.less';        //
@import '@{dir}/equipment.less';        //
@import '@{dir}/disassembly.less';      //
@import '@{dir}/pathmap.less';          // [[Predefinição:Pathmap]]
@import '@{dir}/thgem.less';            // [[Predefinição:THGem]
@import '@{dir}/recolours.less';        // [[Predefinição:Recolorações]]
@import '@{dir}/musicplayer.less';      //
@import '@{dir}/chooseoption.less';     // [[Predrefinição:Selecionar opção]]
@import '@{dir}/wikiprojetos.less';     // [[Predefinição:Cabeçalho Wiki Projeto]]
@import '@{dir}/falaem.less';           // [[Predefinição:Falaem]]
@import '@{dir}/spoiler.less';          // [[Predefinição:Spoiler]]

// páginas específicas
@import '@{dir}/mainpage.less';	            // página principal
@import '@{dir}/smw.less';                  // SMW search and property pages
@import '@{dir}/specials.less';	         	// páginas especiais
@import '@{dir}/calculators.less';	        // [[Calculadoras]], comparar com [[Calculators]] na inglesa
@import '@{dir}/natal.less';	            // efeito de neve
@import '@{dir}/rstheme.less';              // [[RuneScape:Tema]]
@import '@{dir}/rsediting.less';            // [[Ajuda:Editando]] and [[Ajuda:Conteúdos]]
@import '@{dir}/boasvindas.less';           // [[RuneScape:Boas-vindas]]
@import '@{dir}/portaldacomunidade.less';   // [[RuneScape:Portal da Comunidade]]
@import '@{dir}/yewgrove.less';             // Fórum da Wiki

// scripts
@import '@{dir}/calc.less';              // [[MediaWiki:Gadget-calc.js]]
@import '@{dir}/ooui.less';				// tudo que usa OOUI
@import '@{dir}/gemw.less';				// 


/*
 * O CSS ABAIXO AINDA PRECISA DE SER CONVERTIDO PARA LESS
 */


/* Esconde a classe 'TimeAgo' (jquery.timeago.js) */
.timeago {
	display: none !important;
}

/* -------------------------------
        [[Predefinição:]]
        [[Predefinição:]]
   ------------------------------- */
   .seealso {
    margin: .8em 1.6em; // needs to be 1.6em to match : indent
    font-style: italic;

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

}

/* ----------------------------------
       [[Predefinição: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;
    }
}

/* Eventos */
.eventos-embed iframe {
    width: 100%;
    height: 800px;
}
.eventos-embed.mini iframe {
    height: 300px;
}

/* Estiliza todas as tabelas com a classe 'wikitable' */
table.aparato th {
    padding: 0.3em !important;
}

/* Usado em {{Missões_necessárias}} */
.questreq ul {
    margin-left: 0;
    padding-left: 10px;
    list-style: none;
    border-left: 1px dotted #333333;
}
 
.questreq ul ul {
    margin-left: 25px;
}

/* Colocar imagens com cantos arredondandos */
.round img {
    border-radius: 50%;
}

/* Usado em Predefinição:Citação */
.quotation-mark {
    color: #ccc;
}

/* Usado em Predefinição:Gifresize */
.extimage div,
.extimage a,
.extimage img {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    width: inherit;
}

/* Allowing [[Template:Extimage]] to resize images properly */
.extimage div,
.extimage a,
.extimage img {
    width: inherit;
    height: inherit;
}


.thumbcaption {
word-wrap:break-word;
padding:0
}

/* Disambig. */
#disambig {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc
}

/* Hides configuration sections for dynamic templates (e.g. calculators). */
.jcConfig {
    display:none
}

/* Correções para a predefinição [[Predefinição:POH]] */
.poh-image-upper img {
vertical-align:top!important
}

.poh-image-lower img {
vertical-align:bottom!important
}

.normal-POH {
line-height:normal!important
}

.boldlinks a {
font-weight:700
}

/* easier to center things */
.center{
display:block;
text-align:center
}

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

.right table {
float:right
}

.left table {
float:left
}

/* [[Predefinição:Alterar Infobox]] */
/**
 * Alterar Infobox -- Permite múltiplas infoboxes serem alteradas.
 * Predefinição necessária: https://pt.runescape.wiki/w/Predefinição:Alterar_Infobox
 * Script necessário: https://pt.runescape.wiki/w/MediaWiki:Common.js/SwitchInfobox.js
 */

/* Only show the item that the user has toggled to */
.switch-infobox > .item {
	display: none;
}
.switch-infobox > .item.showing {
	display: block;
}
 
/* Only show the loading button if the switch infobox is still loading */
.switch-infobox > .switch-infobox-triggers > .loading-button {
	display: none;
}
.switch-infobox.loading > .switch-infobox-triggers > .loading-button {
	display: block;
}

/* Only show the switch triggers if the switch infobox is finished loading */
.switch-infobox.loading > .switch-infobox-triggers > .trigger {
	display: none;
}

/* Stops button titles splitting with multiple words */
.trigger.button {
	white-space: pre;
	margin: 1px;
}

.desambiguacao, .redirect {
    background-color:#fff;
    width:100%;
    padding:10px;
    margin:0.5em auto;
    text-align: center;
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.24);
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

/* Usado na Predefinição:ND */
.table-na {
    background: #ececec;
    color: gray;
    vertical-align: middle;
    text-align: center;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Usado na Predefinição:SimT */
.table-sim {
    background: #d8f0d3;
    color: #1b8408;
    vertical-align: middle;
    text-align: center;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Usado na Predefinição:NãoT */
.table-nao {
    background: #ecd8d5;
    color: #861c10;
    vertical-align: middle;
    text-align: center;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dialogo {
    width: auto !important;
}

.title-parenthesis {
    color: #898989;
    font-size: 80%;
}

.perk-link {
    background: #09222F;
    border-radius: 111px;
    width: 35px;
    height: 35px;
    line-height: 30px;
    display: inline-table;
}

.navbox .perk-link img {
    padding: 2.5px 0 0 0 !important;
    border-spacing: 2px !important;
}

.infobox-switch-resources {
    display: none;
}

/* --------------------
       text colors
   -------------------- */

.text-color-mixin(@text-color-mixin) {
    color: darken( @text-color-mixin, 15% );
}

.text-red {
    .text-color-mixin(@flamingo);
}

.text-orange {
    .text-color-mixin(@ecstasy);
}

.text-yellow {
    .text-color-mixin(@supernova);
}

.text-green {
    .text-color-mixin(@lima);
}

.text-blue {
    .text-color-mixin(@curious-blue);
}

.text-purple {
    .text-color-mixin(@medium-purple);
}

.text-pink {
    .text-color-mixin(@lavender);
}

.text-gray, .text-grey {
	.text-color-mixin(@gray-chateau);
}