The requested content cannot be loaded.
Please try again later.
| ' + title + ' |
' + title + '
';
+ }
+
+ return false;
+ },
+
+ _process_title = function() {
+ titleStr = currentOpts.title || '';
+ titleHeight = 0;
+
+ title
+ .empty()
+ .removeAttr('style')
+ .removeClass();
+
+ if (currentOpts.titleShow === false) {
+ title.hide();
+ return;
+ }
+
+ titleStr = $.isFunction(currentOpts.titleFormat) ? currentOpts.titleFormat(titleStr, currentArray, currentIndex, currentOpts) : _format_title(titleStr);
+
+ if (!titleStr || titleStr === '') {
+ title.hide();
+ return;
+ }
+
+ title
+ .addClass('fancybox-title-' + currentOpts.titlePosition)
+ .html( titleStr )
+ .appendTo( 'body' )
+ .show();
+
+ switch (currentOpts.titlePosition) {
+ case 'inside':
+ title
+ .css({
+ 'width' : final_pos.width - (currentOpts.padding * 2),
+ 'marginLeft' : currentOpts.padding,
+ 'marginRight' : currentOpts.padding
+ });
+
+ titleHeight = title.outerHeight(true);
+
+ title.appendTo( outer );
+
+ final_pos.height += titleHeight;
+ break;
+
+ case 'over':
+ title
+ .css({
+ 'marginLeft' : currentOpts.padding,
+ 'width' : final_pos.width - (currentOpts.padding * 2),
+ 'bottom' : currentOpts.padding
+ })
+ .appendTo( outer );
+ break;
+
+ case 'float':
+ title
+ .css('left', parseInt((title.width() - final_pos.width - 40)/ 2, 10) * -1)
+ .appendTo( wrap );
+ break;
+
+ default:
+ title
+ .css({
+ 'width' : final_pos.width - (currentOpts.padding * 2),
+ 'paddingLeft' : currentOpts.padding,
+ 'paddingRight' : currentOpts.padding
+ })
+ .appendTo( wrap );
+ break;
+ }
+
+ title.hide();
+ },
+
+ _set_navigation = function() {
+ if (currentOpts.enableEscapeButton || currentOpts.enableKeyboardNav) {
+ $(document).bind('keydown.fb', function(e) {
+ if (e.keyCode == 27 && currentOpts.enableEscapeButton) {
+ e.preventDefault();
+ $.fancybox.close();
+
+ } else if ((e.keyCode == 37 || e.keyCode == 39) && currentOpts.enableKeyboardNav && e.target.tagName !== 'INPUT' && e.target.tagName !== 'TEXTAREA' && e.target.tagName !== 'SELECT') {
+ e.preventDefault();
+ $.fancybox[ e.keyCode == 37 ? 'prev' : 'next']();
+ }
+ });
+ }
+
+ if (!currentOpts.showNavArrows) {
+ nav_left.hide();
+ nav_right.hide();
+ return;
+ }
+
+ if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex !== 0) {
+ nav_left.show();
+ }
+
+ if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex != (currentArray.length -1)) {
+ nav_right.show();
+ }
+ },
+
+ _finish = function () {
+ if (!$.support.opacity) {
+ content.get(0).style.removeAttribute('filter');
+ wrap.get(0).style.removeAttribute('filter');
+ }
+
+ if (selectedOpts.autoDimensions) {
+ content.css('height', 'auto');
+ }
+
+ wrap.css('height', 'auto');
+
+ if (titleStr && titleStr.length) {
+ title.show();
+ }
+
+ if (currentOpts.showCloseButton) {
+ close.show();
+ }
+
+ _set_navigation();
+
+ if (currentOpts.hideOnContentClick) {
+ content.bind('click', $.fancybox.close);
+ }
+
+ if (currentOpts.hideOnOverlayClick) {
+ overlay.bind('click', $.fancybox.close);
+ }
+
+ $(window).bind("resize.fb", $.fancybox.resize);
+
+ if (currentOpts.centerOnScroll) {
+ $(window).bind("scroll.fb", $.fancybox.center);
+ }
+
+ if (currentOpts.type == 'iframe') {
+ $('').appendTo(content);
+ }
+
+ wrap.show();
+
+ busy = false;
+
+ $.fancybox.center();
+
+ currentOpts.onComplete(currentArray, currentIndex, currentOpts);
+
+ _preload_images();
+ },
+
+ _preload_images = function() {
+ var href,
+ objNext;
+
+ if ((currentArray.length -1) > currentIndex) {
+ href = currentArray[ currentIndex + 1 ].href;
+
+ if (typeof href !== 'undefined' && href.match(imgRegExp)) {
+ objNext = new Image();
+ objNext.src = href;
+ }
+ }
+
+ if (currentIndex > 0) {
+ href = currentArray[ currentIndex - 1 ].href;
+
+ if (typeof href !== 'undefined' && href.match(imgRegExp)) {
+ objNext = new Image();
+ objNext.src = href;
+ }
+ }
+ },
+
+ _draw = function(pos) {
+ var dim = {
+ width : parseInt(start_pos.width + (final_pos.width - start_pos.width) * pos, 10),
+ height : parseInt(start_pos.height + (final_pos.height - start_pos.height) * pos, 10),
+
+ top : parseInt(start_pos.top + (final_pos.top - start_pos.top) * pos, 10),
+ left : parseInt(start_pos.left + (final_pos.left - start_pos.left) * pos, 10)
+ };
+
+ if (typeof final_pos.opacity !== 'undefined') {
+ dim.opacity = pos < 0.5 ? 0.5 : pos;
+ }
+
+ wrap.css(dim);
+
+ content.css({
+ 'width' : dim.width - currentOpts.padding * 2,
+ 'height' : dim.height - (titleHeight * pos) - currentOpts.padding * 2
+ });
+ },
+
+ _get_viewport = function() {
+ return [
+ $(window).width() - (currentOpts.margin * 2),
+ $(window).height() - (currentOpts.margin * 2),
+ $(document).scrollLeft() + currentOpts.margin,
+ $(document).scrollTop() + currentOpts.margin
+ ];
+ },
+
+ _get_zoom_to = function () {
+ var view = _get_viewport(),
+ to = {},
+ resize = currentOpts.autoScale,
+ double_padding = currentOpts.padding * 2,
+ ratio;
+
+ if (currentOpts.width.toString().indexOf('%') > -1) {
+ to.width = parseInt((view[0] * parseFloat(currentOpts.width)) / 100, 10);
+ } else {
+ to.width = currentOpts.width + double_padding;
+ }
+
+ if (currentOpts.height.toString().indexOf('%') > -1) {
+ to.height = parseInt((view[1] * parseFloat(currentOpts.height)) / 100, 10);
+ } else {
+ to.height = currentOpts.height + double_padding;
+ }
+
+ if (resize && (to.width > view[0] || to.height > view[1])) {
+ if (selectedOpts.type == 'image' || selectedOpts.type == 'swf') {
+ ratio = (currentOpts.width ) / (currentOpts.height );
+
+ if ((to.width ) > view[0]) {
+ to.width = view[0];
+ to.height = parseInt(((to.width - double_padding) / ratio) + double_padding, 10);
+ }
+
+ if ((to.height) > view[1]) {
+ to.height = view[1];
+ to.width = parseInt(((to.height - double_padding) * ratio) + double_padding, 10);
+ }
+
+ } else {
+ to.width = Math.min(to.width, view[0]);
+ to.height = Math.min(to.height, view[1]);
+ }
+ }
+
+ to.top = parseInt(Math.max(view[3] - 20, view[3] + ((view[1] - to.height - 40) * 0.5)), 10);
+ to.left = parseInt(Math.max(view[2] - 20, view[2] + ((view[0] - to.width - 40) * 0.5)), 10);
+
+ return to;
+ },
+
+ _get_obj_pos = function(obj) {
+ var pos = obj.offset();
+
+ pos.top += parseInt( obj.css('paddingTop'), 10 ) || 0;
+ pos.left += parseInt( obj.css('paddingLeft'), 10 ) || 0;
+
+ pos.top += parseInt( obj.css('border-top-width'), 10 ) || 0;
+ pos.left += parseInt( obj.css('border-left-width'), 10 ) || 0;
+
+ pos.width = obj.width();
+ pos.height = obj.height();
+
+ return pos;
+ },
+
+ _get_zoom_from = function() {
+ var orig = selectedOpts.orig ? $(selectedOpts.orig) : false,
+ from = {},
+ pos,
+ view;
+
+ if (orig && orig.length) {
+ pos = _get_obj_pos(orig);
+
+ from = {
+ width : pos.width + (currentOpts.padding * 2),
+ height : pos.height + (currentOpts.padding * 2),
+ top : pos.top - currentOpts.padding - 20,
+ left : pos.left - currentOpts.padding - 20
+ };
+
+ } else {
+ view = _get_viewport();
+
+ from = {
+ width : currentOpts.padding * 2,
+ height : currentOpts.padding * 2,
+ top : parseInt(view[3] + view[1] * 0.5, 10),
+ left : parseInt(view[2] + view[0] * 0.5, 10)
+ };
+ }
+
+ return from;
+ },
+
+ _animate_loading = function() {
+ if (!loading.is(':visible')){
+ clearInterval(loadingTimer);
+ return;
+ }
+
+ $('div', loading).css('top', (loadingFrame * -40) + 'px');
+
+ loadingFrame = (loadingFrame + 1) % 12;
+ };
+
+ /*
+ * Public methods
+ */
+
+ $.fn.fancybox = function(options) {
+ if (!$(this).length) {
+ return this;
+ }
+
+ $(this)
+ .data('fancybox', $.extend({}, options, ($.metadata ? $(this).metadata() : {})))
+ .unbind('click.fb')
+ .bind('click.fb', function(e) {
+ e.preventDefault();
+
+ if (busy) {
+ return;
+ }
+
+ busy = true;
+
+ $(this).blur();
+
+ selectedArray = [];
+ selectedIndex = 0;
+
+ var rel = $(this).attr('rel') || '';
+
+ if (!rel || rel == '' || rel === 'nofollow') {
+ selectedArray.push(this);
+
+ } else {
+ selectedArray = $("a[rel=" + rel + "], area[rel=" + rel + "]");
+ selectedIndex = selectedArray.index( this );
+ }
+
+ _start();
+
+ return;
+ });
+
+ return this;
+ };
+
+ $.fancybox = function(obj) {
+ var opts;
+
+ if (busy) {
+ return;
+ }
+
+ busy = true;
+ opts = typeof arguments[1] !== 'undefined' ? arguments[1] : {};
+
+ selectedArray = [];
+ selectedIndex = parseInt(opts.index, 10) || 0;
+
+ if ($.isArray(obj)) {
+ for (var i = 0, j = obj.length; i < j; i++) {
+ if (typeof obj[i] == 'object') {
+ $(obj[i]).data('fancybox', $.extend({}, opts, obj[i]));
+ } else {
+ obj[i] = $({}).data('fancybox', $.extend({content : obj[i]}, opts));
+ }
+ }
+
+ selectedArray = jQuery.merge(selectedArray, obj);
+
+ } else {
+ if (typeof obj == 'object') {
+ $(obj).data('fancybox', $.extend({}, opts, obj));
+ } else {
+ obj = $({}).data('fancybox', $.extend({content : obj}, opts));
+ }
+
+ selectedArray.push(obj);
+ }
+
+ if (selectedIndex > selectedArray.length || selectedIndex < 0) {
+ selectedIndex = 0;
+ }
+
+ _start();
+ };
+
+ $.fancybox.showActivity = function() {
+ clearInterval(loadingTimer);
+
+ loading.show();
+ loadingTimer = setInterval(_animate_loading, 66);
+ };
+
+ $.fancybox.hideActivity = function() {
+ loading.hide();
+ };
+
+ $.fancybox.next = function() {
+ return $.fancybox.pos( currentIndex + 1);
+ };
+
+ $.fancybox.prev = function() {
+ return $.fancybox.pos( currentIndex - 1);
+ };
+
+ $.fancybox.pos = function(pos) {
+ if (busy) {
+ return;
+ }
+
+ pos = parseInt(pos);
+
+ selectedArray = currentArray;
+
+ if (pos > -1 && pos < currentArray.length) {
+ selectedIndex = pos;
+ _start();
+
+ } else if (currentOpts.cyclic && currentArray.length > 1) {
+ selectedIndex = pos >= currentArray.length ? 0 : currentArray.length - 1;
+ _start();
+ }
+
+ return;
+ };
+
+ $.fancybox.cancel = function() {
+ if (busy) {
+ return;
+ }
+
+ busy = true;
+
+ $.event.trigger('fancybox-cancel');
+
+ _abort();
+
+ selectedOpts.onCancel(selectedArray, selectedIndex, selectedOpts);
+
+ busy = false;
+ };
+
+ // Note: within an iframe use - parent.$.fancybox.close();
+ $.fancybox.close = function() {
+ if (busy || wrap.is(':hidden')) {
+ return;
+ }
+
+ busy = true;
+
+ if (currentOpts && false === currentOpts.onCleanup(currentArray, currentIndex, currentOpts)) {
+ busy = false;
+ return;
+ }
+
+ _abort();
+
+ $(close.add( nav_left ).add( nav_right )).hide();
+
+ $(content.add( overlay )).unbind();
+
+ $(window).unbind("resize.fb scroll.fb");
+ $(document).unbind('keydown.fb');
+
+ content.find('iframe').attr('src', isIE6 && /^https/i.test(window.location.href || '') ? 'javascript:void(false)' : 'about:blank');
+
+ if (currentOpts.titlePosition !== 'inside') {
+ title.empty();
+ }
+
+ wrap.stop();
+
+ function _cleanup() {
+ overlay.fadeOut('fast');
+
+ title.empty().hide();
+ wrap.hide();
+
+ $.event.trigger('fancybox-cleanup');
+
+ content.empty();
+
+ currentOpts.onClosed(currentArray, currentIndex, currentOpts);
+
+ currentArray = selectedOpts = [];
+ currentIndex = selectedIndex = 0;
+ currentOpts = selectedOpts = {};
+
+ busy = false;
+ }
+
+ if (currentOpts.transitionOut == 'elastic') {
+ start_pos = _get_zoom_from();
+
+ var pos = wrap.position();
+
+ final_pos = {
+ top : pos.top ,
+ left : pos.left,
+ width : wrap.width(),
+ height : wrap.height()
+ };
+
+ if (currentOpts.opacity) {
+ final_pos.opacity = 1;
+ }
+
+ title.empty().hide();
+
+ fx.prop = 1;
+
+ $(fx).animate({ prop: 0 }, {
+ duration : currentOpts.speedOut,
+ easing : currentOpts.easingOut,
+ step : _draw,
+ complete : _cleanup
+ });
+
+ } else {
+ wrap.fadeOut( currentOpts.transitionOut == 'none' ? 0 : currentOpts.speedOut, _cleanup);
+ }
+ };
+
+ $.fancybox.resize = function() {
+ if (overlay.is(':visible')) {
+ overlay.css('height', $(document).height());
+ }
+
+ $.fancybox.center(true);
+ };
+
+ $.fancybox.center = function() {
+ var view, align;
+
+ if (busy) {
+ return;
+ }
+
+ align = arguments[0] === true ? 1 : 0;
+ view = _get_viewport();
+
+ if (!align && (wrap.width() > view[0] || wrap.height() > view[1])) {
+ return;
+ }
+
+ wrap
+ .stop()
+ .animate({
+ 'top' : parseInt(Math.max(view[3] - 20, view[3] + ((view[1] - content.height() - 40) * 0.5) - currentOpts.padding)),
+ 'left' : parseInt(Math.max(view[2] - 20, view[2] + ((view[0] - content.width() - 40) * 0.5) - currentOpts.padding))
+ }, typeof arguments[0] == 'number' ? arguments[0] : 200);
+ };
+
+ $.fancybox.init = function() {
+ if ($("#fancybox-wrap").length) {
+ return;
+ }
+
+ $('body').append(
+ tmp = $(''),
+ loading = $(''),
+ overlay = $(''),
+ wrap = $('')
+ );
+
+ outer = $('')
+ .append('')
+ .appendTo( wrap );
+
+ outer.append(
+ content = $(''),
+ close = $(''),
+ title = $(''),
+
+ nav_left = $(''),
+ nav_right = $('')
+ );
+
+ close.click($.fancybox.close);
+ loading.click($.fancybox.cancel);
+
+ nav_left.click(function(e) {
+ e.preventDefault();
+ $.fancybox.prev();
+ });
+
+ nav_right.click(function(e) {
+ e.preventDefault();
+ $.fancybox.next();
+ });
+
+ if ($.fn.mousewheel) {
+ wrap.bind('mousewheel.fb', function(e, delta) {
+ if (busy) {
+ e.preventDefault();
+
+ } else if ($(e.target).get(0).clientHeight == 0 || $(e.target).get(0).scrollHeight === $(e.target).get(0).clientHeight) {
+ e.preventDefault();
+ $.fancybox[ delta > 0 ? 'prev' : 'next']();
+ }
+ });
+ }
+
+ if (!$.support.opacity) {
+ wrap.addClass('fancybox-ie');
+ }
+
+ if (isIE6) {
+ loading.addClass('fancybox-ie6');
+ wrap.addClass('fancybox-ie6');
+
+ $('').prependTo(outer);
+ }
+ };
+
+ $.fn.fancybox.defaults = {
+ padding : 10,
+ margin : 40,
+ opacity : false,
+ modal : false,
+ cyclic : false,
+ scrolling : 'auto', // 'auto', 'yes' or 'no'
+
+ width : 560,
+ height : 340,
+
+ autoScale : true,
+ autoDimensions : true,
+ centerOnScroll : false,
+
+ ajax : {},
+ swf : { wmode: 'transparent' },
+
+ hideOnOverlayClick : true,
+ hideOnContentClick : false,
+
+ overlayShow : true,
+ overlayOpacity : 0.7,
+ overlayColor : '#777',
+
+ titleShow : true,
+ titlePosition : 'float', // 'float', 'outside', 'inside' or 'over'
+ titleFormat : null,
+ titleFromAlt : false,
+
+ transitionIn : 'fade', // 'elastic', 'fade' or 'none'
+ transitionOut : 'fade', // 'elastic', 'fade' or 'none'
+
+ speedIn : 300,
+ speedOut : 300,
+
+ changeSpeed : 300,
+ changeFade : 'fast',
+
+ easingIn : 'swing',
+ easingOut : 'swing',
+
+ showCloseButton : true,
+ showNavArrows : true,
+ enableEscapeButton : true,
+ enableKeyboardNav : true,
+
+ onStart : function(){},
+ onCancel : function(){},
+ onComplete : function(){},
+ onCleanup : function(){},
+ onClosed : function(){},
+ onError : function(){}
+ };
+
+ $(document).ready(function() {
+ $.fancybox.init();
+ });
+
+})(jQuery);
ADDED cgisetup/www/html-kickstart/css/img/fancybox/jquery.fancybox-1.3.4.pack.js
Index: cgisetup/www/html-kickstart/css/img/fancybox/jquery.fancybox-1.3.4.pack.js
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/img/fancybox/jquery.fancybox-1.3.4.pack.js
@@ -0,0 +1,46 @@
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ *
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
+ *
+ * Version: 1.3.4 (11/11/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ */
+
+;(function(b){var m,t,u,f,D,j,E,n,z,A,q=0,e={},o=[],p=0,d={},l=[],G=null,v=new Image,J=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,W=/[^\.]\.(swf)\s*$/i,K,L=1,y=0,s="",r,i,h=false,B=b.extend(b("")[0],{prop:0}),M=b.browser.msie&&b.browser.version<7&&!window.XMLHttpRequest,N=function(){t.hide();v.onerror=v.onload=null;G&&G.abort();m.empty()},O=function(){if(false===e.onError(o,q,e)){t.hide();h=false}else{e.titleShow=false;e.width="auto";e.height="auto";m.html('
The requested content cannot be loaded.
Please try again later.
| '+s+' |
'+s+"
":false;s=a;if(!(!s||s==="")){n.addClass("fancybox-title-"+d.titlePosition).html(s).appendTo("body").show();switch(d.titlePosition){case "inside":n.css({width:i.width-d.padding*2,marginLeft:d.padding,marginRight:d.padding});
+y=n.outerHeight(true);n.appendTo(D);i.height+=y;break;case "over":n.css({marginLeft:d.padding,width:i.width-d.padding*2,bottom:d.padding}).appendTo(D);break;case "float":n.css("left",parseInt((n.width()-i.width-40)/2,10)*-1).appendTo(f);break;default:n.css({width:i.width-d.padding*2,paddingLeft:d.padding,paddingRight:d.padding}).appendTo(f)}}}n.hide();if(f.is(":visible")){b(E.add(z).add(A)).hide();a=f.position();r={top:a.top,left:a.left,width:f.width(),height:f.height()};c=r.width==i.width&&r.height==
+i.height;j.fadeTo(d.changeFade,0.3,function(){var g=function(){j.html(m.contents()).fadeTo(d.changeFade,1,S)};b.event.trigger("fancybox-change");j.empty().removeAttr("filter").css({"border-width":d.padding,width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2});if(c)g();else{B.prop=0;b(B).animate({prop:1},{duration:d.changeSpeed,easing:d.easingChange,step:T,complete:g})}})}else{f.removeAttr("style");j.css("border-width",d.padding);if(d.transitionIn=="elastic"){r=V();j.html(m.contents());
+f.show();if(d.opacity)i.opacity=0;B.prop=0;b(B).animate({prop:1},{duration:d.speedIn,easing:d.easingIn,step:T,complete:S})}else{d.titlePosition=="inside"&&y>0&&n.show();j.css({width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2}).html(m.contents());f.css(i).fadeIn(d.transitionIn=="none"?0:d.speedIn,S)}}}},Y=function(){if(d.enableEscapeButton||d.enableKeyboardNav)b(document).bind("keydown.fb",function(a){if(a.keyCode==27&&d.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if((a.keyCode==
+37||a.keyCode==39)&&d.enableKeyboardNav&&a.target.tagName!=="INPUT"&&a.target.tagName!=="TEXTAREA"&&a.target.tagName!=="SELECT"){a.preventDefault();b.fancybox[a.keyCode==37?"prev":"next"]()}});if(d.showNavArrows){if(d.cyclic&&l.length>1||p!==0)z.show();if(d.cyclic&&l.length>1||p!=l.length-1)A.show()}else{z.hide();A.hide()}},S=function(){if(!b.support.opacity){j.get(0).style.removeAttribute("filter");f.get(0).style.removeAttribute("filter")}e.autoDimensions&&j.css("height","auto");f.css("height","auto");
+s&&s.length&&n.show();d.showCloseButton&&E.show();Y();d.hideOnContentClick&&j.bind("click",b.fancybox.close);d.hideOnOverlayClick&&u.bind("click",b.fancybox.close);b(window).bind("resize.fb",b.fancybox.resize);d.centerOnScroll&&b(window).bind("scroll.fb",b.fancybox.center);if(d.type=="iframe")b('').appendTo(j);
+f.show();h=false;b.fancybox.center();d.onComplete(l,p,d);var a,c;if(l.length-1>p){a=l[p+1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}if(p>0){a=l[p-1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}},T=function(a){var c={width:parseInt(r.width+(i.width-r.width)*a,10),height:parseInt(r.height+(i.height-r.height)*a,10),top:parseInt(r.top+(i.top-r.top)*a,10),left:parseInt(r.left+(i.left-r.left)*a,10)};if(typeof i.opacity!=="undefined")c.opacity=a<0.5?0.5:a;f.css(c);
+j.css({width:c.width-d.padding*2,height:c.height-y*a-d.padding*2})},U=function(){return[b(window).width()-d.margin*2,b(window).height()-d.margin*2,b(document).scrollLeft()+d.margin,b(document).scrollTop()+d.margin]},X=function(){var a=U(),c={},g=d.autoScale,k=d.padding*2;c.width=d.width.toString().indexOf("%")>-1?parseInt(a[0]*parseFloat(d.width)/100,10):d.width+k;c.height=d.height.toString().indexOf("%")>-1?parseInt(a[1]*parseFloat(d.height)/100,10):d.height+k;if(g&&(c.width>a[0]||c.height>a[1]))if(e.type==
+"image"||e.type=="swf"){g=d.width/d.height;if(c.width>a[0]){c.width=a[0];c.height=parseInt((c.width-k)/g+k,10)}if(c.height>a[1]){c.height=a[1];c.width=parseInt((c.height-k)*g+k,10)}}else{c.width=Math.min(c.width,a[0]);c.height=Math.min(c.height,a[1])}c.top=parseInt(Math.max(a[3]-20,a[3]+(a[1]-c.height-40)*0.5),10);c.left=parseInt(Math.max(a[2]-20,a[2]+(a[0]-c.width-40)*0.5),10);return c},V=function(){var a=e.orig?b(e.orig):false,c={};if(a&&a.length){c=a.offset();c.top+=parseInt(a.css("paddingTop"),
+10)||0;c.left+=parseInt(a.css("paddingLeft"),10)||0;c.top+=parseInt(a.css("border-top-width"),10)||0;c.left+=parseInt(a.css("border-left-width"),10)||0;c.width=a.width();c.height=a.height();c={width:c.width+d.padding*2,height:c.height+d.padding*2,top:c.top-d.padding-20,left:c.left-d.padding-20}}else{a=U();c={width:d.padding*2,height:d.padding*2,top:parseInt(a[3]+a[1]*0.5,10),left:parseInt(a[2]+a[0]*0.5,10)}}return c},Z=function(){if(t.is(":visible")){b("div",t).css("top",L*-40+"px");L=(L+1)%12}else clearInterval(K)};
+b.fn.fancybox=function(a){if(!b(this).length)return this;b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(c){c.preventDefault();if(!h){h=true;b(this).blur();o=[];q=0;c=b(this).attr("rel")||"";if(!c||c==""||c==="nofollow")o.push(this);else{o=b("a[rel="+c+"], area[rel="+c+"]");q=o.index(this)}I()}});return this};b.fancybox=function(a,c){var g;if(!h){h=true;g=typeof c!=="undefined"?c:{};o=[];q=parseInt(g.index,10)||0;if(b.isArray(a)){for(var k=
+0,C=a.length;k'),u=b(''),f=b(''));D=b('').append('').appendTo(f);
+D.append(j=b(''),E=b(''),n=b(''),z=b(''),A=b(''));E.click(b.fancybox.close);t.click(b.fancybox.cancel);z.click(function(a){a.preventDefault();b.fancybox.prev()});A.click(function(a){a.preventDefault();b.fancybox.next()});
+b.fn.mousewheel&&f.bind("mousewheel.fb",function(a,c){if(h)a.preventDefault();else if(b(a.target).get(0).clientHeight==0||b(a.target).get(0).scrollHeight===b(a.target).get(0).clientHeight){a.preventDefault();b.fancybox[c>0?"prev":"next"]()}});b.support.opacity||f.addClass("fancybox-ie");if(M){t.addClass("fancybox-ie6");f.addClass("fancybox-ie6");b('').prependTo(D)}}};
+b.fn.fancybox.defaults={padding:10,margin:40,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.7,overlayColor:"#777",titleShow:true,titlePosition:"float",titleFormat:null,titleFromAlt:false,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",easingIn:"swing",
+easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,enableKeyboardNav:true,onStart:function(){},onCancel:function(){},onComplete:function(){},onCleanup:function(){},onClosed:function(){},onError:function(){}};b(document).ready(function(){b.fancybox.init()})})(jQuery);
ADDED cgisetup/www/html-kickstart/css/img/fancybox/jquery.mousewheel-3.0.4.pack.js
Index: cgisetup/www/html-kickstart/css/img/fancybox/jquery.mousewheel-3.0.4.pack.js
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/img/fancybox/jquery.mousewheel-3.0.4.pack.js
@@ -0,0 +1,14 @@
+/*! Copyright (c) 2010 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.0.4
+*
+* Requires: 1.2.2+
+*/
+
+(function(d){function g(a){var b=a||window.event,i=[].slice.call(arguments,1),c=0,h=0,e=0;a=d.event.fix(b);a.type="mousewheel";if(a.wheelDelta)c=a.wheelDelta/120;if(a.detail)c=-a.detail/3;e=c;if(b.axis!==undefined&&b.axis===b.HORIZONTAL_AXIS){e=0;h=-1*c}if(b.wheelDeltaY!==undefined)e=b.wheelDeltaY/120;if(b.wheelDeltaX!==undefined)h=-1*b.wheelDeltaX/120;i.unshift(a,c,h,e);return d.event.handle.apply(this,i)}var f=["DOMMouseScroll","mousewheel"];d.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var a=
+f.length;a;)this.addEventListener(f[--a],g,false);else this.onmousewheel=g},teardown:function(){if(this.removeEventListener)for(var a=f.length;a;)this.removeEventListener(f[--a],g,false);else this.onmousewheel=null}};d.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})})(jQuery);
ADDED cgisetup/www/html-kickstart/css/img/gray_jean.png
Index: cgisetup/www/html-kickstart/css/img/gray_jean.png
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/img/gray_jean.png
cannot compute difference between binary files
ADDED cgisetup/www/html-kickstart/css/img/icon-arrow-right.png
Index: cgisetup/www/html-kickstart/css/img/icon-arrow-right.png
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/img/icon-arrow-right.png
cannot compute difference between binary files
ADDED cgisetup/www/html-kickstart/css/jquery.fancybox-1.3.4.css
Index: cgisetup/www/html-kickstart/css/jquery.fancybox-1.3.4.css
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/jquery.fancybox-1.3.4.css
@@ -0,0 +1,366 @@
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ *
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
+ *
+ * Version: 1.3.4 (11/11/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ */
+
+#fancybox-loading {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 40px;
+ height: 40px;
+ margin-top: -20px;
+ margin-left: -20px;
+ cursor: pointer;
+ overflow: hidden;
+ z-index: 1104;
+ display: none;
+}
+
+#fancybox-loading div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 40px;
+ height: 480px;
+ background-image: url('img/fancybox/fancybox.png');
+}
+
+#fancybox-overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: 1100;
+ display: none;
+}
+
+#fancybox-tmp {
+ padding: 0;
+ margin: 0;
+ border: 0;
+ overflow: auto;
+ display: none;
+}
+
+#fancybox-wrap {
+ position: absolute;
+ top: 0;
+ left: 0;
+ padding: 20px;
+ z-index: 1101;
+ outline: none;
+ display: none;
+}
+
+#fancybox-outer {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background: #fff;
+}
+
+#fancybox-wrap,
+#fancybox-wrap *{
+-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
+-moz-box-sizing: content-box; /* Firefox, other Gecko */
+box-sizing: content-box; /* Opera/IE 8+ */
+}
+
+#fancybox-content {
+ width: 0;
+ height: 0;
+ padding: 0;
+ outline: none;
+ position: relative;
+ overflow: hidden;
+ z-index: 1102;
+ border: 0 solid #fff;
+}
+
+#fancybox-hide-sel-frame {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: transparent;
+ z-index: 1101;
+}
+
+#fancybox-close {
+ position: absolute;
+ top: -15px;
+ right: -15px;
+ width: 30px;
+ height: 30px;
+ background: transparent url('img/fancybox/fancybox.png') -40px 0;
+ cursor: pointer;
+ z-index: 1103;
+ display: none;
+}
+
+#fancybox-error {
+ color: #444;
+ font: normal 12px/20px Arial;
+ padding: 14px;
+ margin: 0;
+}
+
+#fancybox-img {
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ margin: 0;
+ border: none;
+ outline: none;
+ line-height: 0;
+ vertical-align: top;
+}
+
+#fancybox-frame {
+ width: 100%;
+ height: 100%;
+ border: none;
+ display: block;
+}
+
+#fancybox-left, #fancybox-right {
+ position: absolute;
+ bottom: 0;
+ height: 100%;
+ width: 35%;
+ cursor: pointer;
+ outline: none;
+ background: transparent url('img/fancybox/blank.gif');
+ z-index: 1102;
+ display: none;
+}
+
+#fancybox-left {
+ left: 0;
+}
+
+#fancybox-right {
+ right: 0;
+}
+
+#fancybox-left-ico, #fancybox-right-ico {
+ position: absolute;
+ top: 50%;
+ left: -9999px;
+ width: 30px;
+ height: 30px;
+ margin-top: -15px;
+ cursor: pointer;
+ z-index: 1102;
+ display: block;
+}
+
+#fancybox-left-ico {
+ background-image: url('img/fancybox/fancybox.png');
+ background-position: -40px -30px;
+}
+
+#fancybox-right-ico {
+ background-image: url('img/fancybox/fancybox.png');
+ background-position: -40px -60px;
+}
+
+#fancybox-left:hover, #fancybox-right:hover {
+ visibility: visible; /* IE6 */
+}
+
+#fancybox-left:hover span {
+ left: 20px;
+}
+
+#fancybox-right:hover span {
+ left: auto;
+ right: 20px;
+}
+
+.fancybox-bg {
+ position: absolute;
+ padding: 0;
+ margin: 0;
+ border: 0;
+ width: 20px;
+ height: 20px;
+ z-index: 1001;
+}
+
+#fancybox-bg-n {
+ top: -20px;
+ left: 0;
+ width: 100%;
+ background-image: url('img/fancybox/fancybox-x.png');
+}
+
+#fancybox-bg-ne {
+ top: -20px;
+ right: -20px;
+ background-image: url('img/fancybox/fancybox.png');
+ background-position: -40px -162px;
+}
+
+#fancybox-bg-e {
+ top: 0;
+ right: -20px;
+ height: 100%;
+ background-image: url('img/fancybox/fancybox-y.png');
+ background-position: -20px 0;
+}
+
+#fancybox-bg-se {
+ bottom: -20px;
+ right: -20px;
+ background-image: url('img/fancybox/fancybox.png');
+ background-position: -40px -182px;
+}
+
+#fancybox-bg-s {
+ bottom: -20px;
+ left: 0;
+ width: 100%;
+ background-image: url('img/fancybox/fancybox-x.png');
+ background-position: 0 -20px;
+}
+
+#fancybox-bg-sw {
+ bottom: -20px;
+ left: -20px;
+ background-image: url('img/fancybox/fancybox.png');
+ background-position: -40px -142px;
+}
+
+#fancybox-bg-w {
+ top: 0;
+ left: -20px;
+ height: 100%;
+ background-image: url('img/fancybox/fancybox-y.png');
+}
+
+#fancybox-bg-nw {
+ top: -20px;
+ left: -20px;
+ background-image: url('img/fancybox/fancybox.png');
+ background-position: -40px -122px;
+}
+
+#fancybox-title {
+ font-family: Helvetica;
+ font-size: 12px;
+ z-index: 1102;
+}
+
+.fancybox-title-inside {
+ padding-bottom: 10px;
+ text-align: center;
+ color: #333;
+ background: #fff;
+ position: relative;
+}
+
+.fancybox-title-outside {
+ padding-top: 10px;
+ color: #fff;
+}
+
+.fancybox-title-over {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ color: #FFF;
+ text-align: left;
+}
+
+#fancybox-title-over {
+ padding: 10px;
+ background-image: url('img/fancybox/fancy_title_over.png');
+ display: block;
+}
+
+.fancybox-title-float {
+ position: absolute;
+ left: 0;
+ bottom: -20px;
+ height: 32px;
+}
+
+#fancybox-title-float-wrap {
+ border: none;
+ border-collapse: collapse;
+ width: auto;
+}
+
+#fancybox-title-float-wrap td {
+ border: none;
+ white-space: nowrap;
+}
+
+#fancybox-title-float-left {
+ padding: 0 0 0 15px;
+ background: url('img/fancybox/fancybox.png') -40px -90px no-repeat;
+}
+
+#fancybox-title-float-main {
+ color: #FFF;
+ line-height: 29px;
+ font-weight: bold;
+ padding: 0 0 3px 0;
+ background: url('img/fancybox/fancybox-x.png') 0 -40px;
+}
+
+#fancybox-title-float-right {
+ padding: 0 0 0 15px;
+ background: url('img/fancybox/fancybox.png') -55px -90px no-repeat;
+}
+
+/* IE6 */
+
+.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_close.png', sizingMethod='scale'); }
+
+.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
+.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
+
+.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
+.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_left.png', sizingMethod='scale'); }
+.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_main.png', sizingMethod='scale'); }
+.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_right.png', sizingMethod='scale'); }
+
+.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
+ height: expression(this.parentNode.clientHeight + "px");
+}
+
+#fancybox-loading.fancybox-ie6 {
+ position: absolute; margin-top: 0;
+ top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
+}
+
+#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_loading.png', sizingMethod='scale'); }
+
+/* IE6, IE7, IE8 */
+
+.fancybox-ie .fancybox-bg { background: transparent !important; }
+
+.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
ADDED cgisetup/www/html-kickstart/css/kickstart-buttons.css
Index: cgisetup/www/html-kickstart/css/kickstart-buttons.css
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/kickstart-buttons.css
@@ -0,0 +1,369 @@
+/*
+ 99Lime.com HTML KickStart by Joshua Gatcke
+ kickstart-buttons.css
+
+ Super Easy Cross Browser CSS3 Gradients
+ http://www.colorzilla.com/gradient-editor/
+*/
+
+/*---------------------------------
+ BUTTONS
+-----------------------------------*/
+button,
+a.btn,
+a.btn:visited,
+a.button,
+a.button:visited,
+input[type="submit"],
+input[type="reset"],
+input[type="button"]{
+position:relative;
+top:0;
+left:0;
+vertical-align: middle;
+margin:0;
+padding:10px 15px;
+line-height:100%;
+-moz-border-radius:5px;
+-webkit-border-radius:5px;
+border-radius:5px;
+cursor: pointer;
+width:auto;
+overflow:visible;
+font-weight:normal;
+font-size:14px; /*Pixels for consistancy*/
+text-shadow:0 1px 0 #fff;
+color:#666;
+text-decoration:none;
+vertical-align: middle;
+-webkit-box-sizing: border-box;
+-moz-box-sizing: border-box;
+box-sizing: border-box;
+display:inline-block;
+*display:inline;/*IE ONLY*/
+zoom:1;
+border:1px solid #ccc;
+background: rgb(252,252,252); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
+}
+
+button:active,
+a.btn:active,
+a.btn:visited:active,
+a.button:active,
+a.button:visited:active,
+input[type="submit"]:active,
+input[type="reset"]:active,
+input[type="button"]:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);}
+button[disabled],.disabled:active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+
+button,
+input[type="submit"],
+input[type="reset"],
+input[type="button"]{*padding:7px 15px;}/*IE 7 ONLY*/
+
+ a.btn,a.button{}/*overrides*/
+ button.small, a.btn.small, a.button.small{font-size:0.8em;padding:5px 10px;}
+ button.medium, a.btn.medium, a.button.medium{}/*default*/
+ button.large, a.btn.large, a.button.large{font-size:1.3em;padding:10px 20px;}
+ button.disabled, a.btn.disabled, a.button.disabled{color:#ccc;cursor:default;background:#efefef;}
+ button.disabled:hover, a.btn.disabled:hover, a.button.disabled:hover{border:1px solid #ccc;background:#efefef;}
+
+ button:hover,
+ a.btn:hover,
+ a.button:hover,
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover{
+ border:1px solid #bbb;
+ background: rgb(252,252,252); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
+ background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
+ }
+
+
+/*---------------------------------
+ BUTTON BAR
+-----------------------------------*/
+ul.button-bar{
+display:inline-block;
+*display:inline;
+margin:0;
+padding:0;
+font-size:0;
+position:relative;
+top:0;
+left:0;
+zoom:1;
+border:0;
+background:0;
+}
+
+ ul.button-bar li{
+ display:inline-block;
+ *display:inline;
+ position:relative;
+ top:0;
+ left:0;
+ zoom:1;
+ margin:0 -1px 0 0;
+ padding:0;
+ line-height:100%;
+ font-size:0px;
+ border:1px solid #ccc;
+ background: rgb(252,252,252); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
+ background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
+ }
+
+ ul.button-bar li a{
+ margin:0;
+ display:inline-block;
+ *display:inline;
+ padding:7px 10px;
+ position:relative;
+ top:0;
+ left:0;
+ zoom:1;
+ font-weight:normal;
+ font-size:14px; /*Pixels for consistancy*/
+ text-shadow:0 1px 0 #fff;
+ color:#666;
+ text-decoration:none;
+ vertical-align: middle;
+ line-height:100%;
+ border-left:1px solid #fff;
+ }
+
+ ul.button-bar li.first,
+ ul.button-bar li.first a{
+ -moz-border-radius-bottomleft: 5px;
+ -moz-border-radius-topleft: 5px;
+ -webkit-border-bottom-left-radius: 5px;
+ -webkit-border-top-left-radius: 5px;
+ border-top-left-radius: 5px;
+ border-bottom-left-radius: 5px;
+ -moz-background-clip:content-box;
+ -webkit-background-clip: border;
+ background-clip: content-box;
+ }
+
+ ul.button-bar li.last,
+ ul.button-bar li.last a{
+ -moz-border-radius-bottomright: 5px;
+ -moz-border-radius-topright: 5px;
+ -webkit-border-bottom-right-radius: 5px;
+ -webkit-border-top-right-radius: 5px;
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px;
+ -moz-background-clip:content-box;
+ -webkit-background-clip: border;
+ }
+
+ ul.button-bar li a:hover{
+ background: rgb(252,252,252); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
+ background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
+ }
+
+ ul.button-bar li a:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);border-left:1px solid #ccc;}
+
+/*---------------------------------
+ STYLES
+-----------------------------------*/
+.pill{-webkit-border-radius:200em;-moz-border-radius:200em;border-radius:200em;}
+.pop{-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.2);box-shadow:0px 1px 5px rgba(0,0,0,0.2);}
+.inset{-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);}
+.square{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
+
+/*---------------------------------
+ ORANGE
+-----------------------------------*/
+button.orange,
+a.btn.orange,
+a.button.orange,
+input[type=submit].orange,
+input[type=reset].orange,
+input[type=button].orange{
+text-shadow:0 -1px 0 #FC730A;
+color:#fff;
+border:1px solid #FC730A;
+background: rgb(255,168,76); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
+background: linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
+}
+
+ button.orange:hover,
+ a.btn.orange:hover,
+ a.button.orange:hover{
+ text-shadow:0 1px 0 #FC730A;
+ border:1px solid #FC730A;
+ background: rgb(249,191,74); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(249,191,74,1) 0%, rgba(249,181,9,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,191,74,1)), color-stop(100%,rgba(249,181,9,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Opera 11.10+ */
+ background: linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf4a', endColorstr='#f9b509',GradientType=0 ); /* IE6-9 */
+ }
+
+/*---------------------------------
+ BLUE
+-----------------------------------*/
+button.blue,
+a.btn.blue,
+a.button.blue,
+input[type=submit].blue,
+input[type=reset].blue,
+input[type=button].blue{
+text-shadow:0 -1px 0 #1D6DC1;
+color:#fff;
+border:1px solid #1D6DC1;
+background: rgb(122,188,255); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
+background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
+}
+
+ button.blue:hover,
+ a.btn.blue:hover,
+ a.button.blue:hover{
+ text-shadow:0 1px 0 #1D6DC1;
+ border:1px solid #1D6DC1;
+ background: rgb(155,205,255); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(155,205,255,1) 0%, rgba(134,192,250,1) 44%, rgba(110,176,242,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,205,255,1)), color-stop(44%,rgba(134,192,250,1)), color-stop(100%,rgba(110,176,242,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Opera 11.10+ */
+ background: linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */
+ }
+
+/*---------------------------------
+ PINK
+-----------------------------------*/
+button.pink,
+a.btn.pink,
+a.button.pink,
+input[type=submit].pink,
+input[type=reset].pink,
+input[type=button].pink{
+text-shadow:0 -1px 0 #EF0251;
+color:#fff;
+border:1px solid #EF0251;
+background: rgb(255,93,177); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
+background: linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
+}
+
+ button.pink:hover,
+ a.btn.pink:hover,
+ a.button.pink:hover{
+ text-shadow:0 1px 0 #EF0251;
+ border:1px solid #EF0251;
+ background: rgb(255,169,213); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(255,169,213,1) 0%, rgba(254,112,185,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,169,213,1)), color-stop(100%,rgba(254,112,185,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Opera 11.10+ */
+ background: linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa9d5', endColorstr='#fe70b9',GradientType=0 ); /* IE6-9 */
+ }
+
+/*---------------------------------
+ GREEN
+-----------------------------------*/
+button.green,
+a.btn.green,
+a.button.green,
+input[type=submit].green,
+input[type=reset].green,
+input[type=button].green{
+text-shadow:0 -1px 0 #669E00;
+color:#fff;
+border:1px solid #669E00;
+background: rgb(143,196,0); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(143,196,0,1) 0%, rgba(107,165,0,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(107,165,0,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Opera 11.10+ */
+background: linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-9 */
+}
+
+ button.green:hover,
+ a.btn.green:hover,
+ a.button.green:hover{
+ text-shadow:0 1px 0 #669E00;
+ border:1px solid #669E00;
+ background: rgb(198,226,120); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(198,226,120,1) 0%, rgba(167,211,44,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,226,120,1)), color-stop(100%,rgba(167,211,44,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Opera 11.10+ */
+ background: linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e278', endColorstr='#a7d32c',GradientType=0 ); /* IE6-9 */
+ }
+
+/*---------------------------------
+ RED
+-----------------------------------*/
+button.red,
+a.btn.red,
+a.button.red,
+input[type=submit].red,
+input[type=reset].red,
+input[type=button].red{
+text-shadow:0 -1px 0 #B21203;
+color:#fff;
+border:1px solid #B21203;
+background: rgb(229,60,22); /* Old browsers */
+background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,60,22,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
+background: linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
+}
+
+ button.red:hover,
+ a.btn.red:hover,
+ a.button.red:hover{
+ text-shadow:0 1px 0 #B21203;
+ border:1px solid #B21203;
+ background: rgb(238,106,76); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(238,106,76,1) 0%, rgba(251,33,33,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,106,76,1)), color-stop(100%,rgba(251,33,33,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Opera 11.10+ */
+ background: linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6a4c', endColorstr='#fb2121',GradientType=0 ); /* IE6-9 */
+ }
ADDED cgisetup/www/html-kickstart/css/kickstart-forms.css
Index: cgisetup/www/html-kickstart/css/kickstart-forms.css
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/kickstart-forms.css
@@ -0,0 +1,290 @@
+/*---------------------------------
+ FORMS
+-----------------------------------*/
+form{
+padding:0;
+margin:0;
+}
+
+fieldset{
+margin:30px 0 20px 0;
+padding:5px 15px 15px 15px;
+border:1px solid #ccc;
+background:#f5f5f5;
+-moz-border-radius:5px;
+-webkit-border-radius:5px;
+border-radius:5px;
+position: relative;
+top:0;
+left:0;
+}
+
+ legend{
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ border-radius:5px;
+ border:1px solid #ccc;
+ background:#f5f5f5;
+ padding:2px 10px;
+ margin:0 0 0 0;
+ display:block;
+ position: relative;
+ top:0;
+ left:0;
+ }
+
+ /*IE ONLY - I know, this is a stop gap*/
+ .msie fieldset{padding-top:25px;}
+ .msie legend{position:absolute;top:-0.7em;left:10px;}
+
+label{
+display:inline-block;
+*display:inline;
+vertical-align: middle;
+margin:0;
+padding:0;
+position:relative;
+top:0;
+left:0;
+zoom:1;
+-moz-box-sizing: border-box;
+-webkit-box-sizing: border-box;
+box-sizing: border-box;
+}
+
+ label.inline{
+ display:inline;
+ margin:0;
+ }
+
+ label span{
+ color:#999;
+ font-size:0.9em;
+ }
+
+ label span.right{
+ position:absolute;
+ bottom:0;
+ right:0;
+ text-align:right;
+ display:inline-block;
+ *display:inline;
+ }
+
+ label.disabled{
+ color:#ccc;
+ }
+
+input{
+display:inline-block;
+*display:inline;
+vertical-align: middle;
+width:auto;
+zoom:1;
+margin:0;
+border:1px solid #ccc;
+font-size:1em;
+padding:5px 0;
+text-indent: 5px;
+-moz-border-radius:5px;
+-webkit-border-radius:5px;
+border-radius:5px;
+background:#fff;
+-moz-box-shadow:inset 0 0 6px #ccc;
+-webkit-box-shadow:inset 0 1px 6px #ccc;
+box-shadow:inset 0 1px 6px #ccc;
+-moz-box-sizing: border-box;
+-webkit-box-sizing: border-box;
+box-sizing: border-box;
+}
+
+ input::-webkit-input-placeholder,
+ input:-moz-placeholder,
+ .placeholder{
+ color:#bbb;
+ }
+
+ input::-moz-focus-inner {border:0;}
+
+ input[disabled="disabled"], input.disabled{
+ color:#999;
+ background:#f5f5f5;
+ -moz-box-shadow:inset 0 0 2px #ddd;
+ -webkit-box-shadow:inset 0 1px 2px #ddd;
+ box-shadow:inset 0 1px 2px #ddd;
+ }
+
+ /* FOCUS STATES */
+ input[type="text"]:focus,
+ textarea:focus,
+ button:focus,
+ a.button:focus,
+ select:focus,
+ input[type="file"]:focus,
+ input[type="password"]:focus{
+ -webkit-box-shadow: 0 0 7px #6DB9FF;
+ -moz-box-shadow : 0 0 7px #6DB9FF;
+ box-shadow : 0 0 7px #6DB9FF;
+ border: 1px solid #50B1FE;
+ outline: none;
+ }
+
+ /* TRANSITION */
+ input[type="text"],
+ textarea,
+ button,
+ a.button,
+ a,
+ input[type="file"]{
+ -moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s;
+ -webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s;
+ -o-transition: box-shadow 0.5s, border 0.5s, background 0.5s;
+ transition: box-shadow 0.5s, border 0.5s, background 0.5s;
+ }
+
+input.checkbox,
+input[type="checkbox"]{
+display:inline;
+width:auto;
+margin:0;
+padding:0;
+border:0;
+background:none;
+vertical-align:center;
+*vertical-align: top;
+}
+
+input.radio,
+input[type="radio"]{
+display:inline;
+width:auto;
+margin:0;
+padding:0;
+border:0;
+background:none;
+vertical-align:center;
+*vertical-align: top;
+}
+
+ input[type="radio"]:focus,
+ input[ type="checkbox"]:focus{
+ -webkit-box-shadow: 0 0 5px #6DB9FF;
+ -moz-box-shadow : 0 0 5px #6DB9FF;
+ box-shadow : 0 0 5px #6DB9FF;
+ outline-color: #6DB9FF;
+ }
+
+input.file,
+input[type="file"]{
+/*font-size:0.8em;*/
+-moz-box-shadow:none;
+-webkit-box-shadow:none;
+box-shadow:none;
+border:none;
+}
+
+select{
+display:inline;
+width:auto;
+margin:0;
+border:1px solid #ccc;
+line-height:100%;
+padding:3px;
+vertical-align: middle;
+}
+
+ select[disabled="disabled"], select.disabled{
+ color:#999;
+ background:#f5f5f5;
+ -moz-box-shadow:inset 0 0 2px #ddd;
+ -webkit-box-shadow:inset 0 1px 2px #ddd;
+ box-shadow:inset 0 1px 2px #ddd;
+ }
+
+textarea{
+width:auto;
+height:200px;
+margin:0;
+border:1px solid #ccc;
+padding:5px;
+vertical-align: middle;
+font-family:inherit;
+font-size:0.9em;
+-moz-border-radius:5px;
+-webkit-border-radius:5px;
+border-radius:5px;
+-moz-box-shadow:inset 0 0 6px #ccc;
+-webkit-box-shadow:inset 0 1px 6px #ccc;
+box-shadow:inset 0 1px 6px #ccc;
+-moz-box-sizing: border-box;
+-webkit-box-sizing: border-box;
+box-sizing: border-box;
+}
+
+/*---------------------------------
+ COLUMN SIZES
+-----------------------------------*/
+
+/* sizes */
+input[class*="col_"],
+select[class*="col_"],
+label[class*="col_"]{
+float:none;display:inline-block;*display:inline;margin-bottom:0;
+*margin-left: 0.5%;*margin-right: 0.5%;/* this is for IE 7 Only and is not a good fix - work needed here */
+}
+
+/*---------------------------------
+ FORMS VERTICAL
+-----------------------------------*/
+form.vertical{
+
+}
+
+ form.vertical label{display:block;}
+ form.vertical input,
+ form.vertical select,
+ form.vertical textarea{width:100%;display:block;margin-bottom:10px;}
+ form.vertical .chzn-container{display:block;margin-bottom:10px;}
+ form.vertical .chzn-choices{display:block;margin-bottom:10px;}
+
+ /* radios & checks */
+ form.vertical input.checkbox,
+ form.vertical input[type="checkbox"],
+ form.vertical input.radio,
+ form.vertical input[type="radio"],
+ form.vertical label.inline{display:inline;width:auto;margin:0;}
+/*---------------------------------
+ FORM VALIDATION
+-----------------------------------*/
+label.error{color:red;}
+input.error{border:1px solid red;}
+select.error{border:1px solid red;}
+
+/*---------------------------------
+ NOTICES
+-----------------------------------*/
+.notice{
+border:1px solid gold;
+background:lightyellow;
+padding:10px 20px 10px 40px;
+margin:10px 0;
+-moz-border-radius:5px;
+-webkit-border-radius:5px;
+border-radius:5px;
+color:#DEAE00;
+line-height:120%;
+vertical-align: center;
+text-shadow:0px 1px rgba(255,255,255,0.5);
+position:relative;
+top:0;
+left:0;
+clear:both;
+}
+
+ .notice.warning{}/*default*/
+ .notice.error{border:1px solid red;background:pink;color:red;}
+ .notice.success{border:1px solid green;background:lightgreen;color:green;}
+ .notice i[class*='fa-']{position:absolute;top:50%;left:0.8em;margin-top:-0.6em;}
+ .notice a[class*='fa-remove'],
+ .notice a[class*='fa-remove']:active,
+ .notice a[class*='fa-remove']:visited{text-decoration:none;font-size:12px;position:absolute;top:5px;right:5px;left:auto;color:inherit;margin-top:0;left:auto;}
ADDED cgisetup/www/html-kickstart/css/kickstart-grid.css
Index: cgisetup/www/html-kickstart/css/kickstart-grid.css
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/kickstart-grid.css
@@ -0,0 +1,167 @@
+/*
+ 99Lime.com HTML KickStart by Joshua Gatcke
+ kickstart-grids.css
+
+ DO NOT EDIT THIS FILE unless you know what you are doing.
+*/
+/*---------------------------------
+ GRID/COLUMNS
+-----------------------------------
+ tinyfluidgrid.com
+ & girlfriendnyc.com
+ with changes by 99Lime
+-----------------------------------*/
+ /*
+ & Columns : 12
+ & Gutter %: 20%
+ & MaxWidth: 1280px
+ */
+
+.grid{
+max-width:1220px;
+margin:0 auto;
+padding:0 2em;
+}
+
+.grid.flex{
+width:100%;
+max-width:100%;
+padding:0 2%;
+padding:2em;
+}
+
+.row{
+display:block;
+overflow:hidden;
+clear:both;
+}
+
+*[class*="col_"].alpha{margin-left:0;}
+*[class*="col_"].omega{margin-right:0;}
+
+.col_1 { width: 6.6666666666667%; }
+.col_2 { width: 15%; }
+.col_3 { width: 23.333333333333%; }
+.col_4 { width: 31.666666666667%; }
+.col_5 { width: 40%; }
+.col_6 { width: 48.333333333333%; }
+.col_7 { width: 56.666666666667%; }
+.col_8 { width: 65%; }
+.col_9 { width: 73.333333333333%; }
+.col_10 { width: 81.666666666667%; }
+.col_11 { width: 90%; }
+.col_12 { width: 98.333333333333%; }
+
+*[class*="col_"]{
+margin-left: 0.83333333333333%;
+margin-right: 0.83333333333333%;
+margin-top:0.5em;
+margin-bottom:0.5em;
+float: left;
+display: block;
+}
+
+.grid img{
+max-width: 100%;
+height:auto;
+}
+
+.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
+.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
+* html .clearfix, *:first-child+html .clearfix{zoom:1}
+
+/* Viewable Grids
+ To view your grids, add the class .visible to any grid container.
+ This will add a background color so you can see the layout of your grids.
+*/
+*[class*="col_"].visible{
+background:#eee;
+border:1px dotted #ccc;
+}
+
+
+/*---------------------------------
+ Responsive Grid Media Queries - 1280, 1024, 768, 480
+ 1280-1024 - desktop (default grid)
+ 1024-768 - tablet landscape
+ 768-480 - tablet
+ 480-less - phone landscape & smaller
+-----------------------------------*/
+@media all and (min-width: 1024px) and (max-width: 1280px) {
+
+ .grid *[class*="col_"]{}
+ .grid{max-width: 1024px;}
+ .show-desktop {display:block;}
+ .hide-desktop {display:none;}
+ .show-tablet {display:none;}
+ .hide-tablet {display:block;}
+ .show-phone {display:none;}
+ .hide-phone {display:block;}
+
+}
+
+@media all and (min-width: 768px) and (max-width: 1024px) {
+
+ .grid *[class*="col_"]{}
+ .grid{max-width: 768px;}
+ .show-desktop {display:none;}
+ .hide-desktop {display:block;}
+ .show-tablet {display:block;}
+ .hide-tablet {display:none;}
+ .show-phone {display:none;}
+ .hide-phone {display:block;}
+
+}
+
+
+@media all and (min-width: 480px) and (max-width: 768px) {
+
+ .grid *[class*="col_"]{
+ float:none;
+ width:auto;
+ clear:both;
+ display:block;
+ }
+
+ /* columns inside of columns */
+ .grid *[class*="col_"] [class*="col_"]{
+ margin-left:0;
+ margin-right:0;
+ width:100%;
+ }
+
+ .grid{max-width: 480px;}
+ .show-desktop {display:none;}
+ .hide-desktop {display:block;}
+ .show-tablet {display:block;}
+ .hide-tablet {display:none;}
+ .show-phone {display:none;}
+ .hide-phone {display:block;}
+
+}
+
+@media all and (max-width: 480px) {
+
+ .grid *[class*="col_"]{
+ float:none;
+ width:auto;
+ clear:both;
+ display:block;
+ }
+
+ /* columns inside of columns */
+ .grid *[class*="col_"] [class*="col_"]{
+ margin-left:0;
+ margin-right:0;
+ width:100%;
+ }
+
+ .grid{max-width: 100%;/*320*/}
+ .show-desktop {display:none;}
+ .hide-desktop {display:block;}
+ .show-tablet {display:none;}
+ .hide-tablet {display:block;}
+ .show-phone {display:block;}
+ .hide-phone {display:none;}
+
+}
ADDED cgisetup/www/html-kickstart/css/kickstart-menus.css
Index: cgisetup/www/html-kickstart/css/kickstart-menus.css
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/kickstart-menus.css
@@ -0,0 +1,180 @@
+/*
+ 99Lime.com HTML KickStart by Joshua Gatcke
+ kickstart-menus.css
+*/
+
+/*---------------------------------
+ MENU LAYOUT
+ DO NOT EDIT This Section (unless you know what you are doing)
+-----------------------------------*/
+.menu{margin:0;padding:0;line-height:100%;
+font-size:0; /* Kill white space gap between LI elements */
+position:relative;z-index:1000;}
+
+ .menu:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
+ .menu li{margin:0;padding:0;list-style-type:none;display:inline-block;*display:inline;position:relative;zoom:1;line-height:inherit;
+ top:0;left:0;font-size:16px; /* fixed font-size to replace font-size:0 in parent .menu 1em/16px default */}
+ .menu li a{margin:0;padding:0;display:block;display:inline;display:inline-block;position:relative;zoom:1;line-height:100%;top:0;left:0;}
+
+
+/*--------------Sub Menus-------------------*/
+ /*.menu li:hover > ul{display:block;}*/
+ .menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;min-width:150px;max-width:150%;*width:150px;}
+ .menu ul li{display:block;width:100%;}
+ .menu ul li a{display:block;}
+ .menu ul ul{top:0;left:100%;}
+
+/*--------------Dividers-------------------*/
+ .menu ul li.divider{border-top:1px solid #ccc;}
+ .menu ul li.divider a{border-top:1px solid #fff;}
+
+
+/*--------------Right---------------------*/
+ .menu li.right{float:right;}
+
+
+/*--------------Arrows-------------------*/
+ .menu li.has-menu a{padding-right:25px;}
+ .menu li.has-menu span.arrow{border-style:solid;border-width:5px;
+ display:block;position:absolute;top:50%;right:5px;font-size:0;line-height:0;height:0;width:0;}
+ .menu li li.has-menu span.arrow{margin-top:-4px;}
+
+/*--------------Vertical Menu Layout-------------------*/
+.menu.vertical{}
+ .menu.vertical li{display:block;}
+ .menu.vertical li a{display:block;}
+ .menu.vertical ul{top:0;left:100%;}
+ .menu.vertical li.has-menu span.arrow{margin-top:-4px;}
+
+/*--------------Vertical Right Menu Layout-------------------*/
+.menu.vertical.right{text-align:left;}
+ .menu.vertical.right ul{top:0;right:100%;left:auto;}
+ .menu.vertical.right li a{padding-left:25px;padding-right:20px;}
+ .menu.vertical.right li.has-menu span.arrow{right:auto;left:5px;margin-top:-4px;}
+
+
+/*---------------------------------
+ MENU STYLES
+ EDIT BELOW THIS LINE TO CUSTOMIZE
+-----------------------------------*/
+.menu{
+border:1px solid #ccc;
+background: #eee; /* Old browsers */
+background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
+background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
+z-index:600;
+}
+
+ .menu li{}
+
+ .menu li a{
+ text-shadow:0px 1px 1px #fff;
+ padding:15px 20px;
+ text-decoration:none;
+ font-size:0.9em;
+ color: #777;
+ }
+
+ .menu li.current>a,
+ .menu li.current>a:hover,
+ .menu li.current.hover>a{
+ background: rgb(122,188,255); /* Old browsers */
+ background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
+ background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
+ color:#fff;
+ text-shadow:0px -1px 0 rgba(0,0,0,0.2);
+ cursor: default;
+ }
+
+ .menu li a:hover,
+ .menu li.hover>a{
+ background:#f5f5f5;
+ }
+
+ /* sub menus */
+ .menu ul{
+ background: #efefef;
+ border:1px solid #ccc;
+ }
+
+ .menu ul li{}
+ .menu ul li a{}
+
+ /* sub-sub menus */
+ .menu ul ul{}
+ .menu ul ul li{}
+ .menu ul ul li a{}
+
+ /* arrows */
+ /* arrow down */ .menu li.has-menu span.arrow{border-color-top:#ccc;border-color:#ccc transparent transparent transparent;}
+ /* arrow left */ .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow
+ {border-color-left:#ccc;border-color:transparent transparent transparent #ccc;}
+ /* arrow right */ .menu.vertical.right li.has-menu span.arrow{border-color-right:#ccc;border-color:transparent #ccc transparent transparent;}
+
+ /* dividers */ .menu ul li.divider{border-top:1px solid #ccc;}
+ .menu ul li.divider a{border-top:1px solid #fff;}
+
+
+
+/*---------------------------------
+ RESPONSIVE MENU STYLES
+ DO NOT EDIT unless you know what you are doing
+-----------------------------------*/
+
+.menu li.menu-toggle{display:none;}
+
+
+@media all and (max-width: 768px) {
+
+ .grid .menu li,
+ .grid .menu.vertical li,
+ .grid .menu.vertical.right li{
+ display:block;
+ display:none;
+ }
+
+ .grid .menu li.menu-toggle,
+ .grid .menu.vertical li.menu-toggle,
+ .grid .menu.vertical.right li.menu-toggle{
+ display:block;
+ }
+
+ .grid .menu:hover li,
+ .grid .menu.vertical:hover li,
+ .grid .menu.vertical.right:hover li{
+ display:block;
+ }
+
+ /* arrows */
+ .grid .menu li.has-menu span.arrow,
+ .grid .menu.vertical li.has-menu span.arrow,
+ .grid .menu.vertical.right li.has-menu span.arrow,
+ .grid .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow
+ {border-color-top:#ccc;border-color:#ccc transparent transparent transparent;}
+
+ .grid .menu.vertical.right li.has-menu span.arrow{
+ right:5px;left:auto;
+ }
+
+ .grid .menu li a{
+ display:block;
+ }
+
+ .grid .menu ul,
+ .grid .menu ul ul,
+ .grid .menu.vertical ul,
+ .grid .menu.vertical.right ul{
+ position:relative;
+ top:0;
+ left:0;
+ margin:10px;
+ }
+
+}
ADDED cgisetup/www/html-kickstart/css/kickstart-slideshow.css
Index: cgisetup/www/html-kickstart/css/kickstart-slideshow.css
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/kickstart-slideshow.css
@@ -0,0 +1,223 @@
+/*---------------------------------
+ SLIDESHOW2 - Slight Fixes for the slideshow layout *needs work
+-----------------------------------*/
+
+ .slideshow{
+ clear:both;
+ margin:0;
+ padding:0;
+ width:auto;
+ height:auto;
+ overflow:hidden;
+ }
+
+ .slideshow li{
+ list-style-type:none;
+ margin:0;
+ padding:0;
+ float:left;
+ display:block;
+ }
+
+/**
+ * BxSlider v4.0 - Fully loaded, responsive content slider
+ * http://bxslider.com
+ *
+ * Written by: Steven Wanderski, 2012
+ * http://stevenwanderski.com
+ * (while drinking Belgian ales and listening to jazz)
+ *
+ * CEO and founder of bxCreative, LTD
+ * http://bxcreative.com
+ */
+
+
+/** RESET AND LAYOUT
+===================================*/
+.bx-wrapper, .bx-wrapper *{
+ -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
+ -moz-box-sizing: content-box; /* Firefox, other Gecko */
+ box-sizing: content-box; /* Opera/IE 8+ */
+}
+
+.bx-wrapper {
+ position: relative;
+ margin: 0 0 60px;
+ padding: 0;
+ *zoom: 1;
+}
+
+.bx-wrapper img {
+ width: 100%;
+ display: block;
+}
+
+/** THEME
+===================================*/
+
+.bx-wrapper .bx-viewport {
+ -moz-box-shadow: 0 0 5px #ccc;
+ -webkit-box-shadow: 0 0 5px #ccc;
+ box-shadow: 0 0 5px #ccc;
+ border: solid #fff 5px;
+ left: 0;
+ background: #fff;
+}
+
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+ position: absolute;
+ bottom: -30px;
+ width: 100%;
+}
+
+/* LOADER */
+
+.bx-wrapper .bx-loading {
+ min-height: 50px;
+ background: url(img/bx_loader.gif) center center no-repeat #fff;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2000;
+}
+
+/* PAGER */
+
+.bx-wrapper .bx-pager {
+ text-align: center;
+ font-size: .85em;
+ font-family: Arial;
+ font-weight: bold;
+ color: #666;
+ padding-top: 20px;
+}
+
+.bx-wrapper .bx-pager .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+ display: inline-block;
+ *zoom: 1;
+ *display: inline;
+}
+
+.bx-wrapper .bx-pager.bx-default-pager a {
+ background: #666;
+ text-indent: -9999px;
+ display: block;
+ width: 10px;
+ height: 10px;
+ margin: 0 5px;
+ outline: 0;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+}
+
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active {
+ background: #000;
+}
+
+/* DIRECTION CONTROLS (NEXT / PREV) */
+
+.bx-wrapper .bx-prev {
+ left: 10px;
+ background: url(img/controls.png) no-repeat 0 -32px;
+}
+
+.bx-wrapper .bx-next {
+ right: 10px;
+ background: url(img/controls.png) no-repeat -43px -32px;
+}
+
+.bx-wrapper .bx-prev:hover {
+ background-position: 0 0;
+}
+
+.bx-wrapper .bx-next:hover {
+ background-position: -43px 0;
+}
+
+.bx-wrapper .bx-controls-direction a {
+ position: absolute;
+ top: 50%;
+ margin-top: -16px;
+ outline: 0;
+ width: 32px;
+ height: 32px;
+ text-indent: -9999px;
+ z-index: 9999;
+}
+
+.bx-wrapper .bx-controls-direction a.disabled {
+ display: none;
+}
+
+/* AUTO CONTROLS (START / STOP) */
+
+.bx-wrapper .bx-controls-auto {
+ text-align: center;
+}
+
+.bx-wrapper .bx-controls-auto .bx-start {
+ display: block;
+ text-indent: -9999px;
+ width: 10px;
+ height: 11px;
+ outline: 0;
+ background: url(img/controls.png) -86px -11px no-repeat;
+ margin: 0 3px;
+}
+
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active {
+ background-position: -86px 0;
+}
+
+.bx-wrapper .bx-controls-auto .bx-stop {
+ display: block;
+ text-indent: -9999px;
+ width: 9px;
+ height: 11px;
+ outline: 0;
+ background: url(img/controls.png) -86px -44px no-repeat;
+ margin: 0 3px;
+}
+
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active {
+ background-position: -86px -33px;
+}
+
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+ text-align: left;
+ width: 80%;
+}
+
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+ right: 0;
+ width: 35px;
+}
+
+/* IMAGE CAPTIONS */
+
+.bx-wrapper .bx-caption {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ background: #666\9;
+ background: rgba(80, 80, 80, 0.75);
+ width: 100%;
+}
+
+.bx-wrapper .bx-caption span {
+ color: #fff;
+ font-family: Arial;
+ display: block;
+ font-size: .85em;
+ padding: 10px;
+}
ADDED cgisetup/www/html-kickstart/css/kickstart.css
Index: cgisetup/www/html-kickstart/css/kickstart.css
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/kickstart.css
@@ -0,0 +1,519 @@
+/*
+ 99Lime.com HTML KickStart by Joshua Gatcke
+ kickstart.css
+
+ Don't edit the file if you want HTML KickStart to be upgradeable.
+ Instead, copy any CSS selectors you want to modify to your style.css file.
+
+ // Colors
+ blue: #4D99E0;
+*/
+/*---------------------------------
+ IMPORTS
+-----------------------------------*/
+@import url(kickstart-buttons.css);
+@import url(kickstart-forms.css);
+@import url(kickstart-menus.css);
+@import url(kickstart-grid.css);
+@import url(jquery.fancybox-1.3.4.css);
+@import url(kickstart-slideshow.css);
+@import url(prettify.css);
+@import url(tiptip.css);
+@import url(fonts/font-awesome-4.2.0/css/font-awesome.min.css);
+
+/*---------------------------------
+ HTML ELEMENTS
+-----------------------------------*/
+*{
+-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
+-moz-box-sizing: border-box; /* Firefox, other Gecko */
+box-sizing: border-box; /* Opera/IE 8+ */
+}
+a{color:#4D99E0;outline:0;}
+a:active{color:inherit;}
+a:visited{}
+a:hover{}
+a img{border:0;}
+a [class^="icon-"]{color:inherit;text-decoration:none;}
+strong,b{color:#000;font-weight:bold;}
+strike{}
+em,i{}
+.hide{display:none;}
+.show{display:block;}
+
+/*---------------------------------
+ UTILITY
+-----------------------------------*/
+.center{text-align:center;}
+.left{text-align:left;}
+.right{text-align:right;}
+
+/*---------------------------------
+ HR
+-----------------------------------*/
+hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0;height:1px;}
+hr.alt1{border-style: solid;}
+hr.alt2{border-style: dashed;}
+
+/*---------------------------------
+ HTML5 ELEMENTS (shim)
+-----------------------------------*/
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section {
+display:block;
+}
+
+/*---------------------------------
+ HEADINGS
+-----------------------------------*/
+h1,h2,h3,h4,h5,h6{
+font-weight:bold;
+line-height:140%;
+}
+
+h1{
+font-size:3.5em;
+margin:10px 0 10px 0;
+}
+
+h2{
+font-size:3em;
+margin:10px 0 10px 0;
+}
+
+h3{
+font-size:2.5em;
+margin:10px 0 10px 0;
+line-height:130%;
+}
+
+h4{
+font-size:2em;
+margin:10px 0 10px 0;
+}
+
+h5{
+font-size:1.5em;
+margin:10px 0 10px 0;
+}
+
+h6{
+font-size:1.2em;
+margin:10px 0 5px 0;
+}
+
+/*---------------------------------
+ PARAGRAPHS
+-----------------------------------*/
+p{
+margin:10px 0;
+}
+
+/*---------------------------------
+ BLOCKQUOTES
+-----------------------------------*/
+blockquote{
+font-size:1.5em;
+line-height:1.5em;
+font-style: italic;
+margin:30px 30px 30px 0;
+padding:0 0 0 20px;
+border-left:1px solid #ccc;
+}
+
+ blockquote span{font-size:0.7em;display:block;}
+ blockquote.small{font-size:1.2em;}
+
+/*---------------------------------
+ LISTS
+-----------------------------------*/
+ul, ol{
+padding:0;
+margin:0 0 20px 25px;
+}
+
+li{
+padding:5px 0;
+margin:0;
+}
+
+ul.list-unstyled{
+padding:0;
+margin:0 0 20px 0;
+}
+
+ul.list-unstyled li{
+padding:5px 0;
+margin:0;
+list-style-type:none;
+
+}
+
+ul.alt{
+padding:0;
+margin:0 0 20px 0;
+}
+
+ul.alt li{
+list-style-type:none;
+border-top:1px dotted #ccc;
+border-bottom:1px dotted #ccc;
+margin:0 0 -1px 0;
+background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em;
+padding-left:20px;
+}
+
+ul.icons{
+margin:0 0 20px 0;
+padding:0;
+}
+
+ul.icons li{
+list-style-type:none;
+margin:0;
+padding:5px 0;
+}
+
+/*---------------------------------
+ PRE & CODE
+-----------------------------------*/
+code{
+font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
+font-size:0.9em;
+border:1px solid lightblue;
+padding:3px;
+-moz-border-radius:3px;
+-webkit-border-radius:3px;
+border-radius:3px;
+color:#518BAB;
+}
+
+pre{
+white-space: pre-wrap; /* css-3 */
+white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
+white-space: -pre-wrap; /* Opera 4-6 */
+white-space: -o-pre-wrap; /* Opera 7 */
+word-wrap: break-word; /* Internet Explorer 5.5+ */
+margin: 0 0 0 0;
+padding:5px 5px 3px 5px;
+background:#fff;
+-moz-border-radius:5px;
+-webkit-border-radius:5px;
+border-radius:5px;
+-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
+-moz-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
+box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
+padding:10px;
+margin:0 0;
+border:1px solid #ddd;
+font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
+font-size:0.9em;
+}
+
+/*---------------------------------
+ TABLES
+-----------------------------------*/
+table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
+ thead, tbody{margin:0;padding:0;}
+ th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;}
+ thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;}
+ tbody tr.last th,
+ tbody tr.last td{border-bottom:0;}
+
+/* striped */
+table.striped{}
+ table.striped tr.alt{background:#f5f5f5;}
+ table.striped thead th{background:#fff;}
+ table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
+ table.striped tbody tr.alt th{background:#efefef;}
+
+/* tight */
+table.tight{}
+ table.tight th, .tight td{padding:2px 10px;}
+
+/* sortable */
+table.sortable{border:1px solid #ddd;}
+ table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
+ table.sortable thead th:hover{background:#efefef;}
+ table.sortable span.arrow{border-style:solid;border-width:5px;
+ display:block;position:absolute;top:50%;right:5px;font-size:0;
+ border-color:#ccc transparent transparent transparent;
+ line-height:0;height:0;width:0;margin-top:-2px;}
+ table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}
+
+/*---------------------------------
+ TABS
+-----------------------------------*/
+ul.tabs{
+margin:10px 0 -1px 0;
+padding:0;
+width:100%;
+border-bottom:1px solid #e5e5e5;
+float:left;
+font-size:0;
+}
+
+ ul.tabs.left{text-align:left;}
+ ul.tabs.center{text-align:center;}
+ ul.tabs.right{text-align:right;}
+ ul.tabs.right li{margin:0 0 0 -2px;}
+
+ ul.tabs li{
+ font-size:14px;
+ list-style-type:none;
+ margin:0 -2px 0 0;
+ padding:0;
+ display:inline-block;
+ *display:inline;/*IE ONLY*/
+ position:relative;
+ top:0;
+ left:0;
+ *top:1px;/*IE 7 ONLY*/
+ zoom:1;
+ }
+
+ ul.tabs li a{
+ text-decoration:none;
+ color:#666;
+ display:inline-block;
+ padding:9px 15px;
+ position: relative;
+ top:0;
+ left:0;
+ line-height:100%;
+ background:#f5f5f5;
+ -webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
+ -moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
+ box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
+ border:1px solid #e5e5e5;
+ border-bottom:0;
+ font-size:0.9em;
+ zoom:1;
+ }
+
+ ul.tabs li a:hover{
+ background:#fff;
+ }
+
+ ul.tabs li.current a{
+ position:relative;
+ top:1px;
+ left:0;
+ background:#fff;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ color:#222;
+ }
+
+ .tab-content{
+ border:1px solid #efefef;
+ border:1px solid #e5e5e5;
+ background:#fff;
+ clear:both;
+ padding:20px;
+ margin:0 0 40px 0;
+ }
+
+
+/*---------------------------------
+ BREADCRUMBS
+-----------------------------------*/
+ul.breadcrumbs{
+margin:10px 0;
+padding:0;
+line-height:0%;
+font-size:0;
+}
+
+ ul.breadcrumbs li{
+ list-style-type:none;
+ margin:0;
+ padding:0;
+ display:inline-block;
+ *display:inline; /* IE ONLY*/
+ position:relative;
+ zoom:1;
+ line-height:100%;
+ font-size:14px; /* 0.8em default to override font-size:0; on parent*/
+ }
+
+ ul.breadcrumbs li a{
+ display:inline-block;
+ *display:inline; /* IE ONLY*/
+ position:relative;
+ padding:5px 15px 5px 5px;
+ font-size:0.9em;
+ zoom:1;
+ margin:0;
+ background:url(img/icon-arrow-right.png) no-repeat right center;
+ }
+
+ ul.breadcrumbs li.last a{
+ color:#333;
+ cursor: default;
+ text-decoration:none;
+ background:none;
+ }
+
+ ul.breadcrumbs li.last a:hover{
+ text-decoration:none;
+ }
+
+ /* Alternative Style */
+ ul.breadcrumbs.alt1{
+ border:1px solid transparent;
+ font-size:0;
+ }
+
+ ul.breadcrumbs.alt1 li a{
+ padding:10px 25px 10px 15px;
+ background:url(img/breadcrumbs-bg.gif) no-repeat right center;
+ text-decoration:none;
+ border-top:1px solid #efefef;
+ border-bottom:1px solid #efefef;
+ font-size:12px;
+ }
+
+ ul.breadcrumbs.alt1 a:hover{
+ text-decoration:underline;
+ }
+
+ ul.breadcrumbs.alt1 li.first a{
+ border-left:1px solid #efefef;
+ }
+
+ ul.breadcrumbs.alt1 li.last a{
+ background:none;
+ border-right:1px solid #efefef;
+ }
+
+/*---------------------------------
+ IMAGES
+-----------------------------------*/
+/*
+ for img .style1, .style2, .style3
+ view js/kickstart.js Image Style Helpers
+*/
+img{
+margin:0;
+padding:0;
+display:inline-block;
+position:relative;
+zoom:1;
+vertical-align: bottom;
+}
+
+ img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0;}
+ img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px;}
+ img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}
+
+ div.caption{
+ background:#f5f5f5;
+ border:1px solid #ddd;
+ padding:3px;
+ max-width:100%;
+ display:inline-block;
+ height:auto;
+ }
+
+ div.caption img{
+ display:block;
+ padding:0;
+ margin:0;
+ width:100%;
+ height:auto;
+ }
+
+ div.caption span{
+ display:block;
+ margin-top:3px;
+ font-size:0.8em;
+ color:#666;
+ padding:0px 5px;
+ }
+
+ .gallery{}
+
+ .gallery a{
+ display:inline-block;
+ position:relative;
+ border:1px solid #ddd;
+ background:#fff;
+ padding:3px;
+ margin:5px;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ border-radius:5px;
+ }
+
+ .gallery a img{
+ display: block;
+ position: relative;
+ margin:0;
+ padding:0;
+ }
+
+/*---------------------------------
+ SLIDESHOW2
+-----------------------------------*/
+.slideshow-wrap{
+clear:both;
+margin:0;
+padding:0;
+position:relative;
+top:0;
+left:0;
+overflow:hidden;
+clear:both;
+}
+
+ .slideshow-inner{
+ overflow:hidden;
+ clear:both;
+ position:relative;
+ top:0;
+ left:0;
+ border:1px solid #efefef;
+ }
+
+ .slideshow{
+ clear:both;
+ margin:0;
+ padding:0;
+ width:auto;
+ height:auto;
+ overflow:hidden;
+ }
+
+ .slideshow li{
+ list-style-type:none;
+ margin:0;
+ padding:0;
+ float:left;
+ display:block;
+ }
+
+ .slideshow img{vertical-align: bottom;}
+
+ .slideshow-buttons{
+ text-align:right;
+ margin:3px 0 0 0;
+ padding:0;
+ }
+
+ .slideshow-buttons li{display:inline;position:relative;top:0;left:0;line-height:100%;margin:0;padding:0;}
+ .slideshow-buttons li.current a{background:#ddd;}
+
+ .slideshow-buttons a{
+ display:inline;
+ position:relative;
+ top:0;
+ left:0;
+ padding:1px 3px;
+ margin:0 1px;
+ line-height:100%;
+ border:1px solid #efefef;
+ text-decoration:none;
+ font-size:0.8em;
+ }
ADDED cgisetup/www/html-kickstart/css/prettify.css
Index: cgisetup/www/html-kickstart/css/prettify.css
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/prettify.css
@@ -0,0 +1,1 @@
+.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
ADDED cgisetup/www/html-kickstart/css/tiptip.css
Index: cgisetup/www/html-kickstart/css/tiptip.css
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/css/tiptip.css
@@ -0,0 +1,99 @@
+/*
+ TipTip CSS - Version 1.2
+ http://code.drewwilson.com/entry/tiptip-jquery-plugin
+*/
+
+#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
+#tiptip_holder.tip_top { padding-bottom: 5px; }
+#tiptip_holder.tip_bottom { padding-top: 5px; }
+#tiptip_holder.tip_right { padding-left: 5px; }
+#tiptip_holder.tip_left { padding-right: 5px; }
+
+#tiptip_content {
+font-size: 11px;
+color: #fff;
+text-shadow: 0 0 2px #000;
+padding: 4px 8px;
+border: 1px solid rgba(255,255,255,0.25);
+background:#212121;
+background-color: rgba(25,25,25,0.92);
+background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
+-webkit-border-radius: 3px;
+-moz-border-radius: 3px;
+border-radius: 3px;
+-webkit-box-shadow: 0 0 3px #555;
+-moz-box-shadow: 0 0 3px #555;
+box-shadow: 0 0 3px #555;
+*background:#212121;
+}
+
+#tiptip_arrow, #tiptip_arrow_inner {
+position: absolute;
+border-color: transparent;
+border-style: solid;
+border-width: 6px;
+height: 0;
+width: 0;
+}
+
+#tiptip_holder.tip_top #tiptip_arrow {
+border-top-color: #fff;
+border-top-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_bottom #tiptip_arrow {
+border-bottom-color: #fff;
+border-bottom-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_right #tiptip_arrow {
+border-right-color: #fff;
+border-right-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_left #tiptip_arrow {
+border-left-color: #fff;
+border-left-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_top #tiptip_arrow_inner {
+margin-top: -7px;
+margin-left: -6px;
+border-top-color: rgb(25,25,25);
+border-top-color: rgba(25,25,25,0.92);
+}
+
+#tiptip_holder.tip_bottom #tiptip_arrow_inner {
+margin-top: -5px;
+margin-left: -6px;
+border-bottom-color: rgb(25,25,25);
+border-bottom-color: rgba(25,25,25,0.92);
+}
+
+#tiptip_holder.tip_right #tiptip_arrow_inner {
+margin-top: -6px;
+margin-left: -5px;
+border-right-color: rgb(25,25,25);
+border-right-color: rgba(25,25,25,0.92);
+}
+
+#tiptip_holder.tip_left #tiptip_arrow_inner {
+margin-top: -6px;
+margin-left: -7px;
+border-left-color: rgb(25,25,25);
+border-left-color: rgba(25,25,25,0.92);
+}
+
+/* Webkit Hacks */
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+ #tiptip_content {
+ padding: 4px 8px 5px 8px;
+ background-color: rgba(45,45,45,0.88);
+ }
+ #tiptip_holder.tip_bottom #tiptip_arrow_inner {
+ border-bottom-color: rgba(45,45,45,0.88);
+ }
+ #tiptip_holder.tip_top #tiptip_arrow_inner {
+ border-top-color: rgba(20,20,20,0.92);
+ }
+}
ADDED cgisetup/www/html-kickstart/elements.html
Index: cgisetup/www/html-kickstart/elements.html
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/elements.html
@@ -0,0 +1,1816 @@
+
+
+
+
+
+
+ Ultra–Lean HTML5, CSS, & JS Building Blocks
+
+ Download (Github) + + +
+
+HTML KickStart
+Ultra–Lean HTML5, CSS, & JS Building Blocks
for Rapid Website Production
+
+
+ Responsive +
+
+ + Responsive +
+
+ MIT Open Source +
+
+ + MIT Open Source +
+
+ 479 Icons
+
+
+ + 479 Icons
+
+
+ Designer Friendly + +
+ + Designer Friendly + +
+ Download (Github) + + +
+
Downloaded over 91036 Times :)
+
+
+
+
+
+Getting Started
+-
+
- Instructions +
+
+
+
+
+
+
+
+
+ Setup
+-
+
- Download HTML KickStart +
- Include jQuery and HTML KickStart
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> +<script src="js/kickstart.js"></script> <!-- KICKSTART --> +<link rel="stylesheet" href="css/kickstart.css" media="all" /> <!-- KICKSTART --> +
+
+ - Copy Elements into your HTML +
+
+ Browsers
+ HTML KickStart Tested and working in IE 8+, Safari, Chrome, Firefox, Opera, Safari IOS, Browser and Chrome Android. +Notes
+ Don't forget to use an HTML5 Doctype +<!DOCTYPE html>
+ Buttons
+-
+
- Example +
- Sizes +
- With Icons +
- Colors +
- Styles +
- Button Bar +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ With Icons
++
+
+
+
+ Button Bar
+ + + + + + + +
+
+
+ +<!-- Button Sizes --> +<button>Button</button> +<a class="button" href="">A.button</a> +<button class="small">Small</button> +<button class="small" disabled="disabled">Small (disabled)</button> +<button class="medium">Medium</button> +<button class="large">Large</button>+
+
+
+ +<!-- Buttons w/Icons --> +<button class="small"><i class="fa fa-picture-o"></i> Small</button> +<button class="medium"><i class="fa fa-coffee"></i> Medium</button> +<button class="large"><i class="fa fa-leaf"></i> Large</button>+
+
+
+ +<!-- Buttons w/Colors --> +<button class="blue"><i class="fa fa-star"></i> .blue</button> +<a class="button orange" href=""><i class="fa fa-music"></i> .orange</a> +<button class="small pink"><i class="fa fa-plus-square"></i> .pink</button> +<button class="medium green"><i class="fa fa-play-circle"></i> .green</button> +<button class="large red"><i class="fa fa-minus-square"></i> .red</button>+
+
+
+ +<!-- Default (no style) --> +<button>default</button> + +<!-- Pill --> +<button class="pill"><i class="fa fa-star"></i> .pill</button> + +<!-- Pop --> +<a class="button pop" href=""><i class="fa fa-music"></i> .pop</a> + +<!-- Inset --> +<button class="inset"><i class="fa fa-plus-square"></i> .inset</button> + +<!-- Square --> +<button class="square"><i class="icon-minus-square"></i> .square</button> ++
+
+
+
++<!-- Button Bar w/icons --> +<ul class="button-bar"> +<li><a href=""><i class="fa fa-pencil"></i> Edit</a></li> +<li><a href=""><i class="fa fa-tag"></i> Tag</a></li> +<li><a href=""><i class="fa fa-upload"></i> Upload</a></li> +<li><a href=""><i class="fa fa-plus-sign"></i></a></li> +</ul> ++
Lists
+ + +
+
+
+
+
+
+ Unordered List
+-
+
- Apple +
- Banana +
- Orange +
- Pear +
+
+
+ Ordered List
+-
+
- Apple +
- Banana +
- Orange +
- Pear +
+
+
+ UL.icons
+-
+
- Apple +
- Banana +
- Orange +
- Pear +
+
+ UL.alt
+-
+
- Apple +
- Banana +
- Orange +
- Pear +
+
+
+ +<!-- Unordered List --> +<ul> +<li>Apple</li> +<li>Banana</li> +<li>Orange</li> +<li>Pear</li> +</ul>+
+
+
+ +<!-- Ordered List --> +<ol> +<li>Apple</li> +<li>Banana</li> +<li>Orange</li> +<li>Pear</li> +</ol>+
+
+
+ +<!-- List Icons --> +<ul class="icons"> +<li><i class="fa fa-check"></i>Apple</li> +<li><i class="fa fa-check"></i>Banana</li> +<li><i class="fa fa-check"></i>Orange</li> +<li><i class="fa fa-remove"></i>Pear</li> +</ul>+
+
+
+
++<!-- List Alternative Style --> +<ul class="alt"> +<li>Apple</li> +<li>Banana</li> +<li>Orange</li> +<li>Pear</li> +</ul>+
Menus
+ + + + + + + + + + + +Tables
+ + +
+
+
+
+
+
+
+
+ Table (default)
+| Item1 | +Item2 | +Item3 | +
|---|---|---|
| Item1 | +Item2 | +Item3 | +
| Item1 | +Item2 | +Item3 | +
| Item1 | +Item2 | +Item3 | +
| Item1 | +Item2 | +Item3 | +
+
+
+
+
+ Table.striped
+| + | Item2 | +Item3 | +
|---|---|---|
| Item1 | +Item2 | +Item3 | +
| Item1 | +Item2 | +Item3 | +
| Item1 | +Item2 | +Item3 | +
| Item1 | +Item2 | +Item3 | +
+
+
+
+
+
+ Table.tight
+| Item1 | +Item2 | +Item3 | +
|---|---|---|
| Item1 | +Item2 | +Item3 | +
| Item1 | +Item2 | +Item3 | +
| Item1 | +Item2 | +Item3 | +
| Item1 | +Item2 | +Item3 | +
+
+
+ +<!-- Table --> +<table cellspacing="0" cellpadding="0"> +<thead><tr> + <th>Item1</th> + <th>Item2</th> + <th>Item3</th> +</tr></thead> +<tbody><tr> + <td>Item1</td> + <td>Item2</td> + <td>Item3</td> +</tr><tr> + <td>Item1</td> + <td>Item2</td> + <td>Item3</td> +</tr><tr> + <td>Item1</td> + <td>Item2</td> + <td>Item3</td> +</tr><tr> + <td>Item1</td> + <td>Item2</td> + <td>Item3</td> +</tr></tbody> +</table>+
+
+
+ +<!-- Table w/Side --> +<table cellspacing="0" cellpadding="0"> +<thead><tr> + <th> </th> + <th>Item2</th> + <th>Item3</th> +</tr></thead> +<tbody><tr> + <th>Item1</th> + <td>Item2</td> + <td>Item3</td> +</tr><tr> + <th>Item1</th> + <td>Item2</td> + <td>Item3</td> +</tr><tr> + <th>Item1</th> + <td>Item2</td> + <td>Item3</td> +</tr><tr> + <th>Item1</th> + <td>Item2</td> + <td>Item3</td> +</tr></tbody> +</table>+
+
+
+
++<!-- Table striped --> +<table class="striped"> +... +</table> + +<!-- Table tight --> +<table class="tight"> +... +</table> + +<!-- Table sortable --> +<table class="sortable"> +... +</table> + +<!-- Table combined Styles --> +<table class="striped tight sortable"> +... +</table> ++
ToolTips
+ + +
+
+
+
+
+
+ Tooltips
+Tooltips are awesome. These tooltips are designed to mimic the default browser tooltips - smart, aware of the edge of the browser window. Simple.
+Hover over the examples on the right to preview.
+Use:
+ class="tooltip" +
+ title="my tooltip content"
+
+
+ Tooltip Positions
+-
+
.tooltip(default)
+ .tooltip-top
+ .tooltip-right
+ .tooltip-left
+ .tooltip-bottom
+
+
+ + +
+
+
+ Tooltips with HTML Content
+.tooltip + data-content="#ID"
+ + + +
HTML Content
+
+ This is more HTML content. You can place any HTML in this tooltip.
+
+
+ +<!-- Tooltip Default (top) --> +<span class="tooltip" title="This is a default (top) tooltip">.tooltip</span> + +<!-- Tooltip Top --> +<span class="tooltip-top" title="This is a Top tooltip">.tooltip-top</span> + +<!-- Tooltip Right --> +<span class="tooltip-right" title="This is a Right tooltip">.tooltip-right</span> + +<!-- Tooltip Left --> +<span class="tooltip-left" title="This is a Left tooltip">.tooltip-left</span> + +<!-- Tooltip Bottom --> +<span class="tooltip-bottom" title="This is a Bottom tooltip">.tooltip-bottom</span> ++
+
+
+
+
++<!-- Hover Action --> +<button class="tooltip medium orange pill" data-content="#tooltipcontentID">Hover Over Me</button> + +<!-- Click Action --> +<button class="tooltip medium blue pill" data-content="#tooltipcontentID" data-action="click">Click Me</button> + +<!-- Tooltip Content --> +<div class="tooltip-content" id="tooltipcontentID"><h5>HTML Content</h5> +<img src="http://placehold.it/180x150/4D99E0/ffffff.png&text=180x150" width="180" height="150" /> +<p>This is more HTML content. You can place any HTML in this tooltip.</p></div> ++
Typography
+ + +
+
+
+
+
+
+
+ Paragraphs
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore + magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper + suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in + hendrerit in vulputate velit esse molestie consequat
+El illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim + qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam + liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim + placerat facer possim assum.
+ + +Blockquote
++ + +lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit + in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan + et iusto odio + Someone Important
Blockquote Small
++lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit + in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan + et iusto odio + Someone Important
+
+ +
+ +
+ Inline Styles
+-
+
- Strong +
- Emphasis +
- Inline Link +
Strike
+ - Inline Icons +
<h1>Sample Code</h1>
+
+ +
Heading 1
+Heading 2
+Heading 3
+Heading 4
+Heading 5
+Heading 6
++ +
Address
+
+ 1234 South Creek Lane
+ Calgary, Alberta, Canada
+ T4B–1S6
+
+
+
+ +<!-- Headings 1–6 --> +<h1>Heading 1</h1> +<h2>Heading 2</h2> +<h3>Heading 3</h3> +<h4>Heading 4</h4> +<h5>Heading 5</h5> +<h6>Heading 6</h6>+
+
+
+ +<!-- Paragraph --> +<p>Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt...</p> +<p>El illum dolore eu feugiat nulla facilisis at vero eros et accumsan...</p>+
+
+
+ +<!-- Blockquote --> +<blockquote> +<p> +lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit +in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan +et iusto odio +<span>Someone Important</span> +</p> +</blockquote>+
+
+
+ +<!-- Blockquote Small --> +<blockquote class="small"> +<p> +lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit +in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan +et iusto odio +<span>Someone Important</span> +</p> +</blockquote>+
+
+
+ <!-- Strong --> +<strong>Strong</strong> + +<!-- Emphasis --> +<em>Emphasis</em> + +<!-- Inline Link --> +<a href="">Inline Link</a> + +<!-- Strike --> +<strike>Strike</strike> + +<!--Inline Icons --> +Inline <i class="icon-film"></i> Icons + +<!--Sample Code (encoded entities) --> +<code><h1>Sample Code</h1></code>+
+
+
+
++<!-- Address --> +<address><p> +1234 South Creek Lane<br /> +Calgary, Alberta, Canada<br /> +T4B–1S6 +</p> +</address>+
Horizontal Rules
+ + +
+
+
+
+
+
+
+ HR
++
+
+
+
+ HR.alt1
++
+
+
+ HR.alt2
++
+
+
+
+
+
++<!-- HR --> +<hr /> + +<!-- HR.alt1 --> +<hr class="alt1" /> + +<!-- HR.alt2 --> +<hr class="alt2" />+
Icons/Glyphs
+
+
+
+
+
+
+
+ HTML KickStart now using
+ How to use icons:
Replace fa-globe with the icon you would like to use from the Cheatsheet.
+ HTML KickStart now using
Font Awesome 4.2.0 Icons!
+ How to use icons: <i class="fa fa-globe"></i>.
+ Replace fa-globe with the icon you would like to use from the Cheatsheet.
+
+
+
+
+
+ To increase the size of icons relative to its container, use
+ To increase the size of icons relative to its container, use
fa-large, fa-2x, fa-3x, or fa-4x.+
+
+ .pull-left Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
+ .pull-right Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
+.fa-border Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ Code/Pre
+ + +
+
+
+
+
+
+
+ PRE HTML
++<html> +<head><title>This is a title</title></head> +<body class="subpage"> + <!-- Content Here --> +</body> +</html>+
+
+
+
+ PRE CSS
+
+body{
+font-weight:bold;
+color:#000;
+line-height:150%;
+}
+
+
+ PRE JS
+
+$(document).ready(function(){
+ alert('jQuery');
+});
+
+
+
+ +<!-- Code HTML --> +<pre> +…code goes here… +</pre>+
+
+
+ +<!-- Code CSS --> +<pre> +…code goes here… +</pre>+
+
+
+ +<!-- Code Javascript --> +<pre> +…code goes here… +</pre>+
+
+
+
++<!-- Code PHP --> +<pre> +…code goes here… +</pre>+
Tabs
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+ +<!-- Tabs Left --> +<ul class="tabs left"> +<li><a href="#tabr1">Tab1</a></li> +<li><a href="#tabr2">Tab2</a></li> +<li><a href="#tabr3">Tab3</a></li> +</ul> + +<div id="tabr1" class="tab-content">Tab1</div> +<div id="tabr2" class="tab-content">Tab2</div> +<div id="tabr3" class="tab-content">Tab3</div>+
+
+
+ +<!-- Tabs Center --> +<ul class="tabs center"> +<li><a href="#tabc1">Tab1</a></li> +<li><a href="#tabc2"><i class="fa fa-folder-open"></i> Tab2</a></li> +<li><a href="#tabc3">Tab3</a></li> +</ul> + +<div id="tabc1" class="tab-content">Tab1</div> +<div id="tabc2" class="tab-content">Tab2 has an icon.</div> +<div id="tabc3" class="tab-content">Tab3</div>+
+
+
+
++<!-- Tabs Right --> +<ul class="tabs right"> +<li><a href="#tabr1">Tab1</a></li> +<li><a href="#tabr2">Tab2</a></li> +<li><a href="#tabr3">Tab3</a></li> +</ul> + +<div id="tabr1" class="tab-content">Tab1</div> +<div id="tabr2" class="tab-content">Tab2</div> +<div id="tabr3" class="tab-content">Tab3</div>+
Breadcrumbs
+ + +
+
+
+
+
+
+ Breadcrumbs
+ +
+
+ Breadcrumbs.alt1
+ +
+
+
+ +<!-- Breadcrumbs --> +<ul class="breadcrumbs"> +<li><a href="">Home</a></li> +<li><a href="">Category</a></li> +<li><a href="">Sub Category</a></li> +<li><a href="">Page Title</a></li> +</ul>+
+
+
+
+
+
++<!-- Alternative Style --> +<ul class="breadcrumbs alt1"> +<li><a href="">Home</a></li> +<li><a href="">Category</a></li> +<li><a href="">Sub Category</a></li> +<li><a href="">Page Title</a></li> +</ul>+
Grids/Columns
+ + +
+
+
+
+
+
+ Responsive & Flexible Grid
+Responsive functionality is optional. Only use .grid & .grid.flex if you
+ want a responsive grid. Resize your browser to see it in action.
Responsive Grid:<div class="grid">
Flexible Responsive Grid:<div class="grid flex">
Grid Helper Classes:
+ .show-desktop
+ .hide-desktop
+ .show-tablet
+ .hide-tablet
+ .show-phone
+ .hide-phone
+
All columns automatically have the class
+
+
+ .column. Apply padding and borders directly to columns
+ .column{border:1px solid red;padding:10px;} col_12
+ col_1
col_11
+ col_2
col_10
+ col_3
col_9
+ col_4
col_8
+ col_5
col_7
+ col_6
col_6
+ col_7
col_5
+ col_8
col_4
+ col_9
col_3
+ col_10
col_2
+ col_11
col_1
+ col_12
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
+ nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
+ nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
+ nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
+ nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
+ nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
+ nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
+ nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
+ nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
+ nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
+
+
+
+
++<!-- Columns/Grid --> +<div class="col_12">col_12</div> +<div class="col_1">col_1</div><div class="col_11">col_11</div> +<div class="col_2">col_2</div><div class="col_10">col_10</div> +<div class="col_3">col_3</div><div class="col_9">col_9</div> +<div class="col_4">col_4</div><div class="col_8">col_8</div> +<div class="col_5">col_5</div><div class="col_7">col_7</div> +<div class="col_6">col_6</div><div class="col_6">col_6</div> +<div class="col_7">col_7</div><div class="col_5">col_5</div> +<div class="col_8">col_8</div><div class="col_4">col_4</div> +<div class="col_9">col_9</div><div class="col_3">col_3</div> +<div class="col_10">col_10</div><div class="col_2">col_2</div> +<div class="col_11">col_11</div><div class="col_1">col_1</div> +<div class="col_12">col_12</div> + +<!-- FOURTHS --> +<div class="col_3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy +nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div> +<div class="col_3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy +nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div> +<div class="col_3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy +nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div> +<div class="col_3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy +nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div> + +<!-- THIRDS --> +<div class="col_4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy +nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div> +<div class="col_4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy +nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div> +<div class="col_4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy +nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div> + +<!-- HALF & HALF --> +<div class="col_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy +nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div> +<div class="col_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy +nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>+
Images
+ + +
+
+
+
+
+
+ 
+
+
+ IMG.caption
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+ DIV.gallery
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ IMG.align-left
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt + ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor + in hendrerit in vulputate velit esse molestie consequat.
+
+
+
+
+ IMG.align-right
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt + ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor + in hendrerit in vulputate velit esse molestie consequat.
+
+ 
+
+ IMG.full-width
+
+
+
+
+ +<!-- Caption --> +<img class="caption" title="This is the image caption" src="http://placehold.it/400x350/4D99E0/ffffff.png&text=400x350" width="400" height="350" />+
+
+
+ +<!-- Align Left --> +<img class="align-left" src="http://placehold.it/100x100/4D99E0/ffffff.png&text=100x100" width="100" height="100" /> +<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt +ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation +ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor +in hendrerit in vulputate velit esse molestie consequat.</p>+
+
+
+ +<!-- Align Right --> +<img class="align-right" src="http://placehold.it/100x100/4D99E0/ffffff.png&text=100x100" width="100" height="100" /> +<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt +ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation +ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor +in hendrerit in vulputate velit esse molestie consequat.</p>+
+
+
+ +<!-- Full Width --> +<img class="full-width" src="http://placehold.it/260x200/4D99E0/ffffff.png&text=full+width" />+
+
+
+
++<!-- Gallery --> +<div class="gallery"> +<a href="http://placehold.it/600x450/4D99E0/ffffff.png&text=600x450"><img src="http://placehold.it/100x100/4D99E0/ffffff.png&text=100x100" width="100" height="100" /></a> +<a href="http://placehold.it/600x450/75CC00/ffffff.png&text=600x450"><img src="http://placehold.it/100x100/75CC00/ffffff.png&text=100x100" width="100" height="100" /></a> +<a href="http://placehold.it/600x450/E49800/ffffff.png&text=600x450"><img src="http://placehold.it/100x100/E49800/ffffff.png&text=100x100" width="100" height="100" /></a> +<a href="http://placehold.it/600x450/E4247E/ffffff.png&text=600x450"><img src="http://placehold.it/100x100/E4247E/ffffff.png&text=100x100" width="100" height="100" /></a> +<a href="http://placehold.it/600x450/00C6E4/ffffff.png&text=600x450"><img src="http://placehold.it/100x100/00C6E4/ffffff.png&text=100x100" width="100" height="100" /></a> +<a href="http://placehold.it/600x450/E4DB0F/ffffff.png&text=600x450"><img src="http://placehold.it/100x100/E4DB0F/ffffff.png&text=100x100" width="100" height="100" /></a> +<a href="http://placehold.it/600x450/7400E4/ffffff.png&text=600x450"><img src="http://placehold.it/100x100/7400E4/ffffff.png&text=100x100" width="100" height="100" /></a> +<a href="http://placehold.it/600x450/C50000/ffffff.png&text=600x450"><img src="http://placehold.it/100x100/C50000/ffffff.png&text=100x100" width="100" height="100" /></a> +</div>+
Slideshow
+ + +
+
+
+ Fully responsive slideshow. Touch enabled. Uses the awesome & highly configurable BXSlider.
+
+
+
+ -
+
+ 
+ 
+
+
+ Features
+-
+
- Slide Any HTML Content +
- Responsive +
- Touch Enabled +
- Iframes +
- Videos +
- Images +
- Lightweight +
- Multiple Slideshows +
- Zero Setup Required +
- Unordered List (default) +
+
+
+
+
++<!-- Slideshow --> +<ul class="slideshow"> +<li><img src="http://placehold.it/550x350/4D99E0/ffffff.png&text=550x350" width="550" height="350" /></li> +<li><img src="http://placehold.it/550x350/75CC00/ffffff.png&text=550x350" width="550" height="350" /></li> +<li><img src="http://placehold.it/550x350/E49800/ffffff.png&text=550x350" width="550" height="350" /></li> +<li><h3>Slide Anything</h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, +sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p></li> +</ul>+
Forms
+ + +
+
+ +
+ + + +
+
+ Form.vertical
+ ++ +
+
+ Inline Form Fields (default)
+ ++ + + +
+
+ Input/Label Sizes
+ + + + + + + + + + + + + +
+
+
+ +<!-- Text Field --> +<label for="text1">Text Field</label> +<input id="text1" type="text" /> + +<!-- Placeholder Text --> +<label for="text2">Placeholder</label> +<input id="text2" type="text" placeholder="Placeholder Text" /> + +<!-- Disabled Field --> +<label for="text3" class="disabled">Disabled Field</label> +<input id="text3" type="text" disabled="disabled" /> + +<!-- Label with Right Hint --> +<label for="text4">Label with Right Hint <span class="right">A-Z, 0-9</span></label> +<input id="text4" type="text" /> + +<!-- Label with Hint --> +<label for="text5">Label with Hint <span>A-Z, 0-9</span></label> +<input id="text5" type="text" /> + +<!-- Text Field Error --> +<label for="text6" class="error">Text Field (Error)</label> +<input id="text6" class="error" type="text" />+
+
+
+ +<!-- Select --> +<label for="select1">Select Field</label> +<select id="select1"> +<option value="0">-- Choose --</option> +<option value="1">Option 1</option> +<option value="2">Option 2</option> +<option value="3">Option 3</option> +</select>+
+
+
+ +<!-- Checkbox --> +<input type="checkbox" id="check1" /> +<label for="check1" class="inline">Checkbox Field</label>+
+
+
+ +<!-- Radio --> +<input type="radio" name="radio" id="radio1" /> +<label for="radio1" class="inline">Option1</label>+
+
+
+ +<!-- Fieldset --> +<fieldset> +<legend>Checkboxes</legend> + <!-- Form Fields Here --> +</fieldset>+
+
+
+ +<!-- Textarea --> +<textarea id="textarea1" placeholder="Placeholder Text"></textarea>+
+
+
+
++<!-- Error --> +<div class="notice error"><i class="icon-remove-sign icon-large"></i> This is an Error Notice +<a href="#close" class="icon-remove"></a></div> + +<!-- Warning --> +<div class="notice warning"><i class="icon-warning-sign icon-large"></i> This is a Warning Notice +<a href="#close" class="icon-remove"></a></div> + +<!-- Success --> +<div class="notice success"><i class="icon-ok icon-large"></i> This is a Success Notice +<a href="#close" class="icon-remove"></a></div>+
Extras/Helpers
+-
+
- Extras +
+
+
+
+
+| Item | +Description | +
|---|---|
.left .center .right |
+ Align Text | +
a.lightbox |
+ Open Link in lightbox. Auto Detects, iframe, inline content, etc. | +
.clear |
+ Add this class to a div or other element to clear floats. | +
.clearfix |
+ Add this class to containers that have floating children inside to clear inner floats. | +
li.first li.last |
+ First and Last <li></li> items automatically get classes .first and .last respectively. |
+
.column |
+ All columns have the class .column added to them automatically for easy global styling. |
+
.visible |
+ Add this to columns to view during production. Adds light grey background color to columns. | +
.hide .show |
+ .hide to hide content (display:none). .show to show content (display:block). |
+
tr.first tr.last |
+ First and Last <tr></tr> items automatically get classes .first and .last respectively. |
+
tr.alt |
+ Every second table row automatically gets class .alt. |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
ADDED cgisetup/www/html-kickstart/example.html
Index: cgisetup/www/html-kickstart/example.html
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/example.html
@@ -0,0 +1,116 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
ADDED cgisetup/www/html-kickstart/js/kickstart.js
Index: cgisetup/www/html-kickstart/js/kickstart.js
==================================================================
--- /dev/null
+++ cgisetup/www/html-kickstart/js/kickstart.js
@@ -0,0 +1,424 @@
+/*
+ 99Lime.com HTML KickStart by Joshua Gatcke
+ kickstart.js
+*/
+
+jQuery(document).ready(function($){
+
+ /*---------------------------------
+ MENU Dropdowns
+ -----------------------------------*/
+ $('ul.menu').each(function(){
+ // add the menu toggle
+ $(this).prepend('
+
+ +
+
+
+
+
+
+
+ Paragraphs
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
+ tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
+ nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
+ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
El illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
+ dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam
+ liber tempor cum soluta nobis eleifend <h1>Sample Code</h1> option
+ congue nihil imperdiet doming id quod mazim placerat facer possim assum.
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore + magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis + nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse + molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim + qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum + soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
++ +
+
+
+ Column
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore + magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
+
+
+
+ Column
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore + magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
+
+
+
+ Column
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore + magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
+
+
+Column
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore + magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
+');
+ $(this).parents('div.caption')
+ .attr('class', 'img-wrap '+$(this).attr('class'));
+ if($(this).attr('title')){
+ $(this).parents('div.caption')
+ .append(''+$(this).attr('title')+'');
+ }
+ });
+
+ /*---------------------------------
+ Notice
+ -----------------------------------*/
+ $(document).on('click', '.notice a[class^="icon-remove"]', function(e){
+ e.preventDefault();
+ var notice = $(this).parents('.notice');
+ $(this).hide();
+ notice.fadeOut('slow');
+ });
+
+ /*---------------------------------
+ ToolTip - TipTip
+ -----------------------------------*/
+
+ // Standard tooltip
+ $('.tooltip, .tooltip-top, .tooltip-bottom, .tooltip-right, .tooltip-left').each(function(){
+ // variables
+ var tpos = 'top';
+ var content = $(this).attr('title');
+ var dataContent = $(this).attr('data-content');
+ var keepAlive = false;
+ var action = 'hover';
+ var delay = $(this).attr('data-delay');
+ if (delay === undefined) {delay = 1000;}
+
+ // position
+ if($(this).hasClass('tooltip-top')) { tpos = 'top'; }
+ if($(this).hasClass('tooltip-right')) { tpos = 'right'; }
+ if($(this).hasClass('tooltip-bottom')) { tpos = 'bottom'; }
+ if($(this).hasClass('tooltip-left')) { tpos = 'left'; }
+
+ // content
+ $('.tooltip-content').removeClass('hide').wrap('');
+ if(dataContent) { content = $(dataContent).html(); keepAlive = true; }
+
+ // action (hover or click) defaults to hover
+ if($(this).attr('data-action') == 'click') { action = 'click'; }
+
+ // tooltip
+ $(this).attr('title','')
+ .tipTip({defaultPosition: tpos, content: content, keepAlive: keepAlive, activation: action, delay: delay});
+ });
+
+ /*---------------------------------
+ Table Sort
+ -----------------------------------*/
+ // init
+ var aAsc = [];
+ $('table.sortable').each(function(){
+ $(this).find('thead th').each(function(index){$(this).attr('rel', index);});
+ $(this).find('th,td').each(function(){$(this).attr('value', $(this).text());});
+ });
+
+ // table click
+ $(document).on('click', 'table.sortable thead th', function(e){
+ // update arrow icon
+ $(this).parents('table.sortable').find('span.arrow').remove();
+ $(this).append('');
+
+ // sort direction
+ var nr = $(this).attr('rel');
+ aAsc[nr] = aAsc[nr]=='asc'?'desc':'asc';
+ if(aAsc[nr] == 'desc'){ $(this).find('span.arrow').addClass('up'); }
+
+ // sort rows
+ var rows = $(this).parents('table.sortable').find('tbody tr');
+ rows.tsort('td:eq('+nr+')',{order:aAsc[nr],attr:'value'});
+
+ // fix row classes
+ rows.removeClass('alt first last');
+ var table = $(this).parents('table.sortable');
+ table.find('tr:even').addClass('alt');
+ table.find('tr:first').addClass('first');
+ table.find('tr:last').addClass('last');
+ });
+
+ /*---------------------------------
+ CSS Helpers
+ -----------------------------------*/
+ $('input[type=checkbox]').addClass('checkbox');
+ $('input[type=radio]').addClass('radio');
+ $('input[type=file]').addClass('file');
+ $('[disabled=disabled]').addClass('disabled');
+ $('table').find('tr:even').addClass('alt');
+ $('table').find('tr:first-child').addClass('first');
+ $('table').find('tr:last-child').addClass('last');
+ $('ul').find('li:first-child').addClass('first');
+ $('ul').find('li:last-child').addClass('last');
+ $('hr').before(' ');
+ $('[class*="col_"]').addClass('column');
+ $('pre').addClass('prettyprint');prettyPrint();
+
+});
+
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ *
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
+ *
+ * Version: 1.3.4 (11/11/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ */
+(function(a){var p,u,v,e,B,m,C,j,y,z,s=0,d={},q=[],r=0,c={},k=[],E=null,n=new Image,H=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,S=/[^\.]\.(swf)\s*$/i,I,J=1,x=0,w="",t,g,l=!1,A=a.extend(a("")[0],{prop:0}),K=navigator.userAgent.match(/msie [6]/i)&&!window.XMLHttpRequest,L=function(){u.hide();n.onerror=n.onload=null;E&&E.abort();p.empty()},M=function(){!1===d.onError(q,s,d)?(u.hide(),l=!1):(d.titleShow=!1,d.width="auto",d.height="auto",p.html('![]()
").attr({id:"fancybox-img",src:n.src,alt:d.title}).appendTo(p);N()};n.src=c;break;case "swf":d.scrolling="no";g='";p.html(g);D();break;case "ajax":l=!1;a.fancybox.showActivity();d.ajax.win=d.ajax.success;E=a.ajax(a.extend({},d.ajax,{url:c,data:d.ajax.data||{},error:function(a){0
');d.width=p.width();d.height=p.height();N()},N=function(){var b,h;u.hide();if(e.is(":visible")&&!1===c.onCleanup(k,r,c))a.event.trigger("fancybox-cancel"),l=!1;else{l=!0;a(m.add(v)).unbind();a(window).unbind("resize.fb scroll.fb");a(document).unbind("keydown.fb");e.is(":visible")&&"outside"!==c.titlePosition&&e.css("height",e.height());k=q;r=s;c=d;if(c.overlayShow){if(v.css({"background-color":c.overlayColor,opacity:c.overlayOpacity,
+cursor:c.hideOnOverlayClick?"pointer":"auto",height:a(document).height()}),!v.is(":visible")){if(K)a("select:not(#fancybox-tmp select)").filter(function(){return"hidden"!==this.style.visibility}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});v.show()}}else v.hide();b=O();var f={},F=c.autoScale,n=2*c.padding;f.width=-1The requested content cannot be loaded.
Please try again later.
| '+w+' |
'+w+"
":!1)&&""!==w)switch(j.addClass("fancybox-title-"+c.titlePosition).html(w).appendTo("body").show(),c.titlePosition){case "inside":j.css({width:g.width-
+2*c.padding,marginLeft:c.padding,marginRight:c.padding});x=j.outerHeight(!0);j.appendTo(B);g.height+=x;break;case "over":j.css({marginLeft:c.padding,width:g.width-2*c.padding,bottom:c.padding}).appendTo(B);break;case "float":j.css("left",-1*parseInt((j.width()-g.width-40)/2,10)).appendTo(e);break;default:j.css({width:g.width-2*c.padding,paddingLeft:c.padding,paddingRight:c.padding}).appendTo(e)}j.hide();e.is(":visible")?(a(C.add(y).add(z)).hide(),b=e.position(),t={top:b.top,left:b.left,width:e.width(),
+height:e.height()},h=t.width==g.width&&t.height==g.height,m.fadeTo(c.changeFade,0.3,function(){var b=function(){m.html(p.contents()).fadeTo(c.changeFade,1,P)};a.event.trigger("fancybox-change");m.empty().removeAttr("filter").css({"border-width":c.padding,width:g.width-2*c.padding,height:d.autoDimensions?"auto":g.height-x-2*c.padding});h?b():(A.prop=0,a(A).animate({prop:1},{duration:c.changeSpeed,easing:c.easingChange,step:Q,complete:b}))})):(e.removeAttr("style"),m.css("border-width",c.padding),"elastic"==
+c.transitionIn?(t=R(),m.html(p.contents()),e.show(),c.opacity&&(g.opacity=0),A.prop=0,a(A).animate({prop:1},{duration:c.speedIn,easing:c.easingIn,step:Q,complete:P})):("inside"==c.titlePosition&&0'),
+v=a(''),e=a('')),B=a('').append('').appendTo(e),
+B.append(m=a(''),C=a(''),j=a(''),y=a(''),z=a('')),C.click(a.fancybox.close),u.click(a.fancybox.cancel),y.click(function(b){b.preventDefault();a.fancybox.prev()}),z.click(function(b){b.preventDefault();a.fancybox.next()}),
+a.fn.mousewheel&&e.bind("mousewheel.fb",function(b,c){if(l)b.preventDefault();else if(0==a(b.target).get(0).clientHeight||a(b.target).get(0).scrollHeight===a(b.target).get(0).clientHeight)b.preventDefault(),a.fancybox[0
'),o.viewport=r.parent(),o.loader=t(''),o.viewport.prepend(o.loader),r.css({width:"horizontal"==o.settings.mode?215*o.children.length+"%":"auto",position:"relative"}),o.usingCSS&&o.settings.easing?r.css("-"+o.cssPrefix+"-transition-timing-function",o.settings.easing):o.settings.easing||(o.settings.easing="swing"),o.viewport.css({width:"100%",overflow:"hidden",position:"relative"}),o.children.css({"float":"horizontal"==o.settings.mode?"left":"none",listStyle:"none",position:"relative"}),o.children.width(h()),"horizontal"==o.settings.mode&&o.settings.slideMargin>0&&o.children.css("marginRight",o.settings.slideMargin),"vertical"==o.settings.mode&&o.settings.slideMargin>0&&o.children.css("marginBottom",o.settings.slideMargin),"fade"==o.settings.mode&&(o.children.css({position:"absolute",zIndex:0,display:"none"}),o.children.eq(o.settings.startSlide).css({zIndex:50,display:"block"})),o.controls.el=t(''),o.settings.captions&&T(),o.settings.infiniteLoop&&"fade"!=o.settings.mode&&!o.settings.ticker){var e="vertical"==o.settings.mode?o.settings.minSlides:o.settings.maxSlides,i=o.children.slice(0,e).clone().addClass("bx-clone"),n=o.children.slice(-e).clone().addClass("bx-clone");r.append(i).prepend(n)}o.active.last=o.settings.startSlide==v()-1,o.settings.video&&r.fitVids(),o.settings.ticker||(o.settings.pager&&S(),o.settings.controls&&b(),o.settings.auto&&o.settings.autoControls&&w(),(o.settings.controls||o.settings.autoControls||o.settings.pager)&&o.viewport.after(o.controls.el)),r.children().imagesLoaded(function(){o.loader.remove(),f(),"vertical"==o.settings.mode&&(o.settings.adaptiveHeight=!0),o.viewport.height(g()),o.settings.onSliderLoad(o.active.index),o.initialized=!0,t(window).bind("resize",O),o.settings.auto&&o.settings.autoStart&&L(),o.settings.ticker&&D(),o.settings.pager&&y(o.settings.startSlide),o.settings.controls&&q(),o.settings.touchEnabled&&!o.settings.ticker&&H()})},g=function(){var e=0,n=t();if("vertical"==o.settings.mode||o.settings.adaptiveHeight)if(o.carousel){var s=1==o.settings.moveSlides?o.active.index:o.active.index*p();for(n=o.children.eq(s),i=1;o.settings.maxSlides-1>=i;i++)n=s+i>=o.children.length?n.add(o.children.eq(i-1)):n.add(o.children.eq(s+i))}else n=o.children.eq(o.active.index);else n=o.children;return"vertical"==o.settings.mode?(n.each(function(){e+=t(this).outerHeight()}),o.settings.slideMargin>0&&(e+=o.settings.slideMargin*(o.settings.minSlides-1))):e=Math.max.apply(Math,n.map(function(){return t(this).outerHeight(!1)}).get()),e},h=function(){var t=o.settings.slideWidth,e=o.viewport.width();return 0==o.settings.slideWidth?t=e:e>o.maxThreshold?t=(e-o.settings.slideMargin*(o.settings.maxSlides-1))/o.settings.maxSlides:o.minThreshold>e&&(t=(e-o.settings.slideMargin*(o.settings.minSlides-1))/o.settings.minSlides),t},u=function(){var t=1;if("horizontal"==o.settings.mode)if(o.viewport.width()
'+e+"
")})},C=function(t){o.settings.auto&&r.stopAuto(),r.goToNextSlide(),t.preventDefault()},E=function(t){o.settings.auto&&r.stopAuto(),r.goToPrevSlide(),t.preventDefault()},A=function(t){r.startAuto(),t.preventDefault()},P=function(t){r.stopAuto(),t.preventDefault()},k=function(e){o.settings.auto&&r.stopAuto();var i=t(e.currentTarget),n=parseInt(i.attr("data-slide-index"));n!=o.active.index&&r.goToSlide(n),e.preventDefault()},y=function(e){return"short"==o.settings.pagerType?(o.pagerEl.html(e+1+o.settings.pagerShortSeparator+o.children.length),void 0):(o.pagerEl.find("a").removeClass("active"),o.pagerEl.each(function(i,n){t(n).find("a").eq(e).addClass("active")}),void 0)},z=function(){if(o.settings.infiniteLoop){var t="";0==o.active.index?t=o.children.eq(0).position():o.active.index==v()-1&&o.carousel?t=o.children.eq((v()-1)*p()).position():o.active.index==o.children.length-1&&(t=o.children.eq(o.children.length-1).position()),"horizontal"==o.settings.mode?x(-t.left,"reset",0):"vertical"==o.settings.mode&&x(-t.top,"reset",0)}o.working=!1,o.settings.onSlideAfter(o.children.eq(o.active.index),o.oldIndex,o.active.index)},M=function(t){o.settings.autoControlsCombine?o.controls.autoEl.html(o.controls[t]):(o.controls.autoEl.find("a").removeClass("active"),o.controls.autoEl.find("a:not(.bx-"+t+")").addClass("active"))},q=function(){!o.settings.infiniteLoop&&o.settings.hideControlOnEnd&&(0==o.active.index?(o.controls.prev.addClass("disabled"),o.controls.next.removeClass("disabled")):o.active.index==v()-1?(o.controls.next.addClass("disabled"),o.controls.prev.removeClass("disabled")):(o.controls.prev.removeClass("disabled"),o.controls.next.removeClass("disabled")))},L=function(){o.settings.autoDelay>0?setTimeout(r.startAuto,o.settings.autoDelay):r.startAuto(),o.settings.autoHover&&r.hover(function(){o.interval&&(r.stopAuto(!0),o.autoPaused=!0)},function(){o.autoPaused&&(r.startAuto(!0),o.autoPaused=null)})},D=function(){var e=0;if("next"==o.settings.autoDirection)r.append(o.children.clone().addClass("bx-clone"));else{r.prepend(o.children.clone().addClass("bx-clone"));var i=o.children.first().position();e="horizontal"==o.settings.mode?-i.left:-i.top}x(e,"reset",0),o.settings.pager=!1,o.settings.controls=!1,o.settings.autoControls=!1,o.settings.tickerHover&&!o.usingCSS&&o.viewport.hover(function(){r.stop()},function(){var e=0;o.children.each(function(){e+="horizontal"==o.settings.mode?t(this).outerWidth(!0):t(this).outerHeight(!0)});var i=o.settings.speed/e,n="horizontal"==o.settings.mode?"left":"top",s=i*(e-Math.abs(parseInt(r.css(n))));I(s)}),I()},I=function(t){speed=t?t:o.settings.speed;var e={left:0,top:0},i={left:0,top:0};"next"==o.settings.autoDirection?e=r.find(".bx-clone").first().position():i=o.children.first().position();var n="horizontal"==o.settings.mode?-e.left:-e.top,s="horizontal"==o.settings.mode?-i.left:-i.top,a={resetValue:s};x(n,"ticker",speed,a)},H=function(){o.touch={start:{x:0,y:0},end:{x:0,y:0}},o.viewport.bind("touchstart",W)},W=function(t){if(o.working)t.preventDefault();else{o.touch.originalPos=r.position();var e=t.originalEvent;o.touch.start.x=e.changedTouches[0].pageX,o.touch.start.y=e.changedTouches[0].pageY,o.viewport.bind("touchmove",N),o.viewport.bind("touchend",B)}},N=function(t){if(t.preventDefault(),"fade"!=o.settings.mode){var e=t.originalEvent,i=0;if("horizontal"==o.settings.mode){var n=e.changedTouches[0].pageX-o.touch.start.x;i=o.touch.originalPos.left+n}else{var n=e.changedTouches[0].pageY-o.touch.start.y;i=o.touch.originalPos.top+n}x(i,"reset",0)}},B=function(t){o.viewport.unbind("touchmove",N);var e=t.originalEvent,i=0;if(o.touch.end.x=e.changedTouches[0].pageX,o.touch.end.y=e.changedTouches[0].pageY,"fade"==o.settings.mode){var n=Math.abs(o.touch.start.x-o.touch.end.x);n>=o.settings.swipeThreshold&&(o.touch.start.x>o.touch.end.x?r.goToNextSlide():r.goToPrevSlide(),r.stopAuto())}else{var n=0;"horizontal"==o.settings.mode?(n=o.touch.end.x-o.touch.start.x,i=o.touch.originalPos.left):(n=o.touch.end.y-o.touch.start.y,i=o.touch.originalPos.top),!o.settings.infiniteLoop&&(0==o.active.index&&n>0||o.active.last&&0>n)?x(i,"reset",200):Math.abs(n)>=o.settings.swipeThreshold?(0>n?r.goToNextSlide():r.goToPrevSlide(),r.stopAuto()):x(i,"reset",200)}o.viewport.unbind("touchend",B)},O=function(){var e=t(window).width(),i=t(window).height();(a!=e||l!=i)&&(a=e,l=i,o.children.add(r.find(".bx-clone")).width(h()),o.viewport.css("height",g()),o.active.last&&(o.active.index=v()-1),o.active.index>=v()&&(o.active.last=!0),o.settings.pager&&!o.settings.pagerCustom&&(m(),y(o.active.index)),o.settings.ticker||f())};return r.goToSlide=function(e,i){if(!o.working&&o.active.index!=e)if(o.working=!0,o.oldIndex=o.active.index,o.active.index=0>e?v()-1:e>=v()?0:e,o.settings.onSlideBefore(o.children.eq(o.active.index),o.oldIndex,o.active.index),"next"==i?o.settings.onSlideNext(o.children.eq(o.active.index),o.oldIndex,o.active.index):"prev"==i&&o.settings.onSlidePrev(o.children.eq(o.active.index),o.oldIndex,o.active.index),o.active.last=o.active.index>=v()-1,o.settings.pager&&y(o.active.index),o.settings.controls&&q(),"fade"==o.settings.mode)o.settings.adaptiveHeight&&o.viewport.height()!=g()&&o.viewport.animate({height:g()},o.settings.adaptiveHeightSpeed),o.children.filter(":visible").fadeOut(o.settings.speed).css({zIndex:0}),o.children.eq(o.active.index).css("zIndex",51).fadeIn(o.settings.speed,function(){t(this).css("zIndex",50),z()});else{o.settings.adaptiveHeight&&o.viewport.height()!=g()&&o.viewport.animate({height:g()},o.settings.adaptiveHeightSpeed);var n=0,s={left:0,top:0};if(!o.settings.infiniteLoop&&o.carousel&&o.active.last)if("horizontal"==o.settings.mode){var a=o.children.eq(o.children.length-1);s=a.position(),n=o.viewport.width()-a.width()}else{var l=o.children.length-o.settings.minSlides;s=o.children.eq(l).position()}else if(o.carousel&&o.active.last&&"prev"==i){var d=1==o.settings.moveSlides?o.settings.maxSlides-p():(v()-1)*p()-(o.children.length-o.settings.maxSlides),a=r.children(".bx-clone").eq(d);s=a.position()}else if("next"==i&&0==o.active.index)s=r.find(".bx-clone").eq(o.settings.maxSlides).position(),o.active.last=!1;else if(e>=0){var c=e*p();s=o.children.eq(c).position()}var h="horizontal"==o.settings.mode?-(s.left-n):-s.top;x(h,"slide",o.settings.speed)}},r.goToNextSlide=function(){if(o.settings.infiniteLoop||!o.active.last){var t=o.active.index+1;r.goToSlide(t,"next")}},r.goToPrevSlide=function(){if(o.settings.infiniteLoop||0!=o.active.index){var t=o.active.index-1;r.goToSlide(t,"prev")}},r.startAuto=function(t){o.interval||(o.interval=setInterval(function(){"next"==o.settings.autoDirection?r.goToNextSlide():r.goToPrevSlide()},o.settings.pause),o.settings.autoControls&&1!=t&&M("stop"))},r.stopAuto=function(t){o.interval&&(clearInterval(o.interval),o.interval=null,o.settings.autoControls&&1!=t&&M("start"))},r.getCurrentSlide=function(){return o.active.index},r.getSlideCount=function(){return o.children.length},r.destroySlider=function(){o.initialized&&(o.initialized=!1,t(".bx-clone",this).remove(),o.children.removeAttr("style"),this.removeAttr("style").unwrap().unwrap(),o.controls.el&&o.controls.el.remove(),o.controls.next&&o.controls.next.remove(),o.controls.prev&&o.controls.prev.remove(),o.pagerEl&&o.pagerEl.remove(),t(".bx-caption",this).remove(),o.controls.autoEl&&o.controls.autoEl.remove(),clearInterval(o.interval),t(window).unbind("resize",O))},r.reloadSlider=function(t){void 0!=t&&(s=t),r.destroySlider(),d()},d(),this}}})(jQuery),function(t,e){var i="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";t.fn.imagesLoaded=function(n){function s(){var e=t(g),i=t(h);a&&(h.length?a.reject(d,e,i):a.resolve(d)),t.isFunction(n)&&n.call(r,d,e,i)}function o(e,n){e.src===i||-1!==t.inArray(e,c)||(c.push(e),n?h.push(e):g.push(e),t.data(e,"imagesLoaded",{isBroken:n,src:e.src}),l&&a.notifyWith(t(e),[n,d,t(g),t(h)]),d.length===c.length&&(setTimeout(s),d.unbind(".imagesLoaded")))}var r=this,a=t.isFunction(t.Deferred)?t.Deferred():0,l=t.isFunction(a.notify),d=r.find("img").add(r.filter("img")),c=[],g=[],h=[];return t.isPlainObject(n)&&t.each(n,function(t,e){"callback"===t?n=e:a&&a[t](e)}),d.length?d.bind("load.imagesLoaded error.imagesLoaded",function(t){o(t.target,"error"===t.type)}).each(function(n,s){var r=s.src,a=t.data(s,"imagesLoaded");a&&a.src===r?o(s,a.isBroken):s.complete&&s.naturalWidth!==e?o(s,0===s.naturalWidth||0===s.naturalHeight):(s.readyState||s.complete)&&(s.src=i,s.src=r)}):s(),a?a.promise(r):r}}(jQuery);
+
+
+/*
+ Prettify JS
+*/
+var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
+(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a=
+[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c