MediaWiki:Wikiminiatlas.js: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
// [[File:Erioll_world.svg|18px]] '''WikiMiniAtlas''' <br> | // [[File:Erioll_world.svg|18px]] '''WikiMiniAtlas''' <br> | ||
// Script to embed interactive maps into pages that have coordinate templates <br> | // Script to embed interactive maps into pages that have coordinate templates <br> | ||
// also check my user page [[User:Dschwen]] for more | // also check my user page [[User:Dschwen]] for more toolsz | ||
// <nowiki> | // <nowiki> | ||
// | // | ||
Line 444: | Line 444: | ||
(function() { | (function() { | ||
var wrap, span=$('#coordinates>span>span>img') | var wrap, span=$('#coordinates>span>span>img') | ||
, bubble = $('<div><div>').css( { width: '150px', border: '1px solid #ddd', borderRadius: '8px', position: 'absolute', top: '27px', right: '-4px', whiteSpace: 'normal', textAlign: 'left', padding: '0.25em 0.75em 0.25em 0.75em', fontSize: '90%', backgroundColor: '#f9f9f9' | , bubble = $('<div><div>').css( { width: '150px', border: '1px solid #ddd', borderRadius: '8px', position: 'absolute', top: '27px', right: '-4px', whiteSpace: 'normal', textAlign: 'left', padding: '0.25em 0.75em 0.25em 0.75em', fontSize: '90%', backgroundColor: '#f9f9f9', boxShadow: '4px 4px 10px rgba(0,0,0,0.2)' } ).text('Click the blue globe to open an interactive map.').append( $('<div></div>').css({position: 'absolute', width: 0, height: 0, top: '-10px', right: '10px', borderTop:0, borderLeft: '5px solid transparent', borderRight: '5px solid transparent', borderBottom: '10px solid #ddd'}) ).append( $('<div></div>').css({position: 'absolute', width: 0, height: 0, top: '-9px', right: '10px', borderTop:0, borderLeft: '5px solid transparent', borderRight: '5px solid transparent', borderBottom: '10px solid #f9f9f9'}) ).hide(); | ||
if( span.length>0 ) { | if( span.length>0 ) { | ||
wrap = $('<span></span>').css( { width: '20px', height: '17px', position: 'relative' } ); | wrap = $('<span></span>').css( { width: '20px', height: '17px', position: 'relative' } ); |