roda-component 0.0.10 → 0.1.0

data/test/dummy/public/AdminLTE-master/js/plugins/timepicker/bootstrap-timepicker.min.js

@@ -0,0 +1,5 @@
+/*! bootstrap-timepicker v0.2.3 
+* http://jdewit.github.com/bootstrap-timepicker 
+* Copyright (c) 2013 Joris de Wit 
+* MIT License 
+*/(function(e,t,n,r){"use strict";var i=function(t,n){this.widget="";this.$element=e(t);this.defaultTime=n.defaultTime;this.disableFocus=n.disableFocus;this.isOpen=n.isOpen;this.minuteStep=n.minuteStep;this.modalBackdrop=n.modalBackdrop;this.secondStep=n.secondStep;this.showInputs=n.showInputs;this.showMeridian=n.showMeridian;this.showSeconds=n.showSeconds;this.template=n.template;this.appendWidgetTo=n.appendWidgetTo;this.upArrowStyle=n.upArrowStyle;this.downArrowStyle=n.downArrowStyle;this.containerClass=n.containerClass;this._init()};i.prototype={constructor:i,_init:function(){var t=this;if(this.$element.parent().hasClass("input-append")||this.$element.parent().hasClass("input-prepend")){if(this.$element.parent(".input-append, .input-prepend").find(".add-on").length){this.$element.parent(".input-append, .input-prepend").find(".add-on").on({"click.timepicker":e.proxy(this.showWidget,this)})}else{this.$element.closest(this.containerClass).find(".add-on").on({"click.timepicker":e.proxy(this.showWidget,this)})}this.$element.on({"focus.timepicker":e.proxy(this.highlightUnit,this),"click.timepicker":e.proxy(this.highlightUnit,this),"keydown.timepicker":e.proxy(this.elementKeydown,this),"blur.timepicker":e.proxy(this.blurElement,this)})}else{if(this.template){this.$element.on({"focus.timepicker":e.proxy(this.showWidget,this),"click.timepicker":e.proxy(this.showWidget,this),"blur.timepicker":e.proxy(this.blurElement,this)})}else{this.$element.on({"focus.timepicker":e.proxy(this.highlightUnit,this),"click.timepicker":e.proxy(this.highlightUnit,this),"keydown.timepicker":e.proxy(this.elementKeydown,this),"blur.timepicker":e.proxy(this.blurElement,this)})}}if(this.template!==false){this.$widget=e(this.getTemplate()).prependTo(this.$element.parents(this.appendWidgetTo)).on("click",e.proxy(this.widgetClick,this))}else{this.$widget=false}if(this.showInputs&&this.$widget!==false){this.$widget.find("input").each(function(){e(this).on({"click.timepicker":function(){e(this).select()},"keydown.timepicker":e.proxy(t.widgetKeydown,t)})})}this.setDefaultTime(this.defaultTime)},blurElement:function(){this.highlightedUnit=r;this.updateFromElementVal()},decrementHour:function(){if(this.showMeridian){if(this.hour===1){this.hour=12}else if(this.hour===12){this.hour--;return this.toggleMeridian()}else if(this.hour===0){this.hour=11;return this.toggleMeridian()}else{this.hour--}}else{if(this.hour===0){this.hour=23}else{this.hour--}}this.update()},decrementMinute:function(e){var t;if(e){t=this.minute-e}else{t=this.minute-this.minuteStep}if(t<0){this.decrementHour();this.minute=t+60}else{this.minute=t}this.update()},decrementSecond:function(){var e=this.second-this.secondStep;if(e<0){this.decrementMinute(true);this.second=e+60}else{this.second=e}this.update()},elementKeydown:function(e){switch(e.keyCode){case 9:this.updateFromElementVal();switch(this.highlightedUnit){case"hour":e.preventDefault();this.highlightNextUnit();break;case"minute":if(this.showMeridian||this.showSeconds){e.preventDefault();this.highlightNextUnit()}break;case"second":if(this.showMeridian){e.preventDefault();this.highlightNextUnit()}break}break;case 27:this.updateFromElementVal();break;case 37:e.preventDefault();this.highlightPrevUnit();this.updateFromElementVal();break;case 38:e.preventDefault();switch(this.highlightedUnit){case"hour":this.incrementHour();this.highlightHour();break;case"minute":this.incrementMinute();this.highlightMinute();break;case"second":this.incrementSecond();this.highlightSecond();break;case"meridian":this.toggleMeridian();this.highlightMeridian();break}break;case 39:e.preventDefault();this.updateFromElementVal();this.highlightNextUnit();break;case 40:e.preventDefault();switch(this.highlightedUnit){case"hour":this.decrementHour();this.highlightHour();break;case"minute":this.decrementMinute();this.highlightMinute();break;case"second":this.decrementSecond();this.highlightSecond();break;case"meridian":this.toggleMeridian();this.highlightMeridian();break}break}},formatTime:function(e,t,n,r){e=e<10?"0"+e:e;t=t<10?"0"+t:t;n=n<10?"0"+n:n;return e+":"+t+(this.showSeconds?":"+n:"")+(this.showMeridian?" "+r:"")},getCursorPosition:function(){var e=this.$element.get(0);if("selectionStart"in e){return e.selectionStart}else if(n.selection){e.focus();var t=n.selection.createRange(),r=n.selection.createRange().text.length;t.moveStart("character",-e.value.length);return t.text.length-r}},getTemplate:function(){var e,t,n,r,i,s;if(this.showInputs){t='<input type="text" name="hour" class="bootstrap-timepicker-hour form-control" maxlength="2"/>';n='<input type="text" name="minute" class="bootstrap-timepicker-minute form-control" maxlength="2"/>';r='<input type="text" name="second" class="bootstrap-timepicker-second form-control" maxlength="2"/>';i='<input type="text" name="meridian" class="bootstrap-timepicker-meridian form-control" maxlength="2"/>'}else{t='<span class="bootstrap-timepicker-hour"></span>';n='<span class="bootstrap-timepicker-minute"></span>';r='<span class="bootstrap-timepicker-second"></span>';i='<span class="bootstrap-timepicker-meridian"></span>'}s="<table>"+"<tr>"+'<td><a href="#" data-action="incrementHour"><i class="'+this.upArrowStyle+'"></i></a></td>'+'<td class="separator">&nbsp;</td>'+'<td><a href="#" data-action="incrementMinute"><i class="'+this.upArrowStyle+'"></i></a></td>'+(this.showSeconds?'<td class="separator">&nbsp;</td>'+'<td><a href="#" data-action="incrementSecond"><i class="'+this.upArrowStyle+'"></i></a></td>':"")+(this.showMeridian?'<td class="separator">&nbsp;</td>'+'<td class="meridian-column"><a href="#" data-action="toggleMeridian"><i class="'+this.upArrowStyle+'"></i></a></td>':"")+"</tr>"+"<tr>"+"<td>"+t+"</td> "+'<td class="separator">:</td>'+"<td>"+n+"</td> "+(this.showSeconds?'<td class="separator">:</td>'+"<td>"+r+"</td>":"")+(this.showMeridian?'<td class="separator">&nbsp;</td>'+"<td>"+i+"</td>":"")+"</tr>"+"<tr>"+'<td><a href="#" data-action="decrementHour"><i class="'+this.downArrowStyle+'"></i></a></td>'+'<td class="separator"></td>'+'<td><a href="#" data-action="decrementMinute"><i class="'+this.downArrowStyle+'"></i></a></td>'+(this.showSeconds?'<td class="separator">&nbsp;</td>'+'<td><a href="#" data-action="decrementSecond"><i class="'+this.downArrowStyle+'"></i></a></td>':"")+(this.showMeridian?'<td class="separator">&nbsp;</td>'+'<td><a href="#" data-action="toggleMeridian"><i class="'+this.downArrowStyle+'"></i></a></td>':"")+"</tr>"+"</table>";switch(this.template){case"modal":e='<div class="bootstrap-timepicker-widget modal hide fade in" data-backdrop="'+(this.modalBackdrop?"true":"false")+'">'+'<div class="modal-header">'+'<a href="#" class="close" data-dismiss="modal">×</a>'+"<h3>Pick a Time</h3>"+"</div>"+'<div class="modal-content">'+s+"</div>"+'<div class="modal-footer">'+'<a href="#" class="btn btn-primary" data-dismiss="modal">OK</a>'+"</div>"+"</div>";break;case"dropdown":e='<div class="bootstrap-timepicker-widget dropdown-menu">'+s+"</div>";break}return e},getTime:function(){return this.formatTime(this.hour,this.minute,this.second,this.meridian)},hideWidget:function(){if(this.isOpen===false){return}if(this.showInputs){this.updateFromWidgetInputs()}this.$element.trigger({type:"hide.timepicker",time:{value:this.getTime(),hours:this.hour,minutes:this.minute,seconds:this.second,meridian:this.meridian}});if(this.template==="modal"&&this.$widget.modal){this.$widget.modal("hide")}else{this.$widget.removeClass("open")}e(n).off("mousedown.timepicker");this.isOpen=false},highlightUnit:function(){this.position=this.getCursorPosition();if(this.position>=0&&this.position<=2){this.highlightHour()}else if(this.position>=3&&this.position<=5){this.highlightMinute()}else if(this.position>=6&&this.position<=8){if(this.showSeconds){this.highlightSecond()}else{this.highlightMeridian()}}else if(this.position>=9&&this.position<=11){this.highlightMeridian()}},highlightNextUnit:function(){switch(this.highlightedUnit){case"hour":this.highlightMinute();break;case"minute":if(this.showSeconds){this.highlightSecond()}else if(this.showMeridian){this.highlightMeridian()}else{this.highlightHour()}break;case"second":if(this.showMeridian){this.highlightMeridian()}else{this.highlightHour()}break;case"meridian":this.highlightHour();break}},highlightPrevUnit:function(){switch(this.highlightedUnit){case"hour":this.highlightMeridian();break;case"minute":this.highlightHour();break;case"second":this.highlightMinute();break;case"meridian":if(this.showSeconds){this.highlightSecond()}else{this.highlightMinute()}break}},highlightHour:function(){var e=this.$element.get(0);this.highlightedUnit="hour";if(e.setSelectionRange){setTimeout(function(){e.setSelectionRange(0,2)},0)}},highlightMinute:function(){var e=this.$element.get(0);this.highlightedUnit="minute";if(e.setSelectionRange){setTimeout(function(){e.setSelectionRange(3,5)},0)}},highlightSecond:function(){var e=this.$element.get(0);this.highlightedUnit="second";if(e.setSelectionRange){setTimeout(function(){e.setSelectionRange(6,8)},0)}},highlightMeridian:function(){var e=this.$element.get(0);this.highlightedUnit="meridian";if(e.setSelectionRange){if(this.showSeconds){setTimeout(function(){e.setSelectionRange(9,11)},0)}else{setTimeout(function(){e.setSelectionRange(6,8)},0)}}},incrementHour:function(){if(this.showMeridian){if(this.hour===11){this.hour++;return this.toggleMeridian()}else if(this.hour===12){this.hour=0}}if(this.hour===23){this.hour=0;return}this.hour++;this.update()},incrementMinute:function(e){var t;if(e){t=this.minute+e}else{t=this.minute+this.minuteStep-this.minute%this.minuteStep}if(t>59){this.incrementHour();this.minute=t-60}else{this.minute=t}this.update()},incrementSecond:function(){var e=this.second+this.secondStep-this.second%this.secondStep;if(e>59){this.incrementMinute(true);this.second=e-60}else{this.second=e}this.update()},remove:function(){e("document").off(".timepicker");if(this.$widget){this.$widget.remove()}delete this.$element.data().timepicker},setDefaultTime:function(e){if(!this.$element.val()){if(e==="current"){var t=new Date,n=t.getHours(),r=Math.floor(t.getMinutes()/this.minuteStep)*this.minuteStep,i=Math.floor(t.getSeconds()/this.secondStep)*this.secondStep,s="AM";if(this.showMeridian){if(n===0){n=12}else if(n>=12){if(n>12){n=n-12}s="PM"}else{s="AM"}}this.hour=n;this.minute=r;this.second=i;this.meridian=s;this.update()}else if(e===false){this.hour=0;this.minute=0;this.second=0;this.meridian="AM"}else{this.setTime(e)}}else{this.updateFromElementVal()}},setTime:function(e){var t,n;if(this.showMeridian){t=e.split(" ");n=t[0].split(":");this.meridian=t[1]}else{n=e.split(":")}this.hour=parseInt(n[0],10);this.minute=parseInt(n[1],10);this.second=parseInt(n[2],10);if(isNaN(this.hour)){this.hour=0}if(isNaN(this.minute)){this.minute=0}if(this.showMeridian){if(this.hour>12){this.hour=12}else if(this.hour<1){this.hour=12}if(this.meridian==="am"||this.meridian==="a"){this.meridian="AM"}else if(this.meridian==="pm"||this.meridian==="p"){this.meridian="PM"}if(this.meridian!=="AM"&&this.meridian!=="PM"){this.meridian="AM"}}else{if(this.hour>=24){this.hour=23}else if(this.hour<0){this.hour=0}}if(this.minute<0){this.minute=0}else if(this.minute>=60){this.minute=59}if(this.showSeconds){if(isNaN(this.second)){this.second=0}else if(this.second<0){this.second=0}else if(this.second>=60){this.second=59}}this.update()},showWidget:function(){if(this.isOpen){return}if(this.$element.is(":disabled")){return}var t=this;e(n).on("mousedown.timepicker",function(n){if(e(n.target).closest(".bootstrap-timepicker-widget").length===0){t.hideWidget()}});this.$element.trigger({type:"show.timepicker",time:{value:this.getTime(),hours:this.hour,minutes:this.minute,seconds:this.second,meridian:this.meridian}});if(this.disableFocus){this.$element.blur()}this.updateFromElementVal();if(this.template==="modal"&&this.$widget.modal){this.$widget.modal("show").on("hidden",e.proxy(this.hideWidget,this))}else{if(this.isOpen===false){this.$widget.addClass("open")}}this.isOpen=true},toggleMeridian:function(){this.meridian=this.meridian==="AM"?"PM":"AM";this.update()},update:function(){this.$element.trigger({type:"changeTime.timepicker",time:{value:this.getTime(),hours:this.hour,minutes:this.minute,seconds:this.second,meridian:this.meridian}});this.updateElement();this.updateWidget()},updateElement:function(){this.$element.val(this.getTime()).change()},updateFromElementVal:function(){var e=this.$element.val();if(e){this.setTime(e)}},updateWidget:function(){if(this.$widget===false){return}var e=this.hour<10?"0"+this.hour:this.hour,t=this.minute<10?"0"+this.minute:this.minute,n=this.second<10?"0"+this.second:this.second;if(this.showInputs){this.$widget.find("input.bootstrap-timepicker-hour").val(e);this.$widget.find("input.bootstrap-timepicker-minute").val(t);if(this.showSeconds){this.$widget.find("input.bootstrap-timepicker-second").val(n)}if(this.showMeridian){this.$widget.find("input.bootstrap-timepicker-meridian").val(this.meridian)}}else{this.$widget.find("span.bootstrap-timepicker-hour").text(e);this.$widget.find("span.bootstrap-timepicker-minute").text(t);if(this.showSeconds){this.$widget.find("span.bootstrap-timepicker-second").text(n)}if(this.showMeridian){this.$widget.find("span.bootstrap-timepicker-meridian").text(this.meridian)}}},updateFromWidgetInputs:function(){if(this.$widget===false){return}var t=e("input.bootstrap-timepicker-hour",this.$widget).val()+":"+e("input.bootstrap-timepicker-minute",this.$widget).val()+(this.showSeconds?":"+e("input.bootstrap-timepicker-second",this.$widget).val():"")+(this.showMeridian?" "+e("input.bootstrap-timepicker-meridian",this.$widget).val():"");this.setTime(t)},widgetClick:function(t){t.stopPropagation();t.preventDefault();var n=e(t.target).closest("a").data("action");if(n){this[n]()}},widgetKeydown:function(t){var n=e(t.target).closest("input"),r=n.attr("name");switch(t.keyCode){case 9:if(this.showMeridian){if(r==="meridian"){return this.hideWidget()}}else{if(this.showSeconds){if(r==="second"){return this.hideWidget()}}else{if(r==="minute"){return this.hideWidget()}}}this.updateFromWidgetInputs();break;case 27:this.hideWidget();break;case 38:t.preventDefault();switch(r){case"hour":this.incrementHour();break;case"minute":this.incrementMinute();break;case"second":this.incrementSecond();break;case"meridian":this.toggleMeridian();break}break;case 40:t.preventDefault();switch(r){case"hour":this.decrementHour();break;case"minute":this.decrementMinute();break;case"second":this.decrementSecond();break;case"meridian":this.toggleMeridian();break}break}}};e.fn.timepicker=function(t){var n=Array.apply(null,arguments);n.shift();return this.each(function(){var r=e(this),s=r.data("timepicker"),o=typeof t==="object"&&t;if(!s){r.data("timepicker",s=new i(this,e.extend({},e.fn.timepicker.defaults,o,e(this).data())))}if(typeof t==="string"){s[t].apply(s,n)}})};e.fn.timepicker.defaults={defaultTime:"current",disableFocus:false,isOpen:false,minuteStep:15,modalBackdrop:false,secondStep:15,showSeconds:false,showInputs:true,showMeridian:true,template:"dropdown",appendWidgetTo:".bootstrap-timepicker",upArrowStyle:"glyphicon glyphicon-chevron-up",downArrowStyle:"glyphicon glyphicon-chevron-down",containerClass:"bootstrap-timepicker"};e.fn.timepicker.Constructor=i})(jQuery,window,document)

data/test/dummy/public/AdminLTE-master/less/404_500_errors.less

@@ -0,0 +1,38 @@
+/* 
+    Page: 404 and 500 error pages
+------------------------------------
+*/
+
+.error-page {
+    width: 600px;
+    margin: 20px auto 0 auto;
+    @media screen and (max-width: @screen-sm) {
+        width: 100%;
+    }
+    //For the error number e.g: 404
+    > .headline {
+        float: left;        
+        font-size: 100px;
+        font-weight: 300;
+        @media screen and (max-width: @screen-sm) {
+            float: none;
+            text-align: center;
+        }
+    }
+    //For the message
+    > .error-content {
+        margin-left: 190px;
+        @media screen and (max-width: @screen-sm) {
+            margin-left: 0;
+        }
+        > h3 {
+            font-weight: 300;
+            font-size: 25px;
+            @media screen and (max-width: @screen-sm) {
+                text-align: center;
+            }
+        }
+        display: block;
+    }
+    .clearfix();
+}

data/test/dummy/public/AdminLTE-master/less/AdminLTE.less

@@ -0,0 +1,49 @@
+/*! 
+ *   AdminLTE v1.2
+ *   Author: AlmsaeedStudio.com
+ *   License: Open source - MIT
+ *           Please visit http://opensource.org/licenses/MIT for more information
+!*/
+
+//google fonts
+@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
+@import url(//fonts.googleapis.com/css?family=Kaushan+Script);
+
+//MISC
+//----
+@import "core.less";
+@import "vars.less";
+@import "mixins.less";
+
+//COMPONENTS
+//-----------
+@import "header.less";
+@import "sidebar.less";
+@import "dropdown.less";
+@import "forms.less";
+@import "progress-bars.less";
+@import "small-box.less";
+@import "boxes.less";
+@import "timeline.less";
+@import "buttons.less";
+@import "callout.less";
+@import "alerts.less";
+@import "navs.less";
+
+//PAGES
+//------
+@import "mailbox.less";
+@import "lockscreen.less";
+@import "login_and_register.less";
+@import "404_500_errors.less";
+@import "invoice.less";
+
+//Skins
+//-------
+@import "skins.less";
+
+//Plugins
+//--------
+@import "iCheck.less";
+@import "pace.less";
+@import "bootstrap-social.less";

data/test/dummy/public/AdminLTE-master/less/alerts.less

@@ -0,0 +1,25 @@
+/* 
+    Component: alert
+------------------------
+*/
+
+.alert {
+    //Add padding to allow the icon to appear
+    padding-left: 30px;
+    margin-left: 15px;
+    position: relative;
+    //Make icons float to the left corner
+    > .fa, > .glyphicon {
+        position: absolute;
+        left: -15px;
+        top: -15px; 
+        width: 35px;
+        height: 35px;
+        .border-radius(50%);
+        line-height: 35px;
+        text-align: center;
+        background: inherit;
+        border: inherit;
+    }
+    
+}

data/test/dummy/public/AdminLTE-master/less/bootstrap-social.less

@@ -0,0 +1,167 @@
+/*
+ * Social Buttons for Bootstrap
+ *
+ * Copyright 2013-2014 Panayiotis Lipiridis
+ * Licensed under the MIT License
+ *
+ * https://github.com/lipis/bootstrap-social
+ *
+ * Note: this file has been altered to work correctly with AdminLTE
+ */
+@font-size-base:          14px;
+//** Unit-less `line-height` for use in components like buttons.
+@line-height-base:        20/14; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
+
+@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
+@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
+
+@padding-base-vertical:     6px;
+@padding-base-horizontal:   12px;
+
+@padding-large-vertical:    10px;
+@padding-large-horizontal:  15px;
+
+@padding-small-vertical:    5px;
+@padding-small-horizontal:  10px;
+
+@bs-height-base: (@line-height-computed + @padding-base-vertical * 2);
+@bs-height-lg:   (floor(@font-size-large * @line-height-base) + @padding-large-vertical * 2);
+@bs-height-sm:   (floor(@font-size-small * 1.5) + @padding-small-vertical * 2);
+@bs-height-xs:   (floor(@font-size-small * 1.2) + @padding-small-vertical + 1);
+
+.btn-social {
+  position: relative;
+  padding-left: @bs-height-base + @padding-base-horizontal!important;
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  :first-child {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: @bs-height-base!important;
+    line-height: (@bs-height-base + 2)!important;
+    font-size: 1.6em!important;
+    text-align: center;
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+  }
+  &.btn-lg {
+    padding-left: @bs-height-lg + @padding-large-horizontal!important;
+    :first-child {
+      line-height: @bs-height-lg;
+      width: @bs-height-lg;
+      font-size: 1.8em;
+    }
+  }
+  &.btn-sm {
+    padding-left: @bs-height-sm + @padding-small-horizontal!important;
+    :first-child {
+      line-height: @bs-height-sm;
+      width: @bs-height-sm;
+      font-size: 1.4em;
+    }
+  }
+  &.btn-xs {
+    padding-left: @bs-height-xs + @padding-small-horizontal!important;
+    :first-child {
+      line-height: @bs-height-xs;
+      width: @bs-height-xs;
+      font-size: 1.2em;
+    }
+  }
+}
+
+.btn-social-icon {
+  .btn-social;
+  height: (@bs-height-base + 2);
+  width: (@bs-height-base + 2);
+  padding: 0;
+  :first-child {
+    border: none;
+    text-align: center;
+    width: 100%!important;
+  }
+  &.btn-lg {
+    height: @bs-height-lg;
+    width: @bs-height-lg;
+    padding-left: 0;
+    padding-right: 0;
+  }
+  &.btn-sm {
+    height: (@bs-height-sm + 2);
+    width: (@bs-height-sm + 2);
+    padding-left: 0;
+    padding-right: 0;
+  }
+  &.btn-xs {
+    height: (@bs-height-xs + 2);
+    width: (@bs-height-xs + 2);
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+.btn-social(@color-bg, @color: white) {
+  background-color: @color-bg;
+  .button-variant(@color, @color-bg, rgba(0, 0, 0, 0.2));
+}
+
+
+.btn-bitbucket     { .btn-social(#205081); }
+.btn-dropbox       { .btn-social(#1087dd); }
+.btn-facebook      { .btn-social(#3b5998); }
+.btn-flickr        { .btn-social(#ff0084); }
+.btn-foursquare    { .btn-social(#0072b1); }
+.btn-github        { .btn-social(#444444); }
+.btn-google-plus   { .btn-social(#dd4b39); }
+.btn-instagram     { .btn-social(#3f729b); }
+.btn-linkedin      { .btn-social(#007bb6); }
+.btn-tumblr        { .btn-social(#2c4762); }
+.btn-twitter       { .btn-social(#55acee); }
+.btn-vk            { .btn-social(#587ea3); }
+
+// Button variants
+// -------------------------
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+.button-variant(@color; @background; @border) {
+  color: @color;
+  background-color: @background;
+  border-color: @border;
+
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  .open .dropdown-toggle& {
+    color: @color;
+    background-color: darken(@background, 8%);
+        border-color: darken(@border, 12%);
+  }
+  &:active,
+  &.active,
+  .open .dropdown-toggle& {
+    background-image: none;
+  }
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+      background-color: @background;
+          border-color: @border;
+    }
+  }
+
+  .badge {
+    color: @background;
+    background-color: @color;
+  }
+}

data/test/dummy/public/AdminLTE-master/less/boxes.less

@@ -0,0 +1,396 @@
+/*
+    component: Boxes
+-------------------------
+*/
+
+.box {
+    position: relative;
+    background: #ffffff;
+    border-top: 2px solid darken(@box-border-color, 20%);
+    margin-bottom: 20px;
+    .border-radius(@box-border-radius);
+    width: 100%;
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
+
+    // Box color variations
+    &.box-primary {
+        border-top-color: @light-blue;
+    }
+    &.box-info {
+        border-top-color: @aqua;
+    }
+    &.box-danger {
+        border-top-color: @red;
+    }
+    &.box-warning {
+        border-top-color: @yellow;
+    }
+    &.box-success {
+        border-top-color: @green;
+    }
+
+    // fixed height to 300px
+    &.height-control {
+        .box-body {
+            max-height: 300px;
+            overflow: auto;
+        }
+    }
+
+    // Box header
+    .box-header {
+        position: relative;
+        .clearfix();
+        //Add top left and top right border radius
+        .border-radius(@box-border-radius; @box-border-radius; 0; 0);
+        border-bottom: 0px solid @box-border-color;
+        color: #444;        
+        // Icons and box title
+        > .fa, > .glyphicon, > .ion,
+        .box-title {
+            display: inline-block;
+            padding: 10px 10px 10px 10px;
+            margin: 0;
+            font-size: 20px;
+            font-weight: 400;
+            float: left;
+            cursor: default;
+            //text-transform: capitalize;
+        }
+        a {
+            color: #444;
+        }
+        // Box Tools
+        > .box-tools {
+            padding: 5px 10px 5px 5px;
+        }
+
+
+    }
+
+    // Box body
+    .box-body {
+        padding: 10px;
+        .border-radius(0; 0; @box-border-radius; @box-border-radius);
+        // Tables within the box body
+        > table, > .table {
+            margin-bottom: 0;
+        }
+
+        &.chart-responsive {
+            width: 100%;
+            overflow: hidden;
+        }
+
+        // Charts
+        > .chart {
+            position: relative;
+            overflow: hidden;
+            width: 100%;
+            svg, canvas { width: 100%!important;}
+        }
+
+        // Calendar within the box body
+        .fc {
+            margin-top: 5px;
+        }
+        // Calendar title
+        .fc-header-title h2 {
+            font-size: 15px;
+            line-height: 1.6em;
+            color: #666;
+            margin-left: 10px;
+        }
+        .fc-header-right {
+            padding-right: 10px;
+        }
+        .fc-header-left {
+            padding-left: 10px;
+        }
+        // Calendar table header cells
+        .fc-widget-header {
+            background: #fafafa;
+            box-shadow: inset 0px -3px 1px rgba(0,0,0,0.02);
+        }
+        .fc-grid {
+            width: 100%;
+            border: 0;
+        }
+        .fc-widget-header:first-of-type,
+            .fc-widget-content:first-of-type {
+            border-left: 0;
+            border-right: 0;
+        }
+        .fc-widget-header:last-of-type,
+            .fc-widget-content:last-of-type {
+            border-right: 0;
+        }
+        // tables in the box body
+        .table {
+            margin-bottom: 0;
+        }
+
+        .full-width-chart {
+            margin: -19px;
+        }
+        &.no-padding .full-width-chart {
+            margin: -9px;
+        }
+
+
+    }
+
+    // Box footer
+    .box-footer {
+        border-top: 1px solid @box-border-color;
+        .border-radius(0; 0; @box-border-radius; @box-border-radius);
+        padding: 10px;
+        background-color: @box-footer-bg;
+    }
+
+    //
+    //    SOLID BOX:
+    //------------------
+    //use this class to get a colored header and borders
+    //
+
+    &.box-solid {
+
+        border-top: 0px;
+        > .box-header {
+            padding-bottom: 0px!important;
+            .btn.btn-default {
+                background: transparent;
+            }
+        }
+
+        // Box color variations
+        &.box-primary {
+            .box-solid-variant(@light-blue);
+        }
+        &.box-info {
+            .box-solid-variant(@aqua);
+        }
+        &.box-danger {
+            .box-solid-variant(@red);
+        }
+        &.box-warning {
+            .box-solid-variant(@yellow);
+        }
+        &.box-success {
+            .box-solid-variant(@green);
+        }
+
+        > .box-header > .box-tools .btn {
+            border: 0;
+            box-shadow: none;
+        }
+
+        // collapsed mode
+        &.collapsed-box {
+            .box-header {
+                .border-radius(@box-border-radius);
+            }
+        }
+
+        // Fix font color for tiles
+        &[class*='bg'] {
+            > .box-header {
+                color: #fff;
+            }
+        }
+
+    }
+
+    //BOX GROUP
+    .box-group {
+        > .box {
+            margin-bottom: 5px;
+        }
+    }
+
+
+    // jQuery Knob in a box
+    .knob-label {
+        text-align: center;
+        color: #333;
+        font-weight: 100;
+        font-size: 12px;
+        margin-bottom: 0.3em;
+    }
+
+    //
+    //  Widgets
+    //-----------
+    //
+
+    // Widget: TODO LIST
+
+    .todo-list {
+        margin: 0;
+        padding: 0px 0px;
+        list-style: none;
+        // Todo list element
+        > li {
+            .border-radius(2px);
+            padding: 10px;
+            background: @table-striped-color;
+            margin-bottom: 2px;
+            border-left: 2px solid #e6e7e8;
+            color: #444;
+            &:last-of-type {
+                margin-bottom: 0;
+            }
+            // Color varaity
+            &.danger {
+                border-left-color: @red;
+            }
+            &.warning {
+                border-left-color: @yellow;
+            }
+            &.info {
+                border-left-color: @aqua;
+            }
+            &.success {
+                border-left-color: @green;
+            }
+            &.primary {
+                border-left-color: @light-blue;
+            }
+
+            > input[type='checkbox']  {
+                margin: 0 10px 0 5px;
+            }
+
+            .text {
+                display: inline-block;
+                margin-left: 5px;
+                font-weight: 600;
+            }
+
+            // Time labels
+            .label {
+                margin-left: 10px;
+                font-size: 9px;
+            }
+
+            // Tools and options box
+            .tools {
+                display: none;
+                float: right;
+                color: @red;
+                // icons
+                > .fa, > .glyphicon, > .ion {
+                    margin-right: 5px;
+                    cursor: pointer;
+                }
+
+            }
+            &:hover .tools {
+                display: inline-block;
+            }
+
+            &.done {
+                color: #999;
+                .text {
+                    text-decoration: line-through;
+                    font-weight: 500;
+                }
+
+                .label {
+                    background: @gray!important;
+                }
+            }
+        }
+
+        .handle {
+            display: inline-block;
+            cursor: move;
+            margin: 0 5px;
+        }
+
+    }
+    // END TODO WIDGET
+
+    // Chat widget
+    .chat {
+        padding: 5px 20px 5px 10px;
+
+        .item {
+            .clearfix();
+            margin-bottom: 10px;
+            // The image
+            > img {
+                //display: inline-block;
+                width: 40px;
+                height: 40px;
+                border: 2px solid transparent;
+                .border-radius(50%)!important;
+                &.online {
+                    border: 2px solid @green;
+                }
+                &.offline {
+                    border: 2px solid @red;
+                }
+            }
+
+            // The message body
+            > .message {
+                margin-left: 55px;
+                margin-top: -40px;
+                > .name {
+                    display: block;
+                    font-weight: 600;
+                }
+            }
+
+            // The attachment
+            > .attachment {
+                .border-radius(@attachment-border-radius);
+                background: #f0f0f0;
+                margin-left: 65px;
+                margin-right: 15px;
+                padding: 10px;
+                > h4 {
+                    margin: 0 0 5px 0;
+                    font-weight: 600;
+                    font-size: 14px;
+                }
+                > p, > .filename {
+                    font-weight: 600;
+                    font-size: 13px;
+                    font-style: italic;
+                    margin: 0;
+
+                }
+                .clearfix();
+            }
+        }
+
+    }
+    // END CHAT WIDGET
+
+    // Box overlay for LOADING STATE effect
+    > .overlay, > .loading-img {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    > .overlay {
+        z-index: 1010;
+        background: rgba(255, 255, 255, 0.7);
+    }
+
+    > .overlay.dark {
+        background: rgba(0, 0, 0, 0.5);
+    }
+
+    > .loading-img {
+        z-index: 1020;
+        background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;
+    }
+
+}