@ -0,0 +1,48 @@ |
|||||||
|
div.jquery-image-zoom { |
||||||
|
line-height: 0; |
||||||
|
font-size: 0; |
||||||
|
|
||||||
|
z-index: 10; |
||||||
|
|
||||||
|
border: 5px solid #fff; |
||||||
|
background: #eee; /* TM 25jan15: Added this to make it easier to see images with transparent backgrounds. */ |
||||||
|
margin: -5px; |
||||||
|
|
||||||
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); |
||||||
|
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); |
||||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); |
||||||
|
} |
||||||
|
|
||||||
|
div.jquery-image-zoom a { |
||||||
|
background: url(jquery.imageZoom.png) no-repeat; |
||||||
|
|
||||||
|
display: block; |
||||||
|
width: 25px; |
||||||
|
height: 25px; |
||||||
|
|
||||||
|
position: absolute; |
||||||
|
left: -17px; |
||||||
|
top: -17px; |
||||||
|
/* IE-users are prolly used to close-link in right-hand corner */ |
||||||
|
*left: auto; |
||||||
|
*right: -17px; |
||||||
|
|
||||||
|
text-decoration: none; |
||||||
|
text-indent: -100000px; |
||||||
|
outline: 0; |
||||||
|
|
||||||
|
z-index: 11; |
||||||
|
} |
||||||
|
|
||||||
|
div.jquery-image-zoom a:hover { |
||||||
|
background-position: left -25px; |
||||||
|
} |
||||||
|
|
||||||
|
div.jquery-image-zoom img, |
||||||
|
div.jquery-image-zoom embed, |
||||||
|
div.jquery-image-zoom object, |
||||||
|
div.jquery-image-zoom div { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
margin: 0; |
||||||
|
} |
@ -0,0 +1 @@ |
|||||||
|
jQuery.fn.imageZoom=function(c,b){var a=c.extend({speed:200,dontFadeIn:1,hideClicked:1,imageMargin:30,className:"jquery-image-zoom",loading:"Loading..."},b);a.doubleSpeed=a.speed/4;c(document).keydown(function(d){if(d.keyCode==27){c("div.jquery-image-zoom a").click()}});return this.click(function(k){var h=c(k.target);var g=h.is("a")?h:h.parents("a");g=(g&&g.is("a")&&g.attr("href").search(/(.*)\.(jpg|jpeg|gif|png|bmp|tif|tiff)$/gi)!=-1)?g:false;var i=(g&&g.find("img").length)?g.find("img"):false;c("div.jquery-image-zoom a").click();if(g){g.oldText=g.text();g.setLoadingImg=function(){if(i){i.css({opacity:"0.5"})}else{g.text(a.loading)}};g.setNotLoadingImg=function(){if(i){i.css({opacity:"1"})}else{g.text(g.oldText)}};var d=g.attr("href");if(c("div."+a.className+' img[src="'+d+'"]').length){return false}var j=function(l){g.setNotLoadingImg();var u=i?i:g;var q=i?a.hideClicked:0;var p=u.offset();var n={width:u.outerWidth(),height:u.outerHeight(),left:p.left,top:p.top};var o=c('<div><img src="'+d+'" alt=""/></div>').css("position","absolute").appendTo(document.body);var m={width:l.width,height:l.height};var s={width:c(window).width(),height:c(window).height()};if(m.width>(s.width-a.imageMargin*2)){var r=s.width-a.imageMargin*2;m.height=(r/m.width)*m.height;m.width=r}if(m.height>(s.height-a.imageMargin*2)){var t=s.height-a.imageMargin*2;m.width=(t/m.height)*m.width;m.height=t}m.left=(s.width-m.width)/2+c(window).scrollLeft();m.top=(s.height-m.height)/2+c(window).scrollTop();var e=c('<a href="#">Close</a>').appendTo(o).hide();if(q){g.css("visibility","hidden")}o.addClass(a.className).css(n).animate(m,a.speed,function(){e.fadeIn(a.doubleSpeed)});var v=function(){e.fadeOut(a.doubleSpeed,function(){o.animate(n,a.speed,function(){g.css("visibility","visible");o.remove()})});return false};o.click(v);e.click(v)};var f=new Image();f.src=d;if(f.complete){j(f)}else{g.setLoadingImg();f.onload=function(){j(f)}}return false}})}; |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 17 KiB |
After Width: | Height: | Size: 9.7 KiB |
After Width: | Height: | Size: 37 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 427 KiB |
After Width: | Height: | Size: 68 KiB |
After Width: | Height: | Size: 6.9 KiB |
After Width: | Height: | Size: 4.2 KiB |
After Width: | Height: | Size: 52 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 33 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 8.9 KiB |
After Width: | Height: | Size: 94 KiB |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 31 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 23 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 7.8 KiB |
After Width: | Height: | Size: 54 KiB |
After Width: | Height: | Size: 22 KiB |
After Width: | Height: | Size: 8.6 KiB |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 6.2 KiB |
@ -0,0 +1,24 @@ |
|||||||
|
* { margin: 0 ; padding: 0 } |
||||||
|
html { height: 100% ; } |
||||||
|
body { height: 100% ; overflow: hidden ; } |
||||||
|
|
||||||
|
h2 { margin-top: 1em ; clear: both ; } |
||||||
|
h4 { margin-top: 0.5em ; clear: both ; } |
||||||
|
p { margin-top: 0.5em ; } |
||||||
|
|
||||||
|
.code { white-space: pre ; font-family: monospace ; margin: 0 1em 1em 2em ; } |
||||||
|
|
||||||
|
/* -------------------------------------------------------------------- */ |
||||||
|
|
||||||
|
#helptabs { width: 100% ; height: calc(100% - 50px) ; background: none ; border: none ; } |
||||||
|
#helptabs-content { height: 100% ; margin-top: 10px ; overflow: auto ; } |
||||||
|
|
||||||
|
#helptabs .ui-tabs-nav { font-size: 75% ; text-align: right ; padding-right: 15px ; } |
||||||
|
#helptabs .ui-tabs-nav { background: none ; border-width: 0 0 1px 0 ; } |
||||||
|
#helptabs .ui-tabs-nav li { float: none ; display: inline-block ; margin-bottom: -4px ; } |
||||||
|
#helptabs .ui-tabs-nav a { color: #888 ; } |
||||||
|
|
||||||
|
#helptabs .ui-tabs-active { background: #ddd ; border-color: #ccc ; } |
||||||
|
#helptabs .ui-tabs-active a { color: #444 ; } |
||||||
|
|
||||||
|
#helptabs .ui-tabs-panel { padding: 0.5em 1em 0.5em 1em ; } |
@ -0,0 +1,32 @@ |
|||||||
|
|
||||||
|
// --------------------------------------------------------------------
|
||||||
|
|
||||||
|
$(document).ready( function() { |
||||||
|
|
||||||
|
// initialize image previews
|
||||||
|
$( "img.preview" ).each( function() { |
||||||
|
// check if the image is floating and add a margin
|
||||||
|
var float = $(this).css( "float" ) ; |
||||||
|
if ( float === "left" ) |
||||||
|
$(this).css( "margin-right", "1em" ) ; |
||||||
|
else if ( float === "right" ) |
||||||
|
$(this).css( "margin-left", "1em" ) ; |
||||||
|
// wrap the image in a link
|
||||||
|
var url = $(this).attr( "src" ) ; |
||||||
|
$(this).attr( "src", url.substring(0,url.length-4)+".small.png" ) ; |
||||||
|
$(this).wrap( "<a href='" + url + "'></a>" ).imageZoom( $ ) ; |
||||||
|
} ) ; |
||||||
|
|
||||||
|
// initialize the tabs
|
||||||
|
if ( getUrlParam( "embedded" ) ) { |
||||||
|
$( "#helptabs li:eq(0)" ).remove() ; |
||||||
|
$( "#helptabs-installation" ).remove() ; |
||||||
|
} |
||||||
|
$("#helptabs").tabs().show() ; |
||||||
|
$("#helptabs .ui-tabs-nav a").click( function() { $(this).blur() ; } ) ; |
||||||
|
|
||||||
|
// check if we should auto-select a tab
|
||||||
|
var tab_id = getUrlParam( "tab" ) ; |
||||||
|
if ( tab_id ) |
||||||
|
$( "a[href='#helptabs-" + tab_id + "']" ).click() ; |
||||||
|
} ) ; |