Add the new home screen view and template, issue #108
This commit is contained in:
Roberto Rosario
BIN
mayan/apps/main/static/main/icons/page.png
Normal file
BIN
mayan/apps/main/static/main/icons/page.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 738 B |
BIN
mayan/apps/main/static/main/icons/page_add.png
Normal file
BIN
mayan/apps/main/static/main/icons/page_add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
File diff suppressed because it is too large
Load Diff
@@ -1,7 +0,0 @@
|
||||
# Auto detect text files and perform LF normalization
|
||||
* text=auto
|
||||
|
||||
# Denote all files that are truly binary and should not be modified.
|
||||
*.png binary
|
||||
*.jpg binary
|
||||
*.gif binary
|
||||
@@ -1,125 +0,0 @@
|
||||
fancyBox - Changelog
|
||||
=========
|
||||
|
||||
### Version 2.1.5 - June 14, 2013
|
||||
* Fixed #493 - Broken slideshow
|
||||
* Fixed #556 - Parent option
|
||||
* Retina graphics (#564) and retina display support (#420)
|
||||
* Improved "lock" feature
|
||||
|
||||
### Version 2.1.4 - January 10, 2013
|
||||
* Update to be compatible with jQuery v1.9
|
||||
* Small changes that should fix usability issues for certain users
|
||||
|
||||
### Version 2.1.3 - October 23, 2012
|
||||
|
||||
* Fixed #426 - Broken IE7
|
||||
* Fixed #423 - Background flickering on iOS
|
||||
* Fixed #418 - Automatically Grow/Shrink and Center
|
||||
* Updated the script to work with jQuery 1.6
|
||||
* Media helper supports YouTube video series
|
||||
|
||||
### Version 2.1.2 - October 15, 2012
|
||||
|
||||
* Fixed #414 - Don't allow nextClick if there is only one item
|
||||
* Fixed #397 - Button helper 'Menu' not visible in IE7
|
||||
* Overlay can be opened/closed manually:
|
||||
* $.fancybox.helpers.overlay.open();
|
||||
* $.fancybox.helpers.overlay.open({closeClick : false});
|
||||
* $.fancybox.helpers.overlay.close();
|
||||
* Optimized for Internet Explorer 10 (Windows 8)
|
||||
|
||||
### Version 2.1.1 - October 01, 2012
|
||||
|
||||
* Fixed #357 - Converting values like 'auto' in getScalar()
|
||||
* Fixed #358 - Updated overlay background image
|
||||
* New "fancybox-href" and "fancybox-title" HTML5 data-attributes (#317)
|
||||
* Improved helpers:
|
||||
* - now they can have a property 'defaults' that contains default settings
|
||||
* - updated vimeo and youtube parsers for media helper
|
||||
* Content locking now can be turned off
|
||||
|
||||
### Version 2.1.0 - August 20, 2012
|
||||
|
||||
* Fixed #103 - DOM element re-injection after closing
|
||||
* Fixed #188 - navigation keys inside editable content
|
||||
* New animation directions (see https://github.com/fancyapps/fancyBox/issues/233#issuecomment-5512453)
|
||||
* New option "iframe" - it is now possible to separate scrolling for iframe and wrapping element; choose to preload
|
||||
* New option "swf" - brings back functionality from fancyBox v1
|
||||
* Improved media helper - better support for vimeo and youtube; links are now configurable
|
||||
* Rewritten overlay helper:
|
||||
* - new option "showEarly" - toggles if should be open before of after content is loaded
|
||||
* - Facebook-style (https://github.com/fancyapps/fancyBox/issues/24) and therefore uses image for background
|
||||
* Option "padding" accepts array (e.g., padding: [15, 50, 10, 5])
|
||||
* One of dimensions (width or height) can now be set to "auto" (option "autoSize" needs to be "false")
|
||||
* Updated callbacks:
|
||||
* - "beforeClose" is now called only once
|
||||
* - "afterLoad" receives current and previous object as arguments
|
||||
* Method "$.fancybox.update();" recalculates content width/height
|
||||
* Updated to work with jQuery v1.8
|
||||
|
||||
### Version 2.0.6 - April 16, 2012
|
||||
|
||||
* Fixed #188 - keystrokes in contenteditable
|
||||
* Fixed #171 - non-images should not be preloaded
|
||||
* Fixed #158 - 'closeClick: true' breaks gallery navigation
|
||||
* New "media" helper - detects and displays various media types
|
||||
* New option "groupAttr" - name of group selector attribute, default is "data-fancybox-group"
|
||||
* New feature - selector expressions in URLs, see #170
|
||||
* Improved 'overlay' helper to use "position: fixed"
|
||||
* Improved autoSize, fixed wrong height in some cases
|
||||
* Improved centering and iframe scrolling for iOS
|
||||
* Updated markup, new element '.fancybox-skin' is now used for styling
|
||||
|
||||
### Version 2.0.5 - February 21, 2012
|
||||
|
||||
* Fixed #155 - easing for prev/next animations
|
||||
* Fixed #153 - overriding "keys" options
|
||||
* Fixed #147 - IE7 problem with #hash links
|
||||
* Fixed #130 - changing dynamically data-fancybox-group
|
||||
* Fixed #126 - obey minWidth/minHeight
|
||||
* Fixed #118 - placement of loading icon and navigation arrows
|
||||
* Fixed #101 - "index" option not working
|
||||
* Fixed #94 - "orig" option not working
|
||||
* Fixed #80 - does not work on IE6
|
||||
* Fixed #72 - can't set overlay opacity to 0
|
||||
* Fixed #63 - properly set gallery index
|
||||
* New option "autoCenter" - toggles centering on window resize or scroll, disabled for mobile devices by default
|
||||
* New option "autoResize" - toggles responsivity, disabled for mobile devices by default
|
||||
* New option "preload" - number of images to preload
|
||||
* New feature to target mobile/desktop browsers using CSS, see #108
|
||||
* Changed ajax option defaults to "{ dataType: 'html', headers: { 'X-fancyBox': true } }", see #150 and #128
|
||||
* Updated loading icon for IE7, IE8
|
||||
* Calculates height of the iframe if 'autoSize' is set to 'true' and the iframe is on the same domain as the main page
|
||||
|
||||
### Version 2.0.4 - December 12, 2011
|
||||
|
||||
* Fixed #47 - fix overriding properties
|
||||
* New option "position" to thumbnail and button helpers
|
||||
|
||||
|
||||
### Version 2.0.3 - November 29, 2011
|
||||
|
||||
* Fixed #29 - broken elastic transitions
|
||||
|
||||
|
||||
### Version 2.0.2 - November 28, 2011
|
||||
|
||||
* Fixed slideshow
|
||||
* Fixed scrollbars issue when displayed a very tall image
|
||||
* New option "nextClick" - navigate to next gallery item when user clicks the content
|
||||
* New option "modal" - to disable navigation and closing
|
||||
* Add 'metadata' plugin support
|
||||
* Add ability to create groups using 'data-fancybox-group' attribute
|
||||
* Updated manual usage to match earlier releases
|
||||
|
||||
|
||||
### Version 2.0.1 - November 23, 2011
|
||||
|
||||
* Fixed keyboard events inside form elements
|
||||
* Fixed manual usage
|
||||
|
||||
|
||||
### Version 2.0.0 - November 21, 2011
|
||||
|
||||
First release - completely rewritten, many new features and updated graphics.
|
||||
@@ -1,217 +0,0 @@
|
||||
fancyBox
|
||||
========
|
||||
|
||||
fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.
|
||||
|
||||
More information and examples: http://www.fancyapps.com/fancybox/
|
||||
|
||||
License: http://www.fancyapps.com/fancybox/#license
|
||||
|
||||
Copyright (c) 2012 Janis Skarnelis - janis@fancyapps.com
|
||||
|
||||
|
||||
How to use
|
||||
----------
|
||||
|
||||
To get started, download the plugin, unzip it and copy files to your website/application directory.
|
||||
Load files in the <head> section of your HTML document. Make sure you also add the jQuery library.
|
||||
|
||||
<head>
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
||||
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
|
||||
<script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js"></script>
|
||||
</head>
|
||||
|
||||
Create your links with a `title` if you want a title to be shown, and add a class:
|
||||
|
||||
<a href="large_image.jpg" class="fancybox" title="Sample title"><img src="small_image.jpg" /></a>
|
||||
|
||||
If you have a set of related items that you would like to group,
|
||||
additionally include a group name in the `rel` (or `data-fancybox-group`) attribute:
|
||||
|
||||
<a href="large_1.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="small_1.jpg" /></a>
|
||||
<a href="large_2.jpg" class="fancybox" rel="gallery" title="Sample title 1"><img src="small_2.jpg" /></a>
|
||||
|
||||
Initialise the script like this:
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.fancybox').fancybox();
|
||||
});
|
||||
</script>
|
||||
|
||||
May also be passed an optional options object which will extend the default values. Example:
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.fancybox').fancybox({
|
||||
padding : 0,
|
||||
openEffect : 'elastic'
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
Tip: Automatically group and apply fancyBox to all images:
|
||||
|
||||
$("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif']").attr('rel', 'gallery').fancybox();
|
||||
|
||||
Script uses the `href` attribute of the matched elements to obtain the location of the content and to figure out content type you want to display.
|
||||
You can specify type directly by adding classname (fancybox.image, fancybox.iframe, etc) or `data-fancybox-type` attribute:
|
||||
|
||||
//Ajax:
|
||||
<a href="/example.html" class="fancybox fancybox.ajax">Example</a>
|
||||
//or
|
||||
<a href="/example.html" class="fancybox" data-fancybox-type="ajax">Example</a>
|
||||
|
||||
//Iframe:
|
||||
<a href="example.html" class="fancybox fancybox.iframe">Example</a>
|
||||
|
||||
//Inline (will display an element with `id="example"`)
|
||||
<a href="#example" class="fancybox">Example</a>
|
||||
|
||||
//SWF:
|
||||
<a href="example.swf" class="fancybox">Example</a>
|
||||
|
||||
//Image:
|
||||
<a href="example.jpg" class="fancybox">Example</a>
|
||||
|
||||
Note, ajax requests are subject to the [same origin policy](http://en.wikipedia.org/wiki/Same_origin_policy).
|
||||
If fancyBox will not be able to get content type, it will try to guess based on 'href' and will quit silently if would not succeed.
|
||||
(this is different from previsous versions where 'ajax' was used as default type or an error message was displayed).
|
||||
|
||||
Advanced
|
||||
--------
|
||||
|
||||
### Helpers
|
||||
|
||||
Helpers provide a simple mechanism to extend the capabilities of fancyBox. There are two built-in helpers - 'overlay' and 'title'.
|
||||
You can disable them, set custom options or enable other helpers. Examples:
|
||||
|
||||
//Disable title helper
|
||||
$(".fancybox").fancybox({
|
||||
helpers: {
|
||||
title: null
|
||||
}
|
||||
});
|
||||
|
||||
//Disable overlay helper
|
||||
$(".fancybox").fancybox({
|
||||
helpers: {
|
||||
overlay : null
|
||||
}
|
||||
});
|
||||
|
||||
//Change title position and overlay color
|
||||
$(".fancybox").fancybox({
|
||||
helpers: {
|
||||
title : {
|
||||
type : 'inside'
|
||||
},
|
||||
overlay : {
|
||||
css : {
|
||||
'background' : 'rgba(255,255,255,0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//Enable thumbnail helper and set custom options
|
||||
$(".fancybox").fancybox({
|
||||
helpers: {
|
||||
thumbs : {
|
||||
width: 50,
|
||||
height: 50
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
### API
|
||||
|
||||
Also available are event driven callback methods. The `this` keyword refers to the current or upcoming object (depends on callback method). Here is how you can change title:
|
||||
|
||||
$(".fancybox").fancybox({
|
||||
beforeLoad : function() {
|
||||
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
|
||||
|
||||
/*
|
||||
"this.element" refers to current element, so you can, for example, use the "alt" attribute of the image to store the title:
|
||||
this.title = $(this.element).find('img').attr('alt');
|
||||
*/
|
||||
}
|
||||
});
|
||||
|
||||
It`s possible to open fancyBox programmatically in various ways:
|
||||
|
||||
//HTML content:
|
||||
$.fancybox( '<div><h1>Lorem Lipsum</h1><p>Lorem lipsum</p></div>', {
|
||||
title : 'Custom Title'
|
||||
});
|
||||
|
||||
//DOM element:
|
||||
$.fancybox( $("#inline"), {
|
||||
title : 'Custom Title'
|
||||
});
|
||||
|
||||
//Custom object:
|
||||
$.fancybox({
|
||||
href: 'example.jpg',
|
||||
title : 'Custom Title'
|
||||
});
|
||||
|
||||
//Array of objects:
|
||||
$.fancybox([
|
||||
{
|
||||
href: 'example1.jpg',
|
||||
title : 'Custom Title 1'
|
||||
},
|
||||
{
|
||||
href: 'example2.jpg',
|
||||
title : 'Custom Title 2'
|
||||
}
|
||||
], {
|
||||
padding: 0
|
||||
});
|
||||
|
||||
There are several methods that allow you to interact with and manipulate fancyBox, example:
|
||||
|
||||
//Close fancybox:
|
||||
$.fancybox.close();
|
||||
|
||||
There is a simply way to access wrapping elements using JS:
|
||||
|
||||
$.fancybox.wrap
|
||||
$.fancybox.skin
|
||||
$.fancybox.outer
|
||||
$.fancybox.inner
|
||||
|
||||
You can override CSS to customize the look. For example, make navigation arrows always visible,
|
||||
change width and move them outside of area (use this snippet after including fancybox.css):
|
||||
|
||||
.fancybox-nav span {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-nav {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.fancybox-prev {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.fancybox-next {
|
||||
right: -80px;
|
||||
}
|
||||
|
||||
In that case, you might want to increase space around box:
|
||||
|
||||
$(".fancybox").fancybox({
|
||||
margin : [20, 60, 20, 60]
|
||||
});
|
||||
|
||||
|
||||
Bug tracker
|
||||
-----------
|
||||
|
||||
Have a bug? Please create an issue on GitHub at https://github.com/fancyapps/fancyBox/issues
|
||||
@@ -1,24 +0,0 @@
|
||||
{
|
||||
"name": "fancybox",
|
||||
"version": "2.1.5",
|
||||
"main": [
|
||||
"source/jquery.fancybox.css",
|
||||
"source/jquery.fancybox.js",
|
||||
"source/blank.gif",
|
||||
"source/fancybox_loading.gif",
|
||||
"source/fancybox_loading@2x.gif",
|
||||
"source/fancybox_overlay.png",
|
||||
"source/fancybox_sprite.png",
|
||||
"source/fancybox_sprite@2x.png",
|
||||
"source/jquery.fancybox.pack.js"
|
||||
],
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"fancybox.jquery.json",
|
||||
"demo"
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": ">=1.10",
|
||||
"jquery-mousewheel": "~3.1.3"
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
@@ -1,15 +0,0 @@
|
||||
<div style="max-width:700px;min-width:200px;">
|
||||
<h2>Lorem ipsum dolor sit amet3</h2>
|
||||
<p>
|
||||
<a href="javascript:jQuery.fancybox.close();">Close me</a>
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum ante et sapien dignissim in viverra magna feugiat. Donec tempus ipsum nec neque dignissim quis eleifend eros gravida. Praesent nisi massa, sodales quis tincidunt ac, semper quis risus. In suscipit nisl sed leo aliquet consequat. Integer vitae augue in risus porttitor pellentesque eu eget odio. Fusce ut sagittis quam. Morbi aliquam interdum blandit. Integer pharetra tempor velit, aliquam dictum justo tempus sed. Morbi congue fringilla justo a feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis metus et nisl consectetur pharetra. Nam bibendum turpis eu metus luctus eu volutpat sem molestie. Nam sollicitudin porttitor lorem, ac ultricies est venenatis eu. Ut dignissim elit et orci feugiat ac placerat purus euismod. Ut mi lorem, cursus et sagittis elementum, luctus ac massa.
|
||||
</p>
|
||||
<p>
|
||||
Phasellus et ligula vel diam ullamcorper volutpat. Integer rhoncus rhoncus aliquam. Aliquam erat volutpat. Aenean luctus vestibulum placerat. Quisque quam neque, lacinia aliquet eleifend ac, aliquet blandit felis. Curabitur porta ultricies dui, sit amet mattis quam euismod a. Ut eleifend scelerisque neque, sit amet accumsan odio consequat ut. Proin facilisis auctor elit sed accumsan. Cras dapibus nisl in nisi rhoncus laoreet. Nullam pellentesque tortor libero, eget facilisis ipsum. Donec ultricies tellus tellus, in tincidunt purus. Nullam in est aliquam velit scelerisque blandit. In tincidunt, magna a dapibus imperdiet, quam urna elementum leo, vitae rhoncus nisl velit cursus velit. In dignissim sem ac mauris rhoncus ornare.
|
||||
</p>
|
||||
<p>
|
||||
Duis imperdiet velit vel quam malesuada suscipit imperdiet tellus hendrerit. Mauris vestibulum odio mauris, ut placerat leo. Mauris quis neque at tellus feugiat congue id non enim. Nam vehicula posuere nulla eget vehicula. Donec pretium purus nec ligula porta eu laoreet sapien venenatis. Nulla facilisi. Phasellus eget mi enim. Phasellus molestie tincidunt ultrices. Aenean id sem a tellus lobortis tincidunt. Nam laoreet nulla vel velit tincidunt ac rutrum libero malesuada. Nulla consequat dolor quis nisl tempor fermentum. Integer sodales pretium varius. Aenean a leo vitae odio dictum dignissim malesuada nec dolor. Phasellus adipiscing viverra est, ac sagittis libero sagittis quis. Sed interdum dapibus nunc et fringilla. Nunc vel velit et urna laoreet bibendum.
|
||||
</p>
|
||||
</div>
|
||||
@@ -1,26 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>fancyBox - iframe demo</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>fancyBox - iframe demo</h1>
|
||||
|
||||
<p>
|
||||
<a href="javascript:parent.jQuery.fancybox.close();">Close iframe parent</a>
|
||||
|
||||
|
|
||||
|
||||
<a href="javascript:parent.jQuery.fancybox.open({href : '1_b.jpg', title : 'My title'});">Change content</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque justo ac eros consectetur bibendum. In hac habitasse platea dictumst. Nulla aliquam turpis et tellus elementum luctus. Duis sit amet rhoncus velit. Duis nisl ligula, mattis interdum blandit laoreet, mattis id ante. Cras pulvinar lacus vitae nisi egestas non euismod neque bibendum. Vestibulum faucibus libero id ante molestie ultricies. Vestibulum quis nibh felis. Vestibulum libero nisl, vehicula vel ullamcorper sit amet, tristique sit amet augue. Etiam urna neque, porttitor sed sodales lacinia, posuere a nisl. Vestibulum blandit neque in sapien volutpat ac condimentum sapien auctor. Ut imperdiet venenatis ultricies. Phasellus accumsan, sem eu placerat commodo, felis purus commodo ipsum, sit amet vulputate orci est viverra est.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Aenean velit est, condimentum ut iaculis ut, accumsan at mi. Maecenas velit mi, venenatis ut condimentum at, ultrices vel tortor. Curabitur pharetra ornare dapibus. Ut volutpat cursus semper. In hac habitasse platea dictumst. Donec eu iaculis ipsum. Morbi eu dolor velit, a semper nunc.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,312 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>fancyBox - Fancy jQuery Lightbox Alternative | Demonstration</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<!-- Add jQuery library -->
|
||||
<script type="text/javascript" src="../lib/jquery-1.10.2.min.js"></script>
|
||||
|
||||
<!-- Add mousewheel plugin (this is optional) -->
|
||||
<script type="text/javascript" src="../lib/jquery.mousewheel.pack.js?v=3.1.3"></script>
|
||||
|
||||
<!-- Add fancyBox main JS and CSS files -->
|
||||
<script type="text/javascript" src="../source/jquery.fancybox.pack.js?v=2.1.5"></script>
|
||||
<link rel="stylesheet" type="text/css" href="../source/jquery.fancybox.css?v=2.1.5" media="screen" />
|
||||
|
||||
<!-- Add Button helper (this is optional) -->
|
||||
<link rel="stylesheet" type="text/css" href="../source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
|
||||
<script type="text/javascript" src="../source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
|
||||
|
||||
<!-- Add Thumbnail helper (this is optional) -->
|
||||
<link rel="stylesheet" type="text/css" href="../source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
|
||||
<script type="text/javascript" src="../source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
|
||||
|
||||
<!-- Add Media helper (this is optional) -->
|
||||
<script type="text/javascript" src="../source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
/*
|
||||
* Simple image gallery. Uses default settings
|
||||
*/
|
||||
|
||||
$('.fancybox').fancybox();
|
||||
|
||||
/*
|
||||
* Different effects
|
||||
*/
|
||||
|
||||
// Change title type, overlay closing speed
|
||||
$(".fancybox-effects-a").fancybox({
|
||||
helpers: {
|
||||
title : {
|
||||
type : 'outside'
|
||||
},
|
||||
overlay : {
|
||||
speedOut : 0
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Disable opening and closing animations, change title type
|
||||
$(".fancybox-effects-b").fancybox({
|
||||
openEffect : 'none',
|
||||
closeEffect : 'none',
|
||||
|
||||
helpers : {
|
||||
title : {
|
||||
type : 'over'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Set custom style, close if clicked, change title type and overlay color
|
||||
$(".fancybox-effects-c").fancybox({
|
||||
wrapCSS : 'fancybox-custom',
|
||||
closeClick : true,
|
||||
|
||||
openEffect : 'none',
|
||||
|
||||
helpers : {
|
||||
title : {
|
||||
type : 'inside'
|
||||
},
|
||||
overlay : {
|
||||
css : {
|
||||
'background' : 'rgba(238,238,238,0.85)'
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Remove padding, set opening and closing animations, close if clicked and disable overlay
|
||||
$(".fancybox-effects-d").fancybox({
|
||||
padding: 0,
|
||||
|
||||
openEffect : 'elastic',
|
||||
openSpeed : 150,
|
||||
|
||||
closeEffect : 'elastic',
|
||||
closeSpeed : 150,
|
||||
|
||||
closeClick : true,
|
||||
|
||||
helpers : {
|
||||
overlay : null
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
* Button helper. Disable animations, hide close button, change title type and content
|
||||
*/
|
||||
|
||||
$('.fancybox-buttons').fancybox({
|
||||
openEffect : 'none',
|
||||
closeEffect : 'none',
|
||||
|
||||
prevEffect : 'none',
|
||||
nextEffect : 'none',
|
||||
|
||||
closeBtn : false,
|
||||
|
||||
helpers : {
|
||||
title : {
|
||||
type : 'inside'
|
||||
},
|
||||
buttons : {}
|
||||
},
|
||||
|
||||
afterLoad : function() {
|
||||
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/*
|
||||
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
|
||||
*/
|
||||
|
||||
$('.fancybox-thumbs').fancybox({
|
||||
prevEffect : 'none',
|
||||
nextEffect : 'none',
|
||||
|
||||
closeBtn : false,
|
||||
arrows : false,
|
||||
nextClick : true,
|
||||
|
||||
helpers : {
|
||||
thumbs : {
|
||||
width : 50,
|
||||
height : 50
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
|
||||
*/
|
||||
$('.fancybox-media')
|
||||
.attr('rel', 'media-gallery')
|
||||
.fancybox({
|
||||
openEffect : 'none',
|
||||
closeEffect : 'none',
|
||||
prevEffect : 'none',
|
||||
nextEffect : 'none',
|
||||
|
||||
arrows : false,
|
||||
helpers : {
|
||||
media : {},
|
||||
buttons : {}
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
* Open manually
|
||||
*/
|
||||
|
||||
$("#fancybox-manual-a").click(function() {
|
||||
$.fancybox.open('1_b.jpg');
|
||||
});
|
||||
|
||||
$("#fancybox-manual-b").click(function() {
|
||||
$.fancybox.open({
|
||||
href : 'iframe.html',
|
||||
type : 'iframe',
|
||||
padding : 5
|
||||
});
|
||||
});
|
||||
|
||||
$("#fancybox-manual-c").click(function() {
|
||||
$.fancybox.open([
|
||||
{
|
||||
href : '1_b.jpg',
|
||||
title : 'My title'
|
||||
}, {
|
||||
href : '2_b.jpg',
|
||||
title : '2nd title'
|
||||
}, {
|
||||
href : '3_b.jpg'
|
||||
}
|
||||
], {
|
||||
helpers : {
|
||||
thumbs : {
|
||||
width: 75,
|
||||
height: 50
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.fancybox-custom .fancybox-skin {
|
||||
box-shadow: 0 0 50px #222;
|
||||
}
|
||||
|
||||
body {
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>fancyBox</h1>
|
||||
|
||||
<p>This is a demonstration. More information and examples: <a href="http://fancyapps.com/fancybox/">www.fancyapps.com/fancybox/</a></p>
|
||||
|
||||
<h3>Simple image gallery</h3>
|
||||
<p>
|
||||
<a class="fancybox" href="1_b.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="1_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox" href="2_b.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="2_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox" href="3_b.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="3_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox" href="4_b.jpg" data-fancybox-group="gallery" title="Sed vel sapien vel sem uno"><img src="4_s.jpg" alt="" /></a>
|
||||
</p>
|
||||
|
||||
<h3>Different effects</h3>
|
||||
<p>
|
||||
<a class="fancybox-effects-a" href="5_b.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit"><img src="5_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox-effects-b" href="5_b.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit"><img src="5_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox-effects-c" href="5_b.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit"><img src="5_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox-effects-d" href="5_b.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit"><img src="5_s.jpg" alt="" /></a>
|
||||
</p>
|
||||
|
||||
<h3>Various types</h3>
|
||||
<p>
|
||||
fancyBox will try to guess content type from href attribute but you can specify it directly by adding classname (fancybox.image, fancybox.iframe, etc).
|
||||
</p>
|
||||
<ul>
|
||||
<li><a class="fancybox" href="#inline1" title="Lorem ipsum dolor sit amet">Inline</a></li>
|
||||
<li><a class="fancybox fancybox.ajax" href="ajax.txt">Ajax</a></li>
|
||||
<li><a class="fancybox fancybox.iframe" href="iframe.html">Iframe</a></li>
|
||||
<li><a class="fancybox" href="http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf">Swf</a></li>
|
||||
</ul>
|
||||
|
||||
<div id="inline1" style="width:400px;display: none;">
|
||||
<h3>Etiam quis mi eu elit</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien. Vestibulum imperdiet porta ante ac ornare. Nulla et lorem eu nibh adipiscing ultricies nec at lacus. Cras laoreet ultricies sem, at blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium varius, cursus ac tortor. Vivamus fringilla congue laoreet. Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac. Maecenas nisl nunc, molestie vitae eleifend vel, iaculis sed magna. Aenean tempus lacus vitae orci posuere porttitor eget non felis. Donec lectus elit, aliquam nec eleifend sit amet, vestibulum sed nunc.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
Ajax example will not run from your local computer and requires a server to run.
|
||||
</p>
|
||||
|
||||
<h3>Button helper</h3>
|
||||
<p>
|
||||
<a class="fancybox-buttons" data-fancybox-group="button" href="1_b.jpg"><img src="1_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox-buttons" data-fancybox-group="button" href="2_b.jpg"><img src="2_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox-buttons" data-fancybox-group="button" href="3_b.jpg"><img src="3_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox-buttons" data-fancybox-group="button" href="4_b.jpg"><img src="4_s.jpg" alt="" /></a>
|
||||
</p>
|
||||
|
||||
<h3>Thumbnail helper</h3>
|
||||
<p>
|
||||
<a class="fancybox-thumbs" data-fancybox-group="thumb" href="4_b.jpg"><img src="4_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox-thumbs" data-fancybox-group="thumb" href="3_b.jpg"><img src="3_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox-thumbs" data-fancybox-group="thumb" href="2_b.jpg"><img src="2_s.jpg" alt="" /></a>
|
||||
|
||||
<a class="fancybox-thumbs" data-fancybox-group="thumb" href="1_b.jpg"><img src="1_s.jpg" alt="" /></a>
|
||||
</p>
|
||||
|
||||
<h3>Media helper</h3>
|
||||
<p>
|
||||
Will not run from your local computer, requires a server to run.
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li><a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo">Youtube</a></li>
|
||||
<li><a class="fancybox-media" href="http://vimeo.com/47480346">Vimeo</a></li>
|
||||
<li><a class="fancybox-media" href="http://www.metacafe.com/watch/7635964/">Metacafe</a></li>
|
||||
<li><a class="fancybox-media" href="http://www.dailymotion.com/video/xoeylt_electric-guest-this-head-i-hold_music">Dailymotion</a></li>
|
||||
<li><a class="fancybox-media" href="http://twitvid.com/QY7MD">Twitvid</a></li>
|
||||
<li><a class="fancybox-media" href="http://twitpic.com/7p93st">Twitpic</a></li>
|
||||
<li><a class="fancybox-media" href="http://instagr.am/p/IejkuUGxQn">Instagram</a></li>
|
||||
</ul>
|
||||
|
||||
<h3>Open manually</h3>
|
||||
<ul>
|
||||
<li><a id="fancybox-manual-a" href="javascript:;">Open single item</a></li>
|
||||
<li><a id="fancybox-manual-b" href="javascript:;">Open single item, custom options</a></li>
|
||||
<li><a id="fancybox-manual-c" href="javascript:;">Open gallery</a></li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Photo Credit: Instagrammer @whitjohns
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,31 +0,0 @@
|
||||
{
|
||||
"name": "fancybox",
|
||||
"title": "fancyBox",
|
||||
"description": "fancyBox offers an elegant way to present images, html content and multimedia for webpages",
|
||||
"keywords": [
|
||||
"lightbox",
|
||||
"effect",
|
||||
"responsive",
|
||||
"modal",
|
||||
"window",
|
||||
"ui"
|
||||
],
|
||||
"version": "2.1.5",
|
||||
"author": {
|
||||
"name": "Janis Skarnelis",
|
||||
"url": "http://fancyapps.com/contact/"
|
||||
},
|
||||
"licenses": [
|
||||
{
|
||||
"type": "fancyBox",
|
||||
"url": "http://fancyapps.com/fancybox/#license"
|
||||
}
|
||||
],
|
||||
"homepage": "http://fancyapps.com/fancybox/",
|
||||
"docs": "http://fancyapps.com/fancybox/#docs",
|
||||
"download": "http://fancyapps.com/fancybox/#license",
|
||||
"bugs": "https://github.com/fancyapps/fancyBox/issues",
|
||||
"dependencies": {
|
||||
"jquery": ">=1.7"
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -1,14 +0,0 @@
|
||||
/*! Copyright (c) 2013 Brandon Aaron (http://brandonaaron.net)
|
||||
* Licensed under the MIT License (LICENSE.txt).
|
||||
*
|
||||
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
|
||||
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
|
||||
* Thanks to: Seamus Leahy for adding deltaX and deltaY
|
||||
*
|
||||
* Version: 3.1.3
|
||||
*
|
||||
* Requires: 1.2.2+
|
||||
*/
|
||||
;(function(c){"function"===typeof define&&define.amd?define(["jquery"],c):"object"===typeof exports?module.exports=c:c(jQuery)})(function(c){function l(b){var a=b||window.event,h=[].slice.call(arguments,1),d=0,e=0,f=0,g=0,g=0;b=c.event.fix(a);b.type="mousewheel";a.wheelDelta&&(d=a.wheelDelta);a.detail&&(d=-1*a.detail);a.deltaY&&(d=f=-1*a.deltaY);a.deltaX&&(e=a.deltaX,d=-1*e);void 0!==a.wheelDeltaY&&(f=a.wheelDeltaY);void 0!==a.wheelDeltaX&&(e=-1*a.wheelDeltaX);g=Math.abs(d);if(!m||g<m)m=g;g=Math.max(Math.abs(f),
|
||||
Math.abs(e));if(!k||g<k)k=g;a=0<d?"floor":"ceil";d=Math[a](d/m);e=Math[a](e/k);f=Math[a](f/k);try{b.originalEvent.hasOwnProperty("wheelDelta")}catch(l){f=d}h.unshift(b,d,e,f);return(c.event.dispatch||c.event.handle).apply(this,h)}var n=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||9<=document.documentMode?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],m,k;if(c.event.fixHooks)for(var p=n.length;p;)c.event.fixHooks[n[--p]]=c.event.mouseHooks;
|
||||
c.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var b=h.length;b;)this.addEventListener(h[--b],l,!1);else this.onmousewheel=l},teardown:function(){if(this.removeEventListener)for(var b=h.length;b;)this.removeEventListener(h[--b],l,!1);else this.onmousewheel=null}};c.fn.extend({mousewheel:function(b){return b?this.bind("mousewheel",b):this.trigger("mousewheel")},unmousewheel:function(b){return this.unbind("mousewheel",b)}})});
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 43 B |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1003 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
@@ -1,97 +0,0 @@
|
||||
#fancybox-buttons {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
#fancybox-buttons.top {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
#fancybox-buttons.bottom {
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
#fancybox-buttons ul {
|
||||
display: block;
|
||||
width: 166px;
|
||||
height: 30px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
border: 1px solid #111;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
|
||||
background: rgb(50,50,50);
|
||||
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
|
||||
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
|
||||
}
|
||||
|
||||
#fancybox-buttons ul li {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fancybox-buttons a {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-indent: -9999px;
|
||||
background-color: transparent;
|
||||
background-image: url('fancybox_buttons.png');
|
||||
background-repeat: no-repeat;
|
||||
outline: none;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#fancybox-buttons a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPrev {
|
||||
background-position: 5px 0;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnNext {
|
||||
background-position: -33px 0;
|
||||
border-right: 1px solid #3e3e3e;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPlay {
|
||||
background-position: 0 -30px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnPlayOn {
|
||||
background-position: -30px -30px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnToggle {
|
||||
background-position: 3px -60px;
|
||||
border-left: 1px solid #111;
|
||||
border-right: 1px solid #3e3e3e;
|
||||
width: 35px
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnToggleOn {
|
||||
background-position: -27px -60px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnClose {
|
||||
border-left: 1px solid #111;
|
||||
width: 35px;
|
||||
background-position: -56px 0px;
|
||||
}
|
||||
|
||||
#fancybox-buttons a.btnDisabled {
|
||||
opacity : 0.4;
|
||||
cursor: default;
|
||||
}
|
||||
@@ -1,122 +0,0 @@
|
||||
/*!
|
||||
* Buttons helper for fancyBox
|
||||
* version: 1.0.5 (Mon, 15 Oct 2012)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* buttons: {
|
||||
* position : 'top'
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
*/
|
||||
;(function ($) {
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox;
|
||||
|
||||
//Add helper object
|
||||
F.helpers.buttons = {
|
||||
defaults : {
|
||||
skipSingle : false, // disables if gallery contains single image
|
||||
position : 'top', // 'top' or 'bottom'
|
||||
tpl : '<div id="fancybox-buttons"><ul><li><a class="btnPrev" title="Previous" href="javascript:;"></a></li><li><a class="btnPlay" title="Start slideshow" href="javascript:;"></a></li><li><a class="btnNext" title="Next" href="javascript:;"></a></li><li><a class="btnToggle" title="Toggle size" href="javascript:;"></a></li><li><a class="btnClose" title="Close" href="javascript:;"></a></li></ul></div>'
|
||||
},
|
||||
|
||||
list : null,
|
||||
buttons: null,
|
||||
|
||||
beforeLoad: function (opts, obj) {
|
||||
//Remove self if gallery do not have at least two items
|
||||
|
||||
if (opts.skipSingle && obj.group.length < 2) {
|
||||
obj.helpers.buttons = false;
|
||||
obj.closeBtn = true;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//Increase top margin to give space for buttons
|
||||
obj.margin[ opts.position === 'bottom' ? 2 : 0 ] += 30;
|
||||
},
|
||||
|
||||
onPlayStart: function () {
|
||||
if (this.buttons) {
|
||||
this.buttons.play.attr('title', 'Pause slideshow').addClass('btnPlayOn');
|
||||
}
|
||||
},
|
||||
|
||||
onPlayEnd: function () {
|
||||
if (this.buttons) {
|
||||
this.buttons.play.attr('title', 'Start slideshow').removeClass('btnPlayOn');
|
||||
}
|
||||
},
|
||||
|
||||
afterShow: function (opts, obj) {
|
||||
var buttons = this.buttons;
|
||||
|
||||
if (!buttons) {
|
||||
this.list = $(opts.tpl).addClass(opts.position).appendTo('body');
|
||||
|
||||
buttons = {
|
||||
prev : this.list.find('.btnPrev').click( F.prev ),
|
||||
next : this.list.find('.btnNext').click( F.next ),
|
||||
play : this.list.find('.btnPlay').click( F.play ),
|
||||
toggle : this.list.find('.btnToggle').click( F.toggle ),
|
||||
close : this.list.find('.btnClose').click( F.close )
|
||||
}
|
||||
}
|
||||
|
||||
//Prev
|
||||
if (obj.index > 0 || obj.loop) {
|
||||
buttons.prev.removeClass('btnDisabled');
|
||||
} else {
|
||||
buttons.prev.addClass('btnDisabled');
|
||||
}
|
||||
|
||||
//Next / Play
|
||||
if (obj.loop || obj.index < obj.group.length - 1) {
|
||||
buttons.next.removeClass('btnDisabled');
|
||||
buttons.play.removeClass('btnDisabled');
|
||||
|
||||
} else {
|
||||
buttons.next.addClass('btnDisabled');
|
||||
buttons.play.addClass('btnDisabled');
|
||||
}
|
||||
|
||||
this.buttons = buttons;
|
||||
|
||||
this.onUpdate(opts, obj);
|
||||
},
|
||||
|
||||
onUpdate: function (opts, obj) {
|
||||
var toggle;
|
||||
|
||||
if (!this.buttons) {
|
||||
return;
|
||||
}
|
||||
|
||||
toggle = this.buttons.toggle.removeClass('btnDisabled btnToggleOn');
|
||||
|
||||
//Size toggle button
|
||||
if (obj.canShrink) {
|
||||
toggle.addClass('btnToggleOn');
|
||||
|
||||
} else if (!obj.canExpand) {
|
||||
toggle.addClass('btnDisabled');
|
||||
}
|
||||
},
|
||||
|
||||
beforeClose: function () {
|
||||
if (this.list) {
|
||||
this.list.remove();
|
||||
}
|
||||
|
||||
this.list = null;
|
||||
this.buttons = null;
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
@@ -1,199 +0,0 @@
|
||||
/*!
|
||||
* Media helper for fancyBox
|
||||
* version: 1.0.6 (Fri, 14 Jun 2013)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* media: true
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Set custom URL parameters:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* media: {
|
||||
* youtube : {
|
||||
* params : {
|
||||
* autoplay : 0
|
||||
* }
|
||||
* }
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Or:
|
||||
* $(".fancybox").fancybox({,
|
||||
* helpers : {
|
||||
* media: true
|
||||
* },
|
||||
* youtube : {
|
||||
* autoplay: 0
|
||||
* }
|
||||
* });
|
||||
*
|
||||
* Supports:
|
||||
*
|
||||
* Youtube
|
||||
* http://www.youtube.com/watch?v=opj24KnzrWo
|
||||
* http://www.youtube.com/embed/opj24KnzrWo
|
||||
* http://youtu.be/opj24KnzrWo
|
||||
* http://www.youtube-nocookie.com/embed/opj24KnzrWo
|
||||
* Vimeo
|
||||
* http://vimeo.com/40648169
|
||||
* http://vimeo.com/channels/staffpicks/38843628
|
||||
* http://vimeo.com/groups/surrealism/videos/36516384
|
||||
* http://player.vimeo.com/video/45074303
|
||||
* Metacafe
|
||||
* http://www.metacafe.com/watch/7635964/dr_seuss_the_lorax_movie_trailer/
|
||||
* http://www.metacafe.com/watch/7635964/
|
||||
* Dailymotion
|
||||
* http://www.dailymotion.com/video/xoytqh_dr-seuss-the-lorax-premiere_people
|
||||
* Twitvid
|
||||
* http://twitvid.com/QY7MD
|
||||
* Twitpic
|
||||
* http://twitpic.com/7p93st
|
||||
* Instagram
|
||||
* http://instagr.am/p/IejkuUGxQn/
|
||||
* http://instagram.com/p/IejkuUGxQn/
|
||||
* Google maps
|
||||
* http://maps.google.com/maps?q=Eiffel+Tower,+Avenue+Gustave+Eiffel,+Paris,+France&t=h&z=17
|
||||
* http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
|
||||
* http://maps.google.com/?ll=48.859463,2.292626&spn=0.000965,0.002642&t=m&z=19&layer=c&cbll=48.859524,2.292532&panoid=YJ0lq28OOy3VT2IqIuVY0g&cbp=12,151.58,,0,-15.56
|
||||
*/
|
||||
;(function ($) {
|
||||
"use strict";
|
||||
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox,
|
||||
format = function( url, rez, params ) {
|
||||
params = params || '';
|
||||
|
||||
if ( $.type( params ) === "object" ) {
|
||||
params = $.param(params, true);
|
||||
}
|
||||
|
||||
$.each(rez, function(key, value) {
|
||||
url = url.replace( '$' + key, value || '' );
|
||||
});
|
||||
|
||||
if (params.length) {
|
||||
url += ( url.indexOf('?') > 0 ? '&' : '?' ) + params;
|
||||
}
|
||||
|
||||
return url;
|
||||
};
|
||||
|
||||
//Add helper object
|
||||
F.helpers.media = {
|
||||
defaults : {
|
||||
youtube : {
|
||||
matcher : /(youtube\.com|youtu\.be|youtube-nocookie\.com)\/(watch\?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*)).*/i,
|
||||
params : {
|
||||
autoplay : 1,
|
||||
autohide : 1,
|
||||
fs : 1,
|
||||
rel : 0,
|
||||
hd : 1,
|
||||
wmode : 'opaque',
|
||||
enablejsapi : 1
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//www.youtube.com/embed/$3'
|
||||
},
|
||||
vimeo : {
|
||||
matcher : /(?:vimeo(?:pro)?.com)\/(?:[^\d]+)?(\d+)(?:.*)/,
|
||||
params : {
|
||||
autoplay : 1,
|
||||
hd : 1,
|
||||
show_title : 1,
|
||||
show_byline : 1,
|
||||
show_portrait : 0,
|
||||
fullscreen : 1
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//player.vimeo.com/video/$1'
|
||||
},
|
||||
metacafe : {
|
||||
matcher : /metacafe.com\/(?:watch|fplayer)\/([\w\-]{1,10})/,
|
||||
params : {
|
||||
autoPlay : 'yes'
|
||||
},
|
||||
type : 'swf',
|
||||
url : function( rez, params, obj ) {
|
||||
obj.swf.flashVars = 'playerVars=' + $.param( params, true );
|
||||
|
||||
return '//www.metacafe.com/fplayer/' + rez[1] + '/.swf';
|
||||
}
|
||||
},
|
||||
dailymotion : {
|
||||
matcher : /dailymotion.com\/video\/(.*)\/?(.*)/,
|
||||
params : {
|
||||
additionalInfos : 0,
|
||||
autoStart : 1
|
||||
},
|
||||
type : 'swf',
|
||||
url : '//www.dailymotion.com/swf/video/$1'
|
||||
},
|
||||
twitvid : {
|
||||
matcher : /twitvid\.com\/([a-zA-Z0-9_\-\?\=]+)/i,
|
||||
params : {
|
||||
autoplay : 0
|
||||
},
|
||||
type : 'iframe',
|
||||
url : '//www.twitvid.com/embed.php?guid=$1'
|
||||
},
|
||||
twitpic : {
|
||||
matcher : /twitpic\.com\/(?!(?:place|photos|events)\/)([a-zA-Z0-9\?\=\-]+)/i,
|
||||
type : 'image',
|
||||
url : '//twitpic.com/show/full/$1/'
|
||||
},
|
||||
instagram : {
|
||||
matcher : /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
|
||||
type : 'image',
|
||||
url : '//$1/p/$2/media/?size=l'
|
||||
},
|
||||
google_maps : {
|
||||
matcher : /maps\.google\.([a-z]{2,3}(\.[a-z]{2})?)\/(\?ll=|maps\?)(.*)/i,
|
||||
type : 'iframe',
|
||||
url : function( rez ) {
|
||||
return '//maps.google.' + rez[1] + '/' + rez[3] + '' + rez[4] + '&output=' + (rez[4].indexOf('layer=c') > 0 ? 'svembed' : 'embed');
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
beforeLoad : function(opts, obj) {
|
||||
var url = obj.href || '',
|
||||
type = false,
|
||||
what,
|
||||
item,
|
||||
rez,
|
||||
params;
|
||||
|
||||
for (what in opts) {
|
||||
if (opts.hasOwnProperty(what)) {
|
||||
item = opts[ what ];
|
||||
rez = url.match( item.matcher );
|
||||
|
||||
if (rez) {
|
||||
type = item.type;
|
||||
params = $.extend(true, {}, item.params, obj[ what ] || ($.isPlainObject(opts[ what ]) ? opts[ what ].params : null));
|
||||
|
||||
url = $.type( item.url ) === "function" ? item.url.call( this, rez, params, obj ) : format( item.url, rez, params );
|
||||
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (type) {
|
||||
obj.href = url;
|
||||
obj.type = type;
|
||||
|
||||
obj.autoHeight = false;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
}(jQuery));
|
||||
@@ -1,55 +0,0 @@
|
||||
#fancybox-thumbs {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
#fancybox-thumbs.bottom {
|
||||
bottom: 2px;
|
||||
}
|
||||
|
||||
#fancybox-thumbs.top {
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li {
|
||||
float: left;
|
||||
padding: 1px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li.active {
|
||||
opacity: 0.75;
|
||||
padding: 0;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li a {
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid #222;
|
||||
background: #111;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#fancybox-thumbs ul li img {
|
||||
display: block;
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
max-width: none;
|
||||
}
|
||||
@@ -1,165 +0,0 @@
|
||||
/*!
|
||||
* Thumbnail helper for fancyBox
|
||||
* version: 1.0.7 (Mon, 01 Oct 2012)
|
||||
* @requires fancyBox v2.0 or later
|
||||
*
|
||||
* Usage:
|
||||
* $(".fancybox").fancybox({
|
||||
* helpers : {
|
||||
* thumbs: {
|
||||
* width : 50,
|
||||
* height : 50
|
||||
* }
|
||||
* }
|
||||
* });
|
||||
*
|
||||
*/
|
||||
;(function ($) {
|
||||
//Shortcut for fancyBox object
|
||||
var F = $.fancybox;
|
||||
|
||||
//Add helper object
|
||||
F.helpers.thumbs = {
|
||||
defaults : {
|
||||
width : 50, // thumbnail width
|
||||
height : 50, // thumbnail height
|
||||
position : 'bottom', // 'top' or 'bottom'
|
||||
source : function ( item ) { // function to obtain the URL of the thumbnail image
|
||||
var href;
|
||||
|
||||
if (item.element) {
|
||||
href = $(item.element).find('img').attr('src');
|
||||
}
|
||||
|
||||
if (!href && item.type === 'image' && item.href) {
|
||||
href = item.href;
|
||||
}
|
||||
|
||||
return href;
|
||||
}
|
||||
},
|
||||
|
||||
wrap : null,
|
||||
list : null,
|
||||
width : 0,
|
||||
|
||||
init: function (opts, obj) {
|
||||
var that = this,
|
||||
list,
|
||||
thumbWidth = opts.width,
|
||||
thumbHeight = opts.height,
|
||||
thumbSource = opts.source;
|
||||
|
||||
//Build list structure
|
||||
list = '';
|
||||
|
||||
for (var n = 0; n < obj.group.length; n++) {
|
||||
list += '<li><a style="width:' + thumbWidth + 'px;height:' + thumbHeight + 'px;" href="javascript:jQuery.fancybox.jumpto(' + n + ');"></a></li>';
|
||||
}
|
||||
|
||||
this.wrap = $('<div id="fancybox-thumbs"></div>').addClass(opts.position).appendTo('body');
|
||||
this.list = $('<ul>' + list + '</ul>').appendTo(this.wrap);
|
||||
|
||||
//Load each thumbnail
|
||||
$.each(obj.group, function (i) {
|
||||
var el = obj.group[ i ],
|
||||
href = thumbSource( el );
|
||||
|
||||
if (!href) {
|
||||
return;
|
||||
}
|
||||
|
||||
$("<img />").load(function () {
|
||||
var width = this.width,
|
||||
height = this.height,
|
||||
widthRatio, heightRatio, parent;
|
||||
|
||||
if (!that.list || !width || !height) {
|
||||
return;
|
||||
}
|
||||
|
||||
//Calculate thumbnail width/height and center it
|
||||
widthRatio = width / thumbWidth;
|
||||
heightRatio = height / thumbHeight;
|
||||
|
||||
parent = that.list.children().eq(i).find('a');
|
||||
|
||||
if (widthRatio >= 1 && heightRatio >= 1) {
|
||||
if (widthRatio > heightRatio) {
|
||||
width = Math.floor(width / heightRatio);
|
||||
height = thumbHeight;
|
||||
|
||||
} else {
|
||||
width = thumbWidth;
|
||||
height = Math.floor(height / widthRatio);
|
||||
}
|
||||
}
|
||||
|
||||
$(this).css({
|
||||
width : width,
|
||||
height : height,
|
||||
top : Math.floor(thumbHeight / 2 - height / 2),
|
||||
left : Math.floor(thumbWidth / 2 - width / 2)
|
||||
});
|
||||
|
||||
parent.width(thumbWidth).height(thumbHeight);
|
||||
|
||||
$(this).hide().appendTo(parent).fadeIn(300);
|
||||
|
||||
})
|
||||
.attr('src', href)
|
||||
.attr('title', el.title);
|
||||
});
|
||||
|
||||
//Set initial width
|
||||
this.width = this.list.children().eq(0).outerWidth(true);
|
||||
|
||||
this.list.width(this.width * (obj.group.length + 1)).css('left', Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5)));
|
||||
},
|
||||
|
||||
beforeLoad: function (opts, obj) {
|
||||
//Remove self if gallery do not have at least two items
|
||||
if (obj.group.length < 2) {
|
||||
obj.helpers.thumbs = false;
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
//Increase bottom margin to give space for thumbs
|
||||
obj.margin[ opts.position === 'top' ? 0 : 2 ] += ((opts.height) + 15);
|
||||
},
|
||||
|
||||
afterShow: function (opts, obj) {
|
||||
//Check if exists and create or update list
|
||||
if (this.list) {
|
||||
this.onUpdate(opts, obj);
|
||||
|
||||
} else {
|
||||
this.init(opts, obj);
|
||||
}
|
||||
|
||||
//Set active element
|
||||
this.list.children().removeClass('active').eq(obj.index).addClass('active');
|
||||
},
|
||||
|
||||
//Center list
|
||||
onUpdate: function (opts, obj) {
|
||||
if (this.list) {
|
||||
this.list.stop(true).animate({
|
||||
'left': Math.floor($(window).width() * 0.5 - (obj.index * this.width + this.width * 0.5))
|
||||
}, 150);
|
||||
}
|
||||
},
|
||||
|
||||
beforeClose: function () {
|
||||
if (this.wrap) {
|
||||
this.wrap.remove();
|
||||
}
|
||||
|
||||
this.wrap = null;
|
||||
this.list = null;
|
||||
this.width = 0;
|
||||
}
|
||||
}
|
||||
|
||||
}(jQuery));
|
||||
@@ -1,273 +0,0 @@
|
||||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
.fancybox-wrap,
|
||||
.fancybox-skin,
|
||||
.fancybox-outer,
|
||||
.fancybox-inner,
|
||||
.fancybox-image,
|
||||
.fancybox-wrap iframe,
|
||||
.fancybox-wrap object,
|
||||
.fancybox-nav,
|
||||
.fancybox-nav span,
|
||||
.fancybox-tmp
|
||||
{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
outline: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fancybox-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 8020;
|
||||
}
|
||||
|
||||
.fancybox-skin {
|
||||
position: relative;
|
||||
background: #f9f9f9;
|
||||
color: #444;
|
||||
text-shadow: none;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.fancybox-opened {
|
||||
z-index: 8030;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-skin {
|
||||
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.fancybox-outer, .fancybox-inner {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fancybox-inner {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-type-iframe .fancybox-inner {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.fancybox-error {
|
||||
color: #444;
|
||||
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
margin: 0;
|
||||
padding: 15px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-image, .fancybox-iframe {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fancybox-image {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url(fancybox_sprite.png);
|
||||
}
|
||||
|
||||
#fancybox-loading {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -22px;
|
||||
margin-left: -22px;
|
||||
background-position: 0 -108px;
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
z-index: 8060;
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background: url(fancybox_loading.gif) center center no-repeat;
|
||||
}
|
||||
|
||||
.fancybox-close {
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
right: -18px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
background: transparent url(blank.gif); /* helps IE */
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
z-index: 8040;
|
||||
}
|
||||
|
||||
.fancybox-prev {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fancybox-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-nav span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin-top: -18px;
|
||||
cursor: pointer;
|
||||
z-index: 8040;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.fancybox-prev span {
|
||||
left: 10px;
|
||||
background-position: 0 -36px;
|
||||
}
|
||||
|
||||
.fancybox-next span {
|
||||
right: 10px;
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
.fancybox-nav:hover span {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-tmp {
|
||||
position: absolute;
|
||||
top: -99999px;
|
||||
left: -99999px;
|
||||
max-width: 99999px;
|
||||
max-height: 99999px;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* Overlay helper */
|
||||
|
||||
.fancybox-lock {
|
||||
overflow: visible !important;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.fancybox-lock body {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-lock-test {
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
.fancybox-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 8010;
|
||||
background: url(fancybox_overlay.png);
|
||||
}
|
||||
|
||||
.fancybox-overlay-fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.fancybox-lock .fancybox-overlay {
|
||||
overflow: auto;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
/* Title helper */
|
||||
|
||||
.fancybox-title {
|
||||
visibility: hidden;
|
||||
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
position: relative;
|
||||
text-shadow: none;
|
||||
z-index: 8050;
|
||||
}
|
||||
|
||||
.fancybox-opened .fancybox-title {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 50%;
|
||||
margin-bottom: -35px;
|
||||
z-index: 8050;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fancybox-title-float-wrap .child {
|
||||
display: inline-block;
|
||||
margin-right: -100%;
|
||||
padding: 2px 20px;
|
||||
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
text-shadow: 0 1px 2px #222;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
line-height: 24px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-title-outside-wrap {
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-title-inside-wrap {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.fancybox-title-over-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
/*Retina graphics!*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min--moz-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5){
|
||||
|
||||
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
|
||||
background-image: url(fancybox_sprite@2x.png);
|
||||
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
|
||||
#fancybox-loading div {
|
||||
background-image: url(fancybox_loading@2x.gif);
|
||||
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,46 +0,0 @@
|
||||
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
|
||||
(function(s,H,f,w){var K=f("html"),q=f(s),p=f(H),b=f.fancybox=function(){b.open.apply(this,arguments)},J=navigator.userAgent.match(/msie/i),C=null,t=H.createTouch!==w,u=function(a){return a&&a.hasOwnProperty&&a instanceof f},r=function(a){return a&&"string"===f.type(a)},F=function(a){return r(a)&&0<a.indexOf("%")},m=function(a,d){var e=parseInt(a,10)||0;d&&F(a)&&(e*=b.getViewport()[d]/100);return Math.ceil(e)},x=function(a,b){return m(a,b)+"px"};f.extend(b,{version:"2.1.5",defaults:{padding:15,margin:20,
|
||||
width:800,height:600,minWidth:100,minHeight:100,maxWidth:9999,maxHeight:9999,pixelRatio:1,autoSize:!0,autoHeight:!1,autoWidth:!1,autoResize:!0,autoCenter:!t,fitToView:!0,aspectRatio:!1,topRatio:0.5,leftRatio:0.5,scrolling:"auto",wrapCSS:"",arrows:!0,closeBtn:!0,closeClick:!1,nextClick:!1,mouseWheel:!0,autoPlay:!1,playSpeed:3E3,preload:3,modal:!1,loop:!0,ajax:{dataType:"html",headers:{"X-fancyBox":!0}},iframe:{scrolling:"auto",preload:!0},swf:{wmode:"transparent",allowfullscreen:"true",allowscriptaccess:"always"},
|
||||
keys:{next:{13:"left",34:"up",39:"left",40:"up"},prev:{8:"right",33:"down",37:"right",38:"down"},close:[27],play:[32],toggle:[70]},direction:{next:"left",prev:"right"},scrollOutside:!0,index:0,type:null,href:null,content:null,title:null,tpl:{wrap:'<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',image:'<img class="fancybox-image" src="{href}" alt="" />',iframe:'<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen'+
|
||||
(J?' allowtransparency="true"':"")+"></iframe>",error:'<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',closeBtn:'<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',next:'<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',prev:'<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'},openEffect:"fade",openSpeed:250,openEasing:"swing",openOpacity:!0,
|
||||
openMethod:"zoomIn",closeEffect:"fade",closeSpeed:250,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",nextEffect:"elastic",nextSpeed:250,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic",prevSpeed:250,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:!0,title:!0},onCancel:f.noop,beforeLoad:f.noop,afterLoad:f.noop,beforeShow:f.noop,afterShow:f.noop,beforeChange:f.noop,beforeClose:f.noop,afterClose:f.noop},group:{},opts:{},previous:null,coming:null,current:null,isActive:!1,
|
||||
isOpen:!1,isOpened:!1,wrap:null,skin:null,outer:null,inner:null,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(a,d){if(a&&(f.isPlainObject(d)||(d={}),!1!==b.close(!0)))return f.isArray(a)||(a=u(a)?f(a).get():[a]),f.each(a,function(e,c){var l={},g,h,k,n,m;"object"===f.type(c)&&(c.nodeType&&(c=f(c)),u(c)?(l={href:c.data("fancybox-href")||c.attr("href"),title:f("<div/>").text(c.data("fancybox-title")||c.attr("title")).html(),isDom:!0,element:c},
|
||||
f.metadata&&f.extend(!0,l,c.metadata())):l=c);g=d.href||l.href||(r(c)?c:null);h=d.title!==w?d.title:l.title||"";n=(k=d.content||l.content)?"html":d.type||l.type;!n&&l.isDom&&(n=c.data("fancybox-type"),n||(n=(n=c.prop("class").match(/fancybox\.(\w+)/))?n[1]:null));r(g)&&(n||(b.isImage(g)?n="image":b.isSWF(g)?n="swf":"#"===g.charAt(0)?n="inline":r(c)&&(n="html",k=c)),"ajax"===n&&(m=g.split(/\s+/,2),g=m.shift(),m=m.shift()));k||("inline"===n?g?k=f(r(g)?g.replace(/.*(?=#[^\s]+$)/,""):g):l.isDom&&(k=c):
|
||||
"html"===n?k=g:n||g||!l.isDom||(n="inline",k=c));f.extend(l,{href:g,type:n,content:k,title:h,selector:m});a[e]=l}),b.opts=f.extend(!0,{},b.defaults,d),d.keys!==w&&(b.opts.keys=d.keys?f.extend({},b.defaults.keys,d.keys):!1),b.group=a,b._start(b.opts.index)},cancel:function(){var a=b.coming;a&&!1===b.trigger("onCancel")||(b.hideLoading(),a&&(b.ajaxLoad&&b.ajaxLoad.abort(),b.ajaxLoad=null,b.imgPreload&&(b.imgPreload.onload=b.imgPreload.onerror=null),a.wrap&&a.wrap.stop(!0,!0).trigger("onReset").remove(),
|
||||
b.coming=null,b.current||b._afterZoomOut(a)))},close:function(a){b.cancel();!1!==b.trigger("beforeClose")&&(b.unbindEvents(),b.isActive&&(b.isOpen&&!0!==a?(b.isOpen=b.isOpened=!1,b.isClosing=!0,f(".fancybox-item, .fancybox-nav").remove(),b.wrap.stop(!0,!0).removeClass("fancybox-opened"),b.transitions[b.current.closeMethod]()):(f(".fancybox-wrap").stop(!0).trigger("onReset").remove(),b._afterZoomOut())))},play:function(a){var d=function(){clearTimeout(b.player.timer)},e=function(){d();b.current&&b.player.isActive&&
|
||||
(b.player.timer=setTimeout(b.next,b.current.playSpeed))},c=function(){d();p.unbind(".player");b.player.isActive=!1;b.trigger("onPlayEnd")};!0===a||!b.player.isActive&&!1!==a?b.current&&(b.current.loop||b.current.index<b.group.length-1)&&(b.player.isActive=!0,p.bind({"onCancel.player beforeClose.player":c,"onUpdate.player":e,"beforeLoad.player":d}),e(),b.trigger("onPlayStart")):c()},next:function(a){var d=b.current;d&&(r(a)||(a=d.direction.next),b.jumpto(d.index+1,a,"next"))},prev:function(a){var d=
|
||||
b.current;d&&(r(a)||(a=d.direction.prev),b.jumpto(d.index-1,a,"prev"))},jumpto:function(a,d,e){var c=b.current;c&&(a=m(a),b.direction=d||c.direction[a>=c.index?"next":"prev"],b.router=e||"jumpto",c.loop&&(0>a&&(a=c.group.length+a%c.group.length),a%=c.group.length),c.group[a]!==w&&(b.cancel(),b._start(a)))},reposition:function(a,d){var e=b.current,c=e?e.wrap:null,l;c&&(l=b._getPosition(d),a&&"scroll"===a.type?(delete l.position,c.stop(!0,!0).animate(l,200)):(c.css(l),e.pos=f.extend({},e.dim,l)))},
|
||||
update:function(a){var d=a&&a.originalEvent&&a.originalEvent.type,e=!d||"orientationchange"===d;e&&(clearTimeout(C),C=null);b.isOpen&&!C&&(C=setTimeout(function(){var c=b.current;c&&!b.isClosing&&(b.wrap.removeClass("fancybox-tmp"),(e||"load"===d||"resize"===d&&c.autoResize)&&b._setDimension(),"scroll"===d&&c.canShrink||b.reposition(a),b.trigger("onUpdate"),C=null)},e&&!t?0:300))},toggle:function(a){b.isOpen&&(b.current.fitToView="boolean"===f.type(a)?a:!b.current.fitToView,t&&(b.wrap.removeAttr("style").addClass("fancybox-tmp"),
|
||||
b.trigger("onUpdate")),b.update())},hideLoading:function(){p.unbind(".loading");f("#fancybox-loading").remove()},showLoading:function(){var a,d;b.hideLoading();a=f('<div id="fancybox-loading"><div></div></div>').click(b.cancel).appendTo("body");p.bind("keydown.loading",function(a){27===(a.which||a.keyCode)&&(a.preventDefault(),b.cancel())});b.defaults.fixed||(d=b.getViewport(),a.css({position:"absolute",top:0.5*d.h+d.y,left:0.5*d.w+d.x}));b.trigger("onLoading")},getViewport:function(){var a=b.current&&
|
||||
b.current.locked||!1,d={x:q.scrollLeft(),y:q.scrollTop()};a&&a.length?(d.w=a[0].clientWidth,d.h=a[0].clientHeight):(d.w=t&&s.innerWidth?s.innerWidth:q.width(),d.h=t&&s.innerHeight?s.innerHeight:q.height());return d},unbindEvents:function(){b.wrap&&u(b.wrap)&&b.wrap.unbind(".fb");p.unbind(".fb");q.unbind(".fb")},bindEvents:function(){var a=b.current,d;a&&(q.bind("orientationchange.fb"+(t?"":" resize.fb")+(a.autoCenter&&!a.locked?" scroll.fb":""),b.update),(d=a.keys)&&p.bind("keydown.fb",function(e){var c=
|
||||
e.which||e.keyCode,l=e.target||e.srcElement;if(27===c&&b.coming)return!1;e.ctrlKey||e.altKey||e.shiftKey||e.metaKey||l&&(l.type||f(l).is("[contenteditable]"))||f.each(d,function(d,l){if(1<a.group.length&&l[c]!==w)return b[d](l[c]),e.preventDefault(),!1;if(-1<f.inArray(c,l))return b[d](),e.preventDefault(),!1})}),f.fn.mousewheel&&a.mouseWheel&&b.wrap.bind("mousewheel.fb",function(d,c,l,g){for(var h=f(d.target||null),k=!1;h.length&&!(k||h.is(".fancybox-skin")||h.is(".fancybox-wrap"));)k=h[0]&&!(h[0].style.overflow&&
|
||||
"hidden"===h[0].style.overflow)&&(h[0].clientWidth&&h[0].scrollWidth>h[0].clientWidth||h[0].clientHeight&&h[0].scrollHeight>h[0].clientHeight),h=f(h).parent();0!==c&&!k&&1<b.group.length&&!a.canShrink&&(0<g||0<l?b.prev(0<g?"down":"left"):(0>g||0>l)&&b.next(0>g?"up":"right"),d.preventDefault())}))},trigger:function(a,d){var e,c=d||b.coming||b.current;if(c){f.isFunction(c[a])&&(e=c[a].apply(c,Array.prototype.slice.call(arguments,1)));if(!1===e)return!1;c.helpers&&f.each(c.helpers,function(d,e){if(e&&
|
||||
b.helpers[d]&&f.isFunction(b.helpers[d][a]))b.helpers[d][a](f.extend(!0,{},b.helpers[d].defaults,e),c)})}p.trigger(a)},isImage:function(a){return r(a)&&a.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i)},isSWF:function(a){return r(a)&&a.match(/\.(swf)((\?|#).*)?$/i)},_start:function(a){var d={},e,c;a=m(a);e=b.group[a]||null;if(!e)return!1;d=f.extend(!0,{},b.opts,e);e=d.margin;c=d.padding;"number"===f.type(e)&&(d.margin=[e,e,e,e]);"number"===f.type(c)&&(d.padding=[c,c,
|
||||
c,c]);d.modal&&f.extend(!0,d,{closeBtn:!1,closeClick:!1,nextClick:!1,arrows:!1,mouseWheel:!1,keys:null,helpers:{overlay:{closeClick:!1}}});d.autoSize&&(d.autoWidth=d.autoHeight=!0);"auto"===d.width&&(d.autoWidth=!0);"auto"===d.height&&(d.autoHeight=!0);d.group=b.group;d.index=a;b.coming=d;if(!1===b.trigger("beforeLoad"))b.coming=null;else{c=d.type;e=d.href;if(!c)return b.coming=null,b.current&&b.router&&"jumpto"!==b.router?(b.current.index=a,b[b.router](b.direction)):!1;b.isActive=!0;if("image"===
|
||||
c||"swf"===c)d.autoHeight=d.autoWidth=!1,d.scrolling="visible";"image"===c&&(d.aspectRatio=!0);"iframe"===c&&t&&(d.scrolling="scroll");d.wrap=f(d.tpl.wrap).addClass("fancybox-"+(t?"mobile":"desktop")+" fancybox-type-"+c+" fancybox-tmp "+d.wrapCSS).appendTo(d.parent||"body");f.extend(d,{skin:f(".fancybox-skin",d.wrap),outer:f(".fancybox-outer",d.wrap),inner:f(".fancybox-inner",d.wrap)});f.each(["Top","Right","Bottom","Left"],function(a,b){d.skin.css("padding"+b,x(d.padding[a]))});b.trigger("onReady");
|
||||
if("inline"===c||"html"===c){if(!d.content||!d.content.length)return b._error("content")}else if(!e)return b._error("href");"image"===c?b._loadImage():"ajax"===c?b._loadAjax():"iframe"===c?b._loadIframe():b._afterLoad()}},_error:function(a){f.extend(b.coming,{type:"html",autoWidth:!0,autoHeight:!0,minWidth:0,minHeight:0,scrolling:"no",hasError:a,content:b.coming.tpl.error});b._afterLoad()},_loadImage:function(){var a=b.imgPreload=new Image;a.onload=function(){this.onload=this.onerror=null;b.coming.width=
|
||||
this.width/b.opts.pixelRatio;b.coming.height=this.height/b.opts.pixelRatio;b._afterLoad()};a.onerror=function(){this.onload=this.onerror=null;b._error("image")};a.src=b.coming.href;!0!==a.complete&&b.showLoading()},_loadAjax:function(){var a=b.coming;b.showLoading();b.ajaxLoad=f.ajax(f.extend({},a.ajax,{url:a.href,error:function(a,e){b.coming&&"abort"!==e?b._error("ajax",a):b.hideLoading()},success:function(d,e){"success"===e&&(a.content=d,b._afterLoad())}}))},_loadIframe:function(){var a=b.coming,
|
||||
d=f(a.tpl.iframe.replace(/\{rnd\}/g,(new Date).getTime())).attr("scrolling",t?"auto":a.iframe.scrolling).attr("src",a.href);f(a.wrap).bind("onReset",function(){try{f(this).find("iframe").hide().attr("src","//about:blank").end().empty()}catch(a){}});a.iframe.preload&&(b.showLoading(),d.one("load",function(){f(this).data("ready",1);t||f(this).bind("load.fb",b.update);f(this).parents(".fancybox-wrap").width("100%").removeClass("fancybox-tmp").show();b._afterLoad()}));a.content=d.appendTo(a.inner);a.iframe.preload||
|
||||
b._afterLoad()},_preloadImages:function(){var a=b.group,d=b.current,e=a.length,c=d.preload?Math.min(d.preload,e-1):0,f,g;for(g=1;g<=c;g+=1)f=a[(d.index+g)%e],"image"===f.type&&f.href&&((new Image).src=f.href)},_afterLoad:function(){var a=b.coming,d=b.current,e,c,l,g,h;b.hideLoading();if(a&&!1!==b.isActive)if(!1===b.trigger("afterLoad",a,d))a.wrap.stop(!0).trigger("onReset").remove(),b.coming=null;else{d&&(b.trigger("beforeChange",d),d.wrap.stop(!0).removeClass("fancybox-opened").find(".fancybox-item, .fancybox-nav").remove());
|
||||
b.unbindEvents();e=a.content;c=a.type;l=a.scrolling;f.extend(b,{wrap:a.wrap,skin:a.skin,outer:a.outer,inner:a.inner,current:a,previous:d});g=a.href;switch(c){case "inline":case "ajax":case "html":a.selector?e=f("<div>").html(e).find(a.selector):u(e)&&(e.data("fancybox-placeholder")||e.data("fancybox-placeholder",f('<div class="fancybox-placeholder"></div>').insertAfter(e).hide()),e=e.show().detach(),a.wrap.bind("onReset",function(){f(this).find(e).length&&e.hide().replaceAll(e.data("fancybox-placeholder")).data("fancybox-placeholder",
|
||||
!1)}));break;case "image":e=a.tpl.image.replace(/\{href\}/g,g);break;case "swf":e='<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="'+g+'"></param>',h="",f.each(a.swf,function(a,b){e+='<param name="'+a+'" value="'+b+'"></param>';h+=" "+a+'="'+b+'"'}),e+='<embed src="'+g+'" type="application/x-shockwave-flash" width="100%" height="100%"'+h+"></embed></object>"}u(e)&&e.parent().is(a.inner)||a.inner.append(e);b.trigger("beforeShow");
|
||||
a.inner.css("overflow","yes"===l?"scroll":"no"===l?"hidden":l);b._setDimension();b.reposition();b.isOpen=!1;b.coming=null;b.bindEvents();if(!b.isOpened)f(".fancybox-wrap").not(a.wrap).stop(!0).trigger("onReset").remove();else if(d.prevMethod)b.transitions[d.prevMethod]();b.transitions[b.isOpened?a.nextMethod:a.openMethod]();b._preloadImages()}},_setDimension:function(){var a=b.getViewport(),d=0,e=!1,c=!1,e=b.wrap,l=b.skin,g=b.inner,h=b.current,c=h.width,k=h.height,n=h.minWidth,v=h.minHeight,p=h.maxWidth,
|
||||
q=h.maxHeight,t=h.scrolling,r=h.scrollOutside?h.scrollbarWidth:0,y=h.margin,z=m(y[1]+y[3]),s=m(y[0]+y[2]),w,A,u,D,B,G,C,E,I;e.add(l).add(g).width("auto").height("auto").removeClass("fancybox-tmp");y=m(l.outerWidth(!0)-l.width());w=m(l.outerHeight(!0)-l.height());A=z+y;u=s+w;D=F(c)?(a.w-A)*m(c)/100:c;B=F(k)?(a.h-u)*m(k)/100:k;if("iframe"===h.type){if(I=h.content,h.autoHeight&&1===I.data("ready"))try{I[0].contentWindow.document.location&&(g.width(D).height(9999),G=I.contents().find("body"),r&&G.css("overflow-x",
|
||||
"hidden"),B=G.outerHeight(!0))}catch(H){}}else if(h.autoWidth||h.autoHeight)g.addClass("fancybox-tmp"),h.autoWidth||g.width(D),h.autoHeight||g.height(B),h.autoWidth&&(D=g.width()),h.autoHeight&&(B=g.height()),g.removeClass("fancybox-tmp");c=m(D);k=m(B);E=D/B;n=m(F(n)?m(n,"w")-A:n);p=m(F(p)?m(p,"w")-A:p);v=m(F(v)?m(v,"h")-u:v);q=m(F(q)?m(q,"h")-u:q);G=p;C=q;h.fitToView&&(p=Math.min(a.w-A,p),q=Math.min(a.h-u,q));A=a.w-z;s=a.h-s;h.aspectRatio?(c>p&&(c=p,k=m(c/E)),k>q&&(k=q,c=m(k*E)),c<n&&(c=n,k=m(c/
|
||||
E)),k<v&&(k=v,c=m(k*E))):(c=Math.max(n,Math.min(c,p)),h.autoHeight&&"iframe"!==h.type&&(g.width(c),k=g.height()),k=Math.max(v,Math.min(k,q)));if(h.fitToView)if(g.width(c).height(k),e.width(c+y),a=e.width(),z=e.height(),h.aspectRatio)for(;(a>A||z>s)&&c>n&&k>v&&!(19<d++);)k=Math.max(v,Math.min(q,k-10)),c=m(k*E),c<n&&(c=n,k=m(c/E)),c>p&&(c=p,k=m(c/E)),g.width(c).height(k),e.width(c+y),a=e.width(),z=e.height();else c=Math.max(n,Math.min(c,c-(a-A))),k=Math.max(v,Math.min(k,k-(z-s)));r&&"auto"===t&&k<B&&
|
||||
c+y+r<A&&(c+=r);g.width(c).height(k);e.width(c+y);a=e.width();z=e.height();e=(a>A||z>s)&&c>n&&k>v;c=h.aspectRatio?c<G&&k<C&&c<D&&k<B:(c<G||k<C)&&(c<D||k<B);f.extend(h,{dim:{width:x(a),height:x(z)},origWidth:D,origHeight:B,canShrink:e,canExpand:c,wPadding:y,hPadding:w,wrapSpace:z-l.outerHeight(!0),skinSpace:l.height()-k});!I&&h.autoHeight&&k>v&&k<q&&!c&&g.height("auto")},_getPosition:function(a){var d=b.current,e=b.getViewport(),c=d.margin,f=b.wrap.width()+c[1]+c[3],g=b.wrap.height()+c[0]+c[2],c={position:"absolute",
|
||||
top:c[0],left:c[3]};d.autoCenter&&d.fixed&&!a&&g<=e.h&&f<=e.w?c.position="fixed":d.locked||(c.top+=e.y,c.left+=e.x);c.top=x(Math.max(c.top,c.top+(e.h-g)*d.topRatio));c.left=x(Math.max(c.left,c.left+(e.w-f)*d.leftRatio));return c},_afterZoomIn:function(){var a=b.current;a&&((b.isOpen=b.isOpened=!0,b.wrap.css("overflow","visible").addClass("fancybox-opened"),b.update(),(a.closeClick||a.nextClick&&1<b.group.length)&&b.inner.css("cursor","pointer").bind("click.fb",function(d){f(d.target).is("a")||f(d.target).parent().is("a")||
|
||||
(d.preventDefault(),b[a.closeClick?"close":"next"]())}),a.closeBtn&&f(a.tpl.closeBtn).appendTo(b.skin).bind("click.fb",function(a){a.preventDefault();b.close()}),a.arrows&&1<b.group.length&&((a.loop||0<a.index)&&f(a.tpl.prev).appendTo(b.outer).bind("click.fb",b.prev),(a.loop||a.index<b.group.length-1)&&f(a.tpl.next).appendTo(b.outer).bind("click.fb",b.next)),b.trigger("afterShow"),a.loop||a.index!==a.group.length-1)?b.opts.autoPlay&&!b.player.isActive&&(b.opts.autoPlay=!1,b.play(!0)):b.play(!1))},
|
||||
_afterZoomOut:function(a){a=a||b.current;f(".fancybox-wrap").trigger("onReset").remove();f.extend(b,{group:{},opts:{},router:!1,current:null,isActive:!1,isOpened:!1,isOpen:!1,isClosing:!1,wrap:null,skin:null,outer:null,inner:null});b.trigger("afterClose",a)}});b.transitions={getOrigPosition:function(){var a=b.current,d=a.element,e=a.orig,c={},f=50,g=50,h=a.hPadding,k=a.wPadding,n=b.getViewport();!e&&a.isDom&&d.is(":visible")&&(e=d.find("img:first"),e.length||(e=d));u(e)?(c=e.offset(),e.is("img")&&
|
||||
(f=e.outerWidth(),g=e.outerHeight())):(c.top=n.y+(n.h-g)*a.topRatio,c.left=n.x+(n.w-f)*a.leftRatio);if("fixed"===b.wrap.css("position")||a.locked)c.top-=n.y,c.left-=n.x;return c={top:x(c.top-h*a.topRatio),left:x(c.left-k*a.leftRatio),width:x(f+k),height:x(g+h)}},step:function(a,d){var e,c,f=d.prop;c=b.current;var g=c.wrapSpace,h=c.skinSpace;if("width"===f||"height"===f)e=d.end===d.start?1:(a-d.start)/(d.end-d.start),b.isClosing&&(e=1-e),c="width"===f?c.wPadding:c.hPadding,c=a-c,b.skin[f](m("width"===
|
||||
f?c:c-g*e)),b.inner[f](m("width"===f?c:c-g*e-h*e))},zoomIn:function(){var a=b.current,d=a.pos,e=a.openEffect,c="elastic"===e,l=f.extend({opacity:1},d);delete l.position;c?(d=this.getOrigPosition(),a.openOpacity&&(d.opacity=0.1)):"fade"===e&&(d.opacity=0.1);b.wrap.css(d).animate(l,{duration:"none"===e?0:a.openSpeed,easing:a.openEasing,step:c?this.step:null,complete:b._afterZoomIn})},zoomOut:function(){var a=b.current,d=a.closeEffect,e="elastic"===d,c={opacity:0.1};e&&(c=this.getOrigPosition(),a.closeOpacity&&
|
||||
(c.opacity=0.1));b.wrap.animate(c,{duration:"none"===d?0:a.closeSpeed,easing:a.closeEasing,step:e?this.step:null,complete:b._afterZoomOut})},changeIn:function(){var a=b.current,d=a.nextEffect,e=a.pos,c={opacity:1},f=b.direction,g;e.opacity=0.1;"elastic"===d&&(g="down"===f||"up"===f?"top":"left","down"===f||"right"===f?(e[g]=x(m(e[g])-200),c[g]="+=200px"):(e[g]=x(m(e[g])+200),c[g]="-=200px"));"none"===d?b._afterZoomIn():b.wrap.css(e).animate(c,{duration:a.nextSpeed,easing:a.nextEasing,complete:b._afterZoomIn})},
|
||||
changeOut:function(){var a=b.previous,d=a.prevEffect,e={opacity:0.1},c=b.direction;"elastic"===d&&(e["down"===c||"up"===c?"top":"left"]=("up"===c||"left"===c?"-":"+")+"=200px");a.wrap.animate(e,{duration:"none"===d?0:a.prevSpeed,easing:a.prevEasing,complete:function(){f(this).trigger("onReset").remove()}})}};b.helpers.overlay={defaults:{closeClick:!0,speedOut:200,showEarly:!0,css:{},locked:!t,fixed:!0},overlay:null,fixed:!1,el:f("html"),create:function(a){var d;a=f.extend({},this.defaults,a);this.overlay&&
|
||||
this.close();d=b.coming?b.coming.parent:a.parent;this.overlay=f('<div class="fancybox-overlay"></div>').appendTo(d&&d.lenth?d:"body");this.fixed=!1;a.fixed&&b.defaults.fixed&&(this.overlay.addClass("fancybox-overlay-fixed"),this.fixed=!0)},open:function(a){var d=this;a=f.extend({},this.defaults,a);this.overlay?this.overlay.unbind(".overlay").width("auto").height("auto"):this.create(a);this.fixed||(q.bind("resize.overlay",f.proxy(this.update,this)),this.update());a.closeClick&&this.overlay.bind("click.overlay",
|
||||
function(a){if(f(a.target).hasClass("fancybox-overlay"))return b.isActive?b.close():d.close(),!1});this.overlay.css(a.css).show()},close:function(){q.unbind("resize.overlay");this.el.hasClass("fancybox-lock")&&(f(".fancybox-margin").removeClass("fancybox-margin"),this.el.removeClass("fancybox-lock"),q.scrollTop(this.scrollV).scrollLeft(this.scrollH));f(".fancybox-overlay").remove().hide();f.extend(this,{overlay:null,fixed:!1})},update:function(){var a="100%",b;this.overlay.width(a).height("100%");
|
||||
J?(b=Math.max(H.documentElement.offsetWidth,H.body.offsetWidth),p.width()>b&&(a=p.width())):p.width()>q.width()&&(a=p.width());this.overlay.width(a).height(p.height())},onReady:function(a,b){var e=this.overlay;f(".fancybox-overlay").stop(!0,!0);e||this.create(a);a.locked&&this.fixed&&b.fixed&&(b.locked=this.overlay.append(b.wrap),b.fixed=!1);!0===a.showEarly&&this.beforeShow.apply(this,arguments)},beforeShow:function(a,b){b.locked&&!this.el.hasClass("fancybox-lock")&&(!1!==this.fixPosition&&f("*").filter(function(){return"fixed"===
|
||||
f(this).css("position")&&!f(this).hasClass("fancybox-overlay")&&!f(this).hasClass("fancybox-wrap")}).addClass("fancybox-margin"),this.el.addClass("fancybox-margin"),this.scrollV=q.scrollTop(),this.scrollH=q.scrollLeft(),this.el.addClass("fancybox-lock"),q.scrollTop(this.scrollV).scrollLeft(this.scrollH));this.open(a)},onUpdate:function(){this.fixed||this.update()},afterClose:function(a){this.overlay&&!b.coming&&this.overlay.fadeOut(a.speedOut,f.proxy(this.close,this))}};b.helpers.title={defaults:{type:"float",
|
||||
position:"bottom"},beforeShow:function(a){var d=b.current,e=d.title,c=a.type;f.isFunction(e)&&(e=e.call(d.element,d));if(r(e)&&""!==f.trim(e)){d=f('<div class="fancybox-title fancybox-title-'+c+'-wrap">'+e+"</div>");switch(c){case "inside":c=b.skin;break;case "outside":c=b.wrap;break;case "over":c=b.inner;break;default:c=b.skin,d.appendTo("body"),J&&d.width(d.width()),d.wrapInner('<span class="child"></span>'),b.current.margin[2]+=Math.abs(m(d.css("margin-bottom")))}d["top"===a.position?"prependTo":
|
||||
"appendTo"](c)}}};f.fn.fancybox=function(a){var d,e=f(this),c=this.selector||"",l=function(g){var h=f(this).blur(),k=d,l,m;g.ctrlKey||g.altKey||g.shiftKey||g.metaKey||h.is(".fancybox-wrap")||(l=a.groupAttr||"data-fancybox-group",m=h.attr(l),m||(l="rel",m=h.get(0)[l]),m&&""!==m&&"nofollow"!==m&&(h=c.length?f(c):e,h=h.filter("["+l+'="'+m+'"]'),k=h.index(this)),a.index=k,!1!==b.open(h,a)&&g.preventDefault())};a=a||{};d=a.index||0;c&&!1!==a.live?p.undelegate(c,"click.fb-start").delegate(c+":not('.fancybox-item, .fancybox-nav')",
|
||||
"click.fb-start",l):e.unbind("click.fb-start").bind("click.fb-start",l);this.filter("[data-fancybox-start=1]").trigger("click");return this};p.ready(function(){var a,d;f.scrollbarWidth===w&&(f.scrollbarWidth=function(){var a=f('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo("body"),b=a.children(),b=b.innerWidth()-b.height(99).innerWidth();a.remove();return b});f.support.fixedPosition===w&&(f.support.fixedPosition=function(){var a=f('<div style="position:fixed;top:20px;"></div>').appendTo("body"),
|
||||
b=20===a[0].offsetTop||15===a[0].offsetTop;a.remove();return b}());f.extend(b.defaults,{scrollbarWidth:f.scrollbarWidth(),fixed:f.support.fixedPosition,parent:f("body")});a=f(s).width();K.addClass("fancybox-lock-test");d=f(s).width();K.removeClass("fancybox-lock-test");f("<style type='text/css'>.fancybox-margin{margin-right:"+(d-a)+"px;}</style>").appendTo("head")})})(window,document,jQuery);
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
@@ -1,28 +0,0 @@
|
||||
/// <reference path="http://code.jquery.com/jquery-1.4.1-vsdoc.js" />
|
||||
/*
|
||||
* Print Element Plugin 1.2
|
||||
*
|
||||
* Copyright (c) 2010 Erik Zaadi
|
||||
*
|
||||
* Inspired by PrintArea (http://plugins.jquery.com/project/PrintArea) and
|
||||
* http://stackoverflow.com/questions/472951/how-do-i-print-an-iframe-from-javascript-in-safari-chrome
|
||||
*
|
||||
* Home Page : http://projects.erikzaadi/jQueryPlugins/jQuery.printElement
|
||||
* Issues (bug reporting) : http://github.com/erikzaadi/jQueryPlugins/issues/labels/printElement
|
||||
* jQuery plugin page : http://plugins.jquery.com/project/printElement
|
||||
*
|
||||
* Thanks to David B (http://github.com/ungenio) and icgJohn (http://www.blogger.com/profile/11881116857076484100)
|
||||
* For their great contributions!
|
||||
*
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
*
|
||||
* Note, Iframe Printing is not supported in Opera and Chrome 3.0, a popup window will be shown instead
|
||||
*/
|
||||
;(function(g){function k(c){c&&c.printPage?c.printPage():setTimeout(function(){k(c)},50)}function l(c){c=a(c);a(":checked",c).each(function(){this.setAttribute("checked","checked")});a("input[type='text']",c).each(function(){this.setAttribute("value",a(this).val())});a("select",c).each(function(){var b=a(this);a("option",b).each(function(){b.val()==a(this).val()&&this.setAttribute("selected","selected")})});a("textarea",c).each(function(){var b=a(this).attr("value");if(a.browser.b&&this.firstChild)this.firstChild.textContent=
|
||||
b;else this.innerHTML=b});return a("<div></div>").append(c.clone()).html()}function m(c,b){var i=a(c);c=l(c);var d=[];d.push("<html><head><title>"+b.pageTitle+"</title>");if(b.overrideElementCSS){if(b.overrideElementCSS.length>0)for(var f=0;f<b.overrideElementCSS.length;f++){var e=b.overrideElementCSS[f];typeof e=="string"?d.push('<link type="text/css" rel="stylesheet" href="'+e+'" >'):d.push('<link type="text/css" rel="stylesheet" href="'+e.href+'" media="'+e.media+'" >')}}else a("link",j).filter(function(){return a(this).attr("rel").toLowerCase()==
|
||||
"stylesheet"}).each(function(){d.push('<link type="text/css" rel="stylesheet" href="'+a(this).attr("href")+'" media="'+a(this).attr("media")+'" >')});d.push('<base href="'+(g.location.protocol+"//"+g.location.hostname+(g.location.port?":"+g.location.port:"")+g.location.pathname)+'" />');d.push('</head><body style="'+b.printBodyOptions.styleToAdd+'" class="'+b.printBodyOptions.classNameToAdd+'">');d.push('<div class="'+i.attr("class")+'">'+c+"</div>");d.push('<script type="text/javascript">function printPage(){focus();print();'+
|
||||
(!a.browser.opera&&!b.leaveOpen&&b.printMode.toLowerCase()=="popup"?"close();":"")+"}<\/script>");d.push("</body></html>");return d.join("")}var j=g.document,a=g.jQuery;a.fn.printElement=function(c){var b=a.extend({},a.fn.printElement.defaults,c);if(b.printMode=="iframe")if(a.browser.opera||/chrome/.test(navigator.userAgent.toLowerCase()))b.printMode="popup";a("[id^='printElement_']").remove();return this.each(function(){var i=a.a?a.extend({},b,a(this).data()):b,d=a(this);d=m(d,i);var f=null,e=null;
|
||||
if(i.printMode.toLowerCase()=="popup"){f=g.open("about:blank","printElementWindow","width=650,height=440,scrollbars=yes");e=f.document}else{f="printElement_"+Math.round(Math.random()*99999).toString();var h=j.createElement("IFRAME");a(h).attr({style:i.iframeElementOptions.styleToAdd,id:f,className:i.iframeElementOptions.classNameToAdd,frameBorder:0,scrolling:"no",src:"about:blank"});j.body.appendChild(h);e=h.contentWindow||h.contentDocument;if(e.document)e=e.document;h=j.frames?j.frames[f]:j.getElementById(f);
|
||||
f=h.contentWindow||h}focus();e.open();e.write(d);e.close();k(f)})};a.fn.printElement.defaults={printMode:"iframe",pageTitle:"",overrideElementCSS:null,printBodyOptions:{styleToAdd:"padding:10px;margin:10px;",classNameToAdd:""},leaveOpen:false,iframeElementOptions:{styleToAdd:"border:none;position:absolute;width:0px;height:0px;bottom:0px;left:0px;",classNameToAdd:""}};a.fn.printElement.cssElement={href:"",media:""}})(window);
|
||||
@@ -1,120 +0,0 @@
|
||||
/**
|
||||
* ScrollView - jQuery plugin 0.1
|
||||
*
|
||||
* This plugin supplies contents view by grab and drag scroll.
|
||||
*
|
||||
* Copyright (c) 2009 Toshimitsu Takahashi
|
||||
*
|
||||
* Released under the MIT license.
|
||||
*
|
||||
* == Usage =======================
|
||||
* // apply to block element.
|
||||
* $("#map").scrollview();
|
||||
*
|
||||
* // with setting grab and drag icon urls.
|
||||
* // grab: the cursor when mouse button is up.
|
||||
* // grabbing: the cursor when mouse button is down.
|
||||
* //
|
||||
* $("#map".scrollview({
|
||||
* grab : "images/openhand.cur",
|
||||
* grabbing : "images/closedhand.cur"
|
||||
* });
|
||||
* ================================
|
||||
*/
|
||||
(function() {
|
||||
function ScrollView(){ this.initialize.apply(this, arguments) }
|
||||
ScrollView.prototype = {
|
||||
initialize: function(container, config){
|
||||
// setting cursor.
|
||||
var gecko = navigator.userAgent.indexOf("Gecko/") != -1;
|
||||
var opera = navigator.userAgent.indexOf("Opera/") != -1;
|
||||
var mac = navigator.userAgent.indexOf("Mac OS") != -1;
|
||||
if (opera) {
|
||||
this.grab = "default";
|
||||
this.grabbing = "move";
|
||||
} else if (!(mac && gecko) && config) {
|
||||
if (config.grab) {
|
||||
this.grab = "url(\"" + config.grab + "\"),default";
|
||||
}
|
||||
if (config.grabbing) {
|
||||
this.grabbing = "url(" + config.grabbing + "),move";
|
||||
}
|
||||
} else if (gecko) {
|
||||
this.grab = "-moz-grab";
|
||||
this.grabbing = "-moz-grabbing";
|
||||
} else {
|
||||
this.grab = "default";
|
||||
this.grabbing = "move";
|
||||
}
|
||||
|
||||
// Get container and image.
|
||||
this.m = $(container);
|
||||
this.i = this.m.children().css("cursor", this.grab);
|
||||
|
||||
this.isgrabbing = false;
|
||||
|
||||
// Set mouse events.
|
||||
var self = this;
|
||||
this.i.mousedown(function(e){
|
||||
self.startgrab();
|
||||
this.xp = e.pageX;
|
||||
this.yp = e.pageY;
|
||||
return false;
|
||||
}).mousemove(function(e){
|
||||
if (!self.isgrabbing) return true;
|
||||
self.scrollTo(this.xp - e.pageX, this.yp - e.pageY);
|
||||
this.xp = e.pageX;
|
||||
this.yp = e.pageY;
|
||||
return false;
|
||||
})
|
||||
.mouseout(function(){ self.stopgrab() })
|
||||
.mouseup(function(){ self.stopgrab() })
|
||||
.dblclick(function(){
|
||||
var _m = self.m;
|
||||
var off = _m.offset();
|
||||
var dx = this.xp - off.left - _m.width() / 2;
|
||||
if (dx < 0) {
|
||||
dx = "+=" + dx + "px";
|
||||
} else {
|
||||
dx = "-=" + -dx + "px";
|
||||
}
|
||||
var dy = this.yp - off.top - _m.height() / 2;
|
||||
if (dy < 0) {
|
||||
dy = "+=" + dy + "px";
|
||||
} else {
|
||||
dy = "-=" + -dy + "px";
|
||||
}
|
||||
_m.animate({ scrollLeft: dx, scrollTop: dy },
|
||||
"normal", "swing");
|
||||
});
|
||||
|
||||
this.centering();
|
||||
},
|
||||
centering: function(){
|
||||
var _m = this.m;
|
||||
var w = this.i.width() - _m.width();
|
||||
var h = this.i.height() - _m.height();
|
||||
_m.scrollLeft(w / 2).scrollTop(h / 2);
|
||||
},
|
||||
startgrab: function(){
|
||||
this.isgrabbing = true;
|
||||
this.i.css("cursor", this.grabbing);
|
||||
},
|
||||
stopgrab: function(){
|
||||
this.isgrabbing = false;
|
||||
this.i.css("cursor", this.grab);
|
||||
},
|
||||
scrollTo: function(dx, dy){
|
||||
var _m = this.m;
|
||||
var x = _m.scrollLeft() + dx;
|
||||
var y = _m.scrollTop() + dy;
|
||||
_m.scrollLeft(x).scrollTop(y);
|
||||
}
|
||||
};
|
||||
|
||||
jQuery.fn.scrollview = function(config){
|
||||
return this.each(function(){
|
||||
new ScrollView(this, config);
|
||||
});
|
||||
};
|
||||
})(jQuery);
|
||||
@@ -1 +0,0 @@
|
||||
node_modules
|
||||
@@ -1,15 +0,0 @@
|
||||
{
|
||||
"curly": true,
|
||||
"eqeqeq": true,
|
||||
"eqnull": true,
|
||||
"immed": true,
|
||||
"noarg": true,
|
||||
"quotmark": "double",
|
||||
"trailing": true,
|
||||
"undef": true,
|
||||
"unused": true,
|
||||
|
||||
"node": true,
|
||||
"jquery": true,
|
||||
"browser": true
|
||||
}
|
||||
@@ -1,23 +0,0 @@
|
||||
# Contributing to Lazy Load
|
||||
|
||||
## Only one feature or change per pull request
|
||||
|
||||
Make pull requests only one feature or change at the time. For example you have fixed a bug. You also have optimized some code. Optimization is not related to a bug. These should be submitted as separate pull requests. This way I can easily choose what to include. It is also easier to understand the code changes. Commit messages should be descriptive and full sentences.
|
||||
|
||||
Do not commit minified versions. Do not touch the version number. Make the pull requests against [1.9.x branch](https://github.com/tuupola/jquery_lazyload/commits/1.9.x).
|
||||
|
||||
## Follow the existing coding standards
|
||||
|
||||
When contributing to open source project it is polite to follow the original authors coding standars. They might be different than yours. It is not a holy war. Just follow then original.
|
||||
|
||||
```javascript
|
||||
var snake_case = "something";
|
||||
|
||||
function camelCase(options) {
|
||||
}
|
||||
|
||||
if (true !== false) {
|
||||
console.log("here be dragons");
|
||||
}
|
||||
```
|
||||
|
||||
@@ -1,46 +0,0 @@
|
||||
module.exports = function(grunt) {
|
||||
"use strict";
|
||||
|
||||
grunt.initConfig({
|
||||
pkg: grunt.file.readJSON("package.json"),
|
||||
uglify : {
|
||||
options: {
|
||||
banner: "/*! Lazy Load <%= pkg.version %> - MIT license - Copyright 2010-2013 Mika Tuupola */\n"
|
||||
},
|
||||
target: {
|
||||
files: {
|
||||
"jquery.lazyload.min.js" : "jquery.lazyload.js",
|
||||
"jquery.scrollstop.min.js" : "jquery.scrollstop.js"
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
files: ["*.js", "!*.min.js" ,"test/spec/*Spec.js"],
|
||||
tasks: ["test"],
|
||||
},
|
||||
jshint: {
|
||||
files: ["*.js", "!*.min.js" ,"test/spec/*Spec.js"],
|
||||
options: {
|
||||
jshintrc: ".jshintrc"
|
||||
}
|
||||
},
|
||||
jasmine: {
|
||||
src: ["jquery.lazyload.js"],
|
||||
options: {
|
||||
helpers: "test/spec/*Helper.js",
|
||||
specs: "test/spec/*Spec.js",
|
||||
vendor: ["test/vendor/jquery-1.9.0.js", "test/vendor/jasmine-jquery.js"]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
grunt.loadNpmTasks("grunt-contrib-uglify");
|
||||
grunt.loadNpmTasks("grunt-contrib-jshint");
|
||||
grunt.loadNpmTasks("grunt-contrib-jasmine");
|
||||
grunt.loadNpmTasks("grunt-contrib-watch");
|
||||
|
||||
//grunt.registerTask("test", ["jshint", "jasmine"]);
|
||||
grunt.registerTask("test", ["jshint"]);
|
||||
grunt.registerTask("default", ["test", "uglify"]);
|
||||
|
||||
};
|
||||
@@ -1,121 +0,0 @@
|
||||
h1. Lazy Load Plugin for jQuery
|
||||
|
||||
Lazy Load delays loading of images in long web pages. Images outside of viewport wont be loaded before user scrolls to them. This is opposite of image preloading.
|
||||
|
||||
Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.
|
||||
|
||||
Lazy Load is inspired by "YUI ImageLoader":http://developer.yahoo.com/yui/imageloader/ Utility by Matt Mlinac.
|
||||
|
||||
h2. How to Use?
|
||||
|
||||
Lazy Load depends on jQuery. Include them both in end of your HTML code:
|
||||
|
||||
<pre><script src="jquery.js" type="text/javascript"></script>
|
||||
<script src="jquery.lazyload.js" type="text/javascript"></script></pre>
|
||||
|
||||
You must alter your HTML code. URL of the real image must be put into data-original attribute. It is good idea to give Lazy Loaded image a specific class. This way you can easily control which images plugin is binded to. Note that you should have width and height attributes in your image tag.
|
||||
|
||||
<pre><img class="lazy" data-original="img/example.jpg" width="640" height="480"></pre>
|
||||
|
||||
then in your code do:
|
||||
|
||||
<pre>$("img.lazy").lazyload();</pre>
|
||||
|
||||
This causes all images of class lazy to be lazy loaded.
|
||||
|
||||
More information on "Lazy Load":http://www.appelsiini.net/projects/lazyload project page.
|
||||
|
||||
h4. Install with "bower":http://bower.io
|
||||
|
||||
<pre>$ bower install jquery.lazyload</pre>
|
||||
|
||||
h1. License
|
||||
|
||||
All code licensed under the "MIT License":http://www.opensource.org/licenses/mit-license.php. All images licensed under "Creative Commons Attribution 3.0 Unported License":http://creativecommons.org/licenses/by/3.0/deed.en_US. In other words you are basically free to do whatever you want. Just don't remove my name from the source.
|
||||
|
||||
h1. Changelog
|
||||
|
||||
h2. 1.9.3
|
||||
|
||||
* Improved Bower support
|
||||
|
||||
h2. 1.9.2
|
||||
|
||||
* Bower support ("mrzmyr":https://github.com/mrzmyr)
|
||||
|
||||
h2. 1.9.1
|
||||
|
||||
* Fix iOS5 detection for iPhone ("Berik Visschens":https://github.com/berikv)
|
||||
* Use .attr() instead of .data() since jQuery caches values when using latter. Fixes "#37":https://github.com/tuupola/jquery_lazyload/pull/37, "#144":https://github.com/tuupola/jquery_lazyload/issues/144 and "#101":https://github.com/tuupola/jquery_lazyload/issues/101 ("Lorenz an Mey":https://github.com/swiftyone).
|
||||
* Do not add data:uri placeholder for non image elements.
|
||||
|
||||
h3. 1.9.0
|
||||
|
||||
* Add support for CSS background images.
|
||||
* Make external placeholder image optional by providing default 1x1 grey image as data uri ("Dave Mc Nicoll":https://github.com/mcNdave)
|
||||
* Fix bug "#47":https://github.com/tuupola/jquery_lazyload/pull/47 and "#71":https://github.com/tuupola/jquery_lazyload/issues/71. Mobile Safari window height changes when scrolling. ("Girvan":https://github.com/girvan)
|
||||
|
||||
h3. 1.8.5
|
||||
|
||||
* Revert "#70":https://github.com/tuupola/jquery_lazyload/issues/70 because it causes more problem than solves. Only proper fix in Webkit browsers is to set width and height either as attributes or in CSS. Without width and height Webkit sees image as size 0x0 and causes jQuery to assume they are not visible. Fixes bugs "#99":https://github.com/tuupola/jquery_lazyload/pull/99, "#98":https://github.com/tuupola/jquery_lazyload/issues/98 and "#88":https://github.com/tuupola/jquery_lazyload/issues/88.
|
||||
* Fix bug "#118":https://github.com/tuupola/jquery_lazyload/issues/118. Scrollstop event was not compatible with jQuery 1.9.x.
|
||||
* Fix bug "#120":https://github.com/tuupola/jquery_lazyload/pull/120. Sometimes event.originalEvent was not defined under iOS. ("David G. Durand":https://github.com/daviddurand)
|
||||
|
||||
h3. 1.8.4
|
||||
|
||||
* Support for "jQuery plugin repository":http://plugins.jquery.com/
|
||||
|
||||
h3. 1.8.3
|
||||
|
||||
* Proper fix for "#48":https://github.com/tuupola/jquery_lazyload/pull/48. If image did not have width and height set Webkit browsers needed initial scroll for images to display. ("@sc-aboudreau":https://github.com/sc-aboudreau)
|
||||
|
||||
h3. 1.8.2
|
||||
|
||||
* Workaround for bug "#30":https://github.com/tuupola/jquery_lazyload/issues/30 IOS5 Safari did not load images when navigating with back button.
|
||||
|
||||
h3. 1.8.1
|
||||
|
||||
* Fix bug "#48":https://github.com/tuupola/jquery_lazyload/pull/48. In some cases initial scroll was needed for images to load. ("Nick George":https://github.com/Izzmo)
|
||||
* Fix bug "#42":https://github.com/tuupola/jquery_lazyload/pull/42. Reset internal failure counter when image is found. Makes counter logic more intuitive. ("Josep del Rio":https://github.com/joseprio)
|
||||
* Fix bug "#52":https://github.com/tuupola/jquery_lazyload/pull/42. Fix :in-viewport convenience method. ("Jonathan Palardy":https://github.com/jpalardy)
|
||||
|
||||
|
||||
h3. 1.8.0
|
||||
|
||||
* Allow different elements to use different containers. ("Rob Walch":https://github.com/robwalch)
|
||||
|
||||
h3. 1.7.1
|
||||
|
||||
* Fix bug "#18":https://github.com/tuupola/jquery_lazyload/pull/18. Document was always scrolled to top issue on IE 7 and Chrome 17 if using jQuery 1.6 or older. ("Ross Allen":https://github.com/ssorallen)
|
||||
* General code speedup ("Valentin Zwick":https://github.com/vzwick)
|
||||
|
||||
h3. 1.7.0
|
||||
|
||||
* Optimized viewport selectors. Around 25% "speed increase":http://jsperf.com/lazyload-1-7-0 compared to "1.6.0":http://jsperf.com/lazyload-1-6-0.
|
||||
* Add _data_attribute_ parameter. Allows custom naming of original data attribute. ("Bryan Chow":https://github.com/bryanchow)
|
||||
* Track window resize event. ("Simon Baynes":https://github.com/baynezy)
|
||||
* Add _appear_ event. This function is called when image appears to viewport but before it is loaded.
|
||||
* Add _load_ event. This function is called when image is loaded. ("Nick Larson":https://github.com/ifightcrime)
|
||||
* Renamed _effectspeed_ parameter to _effect_speed_. Old version will still works couple of versions. This parameter was previously undocumented.
|
||||
* Fix _failure_limit_ bug "#19":https://github.com/tuupola/jquery_lazyload/issues/19. ("Brandon":https://github.com/Brandon0)
|
||||
|
||||
h3. 1.6.0
|
||||
|
||||
* Rename original attribute to data-original to be HTML5 friendly.
|
||||
* Remove all code regarding placeholder and automatically removing src attribute. It does not work with modern browsers. Must use data-original attribute instead.
|
||||
* Add support for James Padolseys "scrollstop event":http://james.padolsey.com/javascript/special-scroll-events-for-jquery/. Use when you have hundreds of images.
|
||||
* Add _skip_invisible_ parameter. When true plugin will skip invisible images. ("Valentin Zwick":https://github.com/vzwick)
|
||||
* Renamed _failurelimit_ parameter to _failure_limit_. Old version will still work couple of versions.
|
||||
|
||||
h3. 1.5.0
|
||||
|
||||
* Support for removing the src attribute already in HTML. This is not a drop in solution but gives additional speed for those who need it. (Jeremy Pollock)
|
||||
|
||||
h3. 1.4.0
|
||||
|
||||
* When scrolling down quickly do not load the images above the top. (Bart Bruil)
|
||||
|
||||
h3. 1.3.2
|
||||
|
||||
* Support for scrolling within a container.
|
||||
* Fixed IE not loading images.
|
||||
@@ -1,27 +0,0 @@
|
||||
{
|
||||
"name": "jquery_lazyload",
|
||||
"version": "1.9.3",
|
||||
"homepage": "http://www.appelsiini.net/projects/lazyload",
|
||||
"authors": [
|
||||
"Mika Tuupola <tuupola@appelsiini.net>"
|
||||
],
|
||||
"description": "jQuery plugin for lazy loading images",
|
||||
"main": [
|
||||
"jquery.lazyload.js",
|
||||
"jquery.scrollstop.js"
|
||||
],
|
||||
"license": "MIT",
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"**/*.min.js",
|
||||
"**/*.html",
|
||||
"**/*.textile",
|
||||
"Gruntfile.js",
|
||||
"lazyload.jquery.json",
|
||||
"package.json",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"img"
|
||||
]
|
||||
}
|
||||
@@ -1,110 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Disabled</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h2>Plugin disabled</h2>
|
||||
<p>
|
||||
All images are loaded. Page takes long time to load. Shift-reload to test again.
|
||||
But wait there is more! You can also lazy load <a href="enabled_wide.html">sideways</a> or
|
||||
<a href="enabled_gazillion.html">gazillion images</a>.
|
||||
</p>
|
||||
|
||||
<img class="img-responsive" src="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood"><br>
|
||||
<img class="img-responsive" src="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side"><br>
|
||||
<img class="img-responsive" src="img/viper_1.jpg" width="765" height="574" alt="Viper 1"><br>
|
||||
<img class="img-responsive" src="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner"><br>
|
||||
<img class="img-responsive" src="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT"><br>
|
||||
<img class="img-responsive" src="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop"><br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
|
||||
<script src="http://www.appelsiini.net/js/demo.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,123 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Enabled</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
|
||||
<h2>Plugin enabled</h2>
|
||||
<p>
|
||||
Images below the fold (the ones lower than window bottom) are not loaded. When scrolling down
|
||||
they are loaded when needed. Empty cache and shift-reload to test again. Compare this to page
|
||||
where plugin is <a href="disabled.html">disabled</a>, same page with
|
||||
<a href="enabled_fadein.html">fadein effect</a>, page with <a href="enabled_wide.html">wide
|
||||
layout</a> or wide content <a href="enabled_wide_container.html">inside container</a>.
|
||||
</p>
|
||||
|
||||
<pre class="prettyprint">$("img.lazy").lazyload();</pre>
|
||||
<pre class="prettyprint"><img class="lazy" data-original="img/example.jpg" width="765" height="574"></pre>
|
||||
|
||||
<div id="container">
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop"><br/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="jquery.lazyload.js?v=1.9.1"></script>
|
||||
<script src="http://www.appelsiini.net/js/all.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function() {
|
||||
$("img.lazy").lazyload();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,126 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Enabled With AJAX Content</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img, #container {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
|
||||
<h2>Plugin enabled with AJAX loaded content</h2>
|
||||
<p>
|
||||
Images are loaded via AJAX(H) call after you click the container. Lazy Load
|
||||
is applied in the callback.
|
||||
</p>
|
||||
<pre class="prettyprint">
|
||||
$("#container").one("click", function() {
|
||||
$("#container").load("images.html", function(response, status, xhr) {
|
||||
$("img.lazy").lazyload();
|
||||
});
|
||||
});</pre>
|
||||
<pre class="prettyprint"> <img class="lazy" data-original="img/example.jpg" width="765" height="574"></pre>
|
||||
<div id="container">
|
||||
Click me to load content...
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="jquery.lazyload.js?v=1.9.1"></script>
|
||||
<script src="http://www.appelsiini.net/js/demo.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function() {
|
||||
$("#container").one("click", function() {
|
||||
$("#container").load("enabled.html #container", function(response, status, xhr) {
|
||||
$("img.lazy").lazyload();
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
@@ -1,123 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Enabled With CSS Background Images</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
|
||||
<h2>Plugin enabled on css background images with fadein effect</h2>
|
||||
<p>
|
||||
Here be dragons.
|
||||
</p>
|
||||
<pre class="prettyprint">
|
||||
<div class="lazy" data-original="img/bmw_m1_hood.jpg" style="background-image: url('img/grey.gif'); width: 765px; height: 574px;"></div>
|
||||
|
||||
$("div.lazy").lazyload({
|
||||
effect : "fadeIn"
|
||||
});
|
||||
</pre>
|
||||
<div class="lazy" data-original="img/bmw_m1_hood.jpg" style="width: 765px; height: 574px; background-image: url('img/grey.gif')"></div>
|
||||
<div class="lazy" data-original="img/bmw_m1_side.jpg" style="width: 765px; height: 574px; background-image: url('img/grey.gif')"></div>
|
||||
<div class="lazy" data-original="img/viper_1.jpg" style="width: 765px; height: 574px; background-image: url('img/grey.gif')"></div>
|
||||
<div class="lazy" data-original="img/viper_corner.jpg" style="width: 765px; height: 574px; background-image: url('img/grey.gif')"></div>
|
||||
<div class="lazy" data-original="img/bmw_m3_gt.jpg" style="width: 765px; height: 574px; background-image: url('img/grey.gif')"></div>
|
||||
<div class="lazy" data-original="img/corvette_pitstop.jpg" style="width: 765px; height: 574px; background-image: url('img/grey.gif')"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="jquery.lazyload.js?v=1.9.1"></script>
|
||||
<script src="http://www.appelsiini.net/js/demo.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function() {
|
||||
$("div.lazy").lazyload({
|
||||
effect : "fadeIn"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,136 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Enabled on Container</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#container {
|
||||
height: 600px;
|
||||
overflow: scroll;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
|
||||
<h2>Plugin enabled on container</h2>
|
||||
<p>
|
||||
Images below the visible area (the ones lower than container bottom) are not loaded. When scrolling down
|
||||
they are loaded when needed. Empty cache and shift-reload to test again. Compare this to page where plugin is
|
||||
<a href="disabled.html">disabled</a> or same page with <a href="enabled_fadein.html">fadein effect</a>.
|
||||
</p>
|
||||
<pre class="prettyprint">
|
||||
$("img.lazy").lazyload({
|
||||
effect : "fadeIn",
|
||||
container: $("#container")
|
||||
});
|
||||
</pre>
|
||||
<pre class="prettyprint">
|
||||
#container {
|
||||
height: 600px;
|
||||
overflow: scroll;
|
||||
}
|
||||
</pre>
|
||||
<pre class="prettyprint"><img class="lazy" data-original="img/example.jpg" width="765" height="574"></pre>
|
||||
<div id="container">
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop"><br/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="jquery.lazyload.js?v=1.9.1"></script>
|
||||
<script src="http://www.appelsiini.net/js/demo.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function() {
|
||||
$("img.lazy").lazyload({effect : "fadeIn", container: $("#container")});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,128 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Enabled With FadeIn Effect</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
|
||||
<h2>Plugin enabled with fadein effect</h2>
|
||||
<p>
|
||||
Images below the fold (the ones lower than window bottom) are not loaded. When scrolling down
|
||||
they are loaded when needed. Images appear using <a href="http://docs.jquery.com/Effects/fadeIn">fadeIn</a>
|
||||
effect. Empty cache and shift-reload to test again. Compare this to page where plugin is
|
||||
<a href="enabled.html">without effects</a>.
|
||||
</p>
|
||||
<pre class="prettyprint">
|
||||
$("img.lazy").lazyload({
|
||||
effect : "fadeIn"
|
||||
});
|
||||
</pre>
|
||||
<pre class="prettyprint"><img class="lazy" data-original="img/example.jpg" width="765" height="574"></pre>
|
||||
<div id="container">
|
||||
<img class="lazy img-responsive" src="img/grey.gif" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop"><br/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="jquery.lazyload.js?v=1.9.1"></script>
|
||||
<script src="http://www.appelsiini.net/js/demo.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function() {
|
||||
$("img.lazy").lazyload({
|
||||
effect : "fadeIn"
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,283 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Enabled With Gazillion Images</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
|
||||
<h2>Plugin enabled with gazillion images</h2>
|
||||
<p>
|
||||
When you have hundreds of images it is best to use James Padolseys <a href="http://james.padolsey.com/javascript/special-scroll-events-for-jquery/">scrollstop event</a>.
|
||||
Compate this to page where plugin is <a href="disabled.html">disabled</a> or page with
|
||||
<a href="enabled.html">larger images</a>.
|
||||
</p>
|
||||
|
||||
<pre class="prettyprint"><script src="jquery.scrollstop.js" type="text/javascript"></script> </pre>
|
||||
<pre class="prettyprint"><img class="lazy" data-original="img/example.jpg" width="80" height="120" alt=""></pre>
|
||||
<pre class="prettyprint">$("img.lazy").lazyload({
|
||||
event: "scrollstop"
|
||||
});</pre>
|
||||
|
||||
<div id="container">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
<img class="lazy" data-original="http://lorempixel.com/80/120/transport/?<?php print rand(); ?>" width="80" height="120" alt="">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="jquery.lazyload.js?v=1.9.1"></script>
|
||||
<script src="jquery.scrollstop.js"></script>
|
||||
<script src="http://www.appelsiini.net/js/all.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$("img.lazy").lazyload({
|
||||
event: "scrollstop"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,144 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Enabled With Noscript Fallback</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.lazy {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
|
||||
<h2>Plugin enabled with noscript fallback</h2>
|
||||
<p>
|
||||
This page deprecates gracefully for non JavaScript browsers. It requires hiding
|
||||
lazy loaded images with css and adding a <noscript> block which contains
|
||||
the real image and it is shown when JavaScript is not enabled. If JavaScript is enabled
|
||||
show() function is called before initializing Lazy Load plugin.
|
||||
</p>
|
||||
|
||||
<pre class="prettyprint">.lazy {
|
||||
display: none;
|
||||
}</pre>
|
||||
|
||||
<pre class="prettyprint">$("img.lazy").show().lazyload({
|
||||
effect : "fadeIn"
|
||||
});</pre>
|
||||
|
||||
<pre class="prettyprint"><img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="765" height="574">
|
||||
<noscript><img src="img/example.jpg" width="765" height="574"></noscript></pre>
|
||||
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop"><br/>
|
||||
|
||||
<noscript>
|
||||
<img class="img-responsive" src="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood">
|
||||
<img class="img-responsive" src="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side">
|
||||
<img class="img-responsive" src="img/viper_1.jpg" width="765" height="574" alt="Viper 1">
|
||||
<img class="img-responsive" src="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner">
|
||||
<img class="img-responsive" src="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT">
|
||||
<img class="img-responsive" src="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop">
|
||||
</noscript>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="jquery.lazyload.js?v=1.9.1"></script>
|
||||
<script src="http://www.appelsiini.net/js/all.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function() {
|
||||
$("img.lazy").show().lazyload({
|
||||
effect : "fadeIn"
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,135 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Images After 5 Second Timeout</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
|
||||
<h2>Load images after five second delay</h2>
|
||||
<p>
|
||||
Here <a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a>
|
||||
plugin is enabled. Images are not loaded. Timeout will trigger five seconds after
|
||||
all other elements of page have been loaded.
|
||||
</p>
|
||||
<pre class="prettyprint">$(function() {
|
||||
$("img.lazy").lazyload({
|
||||
event : "sporty"
|
||||
});
|
||||
});
|
||||
|
||||
$(window).bind("load", function() {
|
||||
var timeout = setTimeout(function() { $("img.lazy").trigger("sporty") }, 5000);
|
||||
}); </pre>
|
||||
|
||||
<pre class="prettyprint"><img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="765" height="574"></pre>
|
||||
|
||||
<div id="container">
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT"><br/>
|
||||
<img class="lazy img-responsive" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop"><br/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="jquery.lazyload.js?v=1.9.1"></script>
|
||||
<script src="http://www.appelsiini.net/js/demo.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function() {
|
||||
$("img.lazy").lazyload({
|
||||
event : "sporty"
|
||||
});
|
||||
});
|
||||
$(window).bind("load", function() {
|
||||
var timeout = setTimeout(function() { $("img.lazy").trigger("sporty"); }, 5000);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,126 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Enabled</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#content {
|
||||
width: 4750px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div id="content">
|
||||
|
||||
<h2>Plugin enabled</h2>
|
||||
<p>
|
||||
Images right of the fold are not loaded. When scrolling left they are loaded when needed.
|
||||
Shift-reload to test again. Compare this to page where plugin is
|
||||
<a href="disabled.html">disabled</a> or page with
|
||||
<a href="enabled_gazillion.html">gazillion images</a>.
|
||||
</p>
|
||||
<pre class="prettyprint">$("img.lazy").lazyload({
|
||||
effect: "fadeIn"
|
||||
});</pre>
|
||||
<pre class="prettyprint"><img class="lazy" data-original="img/example.jpg" width="765" height="574"></pre>
|
||||
|
||||
<img class="lazy" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood">
|
||||
<img class="lazy" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side">
|
||||
<img class="lazy" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1">
|
||||
<img class="lazy" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner">
|
||||
<img class="lazy" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT">
|
||||
<img class="lazy" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="jquery.lazyload.js?v=1.9.1"></script>
|
||||
<script src="http://www.appelsiini.net/js/demo.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function() {
|
||||
$("img.lazy").lazyload({effect: "fadeIn"});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,134 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<title>Lazy Load Enabled on Horizontal Container</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link type="text/css" media="screen" href="http://www.appelsiini.net/css/appelsiini.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="http://www.appelsiini.net/img/favicon.ico">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
<script>
|
||||
//<![CDATA[
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-190966-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
//]]>
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.container img {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#container {
|
||||
width: 800px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
#inner_container {
|
||||
width: 4750px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
<h1>Lazy Load Plugin for jQuery</h1>
|
||||
<a href="http://www.appelsiini.net/"><span class="label label-info">Blog</span></a>
|
||||
<a href="http://www.appelsiini.net/projects"><span class="label label-danger">Projects</span></a>
|
||||
<br>
|
||||
<div>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="94" height="30"></iframe>
|
||||
<iframe src="http://ghbtns.com/github-btn.html?user=tuupola&repo=jquery_lazyload&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="col-md-10 col-lg-8 col-md-offset-1 col-lg-offset-2">
|
||||
|
||||
<h2>Plugin enabled on horizontal container</h2>
|
||||
<p>
|
||||
Images right of the visible area are not loaded. When scrolling left they are loaded when needed.
|
||||
Shift-reload to test again. Compare this to page where plugin is
|
||||
<a href="disabled.html">disabled</a> or page with
|
||||
<a href="enabled_gazillion.html">gazillion images</a>.
|
||||
</p>
|
||||
<pre class="prettyprint">$("img.lazy").lazyload({
|
||||
container: $("#container")
|
||||
});</pre>
|
||||
<div id="container">
|
||||
<div id="inner_container">
|
||||
<img class="lazy" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood">
|
||||
<img class="lazy" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side">
|
||||
<img class="lazy" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1">
|
||||
<img class="lazy" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner">
|
||||
<img class="lazy" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT">
|
||||
<img class="lazy" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-menu bottom-menu-large bottom-menu-inverse">
|
||||
<div class="container">
|
||||
<div class="col-md-offset-1 col-lg-offset-2">
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">CATEGORIES</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/javascript">JavaScript</a></li>
|
||||
<li><a href="http://www.appelsiini.net/ruby">Ruby</a></li>
|
||||
<li><a href="http://www.appelsiini.net/avr">AVR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">PROJECTS</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/chained">Chained</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/viewport">Viewport</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-facebook-methodfix">Facebook Methodfix</a></li>
|
||||
<li><a href="http://www.appelsiini.net/projects/rack-funky-cache">Funky Cache</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-2">
|
||||
<h5 class="title">ABOUT</h5>
|
||||
<ul class="bottom-links">
|
||||
<li><a data-action="GitHub" data-label="footer" href="https://github.com/tuupola" class="icon-github-sign icon-large track"> GitHub</a></li>
|
||||
<li><a data-action="Twitter" data-label="footer" href="https://twitter.com/tuupola" class="icon-twitter-sign icon-large track"> Twitter</a></li>
|
||||
<li><a data-action="Google+" data-label="footer" href="https://plus.google.com/114333901699201512043?rel=author" class="icon-google-plus-sign icon-large track"> Google+</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-3 col-md-5 col-lg-4">
|
||||
Built using the awesome <a class="track" data-action="Designmodo" data-label="footer" style="color: #ffffff;" href="http://designmodo.com/flat/?u=583">Flat UI Pro</a> framework by Designmodo.
|
||||
<br><br>
|
||||
© 2013 Mika Tuupola.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="jquery.lazyload.js?v=1.9.1"></script>
|
||||
<script src="http://www.appelsiini.net/js/demo.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
$(function() {
|
||||
$("img.lazy").lazyload({container: $("#container")});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 141 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 160 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 43 B |
Binary file not shown.
|
Before Width: | Height: | Size: 43 B |
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 43 B |
@@ -1,242 +0,0 @@
|
||||
/*
|
||||
* Lazy Load - jQuery plugin for lazy loading images
|
||||
*
|
||||
* Copyright (c) 2007-2013 Mika Tuupola
|
||||
*
|
||||
* Licensed under the MIT license:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* Project home:
|
||||
* http://www.appelsiini.net/projects/lazyload
|
||||
*
|
||||
* Version: 1.9.3
|
||||
*
|
||||
*/
|
||||
|
||||
(function($, window, document, undefined) {
|
||||
var $window = $(window);
|
||||
|
||||
$.fn.lazyload = function(options) {
|
||||
var elements = this;
|
||||
var $container;
|
||||
var settings = {
|
||||
threshold : 0,
|
||||
failure_limit : 0,
|
||||
event : "scroll",
|
||||
effect : "show",
|
||||
container : window,
|
||||
data_attribute : "original",
|
||||
skip_invisible : true,
|
||||
appear : null,
|
||||
load : null,
|
||||
placeholder : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"
|
||||
};
|
||||
|
||||
function update() {
|
||||
var counter = 0;
|
||||
|
||||
elements.each(function() {
|
||||
var $this = $(this);
|
||||
if (settings.skip_invisible && !$this.is(":visible")) {
|
||||
return;
|
||||
}
|
||||
if ($.abovethetop(this, settings) ||
|
||||
$.leftofbegin(this, settings)) {
|
||||
/* Nothing. */
|
||||
} else if (!$.belowthefold(this, settings) &&
|
||||
!$.rightoffold(this, settings)) {
|
||||
$this.trigger("appear");
|
||||
/* if we found an image we'll load, reset the counter */
|
||||
counter = 0;
|
||||
} else {
|
||||
if (++counter > settings.failure_limit) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
if(options) {
|
||||
/* Maintain BC for a couple of versions. */
|
||||
if (undefined !== options.failurelimit) {
|
||||
options.failure_limit = options.failurelimit;
|
||||
delete options.failurelimit;
|
||||
}
|
||||
if (undefined !== options.effectspeed) {
|
||||
options.effect_speed = options.effectspeed;
|
||||
delete options.effectspeed;
|
||||
}
|
||||
|
||||
$.extend(settings, options);
|
||||
}
|
||||
|
||||
/* Cache container as jQuery as object. */
|
||||
$container = (settings.container === undefined ||
|
||||
settings.container === window) ? $window : $(settings.container);
|
||||
|
||||
/* Fire one scroll event per scroll. Not one scroll event per image. */
|
||||
if (0 === settings.event.indexOf("scroll")) {
|
||||
$container.bind(settings.event, function() {
|
||||
return update();
|
||||
});
|
||||
}
|
||||
|
||||
this.each(function() {
|
||||
var self = this;
|
||||
var $self = $(self);
|
||||
|
||||
self.loaded = false;
|
||||
|
||||
/* If no src attribute given use data:uri. */
|
||||
if ($self.attr("src") === undefined || $self.attr("src") === false) {
|
||||
if ($self.is("img")) {
|
||||
$self.attr("src", settings.placeholder);
|
||||
}
|
||||
}
|
||||
|
||||
/* When appear is triggered load original image. */
|
||||
$self.one("appear", function() {
|
||||
if (!this.loaded) {
|
||||
if (settings.appear) {
|
||||
var elements_left = elements.length;
|
||||
settings.appear.call(self, elements_left, settings);
|
||||
}
|
||||
$("<img />")
|
||||
.bind("load", function() {
|
||||
|
||||
var original = $self.attr("data-" + settings.data_attribute);
|
||||
$self.hide();
|
||||
if ($self.is("img")) {
|
||||
$self.attr("src", original);
|
||||
} else {
|
||||
$self.css("background-image", "url('" + original + "')");
|
||||
}
|
||||
$self[settings.effect](settings.effect_speed);
|
||||
|
||||
self.loaded = true;
|
||||
|
||||
/* Remove image from array so it is not looped next time. */
|
||||
var temp = $.grep(elements, function(element) {
|
||||
return !element.loaded;
|
||||
});
|
||||
elements = $(temp);
|
||||
|
||||
if (settings.load) {
|
||||
var elements_left = elements.length;
|
||||
settings.load.call(self, elements_left, settings);
|
||||
}
|
||||
})
|
||||
.attr("src", $self.attr("data-" + settings.data_attribute));
|
||||
}
|
||||
});
|
||||
|
||||
/* When wanted event is triggered load original image */
|
||||
/* by triggering appear. */
|
||||
if (0 !== settings.event.indexOf("scroll")) {
|
||||
$self.bind(settings.event, function() {
|
||||
if (!self.loaded) {
|
||||
$self.trigger("appear");
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
/* Check if something appears when window is resized. */
|
||||
$window.bind("resize", function() {
|
||||
update();
|
||||
});
|
||||
|
||||
/* With IOS5 force loading images when navigating with back button. */
|
||||
/* Non optimal workaround. */
|
||||
if ((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)) {
|
||||
$window.bind("pageshow", function(event) {
|
||||
if (event.originalEvent && event.originalEvent.persisted) {
|
||||
elements.each(function() {
|
||||
$(this).trigger("appear");
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/* Force initial check if images should appear. */
|
||||
$(document).ready(function() {
|
||||
update();
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/* Convenience methods in jQuery namespace. */
|
||||
/* Use as $.belowthefold(element, {threshold : 100, container : window}) */
|
||||
|
||||
$.belowthefold = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = (window.innerHeight ? window.innerHeight : $window.height()) + $window.scrollTop();
|
||||
} else {
|
||||
fold = $(settings.container).offset().top + $(settings.container).height();
|
||||
}
|
||||
|
||||
return fold <= $(element).offset().top - settings.threshold;
|
||||
};
|
||||
|
||||
$.rightoffold = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = $window.width() + $window.scrollLeft();
|
||||
} else {
|
||||
fold = $(settings.container).offset().left + $(settings.container).width();
|
||||
}
|
||||
|
||||
return fold <= $(element).offset().left - settings.threshold;
|
||||
};
|
||||
|
||||
$.abovethetop = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = $window.scrollTop();
|
||||
} else {
|
||||
fold = $(settings.container).offset().top;
|
||||
}
|
||||
|
||||
return fold >= $(element).offset().top + settings.threshold + $(element).height();
|
||||
};
|
||||
|
||||
$.leftofbegin = function(element, settings) {
|
||||
var fold;
|
||||
|
||||
if (settings.container === undefined || settings.container === window) {
|
||||
fold = $window.scrollLeft();
|
||||
} else {
|
||||
fold = $(settings.container).offset().left;
|
||||
}
|
||||
|
||||
return fold >= $(element).offset().left + settings.threshold + $(element).width();
|
||||
};
|
||||
|
||||
$.inviewport = function(element, settings) {
|
||||
return !$.rightoffold(element, settings) && !$.leftofbegin(element, settings) &&
|
||||
!$.belowthefold(element, settings) && !$.abovethetop(element, settings);
|
||||
};
|
||||
|
||||
/* Custom selectors for your convenience. */
|
||||
/* Use as $("img:below-the-fold").something() or */
|
||||
/* $("img").filter(":below-the-fold").something() which is faster */
|
||||
|
||||
$.extend($.expr[":"], {
|
||||
"below-the-fold" : function(a) { return $.belowthefold(a, {threshold : 0}); },
|
||||
"above-the-top" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
|
||||
"right-of-screen": function(a) { return $.rightoffold(a, {threshold : 0}); },
|
||||
"left-of-screen" : function(a) { return !$.rightoffold(a, {threshold : 0}); },
|
||||
"in-viewport" : function(a) { return $.inviewport(a, {threshold : 0}); },
|
||||
/* Maintain BC for couple of versions. */
|
||||
"above-the-fold" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
|
||||
"right-of-fold" : function(a) { return $.rightoffold(a, {threshold : 0}); },
|
||||
"left-of-fold" : function(a) { return !$.rightoffold(a, {threshold : 0}); }
|
||||
});
|
||||
|
||||
})(jQuery, window, document);
|
||||
@@ -1,2 +0,0 @@
|
||||
/*! Lazy Load 1.9.3 - MIT license - Copyright 2010-2013 Mika Tuupola */
|
||||
!function(a,b,c,d){var e=a(b);a.fn.lazyload=function(f){function g(){var b=0;i.each(function(){var c=a(this);if(!j.skip_invisible||c.is(":visible"))if(a.abovethetop(this,j)||a.leftofbegin(this,j));else if(a.belowthefold(this,j)||a.rightoffold(this,j)){if(++b>j.failure_limit)return!1}else c.trigger("appear"),b=0})}var h,i=this,j={threshold:0,failure_limit:0,event:"scroll",effect:"show",container:b,data_attribute:"original",skip_invisible:!0,appear:null,load:null,placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"};return f&&(d!==f.failurelimit&&(f.failure_limit=f.failurelimit,delete f.failurelimit),d!==f.effectspeed&&(f.effect_speed=f.effectspeed,delete f.effectspeed),a.extend(j,f)),h=j.container===d||j.container===b?e:a(j.container),0===j.event.indexOf("scroll")&&h.bind(j.event,function(){return g()}),this.each(function(){var b=this,c=a(b);b.loaded=!1,(c.attr("src")===d||c.attr("src")===!1)&&c.is("img")&&c.attr("src",j.placeholder),c.one("appear",function(){if(!this.loaded){if(j.appear){var d=i.length;j.appear.call(b,d,j)}a("<img />").bind("load",function(){var d=c.attr("data-"+j.data_attribute);c.hide(),c.is("img")?c.attr("src",d):c.css("background-image","url('"+d+"')"),c[j.effect](j.effect_speed),b.loaded=!0;var e=a.grep(i,function(a){return!a.loaded});if(i=a(e),j.load){var f=i.length;j.load.call(b,f,j)}}).attr("src",c.attr("data-"+j.data_attribute))}}),0!==j.event.indexOf("scroll")&&c.bind(j.event,function(){b.loaded||c.trigger("appear")})}),e.bind("resize",function(){g()}),/(?:iphone|ipod|ipad).*os 5/gi.test(navigator.appVersion)&&e.bind("pageshow",function(b){b.originalEvent&&b.originalEvent.persisted&&i.each(function(){a(this).trigger("appear")})}),a(c).ready(function(){g()}),this},a.belowthefold=function(c,f){var g;return g=f.container===d||f.container===b?(b.innerHeight?b.innerHeight:e.height())+e.scrollTop():a(f.container).offset().top+a(f.container).height(),g<=a(c).offset().top-f.threshold},a.rightoffold=function(c,f){var g;return g=f.container===d||f.container===b?e.width()+e.scrollLeft():a(f.container).offset().left+a(f.container).width(),g<=a(c).offset().left-f.threshold},a.abovethetop=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollTop():a(f.container).offset().top,g>=a(c).offset().top+f.threshold+a(c).height()},a.leftofbegin=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollLeft():a(f.container).offset().left,g>=a(c).offset().left+f.threshold+a(c).width()},a.inviewport=function(b,c){return!(a.rightoffold(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.abovethetop(b,c))},a.extend(a.expr[":"],{"below-the-fold":function(b){return a.belowthefold(b,{threshold:0})},"above-the-top":function(b){return!a.belowthefold(b,{threshold:0})},"right-of-screen":function(b){return a.rightoffold(b,{threshold:0})},"left-of-screen":function(b){return!a.rightoffold(b,{threshold:0})},"in-viewport":function(b){return a.inviewport(b,{threshold:0})},"above-the-fold":function(b){return!a.belowthefold(b,{threshold:0})},"right-of-fold":function(b){return a.rightoffold(b,{threshold:0})},"left-of-fold":function(b){return!a.rightoffold(b,{threshold:0})}})}(jQuery,window,document);
|
||||
@@ -1,72 +0,0 @@
|
||||
/* http://james.padolsey.com/javascript/special-scroll-events-for-jquery/ */
|
||||
|
||||
(function(){
|
||||
|
||||
var special = jQuery.event.special,
|
||||
uid1 = "D" + (+new Date()),
|
||||
uid2 = "D" + (+new Date() + 1);
|
||||
|
||||
special.scrollstart = {
|
||||
setup: function() {
|
||||
|
||||
var timer,
|
||||
handler = function(evt) {
|
||||
|
||||
var _self = this,
|
||||
_args = arguments;
|
||||
|
||||
if (timer) {
|
||||
clearTimeout(timer);
|
||||
} else {
|
||||
evt.type = "scrollstart";
|
||||
jQuery.event.dispatch.apply(_self, _args);
|
||||
}
|
||||
|
||||
timer = setTimeout( function(){
|
||||
timer = null;
|
||||
}, special.scrollstop.latency);
|
||||
|
||||
};
|
||||
|
||||
jQuery(this).bind("scroll", handler).data(uid1, handler);
|
||||
|
||||
},
|
||||
teardown: function(){
|
||||
jQuery(this).unbind( "scroll", jQuery(this).data(uid1) );
|
||||
}
|
||||
};
|
||||
|
||||
special.scrollstop = {
|
||||
latency: 300,
|
||||
setup: function() {
|
||||
|
||||
var timer,
|
||||
handler = function(evt) {
|
||||
|
||||
var _self = this,
|
||||
_args = arguments;
|
||||
|
||||
if (timer) {
|
||||
clearTimeout(timer);
|
||||
}
|
||||
|
||||
timer = setTimeout( function(){
|
||||
|
||||
timer = null;
|
||||
evt.type = "scrollstop";
|
||||
jQuery.event.dispatch.apply(_self, _args);
|
||||
|
||||
|
||||
}, special.scrollstop.latency);
|
||||
|
||||
};
|
||||
|
||||
jQuery(this).bind("scroll", handler).data(uid2, handler);
|
||||
|
||||
},
|
||||
teardown: function() {
|
||||
jQuery(this).unbind( "scroll", jQuery(this).data(uid2) );
|
||||
}
|
||||
};
|
||||
|
||||
})();
|
||||
@@ -1,2 +0,0 @@
|
||||
/*! Lazy Load 1.9.3 - MIT license - Copyright 2010-2013 Mika Tuupola */
|
||||
!function(){var a=jQuery.event.special,b="D"+ +new Date,c="D"+(+new Date+1);a.scrollstart={setup:function(){var c,d=function(b){var d=this,e=arguments;c?clearTimeout(c):(b.type="scrollstart",jQuery.event.dispatch.apply(d,e)),c=setTimeout(function(){c=null},a.scrollstop.latency)};jQuery(this).bind("scroll",d).data(b,d)},teardown:function(){jQuery(this).unbind("scroll",jQuery(this).data(b))}},a.scrollstop={latency:300,setup:function(){var b,d=function(c){var d=this,e=arguments;b&&clearTimeout(b),b=setTimeout(function(){b=null,c.type="scrollstop",jQuery.event.dispatch.apply(d,e)},a.scrollstop.latency)};jQuery(this).bind("scroll",d).data(c,d)},teardown:function(){jQuery(this).unbind("scroll",jQuery(this).data(c))}}}();
|
||||
@@ -1,36 +0,0 @@
|
||||
{
|
||||
"name": "lazyload",
|
||||
"version": "1.9.3",
|
||||
"title": "Lazy Load",
|
||||
"author": {
|
||||
"name": "Mika Tuupola",
|
||||
"email": "tuupola@appelsiini.net",
|
||||
"url": "http://www.appelsiini.net/"
|
||||
},
|
||||
"licenses": [
|
||||
{
|
||||
"type": "MIT",
|
||||
"url": "http://www.opensource.org/licenses/mit-license.php"
|
||||
}
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": ">=1.5"
|
||||
},
|
||||
"description": "Delay loading of images in long web pages. Images outside of viewport wont be loaded before user scrolls to them.",
|
||||
"keywords": [
|
||||
"lazyload",
|
||||
"lazy",
|
||||
"load",
|
||||
"image"
|
||||
],
|
||||
"homepage": "http://www.appelsiini.net/projects/lazyload",
|
||||
"bugs": "https://github.com/tuupola/jquery_lazyload/issues",
|
||||
"docs": "http://www.appelsiini.net/projects/lazyload",
|
||||
"demo": "http://www.appelsiini.net/projects/lazyload/enabled_fadein.html",
|
||||
"files": [
|
||||
"jquery.lazyload.js",
|
||||
"jquery.lazyload.min.js",
|
||||
"jquery.scrollstop.js",
|
||||
"jquery.scrollstop.min.js"
|
||||
]
|
||||
}
|
||||
@@ -1,22 +0,0 @@
|
||||
{
|
||||
"name": "lazyload",
|
||||
"version": "1.9.3",
|
||||
"engines": {
|
||||
"node": ">= 0.8.0"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git@github.com:tuupola/jquery_lazyload.git"
|
||||
},
|
||||
"author": "Mika Tuupola <tuupola@appelsiini.net>",
|
||||
"scripts": {
|
||||
"test": "grunt test"
|
||||
},
|
||||
"devDependencies": {
|
||||
"grunt": "~0.4.1",
|
||||
"grunt-contrib-jshint": "~0.6.4",
|
||||
"grunt-contrib-uglify": "~0.2.4",
|
||||
"grunt-contrib-jasmine": "~0.5.2",
|
||||
"grunt-contrib-watch": "~0.5.3"
|
||||
}
|
||||
}
|
||||
@@ -1,21 +0,0 @@
|
||||
== MIT License
|
||||
|
||||
Copyright (c) 2009, Andrea Franz - (http://gravityblast.com)
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
@@ -1,159 +0,0 @@
|
||||
Web App Theme
|
||||
=============
|
||||
|
||||
Web App Theme is a rails generator by [Andrea Franz](http://gravityblast.com) that you can use to generate admin panels quickly.
|
||||
Inspired by cool themes like [Lighthouse](http://lighthouseapp.com/), [Basecamp](http://basecamphq.com/), [RadiantCMS](http://radiantcms.org/) and others,
|
||||
it wants to be an idea to start developing a complete web application layout.
|
||||
|
||||
Installation
|
||||
------------
|
||||
|
||||
You can use web-app-theme >= 0.6.2 with Rails 3. If you want to use it with rails 2, use web-app-theme 0.5.3
|
||||
Specify the web-app-theme gem in your Gemfile, only for :development and :test
|
||||
|
||||
group :development, :test do
|
||||
gem 'web-app-theme', '>= 0.6.2'
|
||||
end
|
||||
|
||||
Usage
|
||||
-----
|
||||
|
||||
### Theme Generator
|
||||
|
||||
Used without parameters, it generates the layout inside the application.html.erb file using the default theme.
|
||||
|
||||
rails g web_app_theme:theme
|
||||
|
||||
You can specify the layout file name in the first parameter:
|
||||
|
||||
rails g web_app_theme:theme admin # it will generate a layout called `admin.html.erb`
|
||||
|
||||
If you want to use another theme, instead of the default, you can use the `--theme` option:
|
||||
|
||||
rails g web_app_theme:theme admin --theme="drastic-dark"
|
||||
|
||||
You can specify the template engine with `--engine=name` option, where name can be erb (default) or haml:
|
||||
|
||||
rails g web_app_theme:theme --engine=haml # you must specify haml in your Gemfile
|
||||
|
||||
If you want to generate the stylesheets of a specific theme without changing the previously generated layout you can pass the `--no-layout` option:
|
||||
|
||||
rails g web_app_theme:theme --theme=bec --no-layout
|
||||
|
||||
|
||||
You can specify the text used in the header with the `--app-name` option:
|
||||
|
||||
rails g web_app_theme:theme --app-name="My New Application"
|
||||
|
||||
If you need a layout for login and signup pages, you can use the `--type` option with `sign` as value. Ìf not specified, the default value is `administration`
|
||||
|
||||
rails g web_app_theme:theme sign --layout-type=sign
|
||||
|
||||
### Themed Generator
|
||||
|
||||
Start creating your controllers manually or with a scaffold, and then use the `themed generator` to overwrite the previously generated views.
|
||||
|
||||
If you have a controller named like the plural of the used model you can specify just the first parameter:
|
||||
|
||||
rails g web_app_theme:themed posts # you have a model named Post and a controller named PostsController
|
||||
|
||||
rails g web_app_theme:themed admin/gallery_pictures # you have a model named GalleryPicture and a controller named Admin::GalleryPicturesController
|
||||
|
||||
Use the `--layout` option specifying the previously generated layout to add a link to the controller you are working on:
|
||||
|
||||
rails g web_app_theme:themed posts --layout=admin # you will see the `Posts` link in the navigation
|
||||
|
||||
If the controller has a name different to the model used, specify the controller path in the first parameter and the model name in the second one:
|
||||
|
||||
rails g web_app_theme:themed items post
|
||||
|
||||
rails g web_app_theme:themed admin/items post
|
||||
|
||||
If you use `will_paginate` for pagination use the `--will-paginate`:
|
||||
|
||||
rails g web_app_theme:themed items post --will-paginate
|
||||
|
||||
You can specify the template engine with `--engine=name` option, where name can be erb (default) or haml:
|
||||
|
||||
rails g web_app_theme:themed posts --engine=haml
|
||||
|
||||
If you have something like `map.resource :dashboard` in your `routes.rb` file, you can use the `--type=text` to generate a view with just text:
|
||||
|
||||
rails g web_app_theme:themed dashboards --themed-type=text
|
||||
|
||||
If you want to show form error messages inside the generated forms, use the following code inside your `environment.rb`
|
||||
|
||||
ActionView::Base.field_error_proc = Proc.new do |html_tag, instance|
|
||||
if html_tag =~ /<label/
|
||||
%|<div class="fieldWithErrors">#{html_tag} <span class="error">#{[instance.error_message].join(', ')}</span></div>|.html_safe
|
||||
else
|
||||
html_tag
|
||||
end
|
||||
end
|
||||
|
||||
If you want to have translated pages, simple create in your locale.yml the keys just like config/locales/en_us.yml example.
|
||||
|
||||
en_us:
|
||||
web-app-theme:
|
||||
save: Save
|
||||
cancel: Cancel
|
||||
list: List
|
||||
edit: Edit
|
||||
new: New
|
||||
show: Show
|
||||
delete: Delete
|
||||
confirm: Are you sure?
|
||||
created_at: Created at
|
||||
all: All
|
||||
|
||||
|
||||
|
||||
|
||||
Contributing
|
||||
---
|
||||
|
||||
* Fork this repository.
|
||||
* Duplicate the 'themes/default' folder and rename it.
|
||||
* Modify the style.css file adding your favorite colors.
|
||||
* Add a link to your theme in the 'Switch Theme' block inside the index.html file.
|
||||
* Send a pull request.
|
||||
|
||||
Links
|
||||
-----
|
||||
|
||||
* Repository: git://github.com/pilu/web-app-theme.git
|
||||
* List: <http://groups.google.com/group/web-app-theme-generator>
|
||||
* Issues: <http://github.com/pilu/web-app-theme/issues>
|
||||
* Gem: <http://gemcutter.org/gems/web-app-theme>
|
||||
* Themes: <http://pilu.github.com/web-app-theme>
|
||||
|
||||
Author
|
||||
------
|
||||
|
||||
Andrea Franz - [http://gravityblast.com](http://gravityblast.com)
|
||||
|
||||
Contributors
|
||||
------------
|
||||
|
||||
* Nelson Fernandez
|
||||
* Giovanni Intini
|
||||
* Jeremy Durham
|
||||
* Wouter de Vries
|
||||
* Marco Borromeo
|
||||
* rick mckay
|
||||
* Peter Sarnacki
|
||||
* Garret Alfert
|
||||
* Mikkel Hoegh
|
||||
* Juan Maria Martinez Arce
|
||||
* Stas SUSHKOV
|
||||
* Daniel Cukier
|
||||
* Roberto Klein
|
||||
* Bryan Woods
|
||||
* Sandro Duarte
|
||||
* David Francisco
|
||||
|
||||
Credits
|
||||
-------
|
||||
|
||||
* Icons: FAMFAMFAM Silk icons <http://www.famfamfam.com/lab/icons/silk/>
|
||||
* Buttons: Particletree - Rediscovering the Button Element <http://particletree.com/features/rediscovering-the-button-element/>
|
||||
@@ -1 +0,0 @@
|
||||
0.7.0
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 703 B |
Binary file not shown.
|
Before Width: | Height: | Size: 655 B |
Binary file not shown.
|
Before Width: | Height: | Size: 612 B |
Binary file not shown.
|
Before Width: | Height: | Size: 537 B |
@@ -1,104 +0,0 @@
|
||||
/**
|
||||
* jQuery.LocalScroll
|
||||
* Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
|
||||
* Dual licensed under MIT and GPL.
|
||||
* Date: 6/3/2008
|
||||
*
|
||||
* @projectDescription Animated scrolling navigation, using anchors.
|
||||
* http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html
|
||||
* @author Ariel Flesler
|
||||
* @version 1.2.6
|
||||
*
|
||||
* @id jQuery.fn.localScroll
|
||||
* @param {Object} settings Hash of settings, it is passed in to jQuery.ScrollTo, none is required.
|
||||
* @return {jQuery} Returns the same jQuery object, for chaining.
|
||||
*
|
||||
* @example $('ul.links').localScroll();
|
||||
*
|
||||
* @example $('ul.links').localScroll({ filter:'.animated', duration:400, axis:'x' });
|
||||
*
|
||||
* @example $.localScroll({ target:'#pane', axis:'xy', queue:true, event:'mouseover' });
|
||||
*
|
||||
* Notes:
|
||||
* - The plugin requires jQuery.ScrollTo.
|
||||
* - The hash of settings, is passed to jQuery.ScrollTo, so the settings are valid for that plugin as well.
|
||||
* - jQuery.localScroll can be used if the desired links, are all over the document, it accepts the same settings.
|
||||
* - If the setting 'lazy' is set to true, then the binding will still work for later added anchors.
|
||||
* - The setting 'speed' is deprecated, use 'duration' instead.
|
||||
* - If onBefore returns false, the event is ignored.
|
||||
**/
|
||||
;(function( $ ){
|
||||
var URI = location.href.replace(/#.*/,'');//local url without hash
|
||||
|
||||
var $localScroll = $.localScroll = function( settings ){
|
||||
$('body').localScroll( settings );
|
||||
};
|
||||
|
||||
//Many of these defaults, belong to jQuery.ScrollTo, check it's demo for an example of each option.
|
||||
//@see http://www.freewebs.com/flesler/jQuery.ScrollTo/
|
||||
$localScroll.defaults = {//the defaults are public and can be overriden.
|
||||
duration:1000, //how long to animate.
|
||||
axis:'y',//which of top and left should be modified.
|
||||
event:'click',//on which event to react.
|
||||
stop:true//avoid queuing animations
|
||||
/*
|
||||
lock:false,//ignore events if already animating
|
||||
lazy:false,//if true, links can be added later, and will still work.
|
||||
target:null, //what to scroll (selector or element). Keep it null if want to scroll the whole window.
|
||||
filter:null, //filter some anchors out of the matched elements.
|
||||
hash: false//if true, the hash of the selected link, will appear on the address bar.
|
||||
*/
|
||||
};
|
||||
|
||||
//if the URL contains a hash, it will scroll to the pointed element
|
||||
$localScroll.hash = function( settings ){
|
||||
settings = $.extend( {}, $localScroll.defaults, settings );
|
||||
settings.hash = false;//can't be true
|
||||
if( location.hash )
|
||||
setTimeout(function(){ scroll( 0, location, settings ); }, 0 );//better wrapped with a setTimeout
|
||||
};
|
||||
|
||||
$.fn.localScroll = function( settings ){
|
||||
settings = $.extend( {}, $localScroll.defaults, settings );
|
||||
|
||||
return ( settings.persistent || settings.lazy )
|
||||
? this.bind( settings.event, function( e ){//use event delegation, more links can be added later.
|
||||
var a = $([e.target, e.target.parentNode]).filter(filter)[0];//if a valid link was clicked.
|
||||
a && scroll( e, a, settings );//do scroll.
|
||||
})
|
||||
: this.find('a,area')//bind concretely, to each matching link
|
||||
.filter( filter ).bind( settings.event, function(e){
|
||||
scroll( e, this, settings );
|
||||
}).end()
|
||||
.end();
|
||||
|
||||
function filter(){//is this a link that points to an anchor and passes a possible filter ? href is checked to avoid a bug in FF.
|
||||
return !!this.href && !!this.hash && this.href.replace(this.hash,'') == URI && (!settings.filter || $(this).is( settings.filter ));
|
||||
};
|
||||
};
|
||||
|
||||
function scroll( e, link, settings ){
|
||||
var id = link.hash.slice(1),
|
||||
elem = document.getElementById(id) || document.getElementsByName(id)[0];
|
||||
if ( elem ){
|
||||
e && e.preventDefault();
|
||||
var $target = $( settings.target || $.scrollTo.window() );//if none specified, then the window.
|
||||
|
||||
if( settings.lock && $target.is(':animated') ||
|
||||
settings.onBefore && settings.onBefore.call(link, e, elem, $target) === false ) return;
|
||||
|
||||
if( settings.stop )
|
||||
$target.queue('fx',[]).stop();//remove all its animations
|
||||
$target
|
||||
.scrollTo( elem, settings )//do scroll
|
||||
.trigger('notify.serialScroll',[elem]);//notify serialScroll about this change
|
||||
if( settings.hash )
|
||||
$target.queue(function(){
|
||||
location = link.hash;
|
||||
// make sure this function is released
|
||||
$(this).dequeue();
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
})( jQuery );
|
||||
@@ -1,150 +0,0 @@
|
||||
/**
|
||||
* jQuery.ScrollTo
|
||||
* Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
|
||||
* Dual licensed under MIT and GPL.
|
||||
* Date: 2/19/2008
|
||||
*
|
||||
* @projectDescription Easy element scrolling using jQuery.
|
||||
* http://flesler.blogspot.com/2007/10/jqueryscrollto.html
|
||||
* Tested with jQuery 1.2.1. On FF 2.0.0.11, IE 6, Opera 9.22 and Safari 3 beta. on Windows.
|
||||
*
|
||||
* @author Ariel Flesler
|
||||
* @version 1.3.3
|
||||
*
|
||||
* @id jQuery.scrollTo
|
||||
* @id jQuery.fn.scrollTo
|
||||
* @param {String, Number, DOMElement, jQuery, Object} target Where to scroll the matched elements.
|
||||
* The different options for target are:
|
||||
* - A number position (will be applied to all axes).
|
||||
* - A string position ('44', '100px', '+=90', etc ) will be applied to all axes
|
||||
* - A jQuery/DOM element ( logically, child of the element to scroll )
|
||||
* - A string selector, that will be relative to the element to scroll ( 'li:eq(2)', etc )
|
||||
* - A hash { top:x, left:y }, x and y can be any kind of number/string like above.
|
||||
* @param {Number} duration The OVERALL length of the animation, this argument can be the settings object instead.
|
||||
* @param {Object} settings Hash of settings, optional.
|
||||
* @option {String} axis Which axis must be scrolled, use 'x', 'y', 'xy' or 'yx'.
|
||||
* @option {Number} duration The OVERALL length of the animation.
|
||||
* @option {String} easing The easing method for the animation.
|
||||
* @option {Boolean} margin If true, the margin of the target element will be deducted from the final position.
|
||||
* @option {Object, Number} offset Add/deduct from the end position. One number for both axes or { top:x, left:y }.
|
||||
* @option {Object, Number} over Add/deduct the height/width multiplied by 'over', can be { top:x, left:y } when using both axes.
|
||||
* @option {Boolean} queue If true, and both axis are given, the 2nd axis will only be animated after the first one ends.
|
||||
* @option {Function} onAfter Function to be called after the scrolling ends.
|
||||
* @option {Function} onAfterFirst If queuing is activated, this function will be called after the first scrolling ends.
|
||||
* @return {jQuery} Returns the same jQuery object, for chaining.
|
||||
*
|
||||
* @example $('div').scrollTo( 340 );
|
||||
*
|
||||
* @example $('div').scrollTo( '+=340px', { axis:'y' } );
|
||||
*
|
||||
* @example $('div').scrollTo( 'p.paragraph:eq(2)', 500, { easing:'swing', queue:true, axis:'xy' } );
|
||||
*
|
||||
* @example var second_child = document.getElementById('container').firstChild.nextSibling;
|
||||
* $('#container').scrollTo( second_child, { duration:500, axis:'x', onAfter:function(){
|
||||
* alert('scrolled!!');
|
||||
* }});
|
||||
*
|
||||
* @example $('div').scrollTo( { top: 300, left:'+=200' }, { offset:-20 } );
|
||||
*
|
||||
* Notes:
|
||||
* - jQuery.scrollTo will make the whole window scroll, it accepts the same arguments as jQuery.fn.scrollTo.
|
||||
* - If you are interested in animated anchor navigation, check http://jquery.com/plugins/project/LocalScroll.
|
||||
* - The options margin, offset and over are ignored, if the target is not a jQuery object or a DOM element.
|
||||
* - The option 'queue' won't be taken into account, if only 1 axis is given.
|
||||
*/
|
||||
;(function( $ ){
|
||||
|
||||
var $scrollTo = $.scrollTo = function( target, duration, settings ){
|
||||
$scrollTo.window().scrollTo( target, duration, settings );
|
||||
};
|
||||
|
||||
$scrollTo.defaults = {
|
||||
axis:'y',
|
||||
duration:1
|
||||
};
|
||||
|
||||
//returns the element that needs to be animated to scroll the window
|
||||
$scrollTo.window = function(){
|
||||
return $( $.browser.safari ? 'body' : 'html' );
|
||||
};
|
||||
|
||||
$.fn.scrollTo = function( target, duration, settings ){
|
||||
if( typeof duration == 'object' ){
|
||||
settings = duration;
|
||||
duration = 0;
|
||||
}
|
||||
settings = $.extend( {}, $scrollTo.defaults, settings );
|
||||
duration = duration || settings.speed || settings.duration;//speed is still recognized for backwards compatibility
|
||||
settings.queue = settings.queue && settings.axis.length > 1;//make sure the settings are given right
|
||||
if( settings.queue )
|
||||
duration /= 2;//let's keep the overall speed, the same.
|
||||
settings.offset = both( settings.offset );
|
||||
settings.over = both( settings.over );
|
||||
|
||||
return this.each(function(){
|
||||
var elem = this, $elem = $(elem),
|
||||
t = target, toff, attr = {},
|
||||
win = $elem.is('html,body');
|
||||
switch( typeof t ){
|
||||
case 'number'://will pass the regex
|
||||
case 'string':
|
||||
if( /^([+-]=)?\d+(px)?$/.test(t) ){
|
||||
t = both( t );
|
||||
break;//we are done
|
||||
}
|
||||
t = $(t,this);// relative selector, no break!
|
||||
case 'object':
|
||||
if( t.is || t.style )//DOM/jQuery
|
||||
toff = (t = $(t)).offset();//get the real position of the target
|
||||
}
|
||||
$.each( settings.axis.split(''), function( i, axis ){
|
||||
var Pos = axis == 'x' ? 'Left' : 'Top',
|
||||
pos = Pos.toLowerCase(),
|
||||
key = 'scroll' + Pos,
|
||||
act = elem[key],
|
||||
Dim = axis == 'x' ? 'Width' : 'Height',
|
||||
dim = Dim.toLowerCase();
|
||||
|
||||
if( toff ){//jQuery/DOM
|
||||
attr[key] = toff[pos] + ( win ? 0 : act - $elem.offset()[pos] );
|
||||
|
||||
if( settings.margin ){//if it's a dom element, reduce the margin
|
||||
attr[key] -= parseInt(t.css('margin'+Pos)) || 0;
|
||||
attr[key] -= parseInt(t.css('border'+Pos+'Width')) || 0;
|
||||
}
|
||||
|
||||
attr[key] += settings.offset[pos] || 0;//add/deduct the offset
|
||||
|
||||
if( settings.over[pos] )//scroll to a fraction of its width/height
|
||||
attr[key] += t[dim]() * settings.over[pos];
|
||||
}else
|
||||
attr[key] = t[pos];//remove the unnecesary 'px'
|
||||
|
||||
if( /^\d+$/.test(attr[key]) )//number or 'number'
|
||||
attr[key] = attr[key] <= 0 ? 0 : Math.min( attr[key], max(Dim) );//check the limits
|
||||
|
||||
if( !i && settings.queue ){//queueing each axis is required
|
||||
if( act != attr[key] )//don't waste time animating, if there's no need.
|
||||
animate( settings.onAfterFirst );//intermediate animation
|
||||
delete attr[key];//don't animate this axis again in the next iteration.
|
||||
}
|
||||
});
|
||||
animate( settings.onAfter );
|
||||
|
||||
function animate( callback ){
|
||||
$elem.animate( attr, duration, settings.easing, callback && function(){
|
||||
callback.call(this, target);
|
||||
});
|
||||
};
|
||||
function max( Dim ){
|
||||
var el = win ? $.browser.opera ? document.body : document.documentElement : elem;
|
||||
return el['scroll'+Dim] - el['client'+Dim];
|
||||
};
|
||||
});
|
||||
};
|
||||
|
||||
function both( val ){
|
||||
return typeof val == 'object' ? val : { top:val, left:val };
|
||||
};
|
||||
|
||||
})( jQuery );
|
||||
@@ -1,410 +0,0 @@
|
||||
* {margin:0;padding:0}
|
||||
.clear { clear: both; height: 0; }
|
||||
|
||||
.wat-cf:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.wat-cf {display: inline-block;}
|
||||
|
||||
/* Hides from IE-mac \*/
|
||||
* html .wat-cf {height: 1%;}
|
||||
.wat-cf {display: block;}
|
||||
/* End hide from IE-mac */
|
||||
|
||||
h1 { margin: 15px 0; font-size: 22px; font-weight: normal; }
|
||||
h2 { font-size: 22px; margin: 15px 0; font-weight: normal;}
|
||||
h3 { font-size: 18px; margin: 10px 0; font-weight: normal;}
|
||||
h4 { font-size: 16px; margin: 10px 0; font-weight: normal;}
|
||||
hr {height: 1px; border: 0; }
|
||||
p { margin: 15px 0;}
|
||||
a img { border: none; }
|
||||
|
||||
body {
|
||||
font-size: 12px;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#container {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
#header, #wrapper {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
#header {
|
||||
position: relative;
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#main {
|
||||
width: 70%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.actions-bar {
|
||||
padding: 10px 1px;
|
||||
}
|
||||
|
||||
.actions-bar .actions {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.actions-bar .pagination {
|
||||
float: right;
|
||||
padding: 1px 0;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
width: 25%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#sidebar h3 {
|
||||
padding: 10px 15px;
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
#sidebar .block {
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#sidebar .block .content {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
#sidebar ul.navigation li a:link, #sidebar ul.navigation li a:visited {
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
#sidebar .block .sidebar-block, #sidebar .notice {
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#main .block {
|
||||
margin-bottom: 20px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
#main .block .content .inner {
|
||||
padding: 0 15px 15px;
|
||||
}
|
||||
|
||||
#main .main p.first {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#user-navigation {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
#main-navigation {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#user-navigation ul, #main-navigation ul, .secondary-navigation ul, #sidebar ul.navigation {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#user-navigation ul li, #main-navigation ul li, .secondary-navigation ul li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#main-navigation ul li {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#user-navigation ul li {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
|
||||
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
|
||||
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#main-navigation ul li a {
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
display: block;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
.secondary-navigation {
|
||||
font-size: 13px;
|
||||
border-bottom-width: 10px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li a {
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
|
||||
.pagination a, .pagination span, .pagination em {
|
||||
padding: 2px 5px;
|
||||
margin-right: 5px;
|
||||
display: block;
|
||||
float: left;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.pagination em {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* tables */
|
||||
.table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.table th {
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.table th.first {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.table th.last {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.table .checkbox {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.table td {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.table td.last {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* forms */
|
||||
|
||||
input.checkbox {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.form .group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.form div.left {
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.form div.right {
|
||||
width: 75%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.form .columns .column {
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
.form .columns .left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.form .columns .right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.form label.label, .form input.text_field, .form textarea.text_area {
|
||||
font-size: 1.2em;
|
||||
padding: 1px 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.form label.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.form input.checkbox, .form input.radio {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.form label.checkbox, .form label.radio {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.form label.label {
|
||||
display: block;
|
||||
padding-bottom: 2px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.form div.fieldWithErrors label.label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.form .fieldWithErrors .error {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.form input.text_field, .form textarea.text_area {
|
||||
width: 100%;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* lists */
|
||||
|
||||
ul.list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul.list li {
|
||||
clear: left;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
ul.list li .left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
ul.list li .left .avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
ul.list li .item {
|
||||
margin-left: 80px;
|
||||
}
|
||||
|
||||
ul.list li .item .avatar {
|
||||
float: left;
|
||||
margin: 0 5px 5px 0;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
/* box */
|
||||
|
||||
#box {
|
||||
width: 500px;
|
||||
margin: 50px auto;
|
||||
}
|
||||
|
||||
#box .block {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#box .block h2 {
|
||||
padding: 10px 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#box .block .content {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
/* Inspired by http://particletree.com/features/rediscovering-the-button-element */
|
||||
|
||||
a.button:link, a.button:visited, a.button:hover, a.button:active, button.button {
|
||||
color: #222;
|
||||
display:block;
|
||||
float:left;
|
||||
margin:0 7px 0 0;
|
||||
background-color: #eee;
|
||||
border:1px solid #bfbfbf;
|
||||
font-size: 1em;
|
||||
line-height: 1.3em;
|
||||
font-weight:bold;
|
||||
cursor:pointer;
|
||||
padding:5px 10px 6px 7px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
button.button {
|
||||
width:auto;
|
||||
overflow:visible;
|
||||
padding:4px 10px 3px 7px; /* IE6 */
|
||||
}
|
||||
button.button[type] {
|
||||
padding:5px 10px 5px 7px; /* Firefox */
|
||||
line-height:17px; /* Safari */
|
||||
}
|
||||
|
||||
*:first-child+html button.button[type] {
|
||||
padding:4px 10px 3px 7px; /* IE7 */
|
||||
}
|
||||
|
||||
button.button img, a.button img {
|
||||
margin:0 3px -3px 0 !important;
|
||||
padding:0;
|
||||
border:none;
|
||||
width:16px;
|
||||
height:16px;
|
||||
}
|
||||
|
||||
button.button:hover, a.button:hover {
|
||||
background-color:#dedede;
|
||||
}
|
||||
|
||||
button.button:active, a.button:active {
|
||||
background-color:#e5e5e5;
|
||||
}
|
||||
.text_button_padding{
|
||||
color: #222222;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 1em;
|
||||
line-height: 2em;
|
||||
margin: 0 7px 0 0;
|
||||
padding: 5px 0 6px 7px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.link_button{
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
/* Override here any style defined by web-app-theme */
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
@@ -1,462 +0,0 @@
|
||||
/*
|
||||
activo
|
||||
by David Francisco (dmfrancisc[at]gmail.com)
|
||||
|
||||
based on "Drastic Dark" by Juan Maria Martinez Arce (juan[at]insignia4u.com)
|
||||
*/
|
||||
|
||||
.small {
|
||||
font-size: 11px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.gray {
|
||||
color:#999999;
|
||||
font-family: Georgia, serif;
|
||||
font-size: 13px;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.hightlight {
|
||||
background-color: #ffff88;
|
||||
font-weight: bold;
|
||||
color: #36393d;
|
||||
}
|
||||
|
||||
a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #111; }
|
||||
a { -moz-outline: none; }
|
||||
|
||||
body {
|
||||
color: #111;
|
||||
background: #E5E5E5;
|
||||
font-family: helvetica, arial, sans-serif;
|
||||
}
|
||||
|
||||
hr {
|
||||
background: #e2e2e2;
|
||||
color: #e2e2e2;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: #002134;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
padding: 15px 0;
|
||||
font-size: 32px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
text-transform: none;
|
||||
letter-spacing: -1px;
|
||||
line-height: 1.2em;
|
||||
color: #fff;
|
||||
text-shadow: #000 1px 1px 2px;
|
||||
}
|
||||
|
||||
#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#user-navigation {
|
||||
top: auto;
|
||||
bottom: 5px;
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
#user-navigation a.logout {
|
||||
background: #ccc;
|
||||
padding: 1px 4px;
|
||||
}
|
||||
|
||||
#main {
|
||||
width: 71%;
|
||||
}
|
||||
|
||||
#main .block {
|
||||
padding-top: 0px;
|
||||
background: #fff;
|
||||
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
#main .block .content {
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
#main .block .content h2 {
|
||||
margin-left: 15px;
|
||||
font-size: 22px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
text-transform: none;
|
||||
letter-spacing: -1px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
#main .block .content p {
|
||||
font-size: 13px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.45em;
|
||||
}
|
||||
|
||||
#sidebar .block h4 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#sidebar .notice {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
#sidebar h3 {
|
||||
color: #111;
|
||||
border-bottom: 1px solid #c0c0c0;
|
||||
}
|
||||
|
||||
#main-navigation ul li {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#main-navigation ul li a {
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active {
|
||||
padding: 0;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active {
|
||||
background: #E5E5E5;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active a {
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
#sidebar ul li {
|
||||
background-position: 15px 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("images/arrow.png");
|
||||
border-bottom: 1px solid #e2e2e2;
|
||||
}
|
||||
|
||||
#sidebar ul li a {
|
||||
text-decoration: none;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
#sidebar ul li a:link, #sidebar ul li a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#main-navigation {
|
||||
background-color: #f4f4f4;
|
||||
background-image: url("images/menubar-background.png");
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
#main-navigation ul li {
|
||||
margin-right: 0;
|
||||
padding-left: 15px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active {
|
||||
text-decoration: none;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
|
||||
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
|
||||
text-decoration: none;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.secondary-navigation {
|
||||
background-color: #f2f1ee;
|
||||
border-bottom: none;
|
||||
border-bottom-width: 5px;
|
||||
background-image: url("images/boxbar-background.png");
|
||||
}
|
||||
|
||||
.secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#footer .block {
|
||||
text-align: center;
|
||||
color: #111;
|
||||
background: #fff;
|
||||
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#footer .block p {
|
||||
margin: 0;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
|
||||
.pagination a, .pagination span {
|
||||
background-color: #f4f4f4;
|
||||
background-image: url("images/button-background.png");
|
||||
color: #111;
|
||||
text-align: center;
|
||||
min-width: 15px;
|
||||
margin-right: 5px;
|
||||
padding: 6px;
|
||||
border: 1px solid #c3c4ba;
|
||||
}
|
||||
|
||||
.pagination em {
|
||||
background: #002134;
|
||||
color: #fff;
|
||||
border: 1px solid #002134;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
.pagination a:hover {
|
||||
border: 1px solid #818171;
|
||||
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.pagination a:active {
|
||||
background-image: url("images/button-background-active.png");
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* tables */
|
||||
|
||||
.table th {
|
||||
background: #eaeaea;
|
||||
color: #222;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.table td {
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
.table tr.even {
|
||||
background: #f8f8f8;
|
||||
}
|
||||
|
||||
/* forms */
|
||||
|
||||
.form label.label {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.form input.text_field, .form textarea.text_area {
|
||||
width: 100%;
|
||||
border: 1px solid #e2e2e2;
|
||||
}
|
||||
|
||||
.form input:hover, .form textarea:hover {
|
||||
-webkit-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
|
||||
-moz-box-shadow: rgba(0,0,0,0.3) 0 0 3px;
|
||||
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
|
||||
border: 1px solid #a2a294;
|
||||
}
|
||||
|
||||
.form input:focus, .form textarea:focus {
|
||||
border: 1px solid #a2a294;
|
||||
}
|
||||
|
||||
.form input.button {
|
||||
background: #e2e2e2;
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 2px 5px;
|
||||
cursor: pointer;
|
||||
color: #111;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.form input.button:hover {
|
||||
border: 1px solid #666;
|
||||
}
|
||||
|
||||
.form .description {
|
||||
font-style: italic;
|
||||
color: #8C8C8C;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
.form .navform a {
|
||||
color: #cc0000;
|
||||
}
|
||||
|
||||
/* buttons */
|
||||
|
||||
a.button, button.button {
|
||||
background-color: #f4f4f4;
|
||||
background-image: url("images/button-background.png");
|
||||
border: 1px solid #c3c4ba;
|
||||
font-family: helvetica, arial, sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
a.button:link, a.button:visited, a.button:hover, a.button:active, button.button:link, button.button:visited, button.button:hover, button.button:active {
|
||||
font-weight: normal;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
a.button:hover, button.button:hover {
|
||||
background-color: #eee;
|
||||
border: 1px solid #818171;
|
||||
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
a.button:active, button.button:active {
|
||||
outline: none;
|
||||
background-color: #ddd;
|
||||
background-image: url("images/button-background-active.png");
|
||||
}
|
||||
|
||||
/* flash-messages */
|
||||
.flash .message {
|
||||
text-align:center;
|
||||
margin: 0 auto 15px;
|
||||
}
|
||||
|
||||
.flash .message p {
|
||||
margin:8px;
|
||||
}
|
||||
.flash .error {
|
||||
border: 1px solid #ffbbbb;
|
||||
background-color: #ffdddd;
|
||||
}
|
||||
.flash .warning {
|
||||
border: 1px solid #ffff88;
|
||||
background-color: #ffffcc;
|
||||
}
|
||||
.flash .notice {
|
||||
border: 1px solid #1fdf00;
|
||||
background-color: #bbffb6;
|
||||
}
|
||||
|
||||
/* lists */
|
||||
|
||||
ul.list li {
|
||||
border-bottom-color: #e2e2e2;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
ul.list li .item .avatar {
|
||||
border-color: #e2e2e2;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
/* box */
|
||||
|
||||
#box .block {
|
||||
background: #fff;
|
||||
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
#box .block h2 {
|
||||
background: #002134;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* rounded borders */
|
||||
|
||||
#main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
|
||||
#footer .block, .form input.button, #box .block, #box .block h2 {
|
||||
-moz-border-radius-topleft: 9px;
|
||||
-webkit-border-top-left-radius: 9px;
|
||||
-moz-border-radius-topright: 9px;
|
||||
-webkit-border-top-right-radius: 9px;
|
||||
}
|
||||
|
||||
.secondary-navigation li.first a, .secondary-navigation ul li.first {
|
||||
-moz-border-radius-topleft: 9px;
|
||||
-webkit-border-top-left-radius: 9px;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li.first {
|
||||
-moz-border-radius-topleft: 9px;
|
||||
-webkit-border-top-left-radius: 9px;
|
||||
}
|
||||
|
||||
#sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
|
||||
-moz-border-radius-bottomleft: 9px;
|
||||
-webkit-border-bottom-left-radius: 9px;
|
||||
-moz-border-radius-bottomright: 9px;
|
||||
-webkit-border-bottom-right-radius: 9px;
|
||||
}
|
||||
|
||||
#main .block {
|
||||
-moz-border-radius: 9px;
|
||||
-webkit-border-radius: 9px;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
#main-navigation, .secondary-navigation {
|
||||
-moz-border-radius-topleft: 9px;
|
||||
-webkit-border-top-left-radius: 9px;
|
||||
border-top-left-radius: 9px;
|
||||
|
||||
-moz-border-radius-topright: 9px;
|
||||
-webkit-border-top-right-radius: 9px;
|
||||
border-top-right-radius: 9px;
|
||||
}
|
||||
|
||||
a.button, button.button, .pagination a, .pagination span {
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.flash .message {
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.form input.button {
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#user-navigation a.logout {
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
@@ -1,357 +0,0 @@
|
||||
/*
|
||||
|
||||
Amro
|
||||
by Sandro Duarte
|
||||
sandro[at]gmail.com
|
||||
|
||||
dark green #008080
|
||||
light yellow #F6F5CD
|
||||
orange #E8C53B
|
||||
light green #76BBA5
|
||||
light #F3F4EC
|
||||
|
||||
*/
|
||||
|
||||
.small {
|
||||
font-size: 11px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-transform: normal;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.gray {
|
||||
color:#999999;
|
||||
font-family: Georgia, serif;
|
||||
font-size: 13px;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
text-transform: normal;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.hightlight {
|
||||
background-color: #ffff88;
|
||||
font-weight: bold;
|
||||
color: #36393d;
|
||||
}
|
||||
|
||||
a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #008080; }
|
||||
a { -moz-outline: none; }
|
||||
|
||||
body {
|
||||
color: #222;
|
||||
background: #F6F5CD;
|
||||
font-family: helvetica,Arial,sans-serif;
|
||||
}
|
||||
|
||||
hr {
|
||||
background: #f0f0ee;
|
||||
color: #f0f0ee;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 10px 0;
|
||||
|
||||
}
|
||||
|
||||
#header {
|
||||
background: #008080;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
padding: 15px 0;
|
||||
font-size: 28px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
text-transform: normal;
|
||||
letter-spacing: -1px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#user-navigation {
|
||||
top: auto;
|
||||
bottom: 5px;
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
#main .block .content {
|
||||
background: #FFF;
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
#main .block .content h2 {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#main .block .content p {
|
||||
font-size:13px;
|
||||
line-height:1.45em;
|
||||
}
|
||||
|
||||
#main .block .content h2 {
|
||||
font-size:22px;
|
||||
font-style:normal;
|
||||
font-weight:bold;
|
||||
letter-spacing:-1px;
|
||||
line-height:1.2em;
|
||||
margin-left:15px;
|
||||
}
|
||||
|
||||
#sidebar .block {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#sidebar .notice {
|
||||
background: #76BBA5;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#sidebar h3 {
|
||||
background: #008080;
|
||||
color: #FFF;
|
||||
border-bottom: 6px solid #E8C53B;
|
||||
}
|
||||
|
||||
#main-navigation ul li {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#main-navigation ul li a {
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active {
|
||||
padding: 0;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active a {
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
#sidebar ul li a:link, #sidebar ul li a:visited {
|
||||
background: #FFF;
|
||||
border-bottom: 1px solid #F0F0EE;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#sidebar ul li a:hover, #sidebar ul li a:active {
|
||||
background: #76BBA5;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#main-navigation {
|
||||
background: #E8C53B;
|
||||
}
|
||||
|
||||
#main-navigation ul li {
|
||||
background: #E8C53B;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active {
|
||||
background: #F6F5CD;
|
||||
}
|
||||
|
||||
#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
|
||||
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#user-navigation a.logout {
|
||||
background: #cc0000;
|
||||
padding: 2px 6px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
.secondary-navigation li a:hover {
|
||||
background: #76BBA5;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active a:link, #main-navigation ul li.active a:visited, #main-navigation ul li.active a:hover, #main-navigation ul li.active a:active {
|
||||
color: #008080;
|
||||
}
|
||||
|
||||
.secondary-navigation {
|
||||
background: #008080;
|
||||
border-bottom: 6px solid #E8C53B;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li.active, .secondary-navigation ul li.active a {
|
||||
background-color: #E8C53B;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li a {
|
||||
padding:8px 12px;
|
||||
}
|
||||
|
||||
#footer .block {
|
||||
color: #FFF;
|
||||
background: #E8C53B;
|
||||
}
|
||||
|
||||
#footer .block p {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
|
||||
.pagination span.disabled {
|
||||
color: #bbb;
|
||||
border-color: #bbb;
|
||||
}
|
||||
|
||||
.pagination em {
|
||||
background: #008080;
|
||||
color: #FFF;
|
||||
border-color: #008080;
|
||||
}
|
||||
|
||||
.pagination a, .pagination span {
|
||||
color: #008080;
|
||||
border-color: #008080;
|
||||
}
|
||||
|
||||
.pagination a:hover {
|
||||
color: #FFF;
|
||||
background: #008080;
|
||||
}
|
||||
|
||||
/* tables */
|
||||
|
||||
.table th {
|
||||
background: #008080;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.table td {
|
||||
border-bottom:1px solid #F0F0EE;
|
||||
}
|
||||
|
||||
.table tr.even {
|
||||
background: #EFF3E4;
|
||||
}
|
||||
/* forms */
|
||||
|
||||
.form input.text_field, .form textarea.text_area {
|
||||
width: 100%;
|
||||
border:1px solid #CFCFCF;
|
||||
}
|
||||
|
||||
.form input.button {
|
||||
background: #EEE;
|
||||
color: #262626;
|
||||
padding: 2px 5px;
|
||||
border: 1px solid #262626;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.form .description {
|
||||
font-style: italic;
|
||||
color: #8C8C8C;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
/* flash-messages */
|
||||
.flash .message {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
text-align:center;
|
||||
margin: 0 auto 15px;
|
||||
|
||||
}
|
||||
|
||||
.flash .message p {
|
||||
margin:8px;
|
||||
}
|
||||
.flash .error {
|
||||
border: 1px solid #fbb;
|
||||
background-color: #fdd;
|
||||
}
|
||||
.flash .warning {
|
||||
border: 1px solid #fffaaa;
|
||||
background-color: #ffffcc;
|
||||
}
|
||||
.flash .notice {
|
||||
border: 1px solid #1FDF00;
|
||||
background-color: #BBFFB6;
|
||||
}
|
||||
|
||||
/* lists */
|
||||
|
||||
ul.list li {
|
||||
border-bottom-color: #F0F0EE;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
ul.list li .item .avatar {
|
||||
border-color: #F0F0EE;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
/* box */
|
||||
|
||||
#box .block {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#box .block h2 {
|
||||
background: #008080;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
/* rounded borders */
|
||||
|
||||
#main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
|
||||
#footer .block, .form input.button, #box .block, #box .block h2 {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
}
|
||||
|
||||
.secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
.table th.last {
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li.first {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
#sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
}
|
||||
@@ -1,290 +0,0 @@
|
||||
a:link, a:visited, a:hover, a:active { color: #33f; }
|
||||
h1, h2, h3 {color:#444}
|
||||
|
||||
body {
|
||||
color: #222;
|
||||
background: #e5e5e5;
|
||||
font-family: "Bitstream Vera Sans", verdana, sans-serif;
|
||||
}
|
||||
|
||||
hr {
|
||||
background: #f0f0ee;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
input.checkbox {
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
font-size: 28px;
|
||||
padding: 5px 0;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.hightlight {
|
||||
background-color: #ffc;
|
||||
}
|
||||
.small {
|
||||
font-size: 11px;
|
||||
}
|
||||
.gray {
|
||||
color: #999;
|
||||
}
|
||||
#header {
|
||||
background: #48625B;
|
||||
}
|
||||
|
||||
#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#main {
|
||||
background: #e5e5e5;
|
||||
width: 69%;
|
||||
}
|
||||
|
||||
#main .block {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
padding: 0;
|
||||
margin-bottom:20px;
|
||||
padding-bottom: 20px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#main .block h2.title {
|
||||
margin: 0 0 20px 0;
|
||||
background-color: #E9FAE6;
|
||||
padding: 5px 5px 5px 15px;
|
||||
font-size:18px;
|
||||
}
|
||||
|
||||
.main_container {
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
/* #sidebar .block { background: #FFF; padding-bottom:0px; } */
|
||||
|
||||
#sidebar .notice {
|
||||
background-color: #ffc;
|
||||
padding: 0 10px;
|
||||
border-bottom:1px solid #ddd;
|
||||
border-right:1px solid #ddd;
|
||||
border-top:1px solid #fff;
|
||||
border-left:1px solid #fff;
|
||||
}
|
||||
#sidebar .notice h2 {
|
||||
font-size:16px;
|
||||
margin: 5px 0;
|
||||
border-bottom:1px solid #aaa;
|
||||
}
|
||||
#sidebar .notice p {
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
#sidebar .block {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#sidebar .block .content {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
|
||||
#sidebar h3 {
|
||||
background: #c7d8d8;
|
||||
border-bottom:1px solid #999;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#sidebar ul li a:link, #sidebar ul li a:visited {
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
#sidebar ul li a:hover, #sidebar ul li a:active {
|
||||
background: #E9FAE6;
|
||||
color: #444;
|
||||
font-size:14px;
|
||||
text-decoration:underline;
|
||||
}
|
||||
#sidebar ul.navigation li.last a {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#sidebar ul.navigation li a:link,#sidebar ul.navigation li a:visited {
|
||||
padding: 5px 10px;
|
||||
color:#444;
|
||||
text-decoration: none;
|
||||
}
|
||||
#sidebar ul.navigation li a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
#sidebar .block .sidebar-block h4 {
|
||||
border-bottom: 1px solid #bbb;
|
||||
}
|
||||
#main-navigation ul li {
|
||||
background: #30423E;
|
||||
}
|
||||
|
||||
#main-navigation ul li:hover {
|
||||
background: #23302D;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active {
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
|
||||
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
|
||||
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#main-navigation ul li a {
|
||||
font-size: 14px;
|
||||
padding: 4px 10px;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active a:link, #main-navigation ul li.active a:visited, #main-navigation ul li.active a:hover, #main-navigation ul li.active a:active {
|
||||
color: #333;
|
||||
}
|
||||
#user-navigation ul li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.secondary-navigation {
|
||||
background: #48625B;
|
||||
border-bottom-color: #30423e;
|
||||
border-bottom: 5px solid #30423e;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li.active {
|
||||
background-color: #30423e;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li:hover {
|
||||
background-color: #23302d;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
|
||||
.pagination em {
|
||||
background: #30423e;
|
||||
color: #FFF;
|
||||
border: 1px solid #30423e;
|
||||
-moz-border-radius:5px;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
color: #364B69;
|
||||
border: 1px solid #ddd;
|
||||
-moz-border-radius:5px;
|
||||
}
|
||||
|
||||
.pagination a:hover {
|
||||
color: #444;
|
||||
background: #E9FAE6;
|
||||
}
|
||||
|
||||
/* tables */
|
||||
|
||||
.table th {
|
||||
background: #48625B;
|
||||
color: #FFF;
|
||||
font-weight:normal;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
.table th a.toggle {
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: transparent url('images/tick.png') center no-repeat;
|
||||
text-indent: -9999px;
|
||||
-moz-outline: none;
|
||||
}
|
||||
|
||||
.table th.first {
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.table td {
|
||||
border-bottom: 1px solid #F0F0EE;
|
||||
}
|
||||
|
||||
/* forms */
|
||||
|
||||
.form input.text, .form textarea.textarea {
|
||||
border: 1px solid #ddd;
|
||||
padding: 5px;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.form .navform {
|
||||
padding:10px;
|
||||
background-color: #E9FAE6;
|
||||
font-size:14px;
|
||||
border-bottom:1px solid #ddd;
|
||||
border-right:1px solid #ddd;
|
||||
border-top:1px solid #eee;
|
||||
border-left:1px solid #eee;
|
||||
}
|
||||
.form .navform input {
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
/* flash-messages */
|
||||
.flash .message {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
text-align:center;
|
||||
margin:0 auto 5px;
|
||||
width:80%;
|
||||
}
|
||||
.flash .message p {
|
||||
margin:8px;
|
||||
}
|
||||
.flash .error {
|
||||
border: 1px solid #fbb;
|
||||
background-color: #fdd;
|
||||
}
|
||||
.flash .warning {
|
||||
border: 1px solid #fffaaa;
|
||||
background-color: #ffffcc;
|
||||
}
|
||||
.flash .notice {
|
||||
border: 1px solid #ddf;
|
||||
background-color: #eef;
|
||||
}
|
||||
|
||||
/* lists */
|
||||
|
||||
ul.list li {
|
||||
border-bottom-color: #F0F0EE;
|
||||
}
|
||||
|
||||
ul.list li .item .avatar {
|
||||
border-color: #F0F0EE;
|
||||
margin: 3px 10px 0 0;
|
||||
}
|
||||
|
||||
ul.list li .left {
|
||||
padding: 5px 5px;
|
||||
}
|
||||
|
||||
/* box */
|
||||
|
||||
#box .block {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#box .block h2 {
|
||||
background: #48625B;
|
||||
color: #FFF;
|
||||
}
|
||||
@@ -1,301 +0,0 @@
|
||||
a:link, a:visited, a:hover, a:active { color: #33f; }
|
||||
h1, h2, h3 {color:#444}
|
||||
|
||||
body {
|
||||
color: #333;
|
||||
background: #e5e5e5;
|
||||
font-family: Verdana, Arial, "Bitstream Vera Sans", sans-serif;
|
||||
}
|
||||
|
||||
hr {
|
||||
background: #f0f0ee;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
input.checkbox {
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
font-size: 28px;
|
||||
padding: 5px 0;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.hightlight {
|
||||
background-color: #ffc;
|
||||
}
|
||||
.small {
|
||||
font-size: 11px;
|
||||
}
|
||||
.gray {
|
||||
color: #999;
|
||||
}
|
||||
#header {
|
||||
background: #006666;
|
||||
}
|
||||
|
||||
#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#main {
|
||||
background: #e5e5e5;
|
||||
width: 73%;
|
||||
}
|
||||
|
||||
#main .block {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
padding: 0;
|
||||
margin-bottom:20px;
|
||||
padding-bottom: 20px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#main .block h2.title {
|
||||
margin: 0 0 20px 0;
|
||||
background-color: #E6FAFA;
|
||||
padding: 5px 5px 5px 15px;
|
||||
font-size:18px;
|
||||
}
|
||||
|
||||
.main_container {
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
#footer .block p {
|
||||
color:#aaa;
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
/* #sidebar .block { background: #FFF; padding-bottom:0px; } */
|
||||
|
||||
#sidebar .notice {
|
||||
background-color: #ffc;
|
||||
padding: 0 10px;
|
||||
border-bottom:1px solid #ddd;
|
||||
border-right:1px solid #ddd;
|
||||
border-top:1px solid #fff;
|
||||
border-left:1px solid #fff;
|
||||
}
|
||||
#sidebar .notice h2 {
|
||||
font-size:16px;
|
||||
margin: 5px 0;
|
||||
border-bottom:1px solid #aaa;
|
||||
}
|
||||
#sidebar .notice p {
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
#sidebar .block {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#sidebar .block .content {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
|
||||
#sidebar h3 {
|
||||
background: #c7d8d8;
|
||||
border-bottom:1px solid #999;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#sidebar ul li a:link, #sidebar ul li a:visited {
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
#sidebar ul li a:hover, #sidebar ul li a:active {
|
||||
background: #e1efef;
|
||||
color: #444;
|
||||
font-size:12px;
|
||||
text-decoration:underline;
|
||||
}
|
||||
#sidebar ul.navigation li.last a {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#sidebar ul.navigation li a:link,#sidebar ul.navigation li a:visited {
|
||||
padding: 5px 10px;
|
||||
color:#444;
|
||||
text-decoration: none;
|
||||
}
|
||||
#sidebar ul.navigation li a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
#sidebar .block .sidebar-block h4 {
|
||||
border-bottom: 1px solid #bbb;
|
||||
}
|
||||
#main-navigation ul li {
|
||||
background: #008c8c;
|
||||
}
|
||||
|
||||
#main-navigation ul li:hover {
|
||||
background: #00b2b2;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active {
|
||||
background: #f0f0ee;
|
||||
}
|
||||
|
||||
#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
|
||||
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
|
||||
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#main-navigation ul li a {
|
||||
font-size: 12px;
|
||||
padding: 4px 10px;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active a:link, #main-navigation ul li.active a:visited, #main-navigation ul li.active a:hover, #main-navigation ul li.active a:active {
|
||||
color: #364b69;
|
||||
}
|
||||
#user-navigation ul li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.secondary-navigation {
|
||||
background: #006666;
|
||||
border-bottom-color: #008c8c;
|
||||
border-bottom: 5px solid #008c8c;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li.active {
|
||||
background-color: #008c8c;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li:hover {
|
||||
background-color: #00b2b2;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
|
||||
.pagination em {
|
||||
background: #008c8c;
|
||||
color: #FFF;
|
||||
border: 1px solid #008c8c;
|
||||
-moz-border-radius:5px;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
color: #364B69;
|
||||
border: 1px solid #ddd;
|
||||
-moz-border-radius:5px;
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
.pagination a:hover {
|
||||
color: #444;
|
||||
background: #E6FAFA;
|
||||
}
|
||||
|
||||
/* tables */
|
||||
|
||||
.table th {
|
||||
background: #006666;
|
||||
color: #FFF;
|
||||
font-weight:normal;
|
||||
padding:3px;
|
||||
}
|
||||
|
||||
.table th a.toggle {
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: transparent url('images/tick.png') center no-repeat;
|
||||
text-indent: -9999px;
|
||||
-moz-outline: none;
|
||||
}
|
||||
|
||||
.table th.first {
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.table td {
|
||||
border-bottom: 1px solid #F0F0EE;
|
||||
}
|
||||
|
||||
/* forms */
|
||||
|
||||
.form input.text, .form textarea.textarea {
|
||||
border: 1px solid #ddd;
|
||||
padding: 5px;
|
||||
width:99%;
|
||||
}
|
||||
|
||||
.form .navform {
|
||||
padding:10px;
|
||||
background-color: #f1f8f8;
|
||||
font-size:14px;
|
||||
border-bottom:1px solid #ddd;
|
||||
border-right:1px solid #ddd;
|
||||
border-top:1px solid #eee;
|
||||
border-left:1px solid #eee;
|
||||
}
|
||||
.form .navform input {
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
.description {
|
||||
color:#aaa;
|
||||
font-family:Georgia, serif;
|
||||
}
|
||||
|
||||
/* flash-messages */
|
||||
.flash .message {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
text-align:center;
|
||||
margin:0 auto 5px;
|
||||
width:80%;
|
||||
}
|
||||
.flash .message p {
|
||||
margin:8px;
|
||||
}
|
||||
.flash .error {
|
||||
border: 1px solid #fbb;
|
||||
background-color: #fdd;
|
||||
}
|
||||
.flash .warning {
|
||||
border: 1px solid #fffaaa;
|
||||
background-color: #ffffcc;
|
||||
}
|
||||
.flash .notice {
|
||||
border: 1px solid #ddf;
|
||||
background-color: #eef;
|
||||
}
|
||||
|
||||
/* lists */
|
||||
|
||||
ul.list li {
|
||||
border-bottom-color: #F0F0EE;
|
||||
}
|
||||
|
||||
ul.list li .item .avatar {
|
||||
border-color: #F0F0EE;
|
||||
margin: 3px 10px 0 0;
|
||||
}
|
||||
|
||||
ul.list li .left {
|
||||
padding: 5px 5px;
|
||||
}
|
||||
|
||||
/* box */
|
||||
|
||||
#box .block {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#box .block h2 {
|
||||
background: #006666;
|
||||
color: #FFF;
|
||||
}
|
||||
@@ -1,280 +0,0 @@
|
||||
.small { font-size:12px; }
|
||||
.gray { color:#999999; }
|
||||
.hightlight { background-color:#FFFFCC; }
|
||||
|
||||
a:link, a:visited, a:hover, a:active, h1, h2, h3 { color: #2F427A; }
|
||||
a { -moz-outline: none; }
|
||||
|
||||
body {
|
||||
color: #222;
|
||||
background: #f0f0ee;
|
||||
font-family: helvetica, arial, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
hr {
|
||||
background: #f0f0ee;
|
||||
color: #f0f0ee;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: #2F427A;
|
||||
}
|
||||
|
||||
#header h1 {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#header h1 a:link, #header h1 a:active, #header h1 a:hover, #header h1 a:visited {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#user-navigation {
|
||||
top: auto;
|
||||
bottom: 5px;
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
#main .block .content {
|
||||
background: #FFF;
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
#main .block .content h2 {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#sidebar .block {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#sidebar .notice {
|
||||
background: #FFFFCC;
|
||||
}
|
||||
|
||||
#sidebar h3 {
|
||||
background: #2F427A;
|
||||
color: #FFF;
|
||||
border-bottom: 10px solid #262626;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#main-navigation ul li {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#main-navigation ul li a {
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active {
|
||||
padding: 0;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active a {
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
#sidebar ul li a:link, #sidebar ul li a:visited {
|
||||
background: #FFF;
|
||||
border-bottom: 1px solid #F0F0EE;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#sidebar ul li a:hover, #sidebar ul li a:active {
|
||||
background: #316291;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#main-navigation {
|
||||
background: #262626;
|
||||
}
|
||||
|
||||
#main-navigation ul li {
|
||||
background: #262626;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active {
|
||||
background: #f0f0ee;
|
||||
}
|
||||
|
||||
#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
|
||||
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active,
|
||||
#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.secondary-navigation li a:hover {
|
||||
background: #5C637A;
|
||||
}
|
||||
|
||||
#main-navigation ul li.active a:link, #main-navigation ul li.active a:visited, #main-navigation ul li.active a:hover, #main-navigation ul li.active a:active {
|
||||
color: #262626;
|
||||
}
|
||||
|
||||
.secondary-navigation {
|
||||
background: #2F427A;
|
||||
border-bottom-color: #262626;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li.active, .secondary-navigation ul li.active a:hover {
|
||||
background-color: #262626;
|
||||
}
|
||||
|
||||
#footer .block {
|
||||
color: #FFF;
|
||||
background: #262626;
|
||||
}
|
||||
|
||||
#footer .block p {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
|
||||
.pagination span, .pagination a {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.pagination em {
|
||||
background: #262626;
|
||||
color: #FFF;
|
||||
border-color: #262626;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
color: #262626;
|
||||
border-color: #262626;
|
||||
}
|
||||
|
||||
.pagination a:hover {
|
||||
color: #FFF;
|
||||
background: #262626;
|
||||
}
|
||||
|
||||
/* tables */
|
||||
|
||||
.table th {
|
||||
background: #262626;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.table td {
|
||||
border-bottom:1px solid #F0F0EE;
|
||||
}
|
||||
|
||||
/* forms */
|
||||
|
||||
.form input.text_field, .form textarea.text_area {
|
||||
width: 100%;
|
||||
border: 1px solid #262626;
|
||||
}
|
||||
|
||||
.form input.button {
|
||||
background: #EEE;
|
||||
color: #262626;
|
||||
padding: 2px 5px;
|
||||
border: 1px solid #262626;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.form .description {
|
||||
font-style: italic;
|
||||
color: #8C8C8C;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
/* flash-messages */
|
||||
.flash .message {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
text-align:center;
|
||||
margin: 0 auto 15px;
|
||||
|
||||
}
|
||||
|
||||
.flash .message p {
|
||||
margin:8px;
|
||||
}
|
||||
.flash .error {
|
||||
border: 1px solid #fbb;
|
||||
background-color: #fdd;
|
||||
}
|
||||
.flash .warning {
|
||||
border: 1px solid #fffaaa;
|
||||
background-color: #ffffcc;
|
||||
}
|
||||
.flash .notice {
|
||||
border: 1px solid #1FDF00;
|
||||
background-color: #BBFFB6;
|
||||
}
|
||||
|
||||
/* lists */
|
||||
|
||||
ul.list li {
|
||||
border-bottom-color: #F0F0EE;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
ul.list li .item .avatar {
|
||||
border-color: #F0F0EE;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
/* box */
|
||||
|
||||
#box .block {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
#box .block h2 {
|
||||
background: #2F427A;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
/* rounded borders */
|
||||
|
||||
#main, #main-navigation, #main-navigation li, .secondary-navigation, #main .block, #sidebar .block, #sidebar h3, ul.list li,
|
||||
#footer .block, .form input.button, #box .block, #box .block h2 {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
}
|
||||
|
||||
.secondary-navigation li.first a, .secondary-navigation ul li.first, .table th.first, .table th.first {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
.table th.last {
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
}
|
||||
|
||||
.secondary-navigation ul li.first {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
#sidebar, #sidebar .block, #main .block, #sidebar ul.navigation, ul.list li, #footer .block, .form input.button, #box .block {
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
}
|
||||
Binary file not shown.
@@ -1,242 +0,0 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
This is a custom SVG webfont generated by Font Squirrel.
|
||||
Designer : Jos Buivenga
|
||||
Foundry : Jos Buivenga
|
||||
Foundry URL : httpwwwjosbuivengademonnl
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="webfontOC5Ke5xr" horiz-adv-x="1267" >
|
||||
<font-face units-per-em="2048" ascent="1536" descent="-512" />
|
||||
<missing-glyph horiz-adv-x="542" />
|
||||
<glyph unicode=" " horiz-adv-x="542" />
|
||||
<glyph unicode="	" horiz-adv-x="542" />
|
||||
<glyph unicode=" " horiz-adv-x="542" />
|
||||
<glyph unicode="!" horiz-adv-x="679" d="M205 1454h270l-20 -1034h-228zM215 0v242h252v-242h-252z" />
|
||||
<glyph unicode=""" horiz-adv-x="755" d="M117 1053v428h192v-428h-192zM444 1053v428h193v-428h-193z" />
|
||||
<glyph unicode="#" horiz-adv-x="1433" d="M66 383l30 186h244l51 287h-239l30 188h242l72 410h209l-72 -410h278l72 410h209l-72 -410h248l-33 -188h-245l-52 -287h244l-31 -186h-245l-66 -383h-209l68 383h-281l-65 -383h-209l65 383h-243zM549 569h280l52 287h-281z" />
|
||||
<glyph unicode="$" horiz-adv-x="1146" d="M78 268l186 156q4 -8 13.5 -22.5t42 -50.5t68.5 -62.5t93.5 -49t116.5 -22.5q92 0 150.5 46t58.5 126q0 51 -38 93t-98.5 74t-133 63.5t-145.5 72.5t-133 91.5t-98 127t-38 172.5q0 152 107.5 256.5t277.5 130.5v191h182v-191q137 -18 238.5 -87.5t101.5 -190.5v-135 h-242v65q0 49 -54 81t-128 32q-92 0 -152.5 -42t-60.5 -106q0 -70 71 -122t171 -93t200.5 -92t171 -148t70.5 -235q0 -154 -106.5 -270.5t-280.5 -142.5v-191h-182v189q-244 33 -397 237z" />
|
||||
<glyph unicode="%" horiz-adv-x="1689" d="M113 1155q0 133 98 228.5t235.5 95.5t236.5 -95.5t99 -228.5q0 -135 -98 -229.5t-237.5 -94.5t-236.5 94.5t-97 229.5zM164 0l1116 1454h240l-1117 -1454h-239zM311 1155q0 -57 39 -96t96.5 -39t97.5 39t40 96q0 55 -40 95t-97.5 40t-96.5 -40t-39 -95zM907 297 q0 133 97.5 228.5t236.5 95.5q137 0 235.5 -95.5t98.5 -228.5t-97.5 -227.5t-236.5 -94.5t-236.5 94.5t-97.5 227.5zM1106 299q0 -57 39 -96t96 -39t97 39t40 96q0 55 -40 95t-97 40t-96 -40t-39 -95z" />
|
||||
<glyph unicode="&" horiz-adv-x="1333" d="M86 426q0 113 64.5 214t177.5 134v4q-8 2 -19.5 9.5t-42 33t-54.5 57t-43 90t-19 128.5q0 172 124.5 277.5t317.5 105.5q51 0 101 -6.5t75 -12.5l25 -6l-64 -209q-51 12 -98 12q-96 0 -155.5 -55t-59.5 -139q0 -76 51 -134.5t170 -58.5h219v174h260v-174h174v-229h-174 v-172q0 -225 -136 -359.5t-374 -134.5q-227 0 -373.5 129t-146.5 322zM356 428q0 -88 69 -149.5t181 -61.5q119 0 184.5 67.5t65.5 198.5v158h-219q-131 0 -206 -54.5t-75 -158.5z" />
|
||||
<glyph unicode="'" horiz-adv-x="430" d="M117 1053v428h196v-428h-196z" />
|
||||
<glyph unicode="(" horiz-adv-x="718" d="M166 668q0 492 240 850h221q-229 -383 -230 -832q0 -469 236 -881h-221q-246 361 -246 863z" />
|
||||
<glyph unicode=")" horiz-adv-x="718" d="M86 -195q236 412 236 881q0 449 -230 832h221q242 -360 242 -850q0 -502 -246 -863h-223z" />
|
||||
<glyph unicode="*" horiz-adv-x="989" d="M76 1065l69 221l248 -100l-18 268h235l-18 -268l248 100l73 -219l-262 -66v-4l172 -202l-186 -138l-141 226h-4l-142 -226l-186 136l170 204v4z" />
|
||||
<glyph unicode="+" d="M86 483v203h442v485h211v-485h443v-203h-443v-483h-211v483h-442z" />
|
||||
<glyph unicode="," horiz-adv-x="542" d="M45 -215l137 479h250l-196 -479h-191z" />
|
||||
<glyph unicode="-" horiz-adv-x="882" d="M133 471v227h617v-227h-617z" />
|
||||
<glyph unicode="." horiz-adv-x="542" d="M145 0v260h252v-260h-252z" />
|
||||
<glyph unicode="/" horiz-adv-x="751" d="M-2 -86l520 1614h223l-522 -1614h-221z" />
|
||||
<glyph unicode="0" horiz-adv-x="1253" d="M100 729q0 750 526.5 750t526.5 -750q0 -164 -27.5 -295t-86 -237.5t-164 -164t-249 -57.5t-249 57.5t-163.5 164t-86 237.5t-28 295zM371 729q0 -512 256 -512t256 512q0 506 -256 506t-256 -506z" />
|
||||
<glyph unicode="1" horiz-adv-x="1091" d="M106 1104l365 350h242v-1227h313v-227h-895v227h313v807l2 99h-4q-16 -35 -63 -82l-117 -111z" />
|
||||
<glyph unicode="2" horiz-adv-x="1189" d="M68 193q0 106 38.5 193t101 144.5t138.5 105.5t152.5 90t139 86t101.5 102.5t39 129.5q0 86 -58 137.5t-153 51.5q-82 0 -136 -36t-54 -79v-63h-242v143q0 90 73 156.5t171 95.5t199 29q199 0 335 -117t136 -313q0 -137 -73 -244t-176.5 -171.5t-205.5 -118.5 t-175 -116.5t-73 -134.5q0 -37 55 -37h426q45 0 45 45v88h242v-221q0 -74 -32.5 -106.5t-106.5 -32.5h-758q-92 0 -120.5 42t-28.5 151z" />
|
||||
<glyph unicode="3" horiz-adv-x="1138" d="M53 180l135 201l17 -16q10 -10 47 -38t75 -48.5t98 -37t120 -16.5q109 0 178.5 61.5t69.5 155.5q0 96 -78 154.5t-197 58.5h-102l-54 133l246 330q49 74 97 111v4q-45 -6 -130 -6h-182q-45 0 -45 -45v-88h-242v221q0 74 28 106.5t99 32.5h791v-166l-334 -418 q158 -25 266.5 -136t108.5 -288q0 -193 -140.5 -332t-377.5 -139q-266 0 -461 172z" />
|
||||
<glyph unicode="4" horiz-adv-x="1206" d="M37 367v170l602 917h315v-860h224v-227h-224v-367h-268v367h-649zM317 588q59 6 127 6h246v403l10 158h-4q-41 -78 -78 -131l-227 -336l-74 -96v-4z" />
|
||||
<glyph unicode="5" horiz-adv-x="1218" d="M96 176l135 203q4 -6 14.5 -16.5t43.5 -37t69.5 -47t94 -37t116.5 -16.5q119 0 193 70t74 172q0 117 -91.5 182.5t-222.5 65.5q-72 0 -140.5 -16.5t-100.5 -32.5l-33 -17l-94 47l53 619q6 74 36.5 106.5t100.5 32.5h537q139 0 139 -139v-221h-244v88q0 45 -45 45h-239 q-41 0 -46 -45l-18 -201l-10 -68h4q68 27 153 27q244 0 388.5 -136t144.5 -341q0 -201 -146.5 -345.5t-392.5 -144.5q-258 0 -440 170z" />
|
||||
<glyph unicode="6" horiz-adv-x="1177" d="M68 651q0 119 25.5 234.5t80.5 223.5t132 189.5t188.5 131t242.5 49.5q182 0 299 -62l-78 -227q-94 45 -204 45q-160 0 -258.5 -113.5t-126.5 -281.5h4q37 47 113.5 76.5t156.5 29.5q209 0 337 -140t128 -343q0 -207 -133 -347.5t-344 -140.5q-238 0 -400.5 182.5 t-162.5 493.5zM344 571q0 -137 86 -245.5t199 -108.5q100 0 159.5 69.5t59.5 176.5q0 115 -70.5 190.5t-195.5 75.5q-98 0 -168 -46t-70 -112z" />
|
||||
<glyph unicode="7" horiz-adv-x="1101" d="M45 1094v221q0 74 28.5 106.5t98.5 32.5h909v-184l-692 -1270h-293l600 1094q49 90 88 133v4q-27 -4 -100 -4h-350q-45 0 -45 -45v-88h-244z" />
|
||||
<glyph unicode="8" horiz-adv-x="1193" d="M74 420q0 63 22.5 123.5t56 102.5t66.5 74t55 46l23 16v4l-17 12q-11 7 -39 33.5t-49.5 58.5t-39 82t-17.5 105q0 164 126 283t341 119q209 0 338 -115t129 -289q0 -180 -141 -315l-17 -15v-4q201 -127 201 -333q0 -174 -144.5 -303.5t-373.5 -129.5q-221 0 -370.5 125 t-149.5 320zM344 436q0 -98 71.5 -158.5t178.5 -60.5q102 0 175 57.5t73 145.5q0 70 -52.5 114t-156.5 87q-111 49 -131 49q-43 0 -100.5 -73t-57.5 -161zM395 1071q0 -70 50.5 -111.5t146.5 -78.5q74 -31 96 -31q37 0 80 65.5t43 141.5q0 82 -57.5 130t-151.5 48 q-96 0 -151.5 -47t-55.5 -117z" />
|
||||
<glyph unicode="9" horiz-adv-x="1177" d="M68 991q0 205 133 346.5t346 141.5q236 0 398.5 -182.5t162.5 -493.5q0 -119 -25.5 -234.5t-81 -223t-132 -189.5t-188.5 -131.5t-243 -49.5q-182 0 -299 62l78 227q94 -47 205 -47q160 0 258 113.5t127 283.5h-4q-35 -47 -113 -76.5t-158 -29.5q-209 0 -336.5 140 t-127.5 343zM328 991q0 -115 70.5 -190.5t197.5 -75.5q96 0 165.5 45t69.5 113q0 137 -86 244.5t-198 107.5q-100 0 -159.5 -69t-59.5 -175z" />
|
||||
<glyph unicode=":" horiz-adv-x="626" d="M188 0v260h250v-260h-250zM188 784v260h250v-260h-250z" />
|
||||
<glyph unicode=";" horiz-adv-x="626" d="M72 -215l112 479h248l-168 -479h-192zM190 784v260h250v-260h-250z" />
|
||||
<glyph unicode="<" d="M131 502v168l985 438v-227l-710 -293v-4l710 -293v-228z" />
|
||||
<glyph unicode="=" d="M135 274v201h1000v-201h-1000zM135 694v201h1000v-201h-1000z" />
|
||||
<glyph unicode=">" d="M145 63v228l711 293v4l-711 293v227l985 -438v-168z" />
|
||||
<glyph unicode="?" horiz-adv-x="974" d="M74 1335q16 16 46 41t130 66t209 41q182 0 314 -105.5t132 -279.5q0 -94 -37 -170t-89 -125t-104 -93t-89 -97.5t-37 -112.5v-80h-252v98q0 82 35 150.5t85 114.5l99 88q49 42 84 93.5t35 108.5q0 72 -57.5 121t-141.5 49q-51 0 -106.5 -21.5t-83.5 -41.5l-29 -23zM297 0 v242h252v-242h-252z" />
|
||||
<glyph unicode="@" horiz-adv-x="1607" d="M78 492q0 319 222 541t548 222q293 0 428 -124.5t135 -321.5v-512h150v-186h-568q-199 0 -319.5 112.5t-120.5 268.5q0 154 120 264t320 110h174q-2 80 -90 130.5t-221 50.5q-219 0 -370.5 -166t-151.5 -389q0 -231 152.5 -390t402.5 -159v-203q-360 0 -585.5 215 t-225.5 537zM811 498q0 -84 55.5 -142.5t143.5 -58.5h157v401h-153q-90 0 -146.5 -58t-56.5 -142z" />
|
||||
<glyph unicode="A" horiz-adv-x="1380" d="M23 0v227h32q49 0 64 45l432 1182h280l431 -1182q14 -45 63 -45h33v-227h-160q-76 0 -111.5 24.5t-60.5 94.5l-90 254h-492l-90 -254q-25 -70 -59.5 -94.5t-110.5 -24.5h-161zM506 594h368l-124 364l-58 218h-4q-31 -137 -57 -218z" />
|
||||
<glyph unicode="B" horiz-adv-x="1288" d="M68 1227v227h628q201 0 326 -99.5t125 -275.5q0 -113 -51.5 -192.5t-124.5 -118.5v-4q113 -33 173 -129t60 -213q0 -207 -142 -314.5t-360 -107.5h-362q-72 0 -105.5 33t-33.5 106v1088h-133zM469 272q0 -45 45 -45h209q96 0 150.5 58.5t54.5 152.5q0 92 -55.5 150.5 t-149.5 58.5h-254v-375zM469 860h229q82 0 129 52.5t47 134t-47 131t-133 49.5h-225v-367z" />
|
||||
<glyph unicode="C" horiz-adv-x="1452" d="M61 739q0 315 211 527.5t527 212.5q78 0 166 -17.5t178 -52.5t148.5 -101.5t58.5 -154.5v-162h-244v82q0 74 -95.5 115t-205.5 41q-201 0 -333 -133t-132 -357q0 -213 137 -363.5t336 -150.5q78 0 150.5 19.5t123 48.5t90.5 57.5t58 46.5l18 21l142 -193 q-8 -10 -24.5 -26.5t-74 -59.5t-120 -76.5t-163 -60.5t-204.5 -27q-330 0 -539 218t-209 546z" />
|
||||
<glyph unicode="D" horiz-adv-x="1464" d="M70 1227v227h592q340 0 540.5 -192.5t200.5 -532.5t-201 -534.5t-540 -194.5h-320q-74 0 -106.5 33t-32.5 106v1088h-133zM471 272q0 -45 45 -45h131q221 0 349 130t128 372q0 238 -129 368t-348 130h-176v-955z" />
|
||||
<glyph unicode="E" horiz-adv-x="1183" d="M70 1227v227h878q139 0 139 -139v-221h-243v88q0 45 -45 45h-328v-381h471v-228h-471v-346q0 -45 45 -45h336q45 0 45 45v88h244v-221q0 -74 -34 -106.5t-106 -32.5h-659q-74 0 -106.5 33t-32.5 106v1088h-133z" />
|
||||
<glyph unicode="F" horiz-adv-x="1077" d="M70 1227v227h829q74 0 106.5 -34t32.5 -105v-221h-241v88q0 45 -45 45h-281v-412h465v-227h-465v-588h-268v1227h-133z" />
|
||||
<glyph unicode="G" horiz-adv-x="1519" d="M63 735q0 315 212 529.5t528 214.5q100 0 191 -19.5t150.5 -46.5t103.5 -53.5t65 -44.5l20 -21l-151 -192q-16 14 -48 35.5t-129.5 57.5t-195.5 36q-195 0 -331 -138.5t-136 -355.5q0 -231 138 -371.5t339 -140.5q203 0 352 135l17 17v108q0 45 -45 45h-88v228h235 q74 0 107 -33t33 -104v-621h-230v70l2 61h-4q-6 -6 -18.5 -16.5t-54.5 -38t-88 -48t-118.5 -37t-148.5 -16.5q-295 0 -501 209t-206 551z" />
|
||||
<glyph unicode="H" horiz-adv-x="1583" d="M70 1227v227h262q74 0 106.5 -34t32.5 -105v-477h641v477q0 139 139 139h262v-227h-88q-45 0 -45 -45v-1182h-268v610h-641v-610h-268v1182q0 45 -45 45h-88z" />
|
||||
<glyph unicode="I" horiz-adv-x="700" d="M78 0v227h145v1000h-145v227h545v-227h-146v-1000h146v-227h-545z" />
|
||||
<glyph unicode="J" horiz-adv-x="1103" d="M41 430v84h268v-59q0 -121 54.5 -175.5t136.5 -54.5t135 53.5t53 163.5v740q0 45 -45 45h-352v227h526q139 0 139 -139v-885q0 -223 -135 -339t-323 -116q-186 0 -321.5 117t-135.5 338z" />
|
||||
<glyph unicode="K" horiz-adv-x="1298" d="M70 1227v227h262q74 0 106.5 -34t32.5 -105v-453h102q90 0 117 47l293 545h295l-328 -598q-45 -82 -92 -106v-5q49 -12 94 -100l185 -371q23 -47 102 -47h39v-227h-154q-86 0 -127 20.5t-75 88.5l-238 477q-16 33 -45 41t-82 8h-86v-635h-268v1182q0 45 -45 45h-88z" />
|
||||
<glyph unicode="L" horiz-adv-x="1142" d="M70 1227v227h262q74 0 106.5 -34t32.5 -105v-1043q0 -45 45 -45h318q45 0 45 45v88h243v-221q0 -74 -32.5 -106.5t-106.5 -32.5h-641q-74 0 -106.5 33t-32.5 106v1043q0 45 -45 45h-88z" />
|
||||
<glyph unicode="M" horiz-adv-x="1781" d="M37 0v227h63q41 0 45 45l95 1182h278l299 -692l72 -195h4q37 111 72 195l299 692h278l94 -1182q4 -45 45 -45h64v-227h-232q-72 0 -101.5 31.5t-35.5 107.5l-49 647q-5 55 -5 121q0 49 3 105h-4q-43 -143 -80 -226l-242 -536h-217l-241 536q-16 37 -37 93.5t-33 95.5 l-10 39h-4q3 -56 2 -106q0 -66 -4 -122l-47 -647q-6 -76 -37 -107.5t-103 -31.5h-231z" />
|
||||
<glyph unicode="N" horiz-adv-x="1576" d="M70 0v227h88q45 0 45 45v1182h241l551 -805q57 -84 121 -205h4q-14 121 -14 205v666q0 72 32.5 105.5t106.5 33.5h262v-227h-88q-45 0 -45 -45v-1182h-239l-553 803q-57 82 -121 205h-4q14 -121 14 -205v-664q0 -74 -32.5 -106.5t-106.5 -32.5h-262z" />
|
||||
<glyph unicode="O" horiz-adv-x="1626" d="M61 737q0 313 216.5 527.5t536 214.5t535.5 -214t216 -528q0 -322 -216 -542t-535.5 -220t-536 220t-216.5 542zM340 737q0 -217 137 -364.5t336 -147.5t336 147.5t137 364.5q0 207 -137 349.5t-336 142.5t-336 -142.5t-137 -349.5z" />
|
||||
<glyph unicode="P" horiz-adv-x="1239" d="M70 1227v227h665q205 0 334 -131t129 -342t-129 -345t-334 -134h-264v-502h-268v1227h-133zM471 731h215q113 0 175.5 67.5t62.5 182.5q0 113 -61.5 179.5t-172.5 66.5h-219v-496z" />
|
||||
<glyph unicode="Q" horiz-adv-x="1626" d="M61 735q0 313 215.5 527.5t534.5 214.5q322 0 538 -214t216 -528q0 -248 -160 -459l158 -143l-160 -174l-158 156q-182 -139 -434 -140q-317 0 -533.5 220.5t-216.5 539.5zM340 735q0 -215 137 -362.5t334 -147.5q150 0 240 70l-148 137l158 174l147 -147q78 123 78 276 q0 209 -137 350.5t-338 141.5q-199 0 -335 -141.5t-136 -350.5z" />
|
||||
<glyph unicode="R" horiz-adv-x="1294" d="M70 1227v227h651q203 0 328 -117.5t125 -320.5q0 -92 -29 -168t-71 -119t-79 -66.5t-63 -29.5v-4q45 -20 72 -74l141 -281q25 -47 102 -47h27v-227h-141q-84 0 -126 20.5t-77 88.5l-187 366q-23 41 -50 54.5t-87 13.5h-135v-543h-268v1227h-133zM471 772h213 q102 0 158.5 60.5t56.5 168.5q0 106 -56.5 166t-154.5 60h-217v-455z" />
|
||||
<glyph unicode="S" horiz-adv-x="1124" d="M66 201l151 188q6 -6 17.5 -18.5t48 -42t75.5 -52t96.5 -41t114.5 -18.5q88 0 148.5 46t60.5 126q0 49 -38 91t-98 74t-133 63.5t-145.5 72.5t-133 89t-98.5 123t-38 167q0 176 137.5 293t348.5 117q94 0 188 -27t169 -95.5t75 -164.5v-135h-242v65q0 49 -58.5 81 t-133.5 32q-92 0 -152.5 -43t-60.5 -113q0 -49 37.5 -89t98 -69.5t133.5 -60.5t145.5 -69.5t133 -87t98.5 -126t38 -174.5q0 -180 -131.5 -304t-352.5 -124q-266 0 -461 185z" />
|
||||
<glyph unicode="T" horiz-adv-x="1337" d="M31 1094v229q0 72 28.5 101.5t102.5 29.5h1014q74 0 102.5 -29.5t28.5 -101.5v-229h-236v88q0 45 -45 45h-223v-1227h-268v1227h-224q-45 0 -45 -45v-88h-235z" />
|
||||
<glyph unicode="U" horiz-adv-x="1515" d="M53 1227v227h262q74 0 107 -34t33 -105v-789q0 -141 81.5 -221t221 -80t221.5 80t82 223v787q0 72 32.5 105.5t106.5 33.5h262v-227h-88q-45 0 -45 -45v-664q0 -242 -156.5 -392.5t-412.5 -150.5q-258 0 -416 150.5t-158 392.5v664q0 45 -45 45h-88z" />
|
||||
<glyph unicode="V" horiz-adv-x="1400" d="M23 1227v227h170q76 0 111.5 -24.5t60.5 -94.5l278 -811q12 -37 26.5 -90t22.5 -88l6 -35h4q27 131 56 213l278 811q25 70 59.5 94.5t110.5 24.5h172v-227h-39q-47 0 -63 -45l-434 -1182h-283l-436 1182q-16 45 -64 45h-36z" />
|
||||
<glyph unicode="W" horiz-adv-x="2031" d="M33 1227v227h174q80 0 122 -25.5t58 -93.5l199 -866l24 -154h4q8 70 31 154l264 981h228l249 -981l29 -154h4q6 72 25 154l201 866q14 68 56 93.5t122 25.5h176v-227h-39q-55 0 -66 -45l-303 -1182h-309l-221 823q-25 92 -37 181h-4q-12 -86 -39 -181l-231 -823h-312 l-301 1182q-10 45 -65 45h-39z" />
|
||||
<glyph unicode="X" horiz-adv-x="1255" d="M10 0l451 737l-271 441q-18 33 -34.5 41t-53.5 8h-61v227h168q74 0 111.5 -21.5t74.5 -84.5l140 -242l92 -176h4q39 92 88 176l141 242q37 63 76 84.5t113 21.5h165v-227h-61q-35 0 -52.5 -9.5t-35.5 -39.5l-272 -441l452 -737h-301l-225 383l-92 170h-4 q-39 -86 -88 -170l-224 -383h-301z" />
|
||||
<glyph unicode="Y" horiz-adv-x="1259" d="M20 1227v227h138q74 0 112.5 -20.5t77.5 -85.5l193 -320l88 -164h4q37 78 88 164l190 320q39 66 78 86t113 20h137v-227h-47q-33 0 -48.5 -9.5t-35.5 -39.5l-344 -543v-635h-268v635l-344 543q-20 31 -36 40t-48 9h-48z" />
|
||||
<glyph unicode="Z" horiz-adv-x="1204" d="M35 0v170l653 926q59 82 111 131v4q-43 -4 -111 -4h-352q-45 0 -45 -45v-88h-244v221q0 72 33 105.5t106 33.5h944v-168l-653 -928q-59 -84 -110 -131v-4q43 4 110 4h397q45 0 46 45v88h241v-221q0 -74 -32.5 -106.5t-106.5 -32.5h-987z" />
|
||||
<glyph unicode="[" horiz-adv-x="720" d="M188 -55v1433q0 74 33 107t107 33h264v-189h-137q-45 0 -45 -45v-1245q0 -45 45 -45h137v-189h-264q-74 0 -107 33t-33 107z" />
|
||||
<glyph unicode="\" horiz-adv-x="745" d="M10 1528h223l523 -1614h-224z" />
|
||||
<glyph unicode="]" horiz-adv-x="720" d="M129 -6h135q45 0 45 45v1245q0 45 -45 45h-135v189h264q74 0 106.5 -33t32.5 -107v-1433q0 -74 -32.5 -107t-106.5 -33h-264v189z" />
|
||||
<glyph unicode="^" d="M133 502l412 952h164l411 -952h-225l-268 678l-269 -678h-225z" />
|
||||
<glyph unicode="_" horiz-adv-x="1169" d="M10 0h1149v-201h-1149v201z" />
|
||||
<glyph unicode="`" horiz-adv-x="817" d="M147 1829h250l156 -279h-193z" />
|
||||
<glyph unicode="a" horiz-adv-x="1146" d="M68 301q0 78 32.5 139.5t91 98t122 62.5t140 36t129 14t105.5 4h33v9q0 111 -46 157.5t-147 46.5q-49 0 -94 -15t-45 -54v-56h-242v111q0 68 42 115t111 66.5t123 26.5t107 7q451 0 451 -416v-389q0 -45 45 -45h82v-219h-234q-68 0 -100.5 31.5t-32.5 83.5l2 45h-4 l-10 -21q-6 -12 -32.5 -44t-59.5 -56.5t-90.5 -44t-122.5 -19.5q-147 0 -251.5 88t-104.5 238zM330 313q0 -55 41 -95t116 -40q100 0 169 87t69 188v24h-45q-350 0 -350 -164z" />
|
||||
<glyph unicode="b" horiz-adv-x="1265" d="M35 1233v221h248q139 0 139 -139v-303l-4 -88h4q4 6 11 15t35 34.5t61.5 45t89 35t116.5 15.5q211 0 337 -151.5t126 -395.5q0 -246 -134 -396.5t-345 -150.5q-96 0 -174 37t-107 74l-30 37h-5q4 -29 5 -70v-53h-246v1188q0 45 -45 45h-82zM414 516q0 -131 68.5 -226 t191.5 -95q111 0 186.5 87t75.5 236q0 147 -71.5 237.5t-188.5 90.5q-111 0 -186.5 -83t-75.5 -247z" />
|
||||
<glyph unicode="c" horiz-adv-x="1101" d="M66 522q0 229 155.5 388t415.5 159q80 0 160 -19.5t149.5 -75.5t69.5 -140v-123h-230v57q0 39 -47 60.5t-102 21.5q-135 0 -222 -92t-87 -234q0 -152 95 -236.5t230 -84.5q160 0 299 131l11 10l108 -180q-6 -8 -18.5 -20.5t-54.5 -45t-89 -57.5t-122.5 -45.5 t-155.5 -20.5q-252 0 -408.5 157t-156.5 390z" />
|
||||
<glyph unicode="d" horiz-adv-x="1273" d="M66 522q0 246 133 396.5t342 150.5q199 0 290 -113l11 -14h4q-2 27 -2 62v184q0 45 -45 45h-82v221h248q139 0 139 -139v-1051q0 -45 45 -45h80v-219h-240q-129 0 -129 106v39h-4q-4 -6 -11 -18t-35 -41t-61.5 -51.5t-92 -41t-126.5 -18.5q-211 0 -337.5 151.5 t-126.5 395.5zM330 522q0 -147 71.5 -237t186.5 -90q111 0 186.5 82.5t75.5 246.5q0 131 -67.5 226.5t-190.5 95.5q-113 0 -187.5 -87t-74.5 -237z" />
|
||||
<glyph unicode="e" horiz-adv-x="1140" d="M66 522q0 242 147 394.5t383 152.5q217 0 340 -140.5t123 -355.5l-6 -96h-721q14 -133 102 -206.5t211 -73.5q74 0 147.5 28.5t108.5 57.5l37 30l109 -180q-6 -6 -18.5 -17.5t-54.5 -38t-87 -47t-116 -38t-144 -17.5q-252 0 -406.5 159t-154.5 388zM340 657h453 q-2 92 -58.5 151.5t-138.5 59.5q-100 0 -166.5 -56.5t-89.5 -154.5z" />
|
||||
<glyph unicode="f" horiz-adv-x="706" d="M41 838v206h129v31q0 98 30.5 171t76 113t107.5 64.5t111.5 31.5t100.5 7l88 -6v-221q-23 4 -53 4q-201 0 -201 -170v-25h223v-206h-223v-838h-260v838h-129z" />
|
||||
<glyph unicode="g" horiz-adv-x="1253" d="M66 549q0 225 122.5 372.5t339.5 147.5q68 0 126.5 -15.5t92 -37t59 -43t34.5 -35.5l10 -16h4v26q0 39 28.5 67.5t86.5 28.5h241v-221h-80q-45 0 -45 -41v-719q0 -129 -47 -227t-127 -154.5t-175 -84t-201 -27.5q-201 0 -371 90l80 205q129 -70 288 -70q129 0 212 61.5 t83 194.5v49l2 56h-4q-94 -135 -290 -136q-217 0 -343 153t-126 376zM330 557q0 -141 68.5 -229t191.5 -88q106 0 175 71.5t69 235.5q0 301 -261 301q-117 0 -180 -78t-63 -213z" />
|
||||
<glyph unicode="h" horiz-adv-x="1310" d="M35 1233v221h248q139 0 139 -137v-367l-4 -88h4q41 84 136 145.5t222 61.5q365 0 365 -397v-408q0 -45 45 -45h82v-219h-248q-72 0 -104.5 33t-32.5 106v479q0 104 -37 158.5t-129 54.5q-100 0 -176 -60t-107 -157q-16 -55 -16 -135v-479h-260v1188q0 45 -45 45h-82z" />
|
||||
<glyph unicode="i" horiz-adv-x="612" d="M51 823v221h248q72 0 104.5 -33.5t32.5 -105.5v-641q0 -45 45 -45h82v-219h-248q-72 0 -104.5 33t-32.5 106v639q0 45 -45 45h-82zM190 1214v240h226v-240h-226z" />
|
||||
<glyph unicode="j" horiz-adv-x="624" d="M-39 -199q18 -4 45 -4q35 0 65.5 7.5t65.5 24.5t56.5 59t21.5 102v788q0 45 -45 45h-82v221h248q74 0 106.5 -33.5t32.5 -105.5v-936q0 -100 -32.5 -175t-79 -114.5t-110 -64.5t-113.5 -32t-101 -7l-78 6v219zM225 1214v240h228v-240h-228z" />
|
||||
<glyph unicode="k" horiz-adv-x="1132" d="M35 1233v221h248q76 0 107.5 -24.5t31.5 -94.5v-659h78q72 0 98 39l213 329h289l-264 -393q-20 -29 -40 -49t-30 -27l-8 -6v-4q37 -14 73 -82l119 -225q20 -39 86 -39h70v-219h-193q-68 0 -100.5 17.5t-62.5 72.5l-175 328q-23 39 -96 39h-57v-457h-260v1188q0 45 -45 45 h-82z" />
|
||||
<glyph unicode="l" horiz-adv-x="595" d="M37 1233v221h248q139 0 139 -139v-1051q0 -45 45 -45h80v-219h-246q-74 0 -106.5 33t-32.5 106v1049q0 45 -45 45h-82z" />
|
||||
<glyph unicode="m" horiz-adv-x="1931" d="M43 823v221h240q137 0 137 -116v-31l-2 -45h4q41 86 132 151.5t206 65.5q238 0 305 -215h4q45 90 141.5 152.5t214.5 62.5q342 0 342 -397v-408q0 -45 45 -45h80v-219h-245q-74 0 -107 33t-33 106v484q0 102 -29.5 155t-113.5 53q-92 0 -159.5 -68.5t-90.5 -170.5 q-16 -55 -16 -133v-459h-260v623q0 100 -28 154t-114 54q-94 0 -159.5 -67.5t-92.5 -173.5q-16 -66 -16 -131v-459h-258v778q0 45 -45 45h-82z" />
|
||||
<glyph unicode="n" horiz-adv-x="1316" d="M43 823v221h240q137 0 137 -116v-31l-4 -45h4q43 86 135 151.5t233 65.5q365 0 365 -397v-408q0 -45 45 -45h82v-219h-248q-74 0 -106.5 33t-32.5 106v479q0 104 -36 158.5t-128 54.5q-102 0 -177 -58t-103 -155q-20 -61 -21 -139v-479h-258v778q0 45 -45 45h-82z" />
|
||||
<glyph unicode="o" horiz-adv-x="1275" d="M66 522.5q0 237.5 164.5 392t406.5 154.5t407.5 -154.5t165.5 -392t-164.5 -392.5t-408.5 -155q-242 0 -406.5 155t-164.5 392.5zM328 522q0 -143 90 -234t219 -91q131 0 221 91t90 234q0 141 -91 233.5t-220 92.5t-219 -92.5t-90 -233.5z" />
|
||||
<glyph unicode="p" horiz-adv-x="1271" d="M43 823v221h231q131 0 132 -100v-41h4l11 18q7 11 35.5 39.5t62.5 50t94.5 40t127.5 18.5q211 0 338 -151.5t127 -395.5q0 -246 -135 -396.5t-344 -150.5q-57 0 -109.5 14.5t-85 35t-58 40t-36.5 33.5l-10 15h-4q4 -37 4 -90v-433h-258v1188q0 45 -45 45h-82zM422 516 q0 -131 67.5 -226t190.5 -95q113 0 188.5 87t75.5 236q0 147 -71.5 237.5t-188.5 90.5q-111 0 -186.5 -83t-75.5 -247z" />
|
||||
<glyph unicode="q" horiz-adv-x="1273" d="M68 522q0 246 132 396.5t341 150.5q203 0 309 -133l14 -21h4v37q0 92 133 92h230v-221h-82q-45 0 -45 -45v-1188h-260v443l4 90h-4l-11 -17q-7 -10 -35 -34.5t-60.5 -44t-88 -36t-119.5 -16.5q-211 0 -336.5 151.5t-125.5 395.5zM330 522q0 -147 71.5 -237t188.5 -90 q111 0 186.5 82.5t75.5 246.5q0 131 -68.5 226.5t-191.5 95.5q-111 0 -186.5 -87t-75.5 -237z" />
|
||||
<glyph unicode="r" horiz-adv-x="843" d="M43 823v221h238q139 0 139 -126v-62l-4 -65h4q37 117 126 192.5t206 75.5l47 -4v-256q-27 4 -64 4q-92 0 -172 -55.5t-112 -163.5q-23 -80 -23 -170v-414h-258v778q0 45 -45 45h-82z" />
|
||||
<glyph unicode="s" horiz-adv-x="958" d="M51 162l123 170q14 -16 42 -42t109 -69t160 -43q63 0 102.5 25.5t39.5 77.5q0 39 -56.5 72.5t-137.5 64.5t-163 70.5t-138 110.5t-56 165q0 150 115.5 227.5t289.5 77.5q59 0 117.5 -10t117 -34t95.5 -69t37 -104v-109h-230v52q0 35 -40.5 54t-90.5 19 q-72 0 -113.5 -24.5t-41.5 -69.5t57 -78.5t139 -62.5t163 -66t138.5 -106.5t57.5 -165.5q0 -145 -114 -232.5t-288 -87.5q-127 0 -235.5 47.5t-153.5 92.5z" />
|
||||
<glyph unicode="t" horiz-adv-x="757" d="M39 838v206h141v285h254v-285h238v-206h-238v-422q0 -113 64.5 -155t142.5 -42l47 4v-227q-33 -6 -80 -6q-53 0 -102 7t-112.5 31.5t-109.5 64.5t-78 115t-32 175v455h-135z" />
|
||||
<glyph unicode="u" horiz-adv-x="1306" d="M39 823v221h248q72 0 104.5 -32.5t32.5 -104.5v-481q0 -104 36 -158.5t126 -54.5q135 0 214 102.5t79 249.5v479h260v-780q0 -45 45 -45h82v-219h-240q-137 0 -137 117v28l2 48h-4q-41 -90 -137.5 -154t-223.5 -64q-360 0 -360 398v405q0 45 -45 45h-82z" />
|
||||
<glyph unicode="v" horiz-adv-x="1116" d="M25 823v221h149q63 0 98 -22.5t56 -75.5l196 -549l39 -149h4q16 88 37 149l197 549q20 53 55 75.5t98 22.5h140v-221h-25q-43 0 -57 -37l-299 -786h-310l-299 786q-14 37 -57 37h-22z" />
|
||||
<glyph unicode="w" horiz-adv-x="1710" d="M20 823v221h179q66 0 99.5 -23.5t47.5 -82.5l154 -580l20 -110h4q8 55 25 110l192 682h230l194 -682l23 -110h4q6 55 20 110l152 580q14 59 48 82.5t99 23.5h179v-221h-29q-43 0 -57 -37l-250 -786h-293l-178 596l-25 113h-4q-10 -57 -27 -113l-176 -596h-295l-250 786 q-12 37 -57 37h-29z" />
|
||||
<glyph unicode="x" horiz-adv-x="1048" d="M23 0l339 528l-172 260q-23 35 -79 35h-76v221h182q66 0 100.5 -19t69.5 -79l102 -172l33 -67h4q18 41 33 67l103 172q35 59 68.5 78.5t100.5 19.5h181v-221h-74q-57 0 -80 -35l-174 -260l342 -528h-289l-182 291l-29 55h-4q-16 -33 -30 -55l-181 -291h-288z" />
|
||||
<glyph unicode="y" horiz-adv-x="1132" d="M2 -324l100 185q63 -72 150 -72q117 0 172 133l35 80l-348 784q-14 37 -56 37h-30v221h172q55 0 85.5 -22.5t51.5 -75.5l205 -522l36 -139h5q16 86 34 139l179 522q33 98 139 98h176v-221h-31q-45 0 -59 -37l-375 -944q-53 -135 -153.5 -203.5t-223.5 -68.5 q-152 0 -258 100z" />
|
||||
<glyph unicode="z" horiz-adv-x="1046" d="M55 0v139l482 588q20 27 42.5 50.5t34.5 33.5l11 12v4q-31 -4 -97 -4h-188q-45 0 -45 -45v-59h-236v186q0 72 33 105.5t107 33.5h766v-141l-482 -588l-88 -96v-4q31 6 99 6h229q45 0 45 45v58h236v-185q0 -74 -33 -106.5t-105 -32.5h-811z" />
|
||||
<glyph unicode="{" horiz-adv-x="720" d="M49 557v227q6 0 18.5 2t42 14.5t53 34t42 64.5t18.5 102v177q0 88 28 154.5t65.5 102t92 56t94.5 27t83 6.5l63 -2v-193q-16 2 -37 2q-37 0 -69.5 -9t-65.5 -51t-33 -114v-223q0 -172 -139 -248l-29 -12v-4q6 -2 17.5 -6.5t41.5 -23.5t51.5 -46t39.5 -75t18 -107v-246 q0 -55 17.5 -93t47.5 -53.5t53.5 -21.5t49.5 -6l37 2v-193q-27 -4 -63 -4q-43 0 -83 6.5t-94.5 26.5t-92 56t-65.5 102.5t-28 156.5v199q0 166 -137 205z" />
|
||||
<glyph unicode="|" horiz-adv-x="638" d="M209 -330v1960h221v-1960h-221z" />
|
||||
<glyph unicode="}" horiz-adv-x="720" d="M72 -6q16 -2 37 -2q166 0 165 174v246q0 59 17.5 107t43 75t50.5 45t41 25l18 6v4q-6 2 -18 7t-41 25.5t-51.5 47t-41 75t-18.5 105.5v223q0 55 -17 92t-46 53.5t-52.5 22.5t-49.5 6l-37 -2v193q27 2 63 2q43 0 83 -6.5t94.5 -27t92 -56t65.5 -102t28 -154.5v-177 q0 -92 44 -146t87 -62l43 -9v-227q-6 0 -18.5 -2t-42 -14.5t-53 -33t-42 -63.5t-18.5 -100v-199q0 -90 -28 -156.5t-65.5 -102.5t-92 -56t-94.5 -26.5t-83 -6.5l-63 4v193z" />
|
||||
<glyph unicode="~" d="M115 408q0 373 315 372q70 0 126 -28.5t88 -64.5t75 -64.5t88 -28.5q63 0 95 51t32 127h205q0 -373 -314 -373q-70 0 -126 29t-87.5 63.5t-74.5 63.5t-88 29q-63 0 -95 -50.5t-32 -125.5h-207z" />
|
||||
<glyph unicode="¡" horiz-adv-x="679" d="M205 -410l22 1033h228l20 -1033h-270zM215 801v241h250v-241h-250z" />
|
||||
<glyph unicode="¢" horiz-adv-x="1198" d="M113 727q0 223 116.5 384t307.5 194v223h182v-223q133 -25 232.5 -113t146.5 -219l-234 -90q-72 182 -229 182q-115 0 -187.5 -95.5t-72.5 -242.5q0 -154 70.5 -246t189.5 -92q160 0 229 182l234 -90q-49 -125 -145.5 -219t-233.5 -110v-228h-182v228q-190 33 -307 192.5 t-117 382.5z" />
|
||||
<glyph unicode="£" horiz-adv-x="1200" d="M96 0v227h119v410h-90v178h90v248q0 180 132 298t335 118q98 0 189.5 -37t132.5 -74l43 -37l-150 -180q-96 88 -211 88q-90 0 -146.5 -52t-56.5 -132v-240h363v-178h-363v-410h344q45 0 45 45v88h242v-221q0 -74 -32.5 -106.5t-104.5 -32.5h-881z" />
|
||||
<glyph unicode="¥" horiz-adv-x="1271" d="M27 1227v227h133q74 0 115.5 -20.5t80.5 -85.5l191 -320l88 -160h4q37 74 88 160l191 320q39 66 79.5 86t114.5 20h133v-227h-43q-35 0 -51 -8.5t-35 -36.5l-188 -301v-4h168v-156h-271l-55 -86v-82h326v-156h-326v-397h-268v397h-328v156h328v82l-56 86h-274v156h172v4 l-188 301q-18 29 -35 37t-51 8h-43z" />
|
||||
<glyph unicode="§" horiz-adv-x="1030" d="M125 -2l111 176l31 -26q19 -15 81 -39.5t119 -24.5q92 0 151.5 52t59.5 155q0 49 -19 117l-137 661h205l145 -704q14 -72 15 -117q0 -166 -111.5 -270.5t-308.5 -104.5q-96 0 -181 32t-122 62zM164 1104q0 166 111.5 270.5t308.5 104.5q96 0 181 -32t124 -63l37 -32 l-117 -166q-94 80 -223 80q-94 0 -152.5 -47.5t-58.5 -145.5q0 -47 14 -102l141 -688h-202l-150 704q-14 68 -14 117z" />
|
||||
<glyph unicode="¨" horiz-adv-x="1042" d="M260 1591v238h180v-238h-180zM627 1591v238h182v-238h-182z" />
|
||||
<glyph unicode="©" horiz-adv-x="1599" d="M66 727q0 311 214 530.5t517 219.5q307 0 522 -219.5t215 -530.5t-215 -531.5t-522 -220.5q-303 0 -517 220.5t-214 531.5zM248 727q0 -246 158.5 -416t390.5 -170q236 0 396.5 170t160.5 416t-161 415t-396 169q-231 0 -390 -169t-159 -415zM424 723q0 166 108.5 282.5 t274.5 116.5q201 0 309 -172l23 -43l-156 -73l-6 12q-4 8 -19.5 28.5t-34 36t-48 28.5t-62.5 13q-90 0 -145.5 -65.5t-55.5 -163.5q0 -100 54.5 -164.5t146.5 -64.5q53 0 95 29.5t59 58.5l16 30l156 -71l-12 -24q-7 -15 -34.5 -52t-61.5 -65.5t-94 -52t-130 -23.5 q-166 0 -274.5 116.5t-108.5 282.5z" />
|
||||
<glyph unicode="ª" horiz-adv-x="851" d="M100 993q0 55 28 96t66.5 64t92 36t95.5 17t85 4h29q-2 63 -24.5 88t-76.5 25q-70 0 -69 -31v-30h-176v86q0 39 27.5 65.5t70.5 38.5t78.5 17.5t68.5 5.5q287 0 287 -269v-221q0 -25 23 -24h53v-164h-140q-92 0 -104 71l-2 19h-4q-6 -12 -19.5 -28.5t-60.5 -45.5 t-104 -29q-92 0 -158 56.5t-66 152.5zM102 545v139h660v-139h-660zM291 1001q0 -70 78 -69q55 0 89 45t40 113h-21q-186 -1 -186 -89z" />
|
||||
<glyph unicode="«" horiz-adv-x="1257" d="M94 578l336 421h248l-336 -421l336 -420h-248zM553 578l336 421h248l-336 -421l336 -420h-248z" />
|
||||
<glyph unicode="¬" d="M135 694v201h1000v-602h-209v401h-791z" />
|
||||
<glyph unicode="­" horiz-adv-x="882" d="M133 471v227h617v-227h-617z" />
|
||||
<glyph unicode="®" horiz-adv-x="1599" d="M66 727q0 311 214 530.5t517 219.5q307 0 522 -219.5t215 -530.5t-215 -531.5t-522 -220.5q-303 0 -517 220.5t-214 531.5zM248 727q0 -246 158.5 -416t390.5 -170q236 0 396.5 170t160.5 416t-161 415t-396 169q-231 0 -390 -169t-159 -415zM475 979v127h377 q111 0 178.5 -65.5t67.5 -172.5q0 -80 -42 -131t-91 -63v-4q27 -6 47 -41l65 -123q14 -25 45 -25h23v-125h-98q-43 0 -66 11.5t-41 44.5l-100 188q-18 33 -68 33h-57v-277h-174v623h-66zM715 756h96q51 0 80 29.5t29 83t-29 82t-78 28.5h-98v-223z" />
|
||||
<glyph unicode="¯" horiz-adv-x="956" d="M213 1604v172h537v-172h-537z" />
|
||||
<glyph unicode="ˉ" horiz-adv-x="956" d="M213 1604v172h537v-172h-537z" />
|
||||
<glyph unicode="°" horiz-adv-x="839" d="M86 1157q0 133 97.5 228.5t236.5 95.5q137 0 235.5 -95.5t98.5 -228.5q0 -135 -97.5 -228t-236.5 -93t-236.5 93t-97.5 228zM285 1157q0 -57 38.5 -96t96 -39t97.5 39t40 96q0 55 -40 95t-97.5 40t-96 -40t-38.5 -95z" />
|
||||
<glyph unicode="±" d="M86 483v203h442v485h211v-485h443v-203h-443v-483h-211v483h-442zM115 -174h1040v-201h-1040v201z" />
|
||||
<glyph unicode="²" horiz-adv-x="894" d="M106 686q0 63 20.5 113.5t63.5 90.5t76 63.5t90 56.5q86 47 130 88t44 98q0 45 -29.5 70.5t-76.5 25.5q-43 0 -70.5 -18.5t-27.5 -42.5v-45h-181v102q0 88 92.5 135t188.5 47q129 0 216 -72.5t87 -197.5q0 -66 -22.5 -118t-71.5 -94t-81 -62.5t-95 -55.5 q-76 -39 -114 -70.5t-38 -70.5q0 -12 23 -12h245q12 0 13 12v68h180v-150q0 -100 -100 -100h-459q-59 0 -81 26.5t-22 112.5z" />
|
||||
<glyph unicode="³" horiz-adv-x="894" d="M111 713l135 121q10 -14 27.5 -34t69.5 -53.5t103 -33.5q55 0 93.5 32.5t38.5 83.5q0 49 -39 79t-101 30h-71l-27 109l147 198l41 43v4q-31 -4 -63 -4h-115q-18 0 -18 -18v-49h-180v133q0 55 21.5 77.5t76.5 22.5h504v-133l-189 -234q94 -20 152.5 -94.5t58.5 -167.5 q0 -131 -97 -213t-230 -82q-176 0 -320 160z" />
|
||||
<glyph unicode="´" horiz-adv-x="827" d="M252 1550l156 279h249l-215 -279h-190z" />
|
||||
<glyph unicode="µ" horiz-adv-x="1306" d="M39 823v221h248q72 0 104.5 -32.5t32.5 -104.5v-481q0 -104 36 -158.5t126 -54.5q135 0 214 102.5t79 249.5v479h260v-780q0 -45 45 -45h82v-219h-240q-137 0 -137 117v28l2 48h-6l-12 -24q-7 -15 -37.5 -52t-67.5 -65.5t-101.5 -52.5t-140.5 -24q-47 0 -83.5 10.5 t-49.5 22.5l-14 10h-4q14 -100 14 -170v-258h-223v1188q0 45 -45 45h-82z" />
|
||||
<glyph unicode="μ" horiz-adv-x="1306" d="M39 823v221h248q72 0 104.5 -32.5t32.5 -104.5v-481q0 -104 36 -158.5t126 -54.5q135 0 214 102.5t79 249.5v479h260v-780q0 -45 45 -45h82v-219h-240q-137 0 -137 117v28l2 48h-6l-12 -24q-7 -15 -37.5 -52t-67.5 -65.5t-101.5 -52.5t-140.5 -24q-47 0 -83.5 10.5 t-49.5 22.5l-14 10h-4q14 -100 14 -170v-258h-223v1188q0 45 -45 45h-82z" />
|
||||
<glyph unicode="¶" horiz-adv-x="1280" d="M80 975q0 201 141 340t340 139h625v-227h-436v-1329h-189v596q-199 0 -340 140t-141 341zM877 -102v1216h190v-1216h-190z" />
|
||||
<glyph unicode="·" horiz-adv-x="542" d="M145 469v258h252v-258h-252z" />
|
||||
<glyph unicode="∙" horiz-adv-x="542" d="M145 469v258h252v-258h-252z" />
|
||||
<glyph unicode="¸" horiz-adv-x="860" d="M231 -268q43 -16 91 -17q88 0 88 58q0 55 -99 55l-43 -4l64 227l119 -26v-15l-21 -100q66 -8 108 -48t42 -108q0 -94 -64.5 -137t-157.5 -43q-31 0 -62.5 4t-47.5 8l-17 2v144z" />
|
||||
<glyph unicode="¹" horiz-adv-x="894" d="M127 1229l235 225h170v-737h187v-170h-572v170h189v420l2 63h-4q-8 -18 -23 -31l-69 -65z" />
|
||||
<glyph unicode="º" horiz-adv-x="931" d="M106 1133q0 147 104.5 244.5t254.5 97.5q152 0 256 -97.5t104 -244.5q0 -150 -104.5 -248.5t-255.5 -98.5q-150 0 -254.5 98.5t-104.5 248.5zM137 545v139h660v-139h-660zM293 1133q0 -80 50 -131.5t122 -51.5q74 0 124 51.5t50 131.5q0 78 -50 129t-124 51 q-72 0 -122 -51t-50 -129z" />
|
||||
<glyph unicode="»" horiz-adv-x="1257" d="M119 158l336 420l-336 421h248l335 -421l-335 -420h-248zM580 158l335 420l-335 421h247l336 -421l-336 -420h-247z" />
|
||||
<glyph unicode="¼" horiz-adv-x="1931" d="M137 1229l234 225h170v-737h178v-170h-561v170h188v420l2 63h-4q-8 -18 -22 -31l-70 -65zM614 0l568 1454h202l-567 -1454h-203zM1102 221v115l358 573h236v-516h133v-172h-133v-221h-197v221h-397zM1300 391q25 2 39 2h164v244l2 70h-4q-12 -31 -28 -58l-144 -219 l-29 -35v-4z" />
|
||||
<glyph unicode="½" horiz-adv-x="1931" d="M137 1229l234 225h170v-737h178v-170h-561v170h188v420l2 63h-4q-8 -18 -22 -31l-70 -65zM590 0l567 1454h201l-567 -1454h-201zM1161 141q0 61 20.5 112.5t62.5 91.5t77 63.5t92 56.5t88 53.5t58.5 56t27.5 76.5q0 43 -29.5 68.5t-78.5 25.5q-43 0 -70 -17t-27 -42v-47 h-180v102q0 88 92 136.5t189 48.5q127 0 215 -74t88 -199q0 -66 -22.5 -118t-72 -93t-81 -61.5t-97.5 -54.5q-74 -39 -111.5 -72t-37.5 -72q0 -12 22 -12h244q12 0 12 14v66h183v-150q0 -100 -103 -100h-456q-61 0 -83 27.5t-22 113.5z" />
|
||||
<glyph unicode="¾" horiz-adv-x="1931" d="M119 713l133 121q10 -14 27.5 -34t69.5 -53.5t104 -33.5q55 0 93 32.5t38 83.5q0 49 -39 79t-101 30h-71l-27 109l148 198l41 43v4q-31 -4 -64 -4h-115q-18 0 -18 -18v-49h-180v133q0 55 21.5 77.5t76.5 22.5h504v-133l-189 -234q94 -20 152.5 -94.5t58.5 -167.5 q0 -131 -97 -213t-230 -82q-90 0 -174 46.5t-123 91.5zM608 0l568 1454h200l-565 -1454h-203zM1102 221v115l358 573h236v-516h133v-172h-133v-221h-197v221h-397zM1300 391q25 2 39 2h164v244l2 70h-4q-12 -31 -28 -58l-144 -219l-29 -35v-4z" />
|
||||
<glyph unicode="¿" horiz-adv-x="974" d="M68 -45q0 92 36.5 168t89 125l105.5 94t90 98.5t37 112.5v72h250v-90q0 -82 -35 -151t-84 -115l-98 -88q-49 -42 -84 -93t-35 -108q0 -72 57.5 -122.5t141.5 -50.5q51 0 105 23t83 43l29 23l145 -181q-16 -16 -47 -40.5t-131 -64.5t-207 -40q-182 0 -315 104.5 t-133 280.5zM426 803v241h250v-241h-250z" />
|
||||
<glyph unicode="À" horiz-adv-x="1380" d="M23 0v227h32q49 0 64 45l432 1182h280l431 -1182q14 -45 63 -45h33v-227h-160q-76 0 -111.5 24.5t-60.5 94.5l-90 254h-492l-90 -254q-25 -70 -59.5 -94.5t-110.5 -24.5h-161zM377 1829h250l155 -279h-192zM506 594h368l-124 364l-58 218h-4q-31 -137 -57 -218z" />
|
||||
<glyph unicode="Á" horiz-adv-x="1380" d="M23 0v227h32q49 0 64 45l432 1182h280l431 -1182q14 -45 63 -45h33v-227h-160q-76 0 -111.5 24.5t-60.5 94.5l-90 254h-492l-90 -254q-25 -70 -59.5 -94.5t-110.5 -24.5h-161zM506 594h368l-124 364l-58 218h-4q-31 -137 -57 -218zM590 1550l155 279h250l-215 -279h-190z " />
|
||||
<glyph unicode="Â" horiz-adv-x="1380" d="M23 0v227h32q49 0 64 45l432 1182h280l431 -1182q14 -45 63 -45h33v-227h-160q-76 0 -111.5 24.5t-60.5 94.5l-90 254h-492l-90 -254q-25 -70 -59.5 -94.5t-110.5 -24.5h-161zM393 1550l187 279h223l188 -279h-194l-103 166h-4l-104 -166h-193zM506 594h368l-124 364 l-58 218h-4q-31 -137 -57 -218z" />
|
||||
<glyph unicode="Ã" horiz-adv-x="1380" d="M23 0v227h32q49 0 64 45l432 1182h280l431 -1182q14 -45 63 -45h33v-227h-160q-76 0 -111.5 24.5t-60.5 94.5l-90 254h-492l-90 -254q-25 -70 -59.5 -94.5t-110.5 -24.5h-161zM319 1552q0 281 234 281q61 0 108.5 -34t83 -66.5t70.5 -32.5q41 0 62.5 37t21.5 90h162 q0 -281 -234 -281q-61 0 -108 34t-83 66.5t-71 32.5q-41 0 -62.5 -35.5t-21.5 -91.5h-162zM506 594h368l-124 364l-58 218h-4q-31 -137 -57 -218z" />
|
||||
<glyph unicode="Ä" horiz-adv-x="1380" d="M23 0v227h32q49 0 64 45l432 1182h280l431 -1182q14 -45 63 -45h33v-227h-160q-76 0 -111.5 24.5t-60.5 94.5l-90 254h-492l-90 -254q-25 -70 -59.5 -94.5t-110.5 -24.5h-161zM418 1591v238h180v-238h-180zM506 594h368l-124 364l-58 218h-4q-31 -137 -57 -218zM784 1591 v238h183v-238h-183z" />
|
||||
<glyph unicode="Å" horiz-adv-x="1380" d="M23 0v227h32q49 0 64 45l432 1182h280l431 -1182q14 -45 63 -45h33v-227h-160q-76 0 -111.5 24.5t-60.5 94.5l-90 254h-492l-90 -254q-25 -70 -59.5 -94.5t-110.5 -24.5h-161zM506 594h368l-124 364l-58 218h-4q-31 -137 -57 -218zM508 1686q0 76 54 118.5t128 42.5 t128 -43t54 -118q0 -74 -54 -117t-128 -43t-128 43t-54 117zM618 1686q0 -31 20.5 -50.5t51.5 -19.5t51.5 19.5t20.5 50.5q0 33 -20.5 52t-51.5 19t-51.5 -19t-20.5 -52z" />
|
||||
<glyph unicode="Æ" horiz-adv-x="1824" d="M23 0v227h28q29 0 41 9.5t23 35.5l485 1182h989q74 0 107 -34t33 -105v-221h-244v88q0 45 -45 45h-320v-381h465v-228h-465v-346q0 -45 51 -45h324q45 0 45 45v88h242v-221q0 -74 -33 -106.5t-107 -32.5h-645q-80 0 -113.5 30.5t-33.5 108.5v479h-326l-186 -499 q-27 -70 -61.5 -94.5t-110.5 -24.5h-143zM610 846h240v381h-96z" />
|
||||
<glyph unicode="Ç" horiz-adv-x="1452" d="M61 739q0 315 211 527.5t527 212.5q78 0 166 -17.5t178 -52.5t148.5 -101.5t58.5 -154.5v-162h-244v82q0 74 -95.5 115t-205.5 41q-201 0 -333 -133t-132 -357q0 -215 135 -364.5t332 -149.5q78 0 152.5 19.5t125 47t90 56.5t58.5 49l20 19l142 -191q-8 -10 -23.5 -25.5 t-69 -57.5t-114 -73.5t-157.5 -59t-200 -32.5l-14 -67q66 -8 108 -48t42 -108q0 -94 -63.5 -137t-158.5 -43q-31 0 -62.5 4t-47.5 8l-14 2v144q43 -16 88 -17q90 0 90 58q0 55 -99 55l-43 -4l43 158q-289 33 -464 244.5t-175 512.5z" />
|
||||
<glyph unicode="È" horiz-adv-x="1183" d="M70 1227v227h878q139 0 139 -139v-221h-243v88q0 45 -45 45h-328v-381h471v-228h-471v-346q0 -45 45 -45h336q45 0 45 45v88h244v-221q0 -74 -34 -106.5t-106 -32.5h-659q-74 0 -106.5 33t-32.5 106v1088h-133zM295 1829h250l155 -279h-192z" />
|
||||
<glyph unicode="É" horiz-adv-x="1183" d="M70 1227v227h878q139 0 139 -139v-221h-243v88q0 45 -45 45h-328v-381h471v-228h-471v-346q0 -45 45 -45h336q45 0 45 45v88h244v-221q0 -74 -34 -106.5t-106 -32.5h-659q-74 0 -106.5 33t-32.5 106v1088h-133zM508 1550l156 279h249l-215 -279h-190z" />
|
||||
<glyph unicode="Ê" horiz-adv-x="1183" d="M70 1227v227h878q139 0 139 -139v-221h-243v88q0 45 -45 45h-328v-381h471v-228h-471v-346q0 -45 45 -45h336q45 0 45 45v88h244v-221q0 -74 -34 -106.5t-106 -32.5h-659q-74 0 -106.5 33t-32.5 106v1088h-133zM309 1550l187 279h223l188 -279h-194l-103 166h-4 l-104 -166h-193z" />
|
||||
<glyph unicode="Ë" horiz-adv-x="1183" d="M70 1227v227h878q139 0 139 -139v-221h-243v88q0 45 -45 45h-328v-381h471v-228h-471v-346q0 -45 45 -45h336q45 0 45 45v88h244v-221q0 -74 -34 -106.5t-106 -32.5h-659q-74 0 -106.5 33t-32.5 106v1088h-133zM336 1591v238h180v-238h-180zM702 1591v238h183v-238h-183z " />
|
||||
<glyph unicode="Ì" horiz-adv-x="700" d="M37 1829h250l155 -279h-192zM78 0v227h145v1000h-145v227h545v-227h-146v-1000h146v-227h-545z" />
|
||||
<glyph unicode="Í" horiz-adv-x="700" d="M78 0v227h145v1000h-145v227h545v-227h-146v-1000h146v-227h-545zM250 1550l156 279h249l-215 -279h-190z" />
|
||||
<glyph unicode="Î" horiz-adv-x="700" d="M51 1550l187 279h223l188 -279h-194l-103 166h-4l-104 -166h-193zM78 0v227h145v1000h-145v227h545v-227h-146v-1000h146v-227h-545z" />
|
||||
<glyph unicode="Ï" horiz-adv-x="700" d="M76 1591v238h180v-238h-180zM78 0v227h145v1000h-145v227h545v-227h-146v-1000h146v-227h-545zM442 1591v238h183v-238h-183z" />
|
||||
<glyph unicode="Ð" horiz-adv-x="1464" d="M70 1227v227h592q340 0 540.5 -192.5t200.5 -532.5t-201 -534.5t-540 -194.5h-320q-74 0 -106.5 33t-32.5 106v477h-99v215h99v396h-133zM471 272q0 -45 45 -45h131q221 0 349 130t128 372q0 238 -129 368t-348 130h-176v-396h252v-215h-252v-344z" />
|
||||
<glyph unicode="Ñ" horiz-adv-x="1576" d="M70 0v227h88q45 0 45 45v1182h241l551 -805q57 -84 121 -205h4q-14 121 -14 205v666q0 72 32.5 105.5t106.5 33.5h262v-227h-88q-45 0 -45 -45v-1182h-239l-553 803q-57 82 -121 205h-4q14 -121 14 -205v-664q0 -74 -32.5 -106.5t-106.5 -32.5h-262zM434 1552 q0 281 234 281q61 0 108 -34t83 -66.5t71 -32.5q41 0 62.5 37t21.5 90h162q0 -281 -234 -281q-61 0 -108.5 34t-83 66.5t-70.5 32.5q-41 0 -62.5 -35.5t-21.5 -91.5h-162z" />
|
||||
<glyph unicode="Ò" horiz-adv-x="1626" d="M61 737q0 313 216.5 527.5t536 214.5t535.5 -214t216 -528q0 -322 -216 -542t-535.5 -220t-536 220t-216.5 542zM340 737q0 -217 137 -364.5t336 -147.5t336 147.5t137 364.5q0 207 -137 349.5t-336 142.5t-336 -142.5t-137 -349.5zM496 1829h249l156 -279h-192z" />
|
||||
<glyph unicode="Ó" horiz-adv-x="1626" d="M61 737q0 313 216.5 527.5t536 214.5t535.5 -214t216 -528q0 -322 -216 -542t-535.5 -220t-536 220t-216.5 542zM340 737q0 -217 137 -364.5t336 -147.5t336 147.5t137 364.5q0 207 -137 349.5t-336 142.5t-336 -142.5t-137 -349.5zM709 1550l155 279h250l-215 -279h-190 z" />
|
||||
<glyph unicode="Ô" horiz-adv-x="1626" d="M61 737q0 313 216.5 527.5t536 214.5t535.5 -214t216 -528q0 -322 -216 -542t-535.5 -220t-536 220t-216.5 542zM340 737q0 -217 137 -364.5t336 -147.5t336 147.5t137 364.5q0 207 -137 349.5t-336 142.5t-336 -142.5t-137 -349.5zM510 1550l186 279h224l188 -279h-195 l-102 166h-4l-105 -166h-192z" />
|
||||
<glyph unicode="Õ" horiz-adv-x="1626" d="M61 737q0 313 216.5 527.5t536 214.5t535.5 -214t216 -528q0 -322 -216 -542t-535.5 -220t-536 220t-216.5 542zM340 737q0 -217 137 -364.5t336 -147.5t336 147.5t137 364.5q0 207 -137 349.5t-336 142.5t-336 -142.5t-137 -349.5zM436 1552q0 281 234 281q59 0 107 -34 t84 -66.5t71 -32.5q41 0 62.5 37t21.5 90h162q0 -281 -234 -281q-59 0 -107.5 34t-84 66.5t-70.5 32.5q-41 0 -62.5 -35.5t-21.5 -91.5h-162z" />
|
||||
<glyph unicode="Ö" horiz-adv-x="1626" d="M61 737q0 313 216.5 527.5t536 214.5t535.5 -214t216 -528q0 -322 -216 -542t-535.5 -220t-536 220t-216.5 542zM340 737q0 -217 137 -364.5t336 -147.5t336 147.5t137 364.5q0 207 -137 349.5t-336 142.5t-336 -142.5t-137 -349.5zM535 1591v238h180v-238h-180z M901 1591v238h182v-238h-182z" />
|
||||
<glyph unicode="×" d="M94 141l404 445l-404 442l142 143l399 -438l399 438l142 -143l-406 -442l406 -445l-142 -141l-399 438l-399 -438z" />
|
||||
<glyph unicode="Ø" horiz-adv-x="1628" d="M63 737q0 313 216.5 527.5t535.5 214.5q207 0 381 -101l94 129l117 -80l-94 -129q119 -104 186.5 -249.5t67.5 -311.5q0 -322 -216 -542t-536 -220q-209 0 -381 101l-94 -129l-117 80l92 131q-252 225 -252 579zM342 737q0 -213 135 -358l567 788q-106 61 -229 62 q-199 0 -336 -142.5t-137 -349.5zM586 287q102 -61 229 -62q197 0 334 147.5t137 364.5q0 199 -133 338z" />
|
||||
<glyph unicode="Ù" horiz-adv-x="1515" d="M53 1227v227h262q74 0 107 -34t33 -105v-789q0 -141 81.5 -221t221 -80t221.5 80t82 223v787q0 72 32.5 105.5t106.5 33.5h262v-227h-88q-45 0 -45 -45v-664q0 -242 -156.5 -392.5t-412.5 -150.5q-258 0 -416 150.5t-158 392.5v664q0 45 -45 45h-88zM446 1829h250 l156 -279h-193z" />
|
||||
<glyph unicode="Ú" horiz-adv-x="1515" d="M53 1227v227h262q74 0 107 -34t33 -105v-789q0 -141 81.5 -221t221 -80t221.5 80t82 223v787q0 72 32.5 105.5t106.5 33.5h262v-227h-88q-45 0 -45 -45v-664q0 -242 -156.5 -392.5t-412.5 -150.5q-258 0 -416 150.5t-158 392.5v664q0 45 -45 45h-88zM659 1550l156 279 h250l-215 -279h-191z" />
|
||||
<glyph unicode="Û" horiz-adv-x="1515" d="M53 1227v227h262q74 0 107 -34t33 -105v-789q0 -141 81.5 -221t221 -80t221.5 80t82 223v787q0 72 32.5 105.5t106.5 33.5h262v-227h-88q-45 0 -45 -45v-664q0 -242 -156.5 -392.5t-412.5 -150.5q-258 0 -416 150.5t-158 392.5v664q0 45 -45 45h-88zM461 1550l186 279 h223l189 -279h-195l-102 166h-4l-105 -166h-192z" />
|
||||
<glyph unicode="Ü" horiz-adv-x="1515" d="M53 1227v227h262q74 0 107 -34t33 -105v-789q0 -141 81.5 -221t221 -80t221.5 80t82 223v787q0 72 32.5 105.5t106.5 33.5h262v-227h-88q-45 0 -45 -45v-664q0 -242 -156.5 -392.5t-412.5 -150.5q-258 0 -416 150.5t-158 392.5v664q0 45 -45 45h-88zM485 1591v238h181 v-238h-181zM852 1591v238h182v-238h-182z" />
|
||||
<glyph unicode="Ý" horiz-adv-x="1259" d="M20 1227v227h138q74 0 112.5 -20.5t77.5 -85.5l193 -320l88 -164h4q37 78 88 164l190 320q39 66 78 86t113 20h137v-227h-47q-33 0 -48.5 -9.5t-35.5 -39.5l-344 -543v-635h-268v635l-344 543q-20 31 -36 40t-48 9h-48zM530 1550l156 279h250l-215 -279h-191z" />
|
||||
<glyph unicode="Þ" horiz-adv-x="1249" d="M70 1227v227h262q74 0 106.5 -34t32.5 -105v-96h264q205 0 334 -131.5t129 -342t-129 -344t-336 -133.5h-262v-268h-268v1182q0 45 -45 45h-88zM471 496h215q113 0 175.5 67.5t62.5 182t-61.5 180t-172.5 65.5h-219v-495z" />
|
||||
<glyph unicode="ß" horiz-adv-x="1224" d="M37 0v219h72q45 0 45 45v819q0 184 140 290t333 106q178 0 301 -102.5t123 -254.5q0 -61 -29 -115.5t-63.5 -86t-63.5 -72.5t-29 -80q0 -33 34 -68.5t83 -70.5t98 -78t83 -106.5t34 -139.5q0 -158 -106.5 -244t-262.5 -86q-190 2 -303 86l60 201q94 -66 205 -65 q145 0 145 122q0 47 -52.5 97.5t-113.5 91.5t-113.5 108.5t-52.5 145.5q0 68 46 129l92 118q46 56 46 109q0 57 -45 98t-125 41q-86 0 -145 -49t-59 -143v-926q0 -74 -33 -106.5t-107 -32.5h-237z" />
|
||||
<glyph unicode="à" horiz-adv-x="1146" d="M68 301q0 78 32.5 139.5t91 98t122 62.5t140 36t129 14t105.5 4h33v9q0 111 -46 157.5t-147 46.5q-49 0 -94 -15t-45 -54v-56h-242v111q0 68 42 115t111 66.5t123 26.5t107 7q451 0 451 -416v-389q0 -45 45 -45h82v-219h-234q-68 0 -100.5 31.5t-32.5 83.5l2 45h-4 l-10 -21q-6 -12 -32.5 -44t-59.5 -56.5t-90.5 -44t-122.5 -19.5q-147 0 -251.5 88t-104.5 238zM242 1452h250l155 -278h-192zM330 313q0 -55 41 -95t116 -40q100 0 169 87t69 188v24h-45q-350 0 -350 -164z" />
|
||||
<glyph unicode="á" horiz-adv-x="1146" d="M68 301q0 78 32.5 139.5t91 98t122 62.5t140 36t129 14t105.5 4h33v9q0 111 -46 157.5t-147 46.5q-49 0 -94 -15t-45 -54v-56h-242v111q0 68 42 115t111 66.5t123 26.5t107 7q451 0 451 -416v-389q0 -45 45 -45h82v-219h-234q-68 0 -100.5 31.5t-32.5 83.5l2 45h-4 l-10 -21q-6 -12 -32.5 -44t-59.5 -56.5t-90.5 -44t-122.5 -19.5q-147 0 -251.5 88t-104.5 238zM330 313q0 -55 41 -95t116 -40q100 0 169 87t69 188v24h-45q-350 0 -350 -164zM455 1174l155 278h250l-215 -278h-190z" />
|
||||
<glyph unicode="â" horiz-adv-x="1146" d="M68 301q0 78 32.5 139.5t91 98t122 62.5t140 36t129 14t105.5 4h33v9q0 111 -46 157.5t-147 46.5q-49 0 -94 -15t-45 -54v-56h-242v111q0 68 42 115t111 66.5t123 26.5t107 7q451 0 451 -416v-389q0 -45 45 -45h82v-219h-234q-68 0 -100.5 31.5t-32.5 83.5l2 45h-4 l-10 -21q-6 -12 -32.5 -44t-59.5 -56.5t-90.5 -44t-122.5 -19.5q-147 0 -251.5 88t-104.5 238zM258 1174l186 278h224l188 -278h-194l-103 165h-4l-104 -165h-193zM330 313q0 -55 41 -95t116 -40q100 0 169 87t69 188v24h-45q-350 0 -350 -164z" />
|
||||
<glyph unicode="ã" horiz-adv-x="1146" d="M68 301q0 78 32.5 139.5t91 98t122 62.5t140 36t129 14t105.5 4h33v9q0 111 -46 157.5t-147 46.5q-49 0 -94 -15t-45 -54v-56h-242v111q0 68 42 115t111 66.5t123 26.5t107 7q451 0 451 -416v-389q0 -45 45 -45h82v-219h-234q-68 0 -100.5 31.5t-32.5 83.5l2 45h-4 l-10 -21q-6 -12 -32.5 -44t-59.5 -56.5t-90.5 -44t-122.5 -19.5q-147 0 -251.5 88t-104.5 238zM184 1176q0 281 234 280q61 0 108 -33.5t83 -66.5t71 -33q41 0 62.5 37t21.5 90h162q0 -281 -234 -281q-61 0 -108 34t-83 67t-71 33q-41 0 -62.5 -36t-21.5 -91h-162zM330 313 q0 -55 41 -95t116 -40q100 0 169 87t69 188v24h-45q-350 0 -350 -164z" />
|
||||
<glyph unicode="ä" horiz-adv-x="1146" d="M68 301q0 78 32.5 139.5t91 98t122 62.5t140 36t129 14t105.5 4h33v9q0 111 -46 157.5t-147 46.5q-49 0 -94 -15t-45 -54v-56h-242v111q0 68 42 115t111 66.5t123 26.5t107 7q451 0 451 -416v-389q0 -45 45 -45h82v-219h-234q-68 0 -100.5 31.5t-32.5 83.5l2 45h-4 l-10 -21q-6 -12 -32.5 -44t-59.5 -56.5t-90.5 -44t-122.5 -19.5q-147 0 -251.5 88t-104.5 238zM283 1214v238h180v-238h-180zM330 313q0 -55 41 -95t116 -40q100 0 169 87t69 188v24h-45q-350 0 -350 -164zM649 1214v238h182v-238h-182z" />
|
||||
<glyph unicode="å" horiz-adv-x="1146" d="M68 301q0 78 32.5 139.5t91 98t122 62.5t140 36t129 14t105.5 4h33v9q0 111 -46 157.5t-147 46.5q-49 0 -94 -15t-45 -54v-56h-242v111q0 68 42 115t111 66.5t123 26.5t107 7q451 0 451 -416v-389q0 -45 45 -45h82v-219h-234q-68 0 -100.5 31.5t-32.5 83.5l2 45h-4 l-10 -21q-6 -12 -32.5 -44t-59.5 -56.5t-90.5 -44t-122.5 -19.5q-147 0 -251.5 88t-104.5 238zM330 313q0 -55 41 -95t116 -40q100 0 169 87t69 188v24h-45q-350 0 -350 -164zM373 1309q0 76 54 118.5t128 42.5t128 -43t54 -118q0 -74 -54 -117t-128 -43t-128 43t-54 117z M483 1309q0 -31 20.5 -50.5t51.5 -19.5t51.5 19.5t20.5 50.5q0 33 -20.5 52t-51.5 19t-51.5 -19t-20.5 -52z" />
|
||||
<glyph unicode="æ" horiz-adv-x="1773" d="M70 301q0 113 65.5 189.5t174 108.5t195.5 43t183 11h35v15q0 109 -48 154.5t-147 45.5q-51 0 -95 -15t-44 -54v-56h-242v111q0 80 64.5 131t144.5 67.5t174 16.5q252 0 349 -154h4q125 154 348 154q219 0 339 -145.5t120 -366.5l-4 -84h-715q16 -135 100 -205.5 t207 -70.5q74 0 147.5 28.5t110.5 57.5l35 30l108 -180l-18 -17.5t-54 -38t-87 -47t-116 -38t-144 -17.5q-299 0 -439 230h-4q-10 -25 -34.5 -57.5t-69.5 -73.5t-121 -69t-166 -28q-150 0 -253 88.5t-103 235.5zM332 313q0 -57 41 -96t119 -39q100 0 167.5 87t67.5 190v18 h-74q-321 0 -321 -160zM981 653h444q-2 94 -59 153.5t-139 59.5q-96 0 -161 -57.5t-85 -155.5z" />
|
||||
<glyph unicode="ç" horiz-adv-x="1101" d="M66 522q0 229 155.5 388t415.5 159q80 0 160 -19.5t149.5 -75.5t69.5 -140v-123h-230v57q0 39 -47 60.5t-102 21.5q-135 0 -222 -92t-87 -234q0 -152 95 -236.5t230 -84.5q160 0 299 131l11 10l108 -180q-6 -8 -18.5 -20.5t-53.5 -44t-87 -56.5t-120.5 -45.5 t-152.5 -22.5l-14 -65q66 -8 106.5 -47t40.5 -109q0 -94 -63.5 -137t-155.5 -43q-33 0 -64.5 4t-46.5 8l-16 2v144q43 -16 90 -17q88 0 88 58q0 55 -98 55l-43 -4l45 164q-203 37 -322.5 184t-119.5 350z" />
|
||||
<glyph unicode="è" horiz-adv-x="1140" d="M66 522q0 242 147 394.5t383 152.5q217 0 340 -140.5t123 -355.5l-6 -96h-721q14 -133 102 -206.5t211 -73.5q74 0 147.5 28.5t108.5 57.5l37 30l109 -180q-6 -6 -18.5 -17.5t-54.5 -38t-87 -47t-116 -38t-144 -17.5q-252 0 -406.5 159t-154.5 388zM276 1452h250 l156 -278h-193zM340 657h453q-2 92 -58.5 151.5t-138.5 59.5q-100 0 -166.5 -56.5t-89.5 -154.5z" />
|
||||
<glyph unicode="é" horiz-adv-x="1140" d="M66 522q0 242 147 394.5t383 152.5q217 0 340 -140.5t123 -355.5l-6 -96h-721q14 -133 102 -206.5t211 -73.5q74 0 147.5 28.5t108.5 57.5l37 30l109 -180q-6 -6 -18.5 -17.5t-54.5 -38t-87 -47t-116 -38t-144 -17.5q-252 0 -406.5 159t-154.5 388zM340 657h453 q-2 92 -58.5 151.5t-138.5 59.5q-100 0 -166.5 -56.5t-89.5 -154.5zM489 1174l156 278h250l-215 -278h-191z" />
|
||||
<glyph unicode="ê" horiz-adv-x="1140" d="M66 522q0 242 147 394.5t383 152.5q217 0 340 -140.5t123 -355.5l-6 -96h-721q14 -133 102 -206.5t211 -73.5q74 0 147.5 28.5t108.5 57.5l37 30l109 -180q-6 -6 -18.5 -17.5t-54.5 -38t-87 -47t-116 -38t-144 -17.5q-252 0 -406.5 159t-154.5 388zM291 1174l186 278h223 l189 -278h-195l-102 165h-4l-105 -165h-192zM340 657h453q-2 92 -58.5 151.5t-138.5 59.5q-100 0 -166.5 -56.5t-89.5 -154.5z" />
|
||||
<glyph unicode="ë" horiz-adv-x="1140" d="M66 522q0 242 147 394.5t383 152.5q217 0 340 -140.5t123 -355.5l-6 -96h-721q14 -133 102 -206.5t211 -73.5q74 0 147.5 28.5t108.5 57.5l37 30l109 -180q-6 -6 -18.5 -17.5t-54.5 -38t-87 -47t-116 -38t-144 -17.5q-252 0 -406.5 159t-154.5 388zM315 1214v238h181 v-238h-181zM340 657h453q-2 92 -58.5 151.5t-138.5 59.5q-100 0 -166.5 -56.5t-89.5 -154.5zM682 1214v238h182v-238h-182z" />
|
||||
<glyph unicode="ì" horiz-adv-x="618" d="M-18 1454h247l156 -280h-190zM53 823v221h248q139 0 139 -139v-641q0 -45 45 -45h80v-219h-246q-74 0 -106.5 33t-32.5 106v639q0 45 -45 45h-82z" />
|
||||
<glyph unicode="í" horiz-adv-x="618" d="M53 823v221h248q139 0 139 -139v-641q0 -45 45 -45h80v-219h-246q-74 0 -106.5 33t-32.5 106v639q0 45 -45 45h-82zM195 1174l155 280h248l-213 -280h-190z" />
|
||||
<glyph unicode="î" horiz-adv-x="618" d="M-6 1174l188 280h224l188 -280h-197l-102 167h-4l-103 -167h-194zM53 823v221h248q139 0 139 -139v-641q0 -45 45 -45h80v-219h-246q-74 0 -106.5 33t-32.5 106v639q0 45 -45 45h-82z" />
|
||||
<glyph unicode="ï" horiz-adv-x="618" d="M41 1214v240h180v-240h-180zM53 823v221h248q139 0 139 -139v-641q0 -45 45 -45h80v-219h-246q-74 0 -106.5 33t-32.5 106v639q0 45 -45 45h-82zM356 1214v240h183v-240h-183z" />
|
||||
<glyph unicode="ð" horiz-adv-x="1198" d="M78 485q0 193 130 330t351 137q57 0 109.5 -15t76.5 -30l23 -14h4q-59 131 -192 217l-379 -164l-13 154l228 100q-100 49 -236 82l72 205q258 -57 442 -170l303 129l13 -152l-181 -80q281 -246 281 -645q0 -86 -17.5 -169t-58.5 -160.5t-101.5 -136t-151.5 -93.5 t-203 -35q-229 0 -364.5 151.5t-135.5 358.5zM340 479q0 -117 63.5 -200.5t180.5 -83.5q131 0 197.5 98t66.5 229q0 100 -65.5 164t-176.5 64q-127 0 -196.5 -80t-69.5 -191z" />
|
||||
<glyph unicode="ñ" horiz-adv-x="1316" d="M43 823v221h240q137 0 137 -116v-31l-4 -45h4q43 86 135 151.5t233 65.5q365 0 365 -397v-408q0 -45 45 -45h82v-219h-248q-74 0 -106.5 33t-32.5 106v479q0 104 -36 158.5t-128 54.5q-102 0 -177 -58t-103 -155q-20 -61 -21 -139v-479h-258v778q0 45 -45 45h-82z M301 1176q0 281 234 280q59 0 107 -33.5t84 -66.5t71 -33q41 0 62.5 37t21.5 90h161q0 -281 -233 -281q-59 0 -107.5 34t-84 67t-70.5 33q-41 0 -62.5 -36t-21.5 -91h-162z" />
|
||||
<glyph unicode="ò" horiz-adv-x="1275" d="M66 522.5q0 237.5 164.5 392t406.5 154.5t407.5 -154.5t165.5 -392t-164.5 -392.5t-408.5 -155q-242 0 -406.5 155t-164.5 392.5zM324 1452h249l156 -278h-192zM328 522q0 -143 90 -234t219 -91q131 0 221 91t90 234q0 141 -91 233.5t-220 92.5t-219 -92.5t-90 -233.5z " />
|
||||
<glyph unicode="ó" horiz-adv-x="1275" d="M66 522.5q0 237.5 164.5 392t406.5 154.5t407.5 -154.5t165.5 -392t-164.5 -392.5t-408.5 -155q-242 0 -406.5 155t-164.5 392.5zM328 522q0 -143 90 -234t219 -91q131 0 221 91t90 234q0 141 -91 233.5t-220 92.5t-219 -92.5t-90 -233.5zM539 1174l155 278h250 l-215 -278h-190z" />
|
||||
<glyph unicode="ô" horiz-adv-x="1275" d="M66 522.5q0 237.5 164.5 392t406.5 154.5t407.5 -154.5t165.5 -392t-164.5 -392.5t-408.5 -155q-242 0 -406.5 155t-164.5 392.5zM328 522q0 -143 90 -234t219 -91q131 0 221 91t90 234q0 141 -91 233.5t-220 92.5t-219 -92.5t-90 -233.5zM340 1174l186 278h224l188 -278 h-195l-102 165h-4l-105 -165h-192z" />
|
||||
<glyph unicode="õ" horiz-adv-x="1275" d="M66 522.5q0 237.5 164.5 392t406.5 154.5t407.5 -154.5t165.5 -392t-164.5 -392.5t-408.5 -155q-242 0 -406.5 155t-164.5 392.5zM266 1176q0 281 234 280q61 0 108 -33.5t83 -66.5t71 -33q41 0 62.5 37t21.5 90h162q0 -281 -234 -281q-61 0 -108.5 34t-83 67t-70.5 33 q-41 0 -62.5 -36t-21.5 -91h-162zM328 522q0 -143 90 -234t219 -91q131 0 221 91t90 234q0 141 -91 233.5t-220 92.5t-219 -92.5t-90 -233.5z" />
|
||||
<glyph unicode="ö" horiz-adv-x="1275" d="M66 522.5q0 237.5 164.5 392t406.5 154.5t407.5 -154.5t165.5 -392t-164.5 -392.5t-408.5 -155q-242 0 -406.5 155t-164.5 392.5zM328 522q0 -143 90 -234t219 -91q131 0 221 91t90 234q0 141 -91 233.5t-220 92.5t-219 -92.5t-90 -233.5zM365 1214v238h180v-238h-180z M731 1214v238h182v-238h-182z" />
|
||||
<glyph unicode="÷" d="M94 483v203h1067v-203h-1067zM510 55v221h233v-221h-233zM510 895v221h233v-221h-233z" />
|
||||
<glyph unicode="ø" horiz-adv-x="1275" d="M66 522q0 238 164.5 392.5t406.5 154.5q147 0 274 -65l84 116l113 -78l-82 -112q184 -162 184 -408q0 -238 -164.5 -392.5t-408.5 -154.5q-141 0 -256 56l-84 -119l-113 80l78 108q-196 160 -196 422zM328 522q0 -129 80 -221l366 514q-66 33 -137 33q-129 0 -219 -92.5 t-90 -233.5zM518 221q55 -25 119 -24q131 0 221 91t90 234q0 119 -69 201z" />
|
||||
<glyph unicode="ù" horiz-adv-x="1306" d="M39 823v221h248q72 0 104.5 -32.5t32.5 -104.5v-481q0 -104 36 -158.5t126 -54.5q135 0 214 102.5t79 249.5v479h260v-780q0 -45 45 -45h82v-219h-240q-137 0 -137 117v28l2 48h-4q-41 -90 -137.5 -154t-223.5 -64q-360 0 -360 398v405q0 45 -45 45h-82zM328 1452h250 l155 -278h-192z" />
|
||||
<glyph unicode="ú" horiz-adv-x="1306" d="M39 823v221h248q72 0 104.5 -32.5t32.5 -104.5v-481q0 -104 36 -158.5t126 -54.5q135 0 214 102.5t79 249.5v479h260v-780q0 -45 45 -45h82v-219h-240q-137 0 -137 117v28l2 48h-4q-41 -90 -137.5 -154t-223.5 -64q-360 0 -360 398v405q0 45 -45 45h-82zM541 1174 l155 278h250l-215 -278h-190z" />
|
||||
<glyph unicode="û" horiz-adv-x="1306" d="M39 823v221h248q72 0 104.5 -32.5t32.5 -104.5v-481q0 -104 36 -158.5t126 -54.5q135 0 214 102.5t79 249.5v479h260v-780q0 -45 45 -45h82v-219h-240q-137 0 -137 117v28l2 48h-4q-41 -90 -137.5 -154t-223.5 -64q-360 0 -360 398v405q0 45 -45 45h-82zM342 1174 l186 278h224l188 -278h-195l-102 165h-4l-104 -165h-193z" />
|
||||
<glyph unicode="ü" horiz-adv-x="1306" d="M39 823v221h248q72 0 104.5 -32.5t32.5 -104.5v-481q0 -104 36 -158.5t126 -54.5q135 0 214 102.5t79 249.5v479h260v-780q0 -45 45 -45h82v-219h-240q-137 0 -137 117v28l2 48h-4q-41 -90 -137.5 -154t-223.5 -64q-360 0 -360 398v405q0 45 -45 45h-82zM369 1214v238 h180v-238h-180zM735 1214v238h183v-238h-183z" />
|
||||
<glyph unicode="ý" horiz-adv-x="1132" d="M2 -324l100 185q63 -72 150 -72q117 0 172 133l35 80l-348 784q-14 37 -56 37h-30v221h172q55 0 85.5 -22.5t51.5 -75.5l205 -522l36 -139h5q16 86 34 139l179 522q33 98 139 98h176v-221h-31q-45 0 -59 -37l-375 -944q-53 -135 -153.5 -203.5t-223.5 -68.5 q-152 0 -258 100zM471 1174l156 278h250l-215 -278h-191z" />
|
||||
<glyph unicode="þ" horiz-adv-x="1265" d="M37 1233v221h248q74 0 106.5 -34t32.5 -105v-297l-4 -90h4q98 141 305 141q213 0 342 -153.5t129 -393.5q0 -238 -129 -392.5t-342 -154.5q-100 0 -176 35t-102 70l-27 35h-4q4 -37 4 -90v-435h-260v1598q0 45 -45 45h-82zM416 522q0 -170 74.5 -247.5t191.5 -77.5 q115 0 185.5 92t70.5 233q0 143 -70.5 234.5t-185.5 91.5q-119 0 -192.5 -78t-73.5 -248z" />
|
||||
<glyph unicode="ÿ" horiz-adv-x="1132" d="M2 -324l100 185q63 -72 150 -72q117 0 172 133l35 80l-348 784q-14 37 -56 37h-30v221h172q55 0 85.5 -22.5t51.5 -75.5l205 -522l36 -139h5q16 86 34 139l179 522q33 98 139 98h176v-221h-31q-45 0 -59 -37l-375 -944q-53 -135 -153.5 -203.5t-223.5 -68.5 q-152 0 -258 100zM297 1214v238h180v-238h-180zM664 1214v238h182v-238h-182z" />
|
||||
<glyph unicode="Œ" horiz-adv-x="1945" d="M61 729q0 313 211 527t519 214q70 0 163 -8t133 -8h621q74 0 106.5 -34t32.5 -105v-221h-241v88q0 45 -45 45h-322v-381h465v-228h-465v-391h375q45 0 45 45v88h242v-221q0 -74 -32 -106.5t-102 -32.5h-680q-39 0 -133 -9t-163 -9q-307 0 -518.5 217t-211.5 530zM340 729 q0 -215 127 -356.5t324 -141.5q123 0 180 15v960q-72 16 -180 17q-197 0 -324 -140.5t-127 -353.5z" />
|
||||
<glyph unicode="œ" horiz-adv-x="2035" d="M66 520.5q0 241.5 164.5 395t404.5 153.5q283 0 440 -215h4q135 215 412 215q219 0 341 -140.5t122 -355.5l-6 -96h-721q18 -135 105 -207.5t208 -72.5q156 0 289 110l6 6l107 -180q-6 -6 -18.5 -17.5t-54.5 -38t-87 -47t-116 -38t-144 -17.5q-293 0 -437 222h-4 q-160 -221 -444 -222q-242 0 -406.5 152t-164.5 393.5zM328 520.5q0 -145.5 90 -234.5t219 -89q131 0 221 90t90 235.5t-91 235.5t-220 90t-219 -91t-90 -236.5zM1235 657h453q-4 94 -58.5 152.5t-138.5 58.5q-100 0 -166.5 -56.5t-89.5 -154.5z" />
|
||||
<glyph unicode="Ÿ" horiz-adv-x="1259" d="M20 1227v227h138q74 0 112.5 -20.5t77.5 -85.5l193 -320l88 -164h4q37 78 88 164l190 320q39 66 78 86t113 20h137v-227h-47q-33 0 -48.5 -9.5t-35.5 -39.5l-344 -543v-635h-268v635l-344 543q-20 31 -36 40t-48 9h-48zM358 1591v238h181v-238h-181zM725 1591v238h182 v-238h-182z" />
|
||||
<glyph unicode="ˆ" horiz-adv-x="1026" d="M215 1550l186 279h224l188 -279h-195l-102 166h-4l-104 -166h-193z" />
|
||||
<glyph unicode="˜" horiz-adv-x="1122" d="M197 1552q0 281 233 281q61 0 108.5 -34t83 -66.5t70.5 -32.5q41 0 62.5 37t21.5 90h162q0 -281 -233 -281q-61 0 -108.5 34t-83.5 66.5t-71 32.5q-41 0 -62.5 -35.5t-21.5 -91.5h-161z" />
|
||||
<glyph unicode=" " horiz-adv-x="923" />
|
||||
<glyph unicode=" " horiz-adv-x="1847" />
|
||||
<glyph unicode=" " horiz-adv-x="923" />
|
||||
<glyph unicode=" " horiz-adv-x="1847" />
|
||||
<glyph unicode=" " horiz-adv-x="614" />
|
||||
<glyph unicode=" " horiz-adv-x="460" />
|
||||
<glyph unicode=" " horiz-adv-x="307" />
|
||||
<glyph unicode=" " horiz-adv-x="307" />
|
||||
<glyph unicode=" " horiz-adv-x="229" />
|
||||
<glyph unicode=" " horiz-adv-x="368" />
|
||||
<glyph unicode=" " horiz-adv-x="102" />
|
||||
<glyph unicode="‐" horiz-adv-x="882" d="M133 471v227h617v-227h-617z" />
|
||||
<glyph unicode="‑" horiz-adv-x="882" d="M133 471v227h617v-227h-617z" />
|
||||
<glyph unicode="–" horiz-adv-x="1357" d="M113 483v203h1132v-203h-1132z" />
|
||||
<glyph unicode="—" horiz-adv-x="1767" d="M113 483v203h1542v-203h-1542z" />
|
||||
<glyph unicode="‘" horiz-adv-x="501" d="M86 1032l154 447h176l-97 -447h-233z" />
|
||||
<glyph unicode="’" horiz-adv-x="501" d="M86 1032l96 449h234l-154 -449h-176z" />
|
||||
<glyph unicode="‚" horiz-adv-x="501" d="M86 -182l96 446h234l-154 -446h-176z" />
|
||||
<glyph unicode="“" horiz-adv-x="827" d="M86 1032l154 447h176l-97 -447h-233zM414 1032l151 447h176l-96 -447h-231z" />
|
||||
<glyph unicode="”" horiz-adv-x="827" d="M86 1032l96 449h234l-154 -449h-176zM414 1032l96 449h231l-151 -449h-176z" />
|
||||
<glyph unicode="„" horiz-adv-x="827" d="M86 -182l96 446h234l-154 -446h-176zM414 -182l96 446h231l-151 -446h-176z" />
|
||||
<glyph unicode="•" horiz-adv-x="960" d="M137 596q0 141 100.5 241.5t241.5 100.5q143 0 242.5 -100.5t99.5 -241.5t-99 -241.5t-243 -100.5q-141 0 -241.5 100.5t-100.5 241.5z" />
|
||||
<glyph unicode="…" horiz-adv-x="2033" d="M309 0v260h250v-260h-250zM891 0v260h252v-260h-252zM1475 0v260h251v-260h-251z" />
|
||||
<glyph unicode=" " horiz-adv-x="368" />
|
||||
<glyph unicode="‹" horiz-adv-x="802" d="M94 578l336 421h248l-336 -421l336 -420h-248z" />
|
||||
<glyph unicode="›" horiz-adv-x="802" d="M119 158l336 420l-336 421h248l335 -421l-335 -420h-248z" />
|
||||
<glyph unicode=" " horiz-adv-x="460" />
|
||||
<glyph unicode="€" horiz-adv-x="1253" d="M78 512v156h127q-4 35 -4 61l4 66h-127v157h153q68 233 259.5 380t441.5 147q109 0 203 -27l-64 -240q-70 20 -145 21q-145 0 -254 -75t-158 -206h510l-33 -157h-514q-4 -31 -4 -62l6 -65h488l-31 -156h-410q47 -131 158 -209t252 -78q106 0 197 31l47 -242 q-106 -39 -248 -39q-260 0 -448.5 147.5t-252.5 389.5h-153z" />
|
||||
<glyph unicode="™" horiz-adv-x="2029" d="M70 1206v156q0 53 20.5 72.5t77.5 19.5h606q55 0 75.5 -19.5t20.5 -72.5v-156h-163v60q0 16 -15 16h-123v-735h-196v735h-119q-16 0 -16 -16v-60h-168zM874 547v170h46q18 0 20 18l57 719h183l186 -428l29 -86h4q12 51 26 86l189 428h180l57 -719q4 -18 21 -18h47v-170 h-154q-57 0 -78.5 17.5t-25.5 74.5l-27 375l2 63h-4l-159 -364h-154l-160 364h-4l2 -63l-27 -375q-4 -57 -24.5 -74.5t-77.5 -17.5h-154z" />
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user