Webpack / Remove frontend dependencies from tpl/ & inc/ and move them to assets/

assets/.htaccess

@@ -0,0 +1,13 @@
+<IfModule version_module>
+  <IfVersion >= 2.4>
+     Require all denied
+  </IfVersion>
+  <IfVersion < 2.4>
+     Allow from none
+     Deny from all
+  </IfVersion>
+</IfModule>
+
+<IfModule !version_module>
+    Require all denied
+</IfModule>

assets/vintage/css/shaarli.css

@@ -113,7 +113,7 @@ a.bigbutton, #pageheader a.bigbutton {
 }
 
 #pageheader #logo {
-    background-image: url('../../../images/logo.png');
+    background-image: url('../img/logo.png');
     background-repeat: no-repeat;
     float: left;
     margin: 0 10px 0 10px;
@@ -433,7 +433,7 @@ a.bigbutton, #pageheader a.bigbutton {
 }
 
 #linklist li.private {
-    background: url('../images/private.png') no-repeat 4px center;
+    background: url('../img/private.png') no-repeat 4px center;
     padding-left: 30px;
 }
 
@@ -465,7 +465,7 @@ a.bigbutton, #pageheader a.bigbutton {
 }
 
 .linkdate a {
-    background-image: url('../images/calendar.png');
+    background-image: url('../img/calendar.png');
     padding: 2px 0 3px 20px;
     background-repeat: no-repeat;
     text-decoration: none;
@@ -516,7 +516,7 @@ a.bigbutton, #pageheader a.bigbutton {
     height: 20px;
     border-radius: 3px;
     cursor: pointer;
-    background-image: url('../images/tag_blue.png');
+    background-image: url('../img/tag_blue.png');
     background-repeat: no-repeat;
     background-position: 3px center;
     background-color: #ffffff;
@@ -762,7 +762,7 @@ div.daily {
     /* Background paper texture by BashCorpo:
        http://www.bashcorpo.dk/textures.php
        http://bashcorpo.deviantart.com/art/Grungy-paper-texture-v-5-22966998  */
-    background-image: url("../images/Paper_texture_v5_by_bashcorpo_w1000.jpg");
+    background-image: url("../img/Paper_texture_v5_by_bashcorpo_w1000.jpg");
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
@@ -860,7 +860,7 @@ div.dailyEntryThumbnail {
     width: 100%;
     text-align: center;
     background-color: rgb(128, 128, 128);
-    background: url(../images/50pc_transparent.png);
+    background: url(../img/50pc_transparent.png);
     padding: 4px 0px 2px 0px;
 }
 

inc/awesomplete-multiple-tags.js

@@ -1,66 +0,0 @@
-/** @licstart  The following is the entire license notice for the
- *  JavaScript code in this page.
- *
- *   Copyright: (c) 2011-2015 Sébastien SAUVAGE <sebsauvage@sebsauvage.net>
- *              (c) 2011-2017 The Shaarli Community, see AUTHORS
- *
- *   This software is provided 'as-is', without any express or implied warranty.
- *   In no event will the authors be held liable for any damages arising from
- *   the use of this software.
- *
- *   Permission is granted to anyone to use this software for any purpose,
- *   including commercial applications, and to alter it and redistribute it
- *   freely, subject to the following restrictions:
- *
- *   1. The origin of this software must not be misrepresented; you must not
- *   claim that you wrote the original software. If you use this software
- *   in a product, an acknowledgment in the product documentation would
- *   be appreciated but is not required.
- *
- *   2. Altered source versions must be plainly marked as such, and must
- *   not be misrepresented as being the original software.
- *
- *   3. This notice may not be removed or altered from any source distribution.
- *
- *  @licend  The above is the entire license notice
- *  for the JavaScript code in this page.
- */
-
-var awp = Awesomplete.$;
-var autocompleteFields = document.querySelectorAll('input[data-multiple]');
-[].forEach.call(autocompleteFields, function(autocompleteField) {
-    awesomplete = new Awesomplete(awp(autocompleteField), {
-        filter: function (text, input) {
-            return Awesomplete.FILTER_CONTAINS(text, input.match(/[^ ]*$/)[0]);
-        },
-        replace: function (text) {
-            var before = this.input.value.match(/^.+ \s*|/)[0];
-            this.input.value = before + text + " ";
-        },
-        minChars: 1
-    })
-});
-
-/**
- * Remove already selected items from autocompletion list.
- * HTML list is never updated, so removing a tag will add it back to awesomplete.
- *
- * FIXME: This a workaround waiting for awesomplete to handle this.
- *  https://github.com/LeaVerou/awesomplete/issues/16749
- */
-function awesompleteUniqueTag(selector) {
-    var input = document.querySelector(selector);
-    input.addEventListener('input', function()
-    {
-        proposedTags = input.getAttribute('data-list').replace(/,/g, '').split(' ');
-        reg = /(\w+) /g;
-        while((match = reg.exec(input.value)) !== null) {
-            id = proposedTags.indexOf(match[1]);
-            if(id != -1 ) {
-                proposedTags.splice(id, 1);
-            }
-        }
-
-        awesomplete.list = proposedTags;
-    });
-}

inc/awesomplete.css

@@ -1,97 +0,0 @@
-[hidden] { display: none; }
-
-.visually-hidden {
-    position: absolute;
-    clip: rect(0, 0, 0, 0);
-}
-
-div.awesomplete {
-    display: inline-block;
-    position: relative;
-    width: 100%;
-}
-
-div.awesomplete > input {
-    display: block;
-}
-
-div.awesomplete > ul {
-    position: absolute;
-    left: 0;
-    z-index: 1;
-    min-width: 100%;
-    box-sizing: border-box;
-    list-style: none;
-    padding: 0;
-    border-radius: .3em;
-    margin: .2em 0 0;
-    background: #FFF;
-    border: 1px solid rgba(0,0,0,.3);
-    box-shadow: .05em .2em .6em rgba(0,0,0,.2);
-    text-shadow: none;
-}
-
-div.awesomplete > ul[hidden],
-div.awesomplete > ul:empty {
-    display: none;
-}
-
-@supports (transform: scale(0)) {
-    div.awesomplete > ul {
-        transition: .3s cubic-bezier(.4,.2,.5,1.4);
-        transform-origin: 1.43em -.43em;
-    }
-
-    div.awesomplete > ul[hidden],
-    div.awesomplete > ul:empty {
-        opacity: 0;
-        transform: scale(0);
-        display: block;
-        transition-timing-function: ease;
-    }
-}
-
-/* Pointer */
-div.awesomplete > ul:before {
-    content: "";
-    position: absolute;
-    top: -.43em;
-    left: 1em;
-    width: 0; height: 0;
-    padding: .4em;
-    background: white;
-    border: inherit;
-    border-right: 0;
-    border-bottom: 0;
-    -webkit-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
-
-div.awesomplete > ul > li {
-    position: relative;
-    padding: .2em .5em;
-    cursor: pointer;
-}
-
-div.awesomplete > ul > li:hover {
-    background: hsl(200, 40%, 80%);
-    color: black;
-}
-
-div.awesomplete > ul > li[aria-selected="true"] {
-    background: hsl(205, 40%, 40%);
-    color: white;
-}
-
-div.awesomplete mark {
-    background: hsl(65, 100%, 50%);
-}
-
-div.awesomplete li:hover mark {
-    background: hsl(68, 101%, 41%);
-}
-
-div.awesomplete li[aria-selected="true"] mark {
-    background: hsl(86, 102%, 21%);
-    color: inherit;
-}

inc/awesomplete.js

@@ -1,450 +0,0 @@
-/**
- * Simple, lightweight, usable local autocomplete library for modern browsers
- * Because there weren’t enough autocomplete scripts in the world? Because I’m completely insane and have NIH syndrome? Probably both. :P
- * @author Lea Verou http://leaverou.github.io/awesomplete
- * MIT license
- */
-
-(function () {
-
-    var _ = function (input, o) {
-        var me = this;
-
-        // Setup
-
-        this.isOpened = false;
-
-        this.input = $(input);
-        this.input.setAttribute("autocomplete", "off");
-        this.input.setAttribute("aria-autocomplete", "list");
-
-        o = o || {};
-
-        configure(this, {
-            minChars: 2,
-            maxItems: 10,
-            autoFirst: false,
-            data: _.DATA,
-            filter: _.FILTER_CONTAINS,
-            sort: _.SORT_BYLENGTH,
-            item: _.ITEM,
-            replace: _.REPLACE
-        }, o);
-
-        this.index = -1;
-
-        // Create necessary elements
-
-        this.container = $.create("div", {
-            className: "awesomplete",
-            around: input
-        });
-
-        this.ul = $.create("ul", {
-            hidden: "hidden",
-            inside: this.container
-        });
-
-        this.status = $.create("span", {
-            className: "visually-hidden",
-            role: "status",
-            "aria-live": "assertive",
-            "aria-relevant": "additions",
-            inside: this.container
-        });
-
-        // Bind events
-
-        $.bind(this.input, {
-            "input": this.evaluate.bind(this),
-            "blur": this.close.bind(this, { reason: "blur" }),
-            "keydown": function(evt) {
-                var c = evt.keyCode;
-
-                // If the dropdown `ul` is in view, then act on keydown for the following keys:
-                // Enter / Esc / Up / Down
-                if(me.opened) {
-                    if (c === 13 && me.selected) { // Enter
-                        evt.preventDefault();
-                        me.select();
-                    }
-                    else if (c === 27) { // Esc
-                        me.close({ reason: "esc" });
-                    }
-                    else if (c === 38 || c === 40) { // Down/Up arrow
-                        evt.preventDefault();
-                        me[c === 38? "previous" : "next"]();
-                    }
-                }
-            }
-        });
-
-        $.bind(this.input.form, {"submit": this.close.bind(this, { reason: "submit" })});
-
-        $.bind(this.ul, {"mousedown": function(evt) {
-            var li = evt.target;
-
-            if (li !== this) {
-
-                while (li && !/li/i.test(li.nodeName)) {
-                    li = li.parentNode;
-                }
-
-                if (li && evt.button === 0) {  // Only select on left click
-                    evt.preventDefault();
-                    me.select(li, evt.target);
-                }
-            }
-        }});
-
-        if (this.input.hasAttribute("list")) {
-            this.list = "#" + this.input.getAttribute("list");
-            this.input.removeAttribute("list");
-        }
-        else {
-            this.list = this.input.getAttribute("data-list") || o.list || [];
-        }
-
-        _.all.push(this);
-    };
-
-    _.prototype = {
-        set list(list) {
-            if (Array.isArray(list)) {
-                this._list = list;
-            }
-            else if (typeof list === "string" && list.indexOf(",") > -1) {
-                this._list = list.split(/\s*,\s*/);
-            }
-            else { // Element or CSS selector
-                list = $(list);
-
-                if (list && list.children) {
-                    var items = [];
-                    slice.apply(list.children).forEach(function (el) {
-                        if (!el.disabled) {
-                            var text = el.textContent.trim();
-                            var value = el.value || text;
-                            var label = el.label || text;
-                            if (value !== "") {
-                                items.push({ label: label, value: value });
-                            }
-                        }
-                    });
-                    this._list = items;
-                }
-            }
-
-            if (document.activeElement === this.input) {
-                this.evaluate();
-            }
-        },
-
-        get selected() {
-            return this.index > -1;
-        },
-
-        get opened() {
-            return this.isOpened;
-        },
-
-        close: function (o) {
-            if (!this.opened) {
-                return;
-            }
-
-            this.ul.setAttribute("hidden", "");
-            this.isOpened = false;
-            this.index = -1;
-
-            $.fire(this.input, "awesomplete-close", o || {});
-        },
-
-        open: function () {
-            this.ul.removeAttribute("hidden");
-            this.isOpened = true;
-
-            if (this.autoFirst && this.index === -1) {
-                this.goto(0);
-            }
-
-            $.fire(this.input, "awesomplete-open");
-        },
-
-        next: function () {
-            var count = this.ul.children.length;
-            this.goto(this.index < count - 1 ? this.index + 1 : (count ? 0 : -1) );
-        },
-
-        previous: function () {
-            var count = this.ul.children.length;
-            var pos = this.index - 1;
-
-            this.goto(this.selected && pos !== -1 ? pos : count - 1);
-        },
-
-        // Should not be used, highlights specific item without any checks!
-        goto: function (i) {
-            var lis = this.ul.children;
-
-            if (this.selected) {
-                lis[this.index].setAttribute("aria-selected", "false");
-            }
-
-            this.index = i;
-
-            if (i > -1 && lis.length > 0) {
-                lis[i].setAttribute("aria-selected", "true");
-                this.status.textContent = lis[i].textContent;
-
-                // scroll to highlighted element in case parent's height is fixed
-                this.ul.scrollTop = lis[i].offsetTop - this.ul.clientHeight + lis[i].clientHeight;
-
-                $.fire(this.input, "awesomplete-highlight", {
-                    text: this.suggestions[this.index]
-                });
-            }
-        },
-
-        select: function (selected, origin) {
-            if (selected) {
-                this.index = $.siblingIndex(selected);
-            } else {
-                selected = this.ul.children[this.index];
-            }
-
-            if (selected) {
-                var suggestion = this.suggestions[this.index];
-
-                var allowed = $.fire(this.input, "awesomplete-select", {
-                    text: suggestion,
-                    origin: origin || selected
-                });
-
-                if (allowed) {
-                    this.replace(suggestion);
-                    this.close({ reason: "select" });
-                    $.fire(this.input, "awesomplete-selectcomplete", {
-                        text: suggestion
-                    });
-                }
-            }
-        },
-
-        evaluate: function() {
-            var me = this;
-            var value = this.input.value;
-
-            if (value.length >= this.minChars && this._list.length > 0) {
-                this.index = -1;
-                // Populate list with options that match
-                this.ul.innerHTML = "";
-
-                this.suggestions = this._list
-                    .map(function(item) {
-                        return new Suggestion(me.data(item, value));
-                    })
-                    .filter(function(item) {
-                        return me.filter(item, value);
-                    })
-                    .sort(this.sort)
-                    .slice(0, this.maxItems);
-
-                this.suggestions.forEach(function(text) {
-                    me.ul.appendChild(me.item(text, value));
-                });
-
-                if (this.ul.children.length === 0) {
-                    this.close({ reason: "nomatches" });
-                } else {
-                    this.open();
-                }
-            }
-            else {
-                this.close({ reason: "nomatches" });
-            }
-        }
-    };
-
-// Static methods/properties
-
-    _.all = [];
-
-    _.FILTER_CONTAINS = function (text, input) {
-        return RegExp($.regExpEscape(input.trim()), "i").test(text);
-    };
-
-    _.FILTER_STARTSWITH = function (text, input) {
-        return RegExp("^" + $.regExpEscape(input.trim()), "i").test(text);
-    };
-
-    _.SORT_BYLENGTH = function (a, b) {
-        if (a.length !== b.length) {
-            return a.length - b.length;
-        }
-
-        return a < b? -1 : 1;
-    };
-
-    _.ITEM = function (text, input) {
-        var html = input.trim() === '' ? text : text.replace(RegExp($.regExpEscape(input.trim()), "gi"), "<mark>$&</mark>");
-        return $.create("li", {
-            innerHTML: html,
-            "aria-selected": "false"
-        });
-    };
-
-    _.REPLACE = function (text) {
-        this.input.value = text.value;
-    };
-
-    _.DATA = function (item/*, input*/) { return item; };
-
-// Private functions
-
-    function Suggestion(data) {
-        var o = Array.isArray(data)
-            ? { label: data[0], value: data[1] }
-            : typeof data === "object" && "label" in data && "value" in data ? data : { label: data, value: data };
-
-        this.label = o.label || o.value;
-        this.value = o.value;
-    }
-    Object.defineProperty(Suggestion.prototype = Object.create(String.prototype), "length", {
-        get: function() { return this.label.length; }
-    });
-    Suggestion.prototype.toString = Suggestion.prototype.valueOf = function () {
-        return "" + this.label;
-    };
-
-    function configure(instance, properties, o) {
-        for (var i in properties) {
-            var initial = properties[i],
-                attrValue = instance.input.getAttribute("data-" + i.toLowerCase());
-
-            if (typeof initial === "number") {
-                instance[i] = parseInt(attrValue);
-            }
-            else if (initial === false) { // Boolean options must be false by default anyway
-                instance[i] = attrValue !== null;
-            }
-            else if (initial instanceof Function) {
-                instance[i] = null;
-            }
-            else {
-                instance[i] = attrValue;
-            }
-
-            if (!instance[i] && instance[i] !== 0) {
-                instance[i] = (i in o)? o[i] : initial;
-            }
-        }
-    }
-
-// Helpers
-
-    var slice = Array.prototype.slice;
-
-    function $(expr, con) {
-        return typeof expr === "string"? (con || document).querySelector(expr) : expr || null;
-    }
-
-    function $$(expr, con) {
-        return slice.call((con || document).querySelectorAll(expr));
-    }
-
-    $.create = function(tag, o) {
-        var element = document.createElement(tag);
-
-        for (var i in o) {
-            var val = o[i];
-
-            if (i === "inside") {
-                $(val).appendChild(element);
-            }
-            else if (i === "around") {
-                var ref = $(val);
-                ref.parentNode.insertBefore(element, ref);
-                element.appendChild(ref);
-            }
-            else if (i in element) {
-                element[i] = val;
-            }
-            else {
-                element.setAttribute(i, val);
-            }
-        }
-
-        return element;
-    };
-
-    $.bind = function(element, o) {
-        if (element) {
-            for (var event in o) {
-                var callback = o[event];
-
-                event.split(/\s+/).forEach(function (event) {
-                    element.addEventListener(event, callback);
-                });
-            }
-        }
-    };
-
-    $.fire = function(target, type, properties) {
-        var evt = document.createEvent("HTMLEvents");
-
-        evt.initEvent(type, true, true );
-
-        for (var j in properties) {
-            evt[j] = properties[j];
-        }
-
-        return target.dispatchEvent(evt);
-    };
-
-    $.regExpEscape = function (s) {
-        return s.replace(/[-\\^$*+?.()|[\]{}]/g, "\\$&");
-    };
-
-    $.siblingIndex = function (el) {
-        /* eslint-disable no-cond-assign */
-        for (var i = 0; el = el.previousElementSibling; i++);
-        return i;
-    };
-
-// Initialization
-
-    function init() {
-        $$("input.awesomplete").forEach(function (input) {
-            new _(input);
-        });
-    }
-
-// Are we in a browser? Check for Document constructor
-    if (typeof Document !== "undefined") {
-        // DOM already loaded?
-        if (document.readyState !== "loading") {
-            init();
-        }
-        else {
-            // Wait for it
-            document.addEventListener("DOMContentLoaded", init);
-        }
-    }
-
-    _.$ = $;
-    _.$$ = $$;
-
-// Make sure to export Awesomplete on self when in a browser
-    if (typeof self !== "undefined") {
-        self.Awesomplete = _;
-    }
-
-// Expose Awesomplete as a CJS module
-    if (typeof module === "object" && module.exports) {
-        module.exports = _;
-    }
-
-    return _;
-
-}());

inc/blazy-1.3.1.js

@@ -1,232 +0,0 @@
-/*!
-  hey, [be]Lazy.js - v1.3.1 - 2015.02.01 
-  A lazy loading and multi-serving image script
-  (c) Bjoern Klinggaard - @bklinggaard - http://dinbror.dk/blazy
-*/
-;(function(root, blazy) {
-	if (typeof define === 'function' && define.amd) {
-        // AMD. Register bLazy as an anonymous module
-        define(blazy);
-	} else if (typeof exports === 'object') {
-		// Node. Does not work with strict CommonJS, but
-        // only CommonJS-like environments that support module.exports,
-        // like Node. 
-		module.exports = blazy();
-	} else {
-        // Browser globals. Register bLazy on window
-        root.Blazy = blazy();
-	}
-})(this, function () {
-	'use strict';
-	
-	//vars
-	var source, options, viewport, images, count, isRetina, destroyed;
-	//throttle vars
-	var validateT, saveViewportOffsetT;
-	
-	// constructor
-	function Blazy(settings) {
-		//IE7- fallback for missing querySelectorAll support
-		if (!document.querySelectorAll) {
-			var s=document.createStyleSheet();
-			document.querySelectorAll = function(r, c, i, j, a) {
-				a=document.all, c=[], r = r.replace(/\[for\b/gi, '[htmlFor').split(',');
-				for (i=r.length; i--;) {
-					s.addRule(r[i], 'k:v');
-					for (j=a.length; j--;) a[j].currentStyle.k && c.push(a[j]);
-						s.removeRule(0);
-				}
-				return c;
-			};
-		}
-		//init vars
-		destroyed 				= true;
-		images 					= [];
-		viewport				= {};
-		//options
-		options 				= settings 				|| {};
-		options.error	 		= options.error 		|| false;
-		options.offset			= options.offset 		|| 100;
-		options.success			= options.success 		|| false;
-	  	options.selector 		= options.selector 		|| '.b-lazy';
-		options.separator 		= options.separator 	|| '|';
-		options.container		= options.container 	?  document.querySelectorAll(options.container) : false;
-		options.errorClass 		= options.errorClass 	|| 'b-error';
-		options.breakpoints		= options.breakpoints	|| false;
-		options.successClass 	= options.successClass 	|| 'b-loaded';
-		options.src = source 	= options.src			|| 'data-src';
-		isRetina				= window.devicePixelRatio > 1;
-		viewport.top 			= 0 - options.offset;
-		viewport.left 			= 0 - options.offset;
-		//throttle, ensures that we don't call the functions too often
-		validateT				= throttle(validate, 25); 
-		saveViewportOffsetT			= throttle(saveViewportOffset, 50);
-
-		saveViewportOffset();	
-				
-		//handle multi-served image src
-		each(options.breakpoints, function(object){
-			if(object.width >= window.screen.width) {
-				source = object.src;
-				return false;
-			}
-		});
-		
-		// start lazy load
-		initialize();	
-  	}
-	
-	/* public functions
-	************************************/
-	Blazy.prototype.revalidate = function() {
- 		initialize();
-   	};
-	Blazy.prototype.load = function(element, force){
-		if(!isElementLoaded(element)) loadImage(element, force);
-	};
-	Blazy.prototype.destroy = function(){
-		if(options.container){
-			each(options.container, function(object){
-				unbindEvent(object, 'scroll', validateT);
-			});
-		}
-		unbindEvent(window, 'scroll', validateT);
-		unbindEvent(window, 'resize', validateT);
-		unbindEvent(window, 'resize', saveViewportOffsetT);
-		count = 0;
-		images.length = 0;
-		destroyed = true;
-	};
-	
-	/* private helper functions
-	************************************/
-	function initialize(){
-		// First we create an array of images to lazy load
-		createImageArray(options.selector);
-		// Then we bind resize and scroll events if not already binded
-		if(destroyed) {
-			destroyed = false;
-			if(options.container) {
-	 			each(options.container, function(object){
-	 				bindEvent(object, 'scroll', validateT);
-	 			});
-	 		}
-			bindEvent(window, 'resize', saveViewportOffsetT);
-			bindEvent(window, 'resize', validateT);
-	 		bindEvent(window, 'scroll', validateT);
-		}
-		// And finally, we start to lazy load. Should bLazy ensure domready?
-		validate();	
-	}
-	
-	function validate() {
-		for(var i = 0; i<count; i++){
-			var image = images[i];
- 			if(elementInView(image) || isElementLoaded(image)) {
-				Blazy.prototype.load(image);
- 				images.splice(i, 1);
- 				count--;
- 				i--;
- 			} 
- 		}
-		if(count === 0) {
-			Blazy.prototype.destroy();
-		}
-	}
-	
-	function loadImage(ele, force){
-		// if element is visible
-		if(force || (ele.offsetWidth > 0 && ele.offsetHeight > 0)) {
-			var dataSrc = ele.getAttribute(source) || ele.getAttribute(options.src); // fallback to default data-src
-			if(dataSrc) {
-				var dataSrcSplitted = dataSrc.split(options.separator);
-				var src = dataSrcSplitted[isRetina && dataSrcSplitted.length > 1 ? 1 : 0];
-				var img = new Image();
-				// cleanup markup, remove data source attributes
-				each(options.breakpoints, function(object){
-					ele.removeAttribute(object.src);
-				});
-				ele.removeAttribute(options.src);
-				img.onerror = function() {
-					if(options.error) options.error(ele, "invalid");
-					ele.className = ele.className + ' ' + options.errorClass;
-				}; 
-				img.onload = function() {
-					// Is element an image or should we add the src as a background image?
-			      		ele.nodeName.toLowerCase() === 'img' ? ele.src = src : ele.style.backgroundImage = 'url("' + src + '")';	
-					ele.className = ele.className + ' ' + options.successClass;	
-					if(options.success) options.success(ele);
-				};
-				img.src = src; //preload image
-			} else {
-				if(options.error) options.error(ele, "missing");
-				ele.className = ele.className + ' ' + options.errorClass;
-			}
-		}
-	 }
-			
-	function elementInView(ele) {
-		var rect = ele.getBoundingClientRect();
-		
-		return (
-			// Intersection
-			rect.right >= viewport.left
-			&& rect.bottom >= viewport.top
-			&& rect.left <= viewport.right
-			&& rect.top <= viewport.bottom
-		 );
-	 }
-	 
-	 function isElementLoaded(ele) {
-		 return (' ' + ele.className + ' ').indexOf(' ' + options.successClass + ' ') !== -1;
-	 }
-	 
-	 function createImageArray(selector) {
- 		var nodelist 	= document.querySelectorAll(selector);
- 		count 			= nodelist.length;
- 		//converting nodelist to array
- 		for(var i = count; i--; images.unshift(nodelist[i])){}
-	 }
-	 
-	 function saveViewportOffset(){
-		 viewport.bottom = (window.innerHeight || document.documentElement.clientHeight) + options.offset;
-		 viewport.right = (window.innerWidth || document.documentElement.clientWidth) + options.offset;
-	 }
-	 
-	 function bindEvent(ele, type, fn) {
-		 if (ele.attachEvent) {
-         		ele.attachEvent && ele.attachEvent('on' + type, fn);
-       	 	} else {
-         	       ele.addEventListener(type, fn, false);
-       		}
-	 }
-	 
-	 function unbindEvent(ele, type, fn) {
-		 if (ele.detachEvent) {
-         		ele.detachEvent && ele.detachEvent('on' + type, fn);
-       	 	} else {
-         	       ele.removeEventListener(type, fn, false);
-       		}
-	 }
-	 
-	 function each(object, fn){
- 		if(object && fn) {
- 			var l = object.length;
- 			for(var i = 0; i<l && fn(object[i], i) !== false; i++){}
- 		}
-	 }
-	 
-	 function throttle(fn, minDelay) {
-     		 var lastCall = 0;
-		 return function() {
-			 var now = +new Date();
-         		 if (now - lastCall < minDelay) {
-           			 return;
-			 }
-         		 lastCall = now;
-         		 fn.apply(images, arguments);
-       		 };
-	 }
-  	
-	 return Blazy;
-});

tpl/default/css/grids-responsive.css

@@ -1,861 +0,0 @@
-/*!
-Pure v0.6.0
-Copyright 2014 Yahoo! Inc. All rights reserved.
-Licensed under the BSD License.
-https://github.com/yahoo/pure/blob/master/LICENSE.md
-*/
-@media screen and (min-width: 35.5em) {
-    .pure-u-sm-1,
-    .pure-u-sm-1-1,
-    .pure-u-sm-1-2,
-    .pure-u-sm-1-3,
-    .pure-u-sm-2-3,
-    .pure-u-sm-1-4,
-    .pure-u-sm-3-4,
-    .pure-u-sm-1-5,
-    .pure-u-sm-2-5,
-    .pure-u-sm-3-5,
-    .pure-u-sm-4-5,
-    .pure-u-sm-5-5,
-    .pure-u-sm-1-6,
-    .pure-u-sm-5-6,
-    .pure-u-sm-1-8,
-    .pure-u-sm-3-8,
-    .pure-u-sm-5-8,
-    .pure-u-sm-7-8,
-    .pure-u-sm-1-12,
-    .pure-u-sm-5-12,
-    .pure-u-sm-7-12,
-    .pure-u-sm-11-12,
-    .pure-u-sm-1-24,
-    .pure-u-sm-2-24,
-    .pure-u-sm-3-24,
-    .pure-u-sm-4-24,
-    .pure-u-sm-5-24,
-    .pure-u-sm-6-24,
-    .pure-u-sm-7-24,
-    .pure-u-sm-8-24,
-    .pure-u-sm-9-24,
-    .pure-u-sm-10-24,
-    .pure-u-sm-11-24,
-    .pure-u-sm-12-24,
-    .pure-u-sm-13-24,
-    .pure-u-sm-14-24,
-    .pure-u-sm-15-24,
-    .pure-u-sm-16-24,
-    .pure-u-sm-17-24,
-    .pure-u-sm-18-24,
-    .pure-u-sm-19-24,
-    .pure-u-sm-20-24,
-    .pure-u-sm-21-24,
-    .pure-u-sm-22-24,
-    .pure-u-sm-23-24,
-    .pure-u-sm-24-24 {
-        display: inline-block;
-        *display: inline;
-        zoom: 1;
-        letter-spacing: normal;
-        word-spacing: normal;
-        vertical-align: top;
-        text-rendering: auto;
-    }
-
-    .pure-u-sm-1-24 {
-        width: 4.1667%;
-        *width: 4.1357%;
-    }
-
-    .pure-u-sm-1-12,
-    .pure-u-sm-2-24 {
-        width: 8.3333%;
-        *width: 8.3023%;
-    }
-
-    .pure-u-sm-1-8,
-    .pure-u-sm-3-24 {
-        width: 12.5000%;
-        *width: 12.4690%;
-    }
-
-    .pure-u-sm-1-6,
-    .pure-u-sm-4-24 {
-        width: 16.6667%;
-        *width: 16.6357%;
-    }
-
-    .pure-u-sm-1-5 {
-        width: 20%;
-        *width: 19.9690%;
-    }
-
-    .pure-u-sm-5-24 {
-        width: 20.8333%;
-        *width: 20.8023%;
-    }
-
-    .pure-u-sm-1-4,
-    .pure-u-sm-6-24 {
-        width: 25%;
-        *width: 24.9690%;
-    }
-
-    .pure-u-sm-7-24 {
-        width: 29.1667%;
-        *width: 29.1357%;
-    }
-
-    .pure-u-sm-1-3,
-    .pure-u-sm-8-24 {
-        width: 33.3333%;
-        *width: 33.3023%;
-    }
-
-    .pure-u-sm-3-8,
-    .pure-u-sm-9-24 {
-        width: 37.5000%;
-        *width: 37.4690%;
-    }
-
-    .pure-u-sm-2-5 {
-        width: 40%;
-        *width: 39.9690%;
-    }
-
-    .pure-u-sm-5-12,
-    .pure-u-sm-10-24 {
-        width: 41.6667%;
-        *width: 41.6357%;
-    }
-
-    .pure-u-sm-11-24 {
-        width: 45.8333%;
-        *width: 45.8023%;
-    }
-
-    .pure-u-sm-1-2,
-    .pure-u-sm-12-24 {
-        width: 50%;
-        *width: 49.9690%;
-    }
-
-    .pure-u-sm-13-24 {
-        width: 54.1667%;
-        *width: 54.1357%;
-    }
-
-    .pure-u-sm-7-12,
-    .pure-u-sm-14-24 {
-        width: 58.3333%;
-        *width: 58.3023%;
-    }
-
-    .pure-u-sm-3-5 {
-        width: 60%;
-        *width: 59.9690%;
-    }
-
-    .pure-u-sm-5-8,
-    .pure-u-sm-15-24 {
-        width: 62.5000%;
-        *width: 62.4690%;
-    }
-
-    .pure-u-sm-2-3,
-    .pure-u-sm-16-24 {
-        width: 66.6667%;
-        *width: 66.6357%;
-    }
-
-    .pure-u-sm-17-24 {
-        width: 70.8333%;
-        *width: 70.8023%;
-    }
-
-    .pure-u-sm-3-4,
-    .pure-u-sm-18-24 {
-        width: 75%;
-        *width: 74.9690%;
-    }
-
-    .pure-u-sm-19-24 {
-        width: 79.1667%;
-        *width: 79.1357%;
-    }
-
-    .pure-u-sm-4-5 {
-        width: 80%;
-        *width: 79.9690%;
-    }
-
-    .pure-u-sm-5-6,
-    .pure-u-sm-20-24 {
-        width: 83.3333%;
-        *width: 83.3023%;
-    }
-
-    .pure-u-sm-7-8,
-    .pure-u-sm-21-24 {
-        width: 87.5000%;
-        *width: 87.4690%;
-    }
-
-    .pure-u-sm-11-12,
-    .pure-u-sm-22-24 {
-        width: 91.6667%;
-        *width: 91.6357%;
-    }
-
-    .pure-u-sm-23-24 {
-        width: 95.8333%;
-        *width: 95.8023%;
-    }
-
-    .pure-u-sm-1,
-    .pure-u-sm-1-1,
-    .pure-u-sm-5-5,
-    .pure-u-sm-24-24 {
-        width: 100%;
-    }
-}
-
-@media screen and (min-width: 48em) {
-    .pure-u-md-1,
-    .pure-u-md-1-1,
-    .pure-u-md-1-2,
-    .pure-u-md-1-3,
-    .pure-u-md-2-3,
-    .pure-u-md-1-4,
-    .pure-u-md-3-4,
-    .pure-u-md-1-5,
-    .pure-u-md-2-5,
-    .pure-u-md-3-5,
-    .pure-u-md-4-5,
-    .pure-u-md-5-5,
-    .pure-u-md-1-6,
-    .pure-u-md-5-6,
-    .pure-u-md-1-8,
-    .pure-u-md-3-8,
-    .pure-u-md-5-8,
-    .pure-u-md-7-8,
-    .pure-u-md-1-12,
-    .pure-u-md-5-12,
-    .pure-u-md-7-12,
-    .pure-u-md-11-12,
-    .pure-u-md-1-24,
-    .pure-u-md-2-24,
-    .pure-u-md-3-24,
-    .pure-u-md-4-24,
-    .pure-u-md-5-24,
-    .pure-u-md-6-24,
-    .pure-u-md-7-24,
-    .pure-u-md-8-24,
-    .pure-u-md-9-24,
-    .pure-u-md-10-24,
-    .pure-u-md-11-24,
-    .pure-u-md-12-24,
-    .pure-u-md-13-24,
-    .pure-u-md-14-24,
-    .pure-u-md-15-24,
-    .pure-u-md-16-24,
-    .pure-u-md-17-24,
-    .pure-u-md-18-24,
-    .pure-u-md-19-24,
-    .pure-u-md-20-24,
-    .pure-u-md-21-24,
-    .pure-u-md-22-24,
-    .pure-u-md-23-24,
-    .pure-u-md-24-24 {
-        display: inline-block;
-        *display: inline;
-        zoom: 1;
-        letter-spacing: normal;
-        word-spacing: normal;
-        vertical-align: top;
-        text-rendering: auto;
-    }
-
-    .pure-u-md-1-24 {
-        width: 4.1667%;
-        *width: 4.1357%;
-    }
-
-    .pure-u-md-1-12,
-    .pure-u-md-2-24 {
-        width: 8.3333%;
-        *width: 8.3023%;
-    }
-
-    .pure-u-md-1-8,
-    .pure-u-md-3-24 {
-        width: 12.5000%;
-        *width: 12.4690%;
-    }
-
-    .pure-u-md-1-6,
-    .pure-u-md-4-24 {
-        width: 16.6667%;
-        *width: 16.6357%;
-    }
-
-    .pure-u-md-1-5 {
-        width: 20%;
-        *width: 19.9690%;
-    }
-
-    .pure-u-md-5-24 {
-        width: 20.8333%;
-        *width: 20.8023%;
-    }
-
-    .pure-u-md-1-4,
-    .pure-u-md-6-24 {
-        width: 25%;
-        *width: 24.9690%;
-    }
-
-    .pure-u-md-7-24 {
-        width: 29.1667%;
-        *width: 29.1357%;
-    }
-
-    .pure-u-md-1-3,
-    .pure-u-md-8-24 {
-        width: 33.3333%;
-        *width: 33.3023%;
-    }
-
-    .pure-u-md-3-8,
-    .pure-u-md-9-24 {
-        width: 37.5000%;
-        *width: 37.4690%;
-    }
-
-    .pure-u-md-2-5 {
-        width: 40%;
-        *width: 39.9690%;
-    }
-
-    .pure-u-md-5-12,
-    .pure-u-md-10-24 {
-        width: 41.6667%;
-        *width: 41.6357%;
-    }
-
-    .pure-u-md-11-24 {
-        width: 45.8333%;
-        *width: 45.8023%;
-    }
-
-    .pure-u-md-1-2,
-    .pure-u-md-12-24 {
-        width: 50%;
-        *width: 49.9690%;
-    }
-
-    .pure-u-md-13-24 {
-        width: 54.1667%;
-        *width: 54.1357%;
-    }
-
-    .pure-u-md-7-12,
-    .pure-u-md-14-24 {
-        width: 58.3333%;
-        *width: 58.3023%;
-    }
-
-    .pure-u-md-3-5 {
-        width: 60%;
-        *width: 59.9690%;
-    }
-
-    .pure-u-md-5-8,
-    .pure-u-md-15-24 {
-        width: 62.5000%;
-        *width: 62.4690%;
-    }
-
-    .pure-u-md-2-3,
-    .pure-u-md-16-24 {
-        width: 66.6667%;
-        *width: 66.6357%;
-    }
-
-    .pure-u-md-17-24 {
-        width: 70.8333%;
-        *width: 70.8023%;
-    }
-
-    .pure-u-md-3-4,
-    .pure-u-md-18-24 {
-        width: 75%;
-        *width: 74.9690%;
-    }
-
-    .pure-u-md-19-24 {
-        width: 79.1667%;
-        *width: 79.1357%;
-    }
-
-    .pure-u-md-4-5 {
-        width: 80%;
-        *width: 79.9690%;
-    }
-
-    .pure-u-md-5-6,
-    .pure-u-md-20-24 {
-        width: 83.3333%;
-        *width: 83.3023%;
-    }
-
-    .pure-u-md-7-8,
-    .pure-u-md-21-24 {
-        width: 87.5000%;
-        *width: 87.4690%;
-    }
-
-    .pure-u-md-11-12,
-    .pure-u-md-22-24 {
-        width: 91.6667%;
-        *width: 91.6357%;
-    }
-
-    .pure-u-md-23-24 {
-        width: 95.8333%;
-        *width: 95.8023%;
-    }
-
-    .pure-u-md-1,
-    .pure-u-md-1-1,
-    .pure-u-md-5-5,
-    .pure-u-md-24-24 {
-        width: 100%;
-    }
-}
-
-@media screen and (min-width: 64em) {
-    .pure-u-lg-1,
-    .pure-u-lg-1-1,
-    .pure-u-lg-1-2,
-    .pure-u-lg-1-3,
-    .pure-u-lg-2-3,
-    .pure-u-lg-1-4,
-    .pure-u-lg-3-4,
-    .pure-u-lg-1-5,
-    .pure-u-lg-2-5,
-    .pure-u-lg-3-5,
-    .pure-u-lg-4-5,
-    .pure-u-lg-5-5,
-    .pure-u-lg-1-6,
-    .pure-u-lg-5-6,
-    .pure-u-lg-1-8,
-    .pure-u-lg-3-8,
-    .pure-u-lg-5-8,
-    .pure-u-lg-7-8,
-    .pure-u-lg-1-12,
-    .pure-u-lg-5-12,
-    .pure-u-lg-7-12,
-    .pure-u-lg-11-12,
-    .pure-u-lg-1-24,
-    .pure-u-lg-2-24,
-    .pure-u-lg-3-24,
-    .pure-u-lg-4-24,
-    .pure-u-lg-5-24,
-    .pure-u-lg-6-24,
-    .pure-u-lg-7-24,
-    .pure-u-lg-8-24,
-    .pure-u-lg-9-24,
-    .pure-u-lg-10-24,
-    .pure-u-lg-11-24,
-    .pure-u-lg-12-24,
-    .pure-u-lg-13-24,
-    .pure-u-lg-14-24,
-    .pure-u-lg-15-24,
-    .pure-u-lg-16-24,
-    .pure-u-lg-17-24,
-    .pure-u-lg-18-24,
-    .pure-u-lg-19-24,
-    .pure-u-lg-20-24,
-    .pure-u-lg-21-24,
-    .pure-u-lg-22-24,
-    .pure-u-lg-23-24,
-    .pure-u-lg-24-24 {
-        display: inline-block;
-        *display: inline;
-        zoom: 1;
-        letter-spacing: normal;
-        word-spacing: normal;
-        vertical-align: top;
-        text-rendering: auto;
-    }
-
-    .pure-u-lg-1-24 {
-        width: 4.1667%;
-        *width: 4.1357%;
-    }
-
-    .pure-u-lg-1-12,
-    .pure-u-lg-2-24 {
-        width: 8.3333%;
-        *width: 8.3023%;
-    }
-
-    .pure-u-lg-1-8,
-    .pure-u-lg-3-24 {
-        width: 12.5000%;
-        *width: 12.4690%;
-    }
-
-    .pure-u-lg-1-6,
-    .pure-u-lg-4-24 {
-        width: 16.6667%;
-        *width: 16.6357%;
-    }
-
-    .pure-u-lg-1-5 {
-        width: 20%;
-        *width: 19.9690%;
-    }
-
-    .pure-u-lg-5-24 {
-        width: 20.8333%;
-        *width: 20.8023%;
-    }
-
-    .pure-u-lg-1-4,
-    .pure-u-lg-6-24 {
-        width: 25%;
-        *width: 24.9690%;
-    }
-
-    .pure-u-lg-7-24 {
-        width: 29.1667%;
-        *width: 29.1357%;
-    }
-
-    .pure-u-lg-1-3,
-    .pure-u-lg-8-24 {
-        width: 33.3333%;
-        *width: 33.3023%;
-    }
-
-    .pure-u-lg-3-8,
-    .pure-u-lg-9-24 {
-        width: 37.5000%;
-        *width: 37.4690%;
-    }
-
-    .pure-u-lg-2-5 {
-        width: 40%;
-        *width: 39.9690%;
-    }
-
-    .pure-u-lg-5-12,
-    .pure-u-lg-10-24 {
-        width: 41.6667%;
-        *width: 41.6357%;
-    }
-
-    .pure-u-lg-11-24 {
-        width: 45.8333%;
-        *width: 45.8023%;
-    }
-
-    .pure-u-lg-1-2,
-    .pure-u-lg-12-24 {
-        width: 50%;
-        *width: 49.9690%;
-    }
-
-    .pure-u-lg-13-24 {
-        width: 54.1667%;
-        *width: 54.1357%;
-    }
-
-    .pure-u-lg-7-12,
-    .pure-u-lg-14-24 {
-        width: 58.3333%;
-        *width: 58.3023%;
-    }
-
-    .pure-u-lg-3-5 {
-        width: 60%;
-        *width: 59.9690%;
-    }
-
-    .pure-u-lg-5-8,
-    .pure-u-lg-15-24 {
-        width: 62.5000%;
-        *width: 62.4690%;
-    }
-
-    .pure-u-lg-2-3,
-    .pure-u-lg-16-24 {
-        width: 66.6667%;
-        *width: 66.6357%;
-    }
-
-    .pure-u-lg-17-24 {
-        width: 70.8333%;
-        *width: 70.8023%;
-    }
-
-    .pure-u-lg-3-4,
-    .pure-u-lg-18-24 {
-        width: 75%;
-        *width: 74.9690%;
-    }
-
-    .pure-u-lg-19-24 {
-        width: 79.1667%;
-        *width: 79.1357%;
-    }
-
-    .pure-u-lg-4-5 {
-        width: 80%;
-        *width: 79.9690%;
-    }
-
-    .pure-u-lg-5-6,
-    .pure-u-lg-20-24 {
-        width: 83.3333%;
-        *width: 83.3023%;
-    }
-
-    .pure-u-lg-7-8,
-    .pure-u-lg-21-24 {
-        width: 87.5000%;
-        *width: 87.4690%;
-    }
-
-    .pure-u-lg-11-12,
-    .pure-u-lg-22-24 {
-        width: 91.6667%;
-        *width: 91.6357%;
-    }
-
-    .pure-u-lg-23-24 {
-        width: 95.8333%;
-        *width: 95.8023%;
-    }
-
-    .pure-u-lg-1,
-    .pure-u-lg-1-1,
-    .pure-u-lg-5-5,
-    .pure-u-lg-24-24 {
-        width: 100%;
-    }
-}
-
-@media screen and (min-width: 80em) {
-    .pure-u-xl-1,
-    .pure-u-xl-1-1,
-    .pure-u-xl-1-2,
-    .pure-u-xl-1-3,
-    .pure-u-xl-2-3,
-    .pure-u-xl-1-4,
-    .pure-u-xl-3-4,
-    .pure-u-xl-1-5,
-    .pure-u-xl-2-5,
-    .pure-u-xl-3-5,
-    .pure-u-xl-4-5,
-    .pure-u-xl-5-5,
-    .pure-u-xl-1-6,
-    .pure-u-xl-5-6,
-    .pure-u-xl-1-8,
-    .pure-u-xl-3-8,
-    .pure-u-xl-5-8,
-    .pure-u-xl-7-8,
-    .pure-u-xl-1-12,
-    .pure-u-xl-5-12,
-    .pure-u-xl-7-12,
-    .pure-u-xl-11-12,
-    .pure-u-xl-1-24,
-    .pure-u-xl-2-24,
-    .pure-u-xl-3-24,
-    .pure-u-xl-4-24,
-    .pure-u-xl-5-24,
-    .pure-u-xl-6-24,
-    .pure-u-xl-7-24,
-    .pure-u-xl-8-24,
-    .pure-u-xl-9-24,
-    .pure-u-xl-10-24,
-    .pure-u-xl-11-24,
-    .pure-u-xl-12-24,
-    .pure-u-xl-13-24,
-    .pure-u-xl-14-24,
-    .pure-u-xl-15-24,
-    .pure-u-xl-16-24,
-    .pure-u-xl-17-24,
-    .pure-u-xl-18-24,
-    .pure-u-xl-19-24,
-    .pure-u-xl-20-24,
-    .pure-u-xl-21-24,
-    .pure-u-xl-22-24,
-    .pure-u-xl-23-24,
-    .pure-u-xl-24-24 {
-        display: inline-block;
-        *display: inline;
-        zoom: 1;
-        letter-spacing: normal;
-        word-spacing: normal;
-        vertical-align: top;
-        text-rendering: auto;
-    }
-
-    .pure-u-xl-1-24 {
-        width: 4.1667%;
-        *width: 4.1357%;
-    }
-
-    .pure-u-xl-1-12,
-    .pure-u-xl-2-24 {
-        width: 8.3333%;
-        *width: 8.3023%;
-    }
-
-    .pure-u-xl-1-8,
-    .pure-u-xl-3-24 {
-        width: 12.5000%;
-        *width: 12.4690%;
-    }
-
-    .pure-u-xl-1-6,
-    .pure-u-xl-4-24 {
-        width: 16.6667%;
-        *width: 16.6357%;
-    }
-
-    .pure-u-xl-1-5 {
-        width: 20%;
-        *width: 19.9690%;
-    }
-
-    .pure-u-xl-5-24 {
-        width: 20.8333%;
-        *width: 20.8023%;
-    }
-
-    .pure-u-xl-1-4,
-    .pure-u-xl-6-24 {
-        width: 25%;
-        *width: 24.9690%;
-    }
-
-    .pure-u-xl-7-24 {
-        width: 29.1667%;
-        *width: 29.1357%;
-    }
-
-    .pure-u-xl-1-3,
-    .pure-u-xl-8-24 {
-        width: 33.3333%;
-        *width: 33.3023%;
-    }
-
-    .pure-u-xl-3-8,
-    .pure-u-xl-9-24 {
-        width: 37.5000%;
-        *width: 37.4690%;
-    }
-
-    .pure-u-xl-2-5 {
-        width: 40%;
-        *width: 39.9690%;
-    }
-
-    .pure-u-xl-5-12,
-    .pure-u-xl-10-24 {
-        width: 41.6667%;
-        *width: 41.6357%;
-    }
-
-    .pure-u-xl-11-24 {
-        width: 45.8333%;
-        *width: 45.8023%;
-    }
-
-    .pure-u-xl-1-2,
-    .pure-u-xl-12-24 {
-        width: 50%;
-        *width: 49.9690%;
-    }
-
-    .pure-u-xl-13-24 {
-        width: 54.1667%;
-        *width: 54.1357%;
-    }
-
-    .pure-u-xl-7-12,
-    .pure-u-xl-14-24 {
-        width: 58.3333%;
-        *width: 58.3023%;
-    }
-
-    .pure-u-xl-3-5 {
-        width: 60%;
-        *width: 59.9690%;
-    }
-
-    .pure-u-xl-5-8,
-    .pure-u-xl-15-24 {
-        width: 62.5000%;
-        *width: 62.4690%;
-    }
-
-    .pure-u-xl-2-3,
-    .pure-u-xl-16-24 {
-        width: 66.6667%;
-        *width: 66.6357%;
-    }
-
-    .pure-u-xl-17-24 {
-        width: 70.8333%;
-        *width: 70.8023%;
-    }
-
-    .pure-u-xl-3-4,
-    .pure-u-xl-18-24 {
-        width: 75%;
-        *width: 74.9690%;
-    }
-
-    .pure-u-xl-19-24 {
-        width: 79.1667%;
-        *width: 79.1357%;
-    }
-
-    .pure-u-xl-4-5 {
-        width: 80%;
-        *width: 79.9690%;
-    }
-
-    .pure-u-xl-5-6,
-    .pure-u-xl-20-24 {
-        width: 83.3333%;
-        *width: 83.3023%;
-    }
-
-    .pure-u-xl-7-8,
-    .pure-u-xl-21-24 {
-        width: 87.5000%;
-        *width: 87.4690%;
-    }
-
-    .pure-u-xl-11-12,
-    .pure-u-xl-22-24 {
-        width: 91.6667%;
-        *width: 91.6357%;
-    }
-
-    .pure-u-xl-23-24 {
-        width: 95.8333%;
-        *width: 95.8023%;
-    }
-
-    .pure-u-xl-1,
-    .pure-u-xl-1-1,
-    .pure-u-xl-5-5,
-    .pure-u-xl-24-24 {
-        width: 100%;
-    }
-}

tpl/default/css/pure-extras.css

@@ -1,262 +0,0 @@
-/* Images */
-.pure-img-eliptical {
-	border-radius: 80%;
-}
-.pure-img-rounded {
-	border-radius: 3px;
-}
-.pure-img-bordered {
-    background-color: #FFFFFF;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    padding: 5px;
-}
-
-
-/* Thumbnails */
-.pure-thumbnails li {
-    text-align: center;
-    display: inline-block;
-    *display: inline;
-    /* IE7 inline-block hack */
-    *zoom: 1;
-    vertical-align: top;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: 0.5em;
-}
-.pure-thumbnails {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.pure-thumbnails a:focus {
-    outline: 0 none;
-}
-
-.pure-thumb {
-    display: block;
-    text-decoration: none;
-    color: inherit;
-}
-.pure-thumb img {
-    max-width: 100%;
-    margin-right: auto;
-    margin-left: auto;
-    vertical-align: middle; /* this will remove a thin line below the image */
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-.pure-thumb-bordered {
-    border: 1px solid rgba(0, 0, 0, 0.2);
-}
-.pure-thumb .caption {
-    text-align: left;
-    display: block;
-    margin: 0 5px 6px;
-
-}
-.pure-thumb .caption p {
-    margin: 0.3em 0 0;
-    font-size: 75%;
-}
-.pure-thumb .caption .caption-head {
-    font-weight: bold;
-    margin-top: 0.3em;
-}
-
-.pure-thumb-eliptical img {
-	border-radius: 50%;
-}
-.pure-thumb-rounded img {
-	border-radius: 3px;
-}
-
-/* Badges/Pills */
-.pure-badge,
-.pure-badge-error,
-.pure-badge-warning,
-.pure-badge-success,
-.pure-badge-info,
-.pure-badge-inverse {
-    padding: 0.35em 0.9em 0.35em;
-    background-color: #9D988E;
-    color: #fff;
-    display: inline-block;
-    font-size: 11.844px;
-    font-weight: bold;
-    line-height: 1.2em;
-    vertical-align: baseline;
-    white-space: nowrap;
-    border-radius: 20px;
-    margin: 0.2em;
-}
-.pure-badge-error {
-    background-color: #D13C38;
-}
-.pure-badge-warning {
-    background-color: #E78C05;
-}
-.pure-badge-success {
-    background-color: rgb(83, 180, 79);
-}
-.pure-badge-info {
-    background-color: rgb(18, 169, 218);
-}
-.pure-badge-inverse {
-    background-color: #4D370C;
-}
-
-/* Alerts */
-.pure-alert {
-    position: relative;
-    margin-bottom: 1em;
-    padding: 1em;
-    background: #ccc;
-    border-radius: 3px;
-}
-
-.pure-alert label {
-    display: inline-block;
-    *display: inline;
-    /* IE7 inline-block hack */
-    *zoom: 1;
-    white-space: nowrap;
-}
-
-.pure-alert {
-    background-color: rgb(209, 235, 238);
-    color: rgb(102, 131, 145);
-}
-.pure-alert-error {
-    background-color: #D13C38;
-    color: #fff;
-}
-
-.pure-alert-warning {
-    background-color: rgb(250, 191, 103);
-    color: rgb(151, 96, 13);
-}
-
-.pure-alert-success {
-    background-color: rgb(83, 180, 79);
-    color: #fff;
-}
-
-
-/* Contextual Modals */
-
-.pure-popover {
-    position: relative;
-    width: 300px;
-    background-color: #f0f1f3;
-    color: #2f3034;
-    padding: 15px;
-    border: 1px solid #bfc0c8;
-    border-radius: 2px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-    box-padding: border-box;
-    -webkit-background-clip: padding-box;
-    -moz-background-clip: padding;
-    background-clip: padding-box;
-}
-
-.pure-arrow-border, .pure-arrow {
-    border-style: solid;
-    border-width: 10px;
-    height:0;
-    width:0;
-    position:absolute;
-}
-
-
-/* POPOVER ARROW POSITIONING BOTTOM */
-
-.pure-popover.bottom .pure-arrow-border {
-    border-color: #bfc0c8 transparent transparent transparent;
-    bottom: -20px;
-    left: 50%;
-}
-.pure-popover.bottom .pure-arrow {
-    border-color: #f0f1f3 transparent transparent transparent;
-    bottom:-19px;
-    left: 50%;
-}
-
-/* POPOVER ARROW POSITIONING TOP*/
-
-.pure-popover.top .pure-arrow-border {
-    border-color: transparent transparent #bfc0c8 transparent;
-    top: -21px;
-    left: 50%;
-}
-.pure-popover.top .pure-arrow {
-    border-color: transparent transparent #f0f1f3 transparent;
-    top:-20px;
-    left: 50%;
-}
-
-/* POPOVER ARROW POSITIONING RIGHT*/
-
-.pure-popover.right .pure-arrow-border {
-    border-color: transparent transparent transparent #bfc0c8;
-    top: 45%;
-    right: -21px;
-}
-.pure-popover.right .pure-arrow {
-    border-color: transparent transparent transparent #f0f1f3;
-    top:45%;
-    right: -20px;
-}
-
-
-/* POPOVER ARROW POSITIONING LEFT*/
-
-.pure-popover.left .pure-arrow-border {
-    border-color: transparent #bfc0c8 transparent transparent;
-    top: 45%;
-    left: -21px;
-}
-.pure-popover.left .pure-arrow {
-    border-color: transparent #f0f1f3 transparent transparent;
-    top:45%;
-    left: -20px;
-}
-
-
-/* BUTTON IMPROVEMENTS */
-.pure-button-block {
-    display: block;
-}
-.pure-button-small {
-    padding: .6em 2em .65em;
-    font-size:70%;
-}
-.pure-button-large {
-    padding: .8em 5em .9em;
-    font-size:110%;
-}
-.pure-button-selected {
-    background-color: #345fcb;
-    color: #fff;
-}
-.pure-button-secondary {
-    background: rgb(161, 195, 238);
-    color: rgb(26, 88, 122);
-}
-.pure-button-error {
-    background: rgb(214, 86, 75);
-    color: white;
-}
-.pure-button-success {
-    background: rgb(54, 197, 71);
-    color: white;
-}
-.pure-button-warning {
-    background: rgb(255, 163, 0);
-    color: white;
-}
-