#REDIRECT [[Nanto Suichō Ken]]

MediaWiki:Gadgets-dark-mode.css

2024-02-07T17:00:34Z

Madness: Created page with "/* WikimediaUI Dark Mode * * Wikimedia Design Team 2019-2021 * Original authors: * - Volker E. – User:Volker_E._(WMF) * - Alex Hollender * - MusikAnimal * - Carolyn Li-Madeo * - Jdlrobson * * Original at https://en.wikipedia.org/wiki/User:Volker_E._(WMF)/dark-mode.css * Version for Gadget CSS skin override usage only. * Basically removed of all interaction element styles and * set to `html` instead of JS injected `.client-dark-mode` class. * * Last u..."

/* WikimediaUI Dark Mode
*
* Wikimedia Design Team 2019-2021
* Original authors:
* - Volker E. – [[User:Volker_E._(WMF)]]
* - Alex Hollender
* - MusikAnimal
* - Carolyn Li-Madeo
* - Jdlrobson
*
* Original at https://en.wikipedia.org/wiki/User:Volker_E._(WMF)/dark-mode.css
* Version for Gadget CSS skin override usage only.
* Basically removed of all interaction element styles and
* set to `html` instead of JS injected `.client-dark-mode` class.
*
* Last updated: 2021-04-20
*
*/

/** To prevent 'jumping' effect within #p-personal in Vector/Monobook. Overrides [[MediaWiki:Gadget-dark-mode-toggle-pagestyles.css]] **/
body.skin-vector-legacy :not(#pt-darkmode) + #pt-watchlist::before,
body.skin-monobook :not(#pt-darkmode) + #pt-watchlist::before {
content: "Light mode";
}

@media screen {

/* set height for monobook and timeless, because the filter in FF needs dimensions to get it to apply */
html {
height: 100%;
}

/* Filter needs to reside on `html`, see https://phabricator.wikimedia.org/T221425#5153917 */
html,
/* All other selectors have `filter` double-applied to turn back to “normal” by inheritance */
html img,
html video,
html ogvjs,
html svg,
html iframe,
html .mw-no-invert,
html td .diffchange,
html .mwe-math-element,
html .wvui-typeahead-suggestion__thumbnail,
html .skin-minerva .mw-notification-visible .mw-notification-content,
/* Extensions */
html .cdx-menu-item__thumbnail, /* T311835 */
html .cx-slitem__image,
html .mw-mmv-overlay,
html .mw-mmv-pre-image,
html .media-viewer .image img,
html .media-viewer .mw-file-description img,
html .mw-kartographer-map,
html .mw-kartographer-mapDialog-map,
html .oo-ui-searchWidget-results .oo-ui-iconElement-icon,
html .list-thumb,
html .ext-related-articles-card-list .ext-related-articles-card-thumb {
filter: invert( 1 ) hue-rotate( 180deg );
}

/* Reset overrides, needed where double application above isn't working. */
/* Vector modern */
html .skin-vector .mw-logo-wordmark,
html .skin-vector .mw-logo-tagline,
html .skin-timeless .mw-wiki-title > img,
html .wvui-icon svg,
html .mw-ext-score img,
html .mw-hiero-table img {
filter: none;
}

/* Backgrounds */
html table,
html table.ambox-content,
html table.toccolours,
html .mw-notification,
html .mwe-popups,
html .infobox,
html .toc,
html .thumbinner,
html figure[typeof~='mw:File/Thumb'],
html figure[typeof~='mw:File/Frame'],
html figure[typeof~='mw:File/Thumb'] > figcaption,
html figure[typeof~='mw:File/Frame'] > figcaption,
html .wikitable,
html .cbnnr-main,
html .cx-callout,
html .overlay.media-viewer,
html #simpleSearch,
html #simpleSearch #searchInput,
html #siteNotice #centralNotice .cnotice {
background-color: #ddd;
}

/* Borders */
html body,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html table.ambox-content,
html table.toccolours,
html .mw-notification,
html .infobox,
html .toc,
html .thumbinner,
html figure[typeof~='mw:File/Thumb'],
html figure[typeof~='mw:File/Frame'],
html figure[typeof~='mw:File/Thumb'] > figcaption,
html figure[typeof~='mw:File/Frame'] > figcaption,
html #mw-head,
html #mw-panel,
/* Vector 2022 uses a transparent border for margin collapsing
(T312822) so don't apply this rule there */
.skin-vector-legacy #content.mw-body,
html #simpleSearch,
html #simpleSearch #searchInput,
html #siteNotice #centralNotice .cnotice {
border-color: #cdcbc8;
}

/* Links */
/* Links: normal */
html a,
html .vector-menu-tabs li a,
/* Backwards compatible VectorTabs, deprecated in MW v1.35. */
html .vectorTabs li a,
html .toctogglelabel,
html .mw-parser-output a.external,
html .mw-parser-output a.extiw,
html .mw-parser-output a.extiw:active,
html #mw-panel .portal .body li a {
/* color: #69f; Proposal below for level AA conformance, see also https://phabricator.wikimedia.org/T233266
`#36c` is transformed by :root `filter` to be closer to chosen `#69f`. */
color: #36c;
}

/* Links: visited */
html a:visited,
html .mw-parser-output a.extiw:visited,
html #mw-panel .portal .body li a:visited {
/* color: #709bbd; Proposal below uses to-be-standardized color from https://phabricator.wikimedia.org/T213778 */
color: #6b4ba1;
}

/* Links: red */
html a.new,
html .vector-menu-tabs li.new a,
html .vectorTabs li.new a {
color: #ff6e6e;
}

/* ::: Special Element Treatments ::: */
/* Image thumbnails */
html .thumbimage,
html figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,
html figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
border: 0;
}

/* Content image (thumbnail) SVGs */
/* `*not( .mbox-image )` exception doesn't work for unclear reasons */
html .image img[ src*='svg' ],
html .mw-file-description img[ src*='svg' ],
html img[ src*='Wiktionary-logo'] {
background-color: #fff;
border-radius: 1px;
}

/* Dealing with false positives from selector above */
html .mw-echo-ui-notificationItemWidget-icon img[ src*='svg' ],
html .mbox-image .image img[ src*='svg' ],
html .mbox-image .mw-file-description img[ src*='svg' ],
/* Emoji generated by [[Template:Emoji]] */
html .emoji .image img,
html .emoji .mw-file-description img,
/* Vote symbols on Talk pages */
html .image img[ alt^="Symbol" ],
html .mw-file-description img[ alt^="Symbol" ] {
background-color: transparent;
}

/* Page previews */
html .mwe-popups {
box-shadow: 0 30px 90px -20px rgba( 0, 0, 0, 0.3 ), 0 0 1px #000;
}

html .mwe-popups.flipped-y:after,
html .mwe-popups.flipped-x-y:after {
border-top: 11px solid #ddd;
}

html .mwe-popups.mwe-popups-no-image-pointer:after {
border-bottom: 11px solid #ddd;
}

/* Contributions menu */
html .cx-callout-1:after {
border-bottom-color: #ddd;
}

/* Mobile Wikipedia logo mobile header */
html .branding-box img {
filter: brightness( 0 );
}

}

@-moz-document url-prefix() {
body {
background: #000;
}
}

@-moz-document url-prefix() {
@supports (overflow-clip-margin: 1px) {
body {
background: #fff;
}
}
}

MediaWiki:Gadgets-definition

2024-02-07T16:59:39Z

Madness:

2023-12-18T08:46:57Z

MediaWiki:Gadget-Thickbox.css

2023-12-18T08:43:28Z

Madness: Created page with "/* ocultar selects (por IE) y flash (por FF de Mac) */ body.thickbox_loaded select, body.thickbox_loaded object, body.thickbox_loaded embed, body.thickbox_loaded iframe { display:none; } #TB_window { position:absolute; background:#333; background:-moz-linear-gradient(top, #888, #333); background:-webkit-linear-gradient(top, #888, #333); background:linear-gradient(to bottom, #888, #333); filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#333333', star..."

/* ocultar selects (por IE) y flash (por FF de Mac) */
body.thickbox_loaded select, body.thickbox_loaded object, body.thickbox_loaded embed, body.thickbox_loaded iframe {
display:none;
}

#TB_window {
position:absolute;
background:#333;
background:-moz-linear-gradient(top, #888, #333);
background:-webkit-linear-gradient(top, #888, #333);
background:linear-gradient(to bottom, #888, #333);
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#333333', startColorstr='#888888', gradientType='0');
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif;
visibility:hidden;
border:1px solid #525252;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-align:left;
z-index:102;
}

#TB_secondLine {
padding:0px 15px 0px 15px;
font-size:10px;
color:#999999;
text-align:right;
}
#TB_imageCount {
float:left;
}

#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus, #TB_window a:hover {color:#fec423;}

#TB_overlay {
position:fixed;
z-index:100;
top:0px;
left:0px;
height:100%;
width:100%;
background-color:#000;
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
visibility:visible;
}

#TB_overlay.transparent {
filter:alpha(opacity=1);
-moz-opacity:0.01;
opacity:0.01;
}

body.ie6 #TB_overlay { /* ie6 hack */
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}

#TB_window.fixedpos {
position:fixed;
top:50%;
left:50%;
}

body.ie6 #TB_window.fixedpos { /* ie6 hack */
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_Image {
display:block;
margin:15px auto 0;
border:1px solid #525252;
background:#FFFFFF;
}

#TB_caption {
padding:5px 15px 7px 15px;
clear:both;
}

#TB_closeWindow {
padding:0 15px 0 0;
float:right;
}

#TB_closeAjaxWindow {
padding:0 10px 0 0;
margin-bottom:1px;
text-align:right;
float:right;
}

#TB_title {
background-color:#333;
color:#fff;
}

#TB_ajaxContent {
clear:both;
padding:2px 15px 10px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent p {
padding:5px 0px 5px 0px;
}

#TB_load {
position:fixed;
height:13px;
width:208px;
z-index:103;
top:50%;
left:50%;
margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */
background: #ccc;
visibility:visible;
}

body.ie6 #TB_load { /* ie6 hack */
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_prev, #TB_next {
padding-left:8px;
white-space:nowrap;
}

#TB_descLink {
position:relative;
float:right;
width:20px;
height:20px;
margin-top:-19px;
margin-right:15px;
display:none;
background:#fec423 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI1MCIgeDI9IjUwIiB5MT0iOTQuMTkyIiB5Mj0iNC41NDA2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmQyMjUiIG9mZnNldD0iMCIvPgo8c3RvcCBzdG9wLWNvbG9yPSIjZTc5ODAxIiBvZmZzZXQ9Ii41Ii8+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmYyYjEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+CjxwYXRoIGQ9Im05Ni41IDUwYTQ2LjUgNDYuNSAwIDEgMSAtOTMgMCA0Ni41IDQ2LjUgMCAxIDEgOTMgMHoiIGZpbGw9InVybCgjYSkiIHN0cm9rZT0iIzgwNzg3OCIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Im01NS4zMDYgMjggMjQuNzQ5IDIyLTI0Ljc0OSAyMm0tMzcuMzc2LTIyaDYyLjEyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjkiLz4KPC9zdmc+Cg==) center center no-repeat;
}

#TB_descLink .sprite { display:none !important; }

#TB_ImageOff {
cursor:pointer;
clear:both;
margin-bottom:2px;
}

#TB_imagetip {
display:none;
z-index:10;
position:absolute;
width:27px;
height:27px;
margin-top:-27px;
margin-left:-27px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
background: #eee;
cursor:help;
}

MediaWiki:Gadget-Thickbox.js

2023-12-18T08:42:16Z

Madness: Created page with "/* <pre> * Thickbox4MediaWiki v3.13 - Based on Thickbox 3.1 By Cody Lindley (http://www.codylindley.com) * Copyright (c) 2010 - 2023 Jesús Martínez (User:Ciencia_Al_Poder), Original Thickbox Copyright (c) 2007 Cody Lindley * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php */ window.Thickbox = (function($, mw) { 'use strict'; var _version = '3.13', // Dimensiones mínimas _minWidth = 210, // Margen entre la imagen y el borde de..."

/* <pre>
* Thickbox4MediaWiki v3.13 - Based on Thickbox 3.1 By Cody Lindley (http://www.codylindley.com)
* Copyright (c) 2010 - 2023 Jesús Martínez (User:Ciencia_Al_Poder), Original Thickbox Copyright (c) 2007 Cody Lindley
* Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
*/
window.Thickbox = (function($, mw) {
'use strict';
var _version = '3.13',
// Dimensiones mínimas
_minWidth = 210,
// Margen entre la imagen y el borde de ThickBox
_imageMarginWidth = 15,
// Margen mínimo hasta el borde de la ventana. Si se supera la imagen se reducirá
_minMarginWidth = 30,
_minMarginHeight = 15,
// Tiempo de espera para la aparición del loader en ms
_loaderWait = 500,
// Internos
_imgPreloader = null,
_galleryData = null,
_galleryIndex = -1,
_width = null,
_height = null,
_getCaption = null,
_imgTip = null,
_imgTipTarget = null,
_imgTipVisible = false,
_loaderPresent = false,
_loaderTm = null,
_logger = null,
// Funciones privadas
_init = function() {
// Se podría haber puesto un evento directamente en cada 'a.image', pero esto es mucho más rápido y eficiente (tarda solo el 20% en FF2) que recorrerse todo el DOM
$('#mw-content-text').off('click.thickbox mouseover.thickbox_imgtip').on({
'click.thickbox': _triggerEvent,
'mouseover.thickbox_imgtip': _imgTipEvent
});
},
_triggerEvent = function(e) {
// Si hay alguna tecla especial pulsada, salimos
if (e.ctrlKey || e.altKey || e.shiftKey) {
return true;
}
var target = e.target;
if (_isTag(target,'img')) { // Gallery o thumb
var a = target.parentNode;
// Imágenes con enlaces a otros artículos no tienen la clase "image", excepto en Wikia donde sí la tiene y añaden "link-internal" o "link-external"
if (!a || !_isTag(a,'a') || !(_isClass(a,'image') || _isClass(a,'mw-file-description')) || _isClass(a, 'link-internal') || _isClass(a, 'link-external')) {
return true;
}
// MW < 1.40
if (_isClass(target,'thumbimage')) {
// Es thumb
a.blur();
_getCaption = _getCaptionThumb;
_showImage(a);
return false;
}
// MW >= 1.40
if (_isTag(a.parentNode,'figure')) {
// Es thumb
a.blur();
_getCaption = _getCaptionThumb140;
_showImage(a);
return false;
}
var gb = $(a).closest('li.gallerybox').get(0);
// MediaWiki gallery
if (gb) {
var t = gb.parentNode;
if (_isTag(t,'ul') && _isClass(t,'gallery')) {
a.blur();
_getCaption = _getCaptionMW;
_galleryData = $(t).find('div.thumb a.image,div.thumb a.mw-file-description'); // MW<1.40,MW>=1.40
_galleryIndex = _galleryData.index(a);
_showImage(a);
return false;
}
}
// Es thumb genérico
a.blur();
_getCaption = _getCaptionEmpty;
_showImage(a);
return false;
} else if (_isTag(target,'a')) {
var sup = target.parentNode;
if (!_isTag(sup,'sup') || !_isClass(sup,'reference')) {
return true;
}
target.blur();
_showElement(target);
return false;
}
return true;
},
// Helper and speedy functions
_isClass = function(el, cn) {
return el.className && (el.className === cn || (' '+el.className+' ').indexOf(' '+cn+' ') != -1);
},
_isTag = function(el, tn) {
return (el.nodeName && el.nodeName.toUpperCase() === tn.toUpperCase());
},
// Loader image
_startLoader = function() {
if (_loaderPresent || _loaderTm) {
return;
}
if (_loaderWait > 0) {
_loaderTm = setTimeout(_displayLoader, _loaderWait);
} else {
_displayLoader();
}
},
_stopLoader = function() {
var t = _loaderTm;
_loaderTm = null;
if (t) {
clearTimeout(t);
}
if (_loaderPresent) {
$('#TB_load').remove();
_loaderPresent = false;
}
},
_displayLoader = function() {
_loaderPresent = true;
_loaderTm = null;
$(document.body).append('<div id="TB_load">');
},
// Main functions
_preload = function() {
$(document.body).addClass('thickbox_loaded');
$('#TB_overlay').add('#TB_window').add('#TB_load').remove();
$(document.body).append('<div id="TB_overlay"></div><div id="TB_window" class="fixedpos"></div>');
$('#TB_overlay').click(_remove);
_startLoader();
},
_showImage = function(elem) {
try {
var url, $a, $img, descUrl, TB_secondLine = '', TB_descLink;
_preload();
$a = $(elem);
$img = $a.find('> img').eq(0);

url = _getUrlFromThumb( $img.attr('src') );
descUrl = $a.attr('href');
if ($img.data('image-key')) {
// image-key es el nombre para la URL. No usar image-name porque está codificado doble (& --> &amp;)
descUrl = mw.util.wikiGetlink(mw.config.get('wgFormattedNamespaces')['6'] + ':' + decodeURIComponent($img.data('image-key')));
}
TB_descLink = '<a id="TB_descLink" class="sprite details" title="Ir a la página de descripción de la imagen"></a>';
// Se trata de un gallery?
if (_galleryIndex != -1) {
TB_secondLine = '<div id="TB_secondLine">'+
'<span id="TB_imageCount"></span>'+
'<span id="TB_prev"><a href="#" title="Ver imagen anterior [A]">< Ant.</a></span>'+
'<span id="TB_next"><a href="#" title="Ver imagen siguiente [S]">Sig. ></a></span></div>';
}
$('#TB_window').append('<div id="TB_closeWindow"><a href="#" id="TB_closeWindowButton" title="Cerrar [ESC]">cerrar</a></div>' +
'<div id="TB_ImageOff"><img id="TB_Image" alt="Imagen" title="Cerrar" />' + TB_descLink + '</div>' + TB_secondLine + '<div id="TB_caption"></div>');
if (_galleryIndex != -1) {
_updateNavigation();
}
$('#TB_caption').html( ( _getCaption($a) || null ) );

$('#TB_Image').add('#TB_closeWindowButton').click(_remove);
$(document).on('keyup.thickbox', _keyListener);
$('#TB_prev').add('#TB_next').click(_navigate);
$('#TB_descLink').attr('href', descUrl);
$('#TB_ImageOff').on({
mouseover: function() {
$('#TB_descLink').css('display','block');
},
mouseout: function() {
$('#TB_descLink').css('display','none');
}
});

if (_imgPreloader === null) {
_imgPreloader = new Image();
}
_imgPreloader.onload = _imageLoaded;
_imgPreloader.onerror = _imageError;
_imgPreloader.src = ''; // chromium bug 7731
if (url.length > 3 && url.substr(url.length - 4).toLowerCase() == '.svg') {
// Para SVG ya conocemos su relación de aspecto, aunque no sus dimensiones originales
// Habría que hacerlo diferente para cargar el SVG. En su lugar, aquí se determina dinámicamente
// Se agranda artificialmente, y luego esta función lo reducirá al tamaño máximo de la ventana
_updateImageView($img.prop('width') * 1000, $img.prop('height') * 1000, url);
} else {
_imgPreloader.src = url;
}
} catch(e) {
_log(e);
}
},
_showElement = function(target) {
try {
var url = target.href, idx = url.indexOf('#');
if (idx == -1) {
return false;
}
var baseurl = url.substr(0, idx),
hash = decodeURIComponent(url.substr(idx + 1)),
// Comprobamos que la URL sea del mismo documento
locbase = document.location.href.replace(baseurl, ''),
rel = document.getElementById(hash);
if ((locbase !== '' && locbase.indexOf('#') !== 0) || rel === null) {
return false;
}

$('#TB_overlay').add('#TB_window').remove();
$(document.body).append('<div id="TB_overlay" class="transparent"></div><div id="TB_window"></div>');
$('#TB_overlay').click(_remove);

var titleHTML = '<div id="TB_title"><div id="TB_closeAjaxWindow"><a href="#" id="TB_closeWindowButton" title="Cerrar [ESC]">cerrar</a></div></div>',
wnd = $('#TB_window'),
cel = $(rel).clone();
cel.contents().eq(0).remove();
cel.find('> sup').remove();
wnd.width(_minWidth).append(titleHTML+'<div id="TB_ajaxContent">'+cel.html()+'</div>');

var tgEl = $(target),
// espacio horizontal a cada lado del elemento
elOffset = tgEl.offset(),
lw = elOffset.left,
rw = $(document).width() - elOffset.left - tgEl.width(),
// Calculamos las dimensiones óptimas. Calculamos el área y determinamos que lo ideal es proporción 3/2
prefw = parseInt(Math.sqrt(wnd.width()*wnd.height()*3/2),10),
// Corrección de ancho mínimo en caso de producirse scroll
cd = $('#TB_ajaxContent')[0];
prefw += cd.scrollWidth-cd.clientWidth;
// No se debe reducir el ancho mínimo
if (prefw < _minWidth) {
prefw = _minWidth;
}
// Posición. 5px de margen respecto el origen. Situación ideal: a la derecha del elemento
var margen = 5, left = $(document).width() - rw + margen;
if (rw > prefw + margen) {
// ya es correcto
} else if (lw > prefw + margen) {
left = lw - prefw - margen;
} else if (lw < 250 || rw < 250) { // No cabe en ninguno de los dos lados. Miramos si no puede usarse el ancho mínimo (250). En ese caso el ancho lo forzamos y lo ponemos a la derecha
prefw = 250;
} else if (rw > lw) { // Se usa el ancho disponible del lado mayor
prefw = rw - margen;
} else {
prefw = lw - margen*2;
left = margen;
}
wnd.css({width: prefw, left: left});
// Ahora la posición vertical. necesita que hayamos asignado el width para que lo calcule bien
var top = elOffset.top - parseInt(wnd.height(), 10) - margen;
// Si no cabe arriba lo colocamos debajo
if (top < margen) {
top = elOffset.top + tgEl.height() + margen;
}
wnd.css({top: top, visibility: 'visible'});
// Animación si queda fuera del campo visual
if (($('html')[0].scrollTop||$('body')[0].scrollTop) > top-margen) {
$('html,body').animate({scrollTop: top - margen}, 250, 'swing');
}

$('#TB_closeWindowButton').click(_remove);
$(document).on('keyup.thickbox', _keyListener);
} catch (e) {
_log(e);
}
},
//helper functions below
_displayClean = function() {
_stopLoader();
$('#TB_window').css('visibility','visible');
},
_remove = function() {
$(document).off('keyup.thickbox');
_galleryData = null;
_galleryIndex = -1;
if (_imgPreloader !== null) {
_imgPreloader.onload = null;
_imgPreloader.onerror = null;
}
$('#TB_ImageOff').add('#TB_Image').add('#TB_closeWindowButton').add('#TB_prev').add('#TB_next').off();
$('#TB_window').add('#TB_Image').queue('fx',[]).stop();
$('#TB_window').fadeOut('fast',function(){$('#TB_window').add('#TB_overlay').off().remove();});
_stopLoader();
$(document.body).removeClass('thickbox_loaded');
return false;
},
_keyListener = function(e) {
var keycode = e.which;
if (keycode == 27) { // close
_remove();
} else if (keycode == 65) { // 'A' display previous image
$('#TB_prev').click();
} else if (keycode == 83) { // 'S' display next image
$('#TB_next').click();
}
},
_position = function(anim) {
// Ancho mínimo
var border = 4;
if (_width < _minWidth) {
_width = _minWidth;
}
var o = {marginLeft: '-' + parseInt((_width / 2)+border,10).toString() + 'px', width: _width + 'px', marginTop: '-' + parseInt((_height / 2)+border,10).toString() + 'px'};
if (anim) {
$('#TB_window').animate(o, {queue: false, duration: 'fast'});
} else {
$('#TB_window').css(o);
}
},
_getPageSize = function() {
var de = document.documentElement,
w = window.innerWidth || (de&&de.clientWidth) || document.body.clientWidth,
h = window.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
return [w,h];
},
_getUrlFromThumb = function(thumb) {
if (thumb.indexOf('.svg/') != -1) {
return thumb;
}
// Wikia
//return thumb.replace(/\/revision\/latest\/scale-to-width(-down)?\/\d+/, '');

// Si la imagen no es thumb, o bien es un SVG, usamos la imagen tal cual.
if (thumb.indexOf('/thumb/') == -1 || thumb.indexOf('.svg/') != -1 ) {
return thumb;
}
var urlparts = thumb.split('/');
return thumb.replace('/thumb/','/').replace('/'+urlparts[urlparts.length-1], '');

},
_getCaptionThumb = function(elem) {
return elem.closest('.thumbinner').find('> .thumbcaption').clone().find('> div.magnify').remove().end().html();
},
_getCaptionThumb140 = function(elem) {
return elem.closest('figure').find('> figcaption').clone().html();
},
_getCaptionEmpty = function(elem) {
return $('<div>').text((elem.attr('title')||'')).html();
},
_getCaptionMW = function(gitem) {
return gitem.closest('li.gallerybox').find('div.gallerytext').eq(0).html();
},
_getCaptionWikia = function(gitem) {
return gitem.closest('div.wikia-gallery-item').find('> div.lightbox-caption').eq(0).html();
},
_imageError = function() {
_stopLoader();
},
_imageLoaded = function() {
_updateImageView(_imgPreloader.width, _imgPreloader.height, _imgPreloader.src);
},
_updateImageView = function(imageWidth, imageHeight, imageSrc) {
var navigation = (_galleryIndex != -1),
img = $('#TB_Image'),
wndH = $('#TB_window').height(),
// Resizing large images - orginal by Christian Montoya edited by me.
pagesize = _getPageSize(),
// Dimensiones máximas
x = pagesize[0] - _minMarginWidth * 2 - _imageMarginWidth * 2,
y = pagesize[1] - _minMarginHeight * 2 - wndH + img.height(),
firstNav, imgOpt;
// Puede entrar por una o por las dos. De hecho, con esta comprobación basta, ya que si tiene que pasar por las dos da igual por qué lado se reduzca primero
if (imageWidth > x) {
imageHeight = imageHeight * (x / imageWidth);
imageWidth = x;
}
if (imageHeight > y) {
imageWidth = imageWidth * (y / imageHeight);
imageHeight = y;
}
// End Resizing

firstNav = (img.attr('src') || '') === '';
// Dimensiones de la ventana Thickbox para posicionar
_width = imageWidth + _imageMarginWidth * 2; // 15px de espacio en cada lado
// La altura de la ventana la conocemos. Solo hay que reemplazar la imagen antigua y poner la nueva, esto es, sus dimensiones. El height se tiene que hacer diferente porque intervienen más elementos que en el ancho
_height = wndH - img.height() + imageHeight;
img.attr({
src: imageSrc,
alt: $('#TB_caption').text()
});

imgOpt = {width: imageWidth, height: imageHeight, opacity: 1};
// Miramos si se carga al abrir o después de navegar. Si viene de abrirse, sin animación
if (firstNav) {
img.css(imgOpt);
} else {
img.animate(imgOpt, {duration: 'fast'});
}

_position(navigation && !firstNav);
_displayClean();
},
_updateNavigation = function() {
var seq = _galleryIndex, len = _galleryData.length;
$('#TB_prev').css('display', (seq === 0 ? 'none' : ''));
$('#TB_next').css('display', (seq >= len-1 ? 'none' : ''));
$('#TB_imageCount').text('Imagen ' + (seq+1) + ' de ' + len);
},
_navigate = function() {
var url, seq = _galleryIndex + (this.id == 'TB_prev' ? -1 : 1), len = _galleryData.length, gitem, $img;
if (seq < 0 || seq > len - 1) {
return false;
}
_galleryIndex = seq;
gitem = _galleryData.eq(seq);
url = _getUrlFromThumb(gitem.find('> img').eq(0).attr('src'));
_updateNavigation();
if (_imgPreloader.src != url) {
$('#TB_window').stop();
$('#TB_Image').queue('fx',[]).stop().animate({opacity: 0}, {duration: 'fast', complete: function() {
_startLoader();
if (url.length > 3 && url.substr(url.length - 4).toLowerCase() == '.svg') {
$img = gitem.find('> img').eq(0);
// Para SVG ya conocemos su relación de aspecto, aunque no sus dimensiones originales
// Habría que hacerlo diferente para cargar el SVG. En su lugar, aquí se determina dinámicamente
// Se agranda artificialmente, y luego esta función lo reducirá al tamaño máximo de la ventana
_updateImageView($img.prop('width') * 1000, $img.prop('height') * 1000, url);
_imgPreloader.src = '';
} else {
_imgPreloader.src = url;
}
}});
}
// Si la función no encuentra el elemento, puede devolver undefined, y en este caso no cambia el contenido. Forzamos un null en ese caso
$('#TB_caption').html( ( _getCaption(gitem) || null ) );
$('#TB_descLink').attr('href',gitem.attr('href'));
return false;
},
_setParams = function(p) {
var val;
if (typeof p != 'object') {
return;
}
for (var n in p) {
if (p.hasOwnProperty(n)) {
val = p[n];
switch(n) {
case 'minWidth':
_minWidth = val;
break;
case 'imageMarginWidth':
_imageMarginWidth = val;
break;
case 'minMarginWidth':
_minMarginWidth = val;
break;
case 'minMarginHeight':
_minMarginHeight = val;
break;
case 'loaderWait':
_loaderWait = (typeof val == 'number' && val);
break;
case 'logger':
_logger = (typeof val == 'function' && val);
break;
}
}
}
},
_log = function(msg) {
if (_logger) {
_logger(msg);
}
},
_imgTipEvent = function(e) {
var target = e.target, a, t;
if (e.ctrlKey || e.altKey || e.shiftKey) {
_hideImgTip();
return;
}
if (_isTag(target,'img')) { // Gallery o thumb
a = target.parentNode;
if (!_isTag(a,'a') || !(_isClass(a,'image') || _isClass(a,'mw-file-description')) || _isClass(a,'link-internal')) {
_hideImgTip();
return;
}
t = $(target);
// Mostramos solo si la imagen tiene un tamaño mínimo
if (t.width() < 40 || t.height() < 40) {
return;
}
_showImgTip(t);
return;
}
_hideImgTip();
},
_imgTipClickEvent = function() {
if (_imgTipTarget) {
$(_imgTipTarget).click();
return false;
}
},
_createImgTip = function() {
_imgTip = $('<div id="TB_imagetip" title="Clic sobre la imagen para ampliar. Ctrl, Alt o Mayús. para acceder a la página de descripción de la imagen.">').appendTo(document.body);
_imgTip.on('click',_imgTipClickEvent);
},
_showImgTip = function(target) {
if (!_imgTip) {
_createImgTip();
}
var of = target.offset();
_imgTip.css({
display: 'block',
left: of.left + target.width(),
top: of.top + target.height()
});
_imgTipVisible = true;
_imgTipTarget = target;
},
_hideImgTip = function() {
if (_imgTipVisible) {
_imgTip.css('display','none');
_imgTipVisible = false;
_imgTipTarget = null;
}
};

// Public functions
return {
init: _init,
showImage: _showImage,
showElement: _showElement,
remove: _remove,
setParams: _setParams
};

}(jQuery, mw));

if (mw.config.get('wgAction', '') != 'history' || !(mw.config.get('wgNamespaceNumber', 0) == -1 && mw.config.get('wgCanonicalSpecialPageName', '') == 'Recentchanges')) {
$(window.Thickbox.init);
}
/* </pre> */