Usuari:Forat Negre/Topicons.js

El codi que afegiu en aquesta pàgina podria tenir contingut maliciós que comprometi el vostre compte. Si no esteu segur si el codi a afegir és segur, pregunteu abans en la Taverna. El codi s'executarà en mostrar una previsualització d'aquesta pàgina.

Nota: Després de desar, heu de netejar la memòria cau del navegador per veure els canvis. En la majoria de navegadors amb Windows o Linux, premeu Ctrl+F5 o bé premeu Shift i cliqueu el botó "Actualitza" (Ctrl i "Actualitza" amb Internet Explorer). Vegeu més informació i instruccions per a cada navegador a Viquipèdia:Neteja de la memòria cau.

/* Usuari:Forat_Negre/Topicons.js

Aquest codi modifica la visualització de les icones disponibles als articles de qualitat.
Podeu veure la llista amb les plantilles disponibles aquí:
	https://ca.wikipedia.org/wiki/Categoria:Plantilles_d%27articles_fonamentals
El codi permet modificar-ne l'aparença segons la interfície utilitzada, amb especial
èmfasi al nou Vector-2022 (tema per defecte). */

/* jshint multistr: true */ // <-- NO ESBORRAR!

/* CSS aplicat a tots els temes */
var css_global = '.ca_topicons { \
  position: absolute !important; \
  display: block !important; \
  right: 0px; \
} \
.ca_topicons > .topicon { \
  display: inline !important; \
  position: initial; \
  margin: 0; \
} \
.ca_topicons > .topicon:hover { \
  filter: brightness(1.2); \
}';

/* CSS aplicat al tema Vector-2022 */
var css_vector2022 = '.ca_topicons { top: -136px; }';

/* CSS aplicat a altres temes */
var css_basic = '.ca_topicons { top: -56px; }';

/* Definir CSS local segons el tema actual */
var css_local = '';
switch(mw.config.get('skin')) {
  case 'vector-2022':
  	css_local = css_vector2022;
  	break;
  // Es poden incloure altres casos aquí, com ara 'vector'
  // Tots els no inclosos utilitzen css_basic per defecte
  default:
  	css_local = css_basic;
  	break;
}

/* Importar els CSS a la pàgina actual */
var head = document.head || document.getElementsByTagName('head')[0],
	style_global = document.createElement('style'),
	style_local = document.createElement('style');
style_global.type = 'text/css';
style_local.type = 'text/css';
style_global.appendChild(document.createTextNode(css_global));
style_local.appendChild(document.createTextNode(css_local));
head.appendChild(style_global);
head.appendChild(style_local);