bitcoin-atm
bitcoin atm for pyc inc.
git clone https://9o.is/git/bitcoin-atm.git
commit bcc60a509bf5bda7f565afdb8d06f359b5b0d3c5 parent 4bfeb741370aaa76b9567d3498752d021a075d95 Author: Jul <jul@9o.is> Date: Thu, 9 Oct 2014 11:23:38 -0400 Merge branch 'master' of bitbucket.org:pyd/chimera Diffstat:
| M | src/main/webapp/app/ActorsBridge.js | | | 74 | +++++++++++++++++++++++++++++++++++++++++++++----------------------------- |
| M | src/main/webapp/app/App.js | | | 282 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------ |
| A | src/main/webapp/app/FsmEvents.js | | | 14 | ++++++++++++++ |
| A | src/main/webapp/app/Logger.js | | | 26 | ++++++++++++++++++++++++++ |
| D | src/main/webapp/img/bitcoin_logo.png | | | 0 | |
| M | src/main/webapp/index.html | | | 52 | +++++++++++++--------------------------------------- |
| D | src/main/webapp/less/3.03/alerts.less | | | 67 | ------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/badges.less | | | 51 | --------------------------------------------------- |
| D | src/main/webapp/less/3.03/bootstrap.less | | | 49 | ------------------------------------------------- |
| D | src/main/webapp/less/3.03/breadcrumbs.less | | | 23 | ----------------------- |
| D | src/main/webapp/less/3.03/button-groups.less | | | 227 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/carousel.less | | | 232 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/code.less | | | 53 | ----------------------------------------------------- |
| D | src/main/webapp/less/3.03/component-animations.less | | | 29 | ----------------------------- |
| D | src/main/webapp/less/3.03/dropdowns.less | | | 187 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/glyphicons.less | | | 237 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/grid.less | | | 79 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/input-groups.less | | | 136 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/jumbotron.less | | | 46 | ---------------------------------------------- |
| D | src/main/webapp/less/3.03/labels.less | | | 64 | ---------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/list-group.less | | | 88 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/media.less | | | 56 | -------------------------------------------------------- |
| D | src/main/webapp/less/3.03/modals.less | | | 129 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/navbar.less | | | 612 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/navs.less | | | 242 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/pager.less | | | 55 | ------------------------------------------------------- |
| D | src/main/webapp/less/3.03/pagination.less | | | 85 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/panels.less | | | 182 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/popovers.less | | | 133 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/progress-bars.less | | | 80 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/responsive-utilities.less | | | 209 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/tables.less | | | 231 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/theme.less | | | 247 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/thumbnails.less | | | 36 | ------------------------------------ |
| D | src/main/webapp/less/3.03/tooltip.less | | | 95 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/variables.less | | | 642 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/3.03/wells.less | | | 29 | ----------------------------- |
| M | src/main/webapp/less/custom.less | | | 103 | +++++++++---------------------------------------------------------------------- |
| D | src/main/webapp/less/extras/angular-wizard.less | | | 185 | ------------------------------------------------------------------------------- |
| R | src/main/webapp/less/3.03/buttons.less -> src/main/webapp/less/libs/3.03/buttons.less | | | 0 | |
| R | src/main/webapp/less/3.03/close.less -> src/main/webapp/less/libs/3.03/close.less | | | 0 | |
| R | src/main/webapp/less/3.03/forms.less -> src/main/webapp/less/libs/3.03/forms.less | | | 0 | |
| R | src/main/webapp/less/3.03/mixins.less -> src/main/webapp/less/libs/3.03/mixins.less | | | 0 | |
| R | src/main/webapp/less/3.03/normalize.less -> src/main/webapp/less/libs/3.03/normalize.less | | | 0 | |
| R | src/main/webapp/less/3.03/print.less -> src/main/webapp/less/libs/3.03/print.less | | | 0 | |
| R | src/main/webapp/less/3.03/scaffolding.less -> src/main/webapp/less/libs/3.03/scaffolding.less | | | 0 | |
| R | src/main/webapp/less/3.03/type.less -> src/main/webapp/less/libs/3.03/type.less | | | 0 | |
| R | src/main/webapp/less/3.03/utilities.less -> src/main/webapp/less/libs/3.03/utilities.less | | | 0 | |
| A | src/main/webapp/less/libs/animate.less | | | 3158 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| R | src/main/webapp/less/fontawesome/bordered-pulled.less -> src/main/webapp/less/libs/fontawesome/bordered-pulled.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/core.less -> src/main/webapp/less/libs/fontawesome/core.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/fixed-width.less -> src/main/webapp/less/libs/fontawesome/fixed-width.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/font-awesome.less -> src/main/webapp/less/libs/fontawesome/font-awesome.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/icons.less -> src/main/webapp/less/libs/fontawesome/icons.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/larger.less -> src/main/webapp/less/libs/fontawesome/larger.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/list.less -> src/main/webapp/less/libs/fontawesome/list.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/mixins.less -> src/main/webapp/less/libs/fontawesome/mixins.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/path.less -> src/main/webapp/less/libs/fontawesome/path.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/rotated-flipped.less -> src/main/webapp/less/libs/fontawesome/rotated-flipped.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/spinning.less -> src/main/webapp/less/libs/fontawesome/spinning.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/stacked.less -> src/main/webapp/less/libs/fontawesome/stacked.less | | | 0 | |
| R | src/main/webapp/less/fontawesome/variables.less -> src/main/webapp/less/libs/fontawesome/variables.less | | | 0 | |
| M | src/main/webapp/less/overrides.less | | | 181 | ++++--------------------------------------------------------------------------- |
| D | src/main/webapp/less/pages/qr-scanner-wizard.less | | | 14 | -------------- |
| A | src/main/webapp/less/part/loading.less | | | 75 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | src/main/webapp/less/screen/scanqr.less | | | 5 | +++++ |
| D | src/main/webapp/less/smartadmin/DT_bootstrap.less | | | 343 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/TableTools.less | | | 321 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/animated.less | | | 442 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/bootstrap-markdown.less | | | 56 | -------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/bootstrap-slider.less | | | 184 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/bootstrap-tagsinput.less | | | 70 | ---------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/bootstrap-timepicker.less | | | 146 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/colorpallet.less | | | 148 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/colorpicker.less | | | 125 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/component-ion.less | | | 231 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/component-jqueryui.less | | | 446 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/component-radiocheck.less | | | 394 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/dropzone.less | | | 395 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/fd-slider.less | | | 236 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/fullcalendar.less | | | 630 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/jarvis-widgets.less | | | 1124 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/jquery-ui-1.10.3.custom.less | | | 2730 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/main-animated.less | | | 59 | ----------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/main-custom.less | | | 455 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/main-responsive.less | | | 817 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/main.less | | | 4678 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/notifications.less | | | 679 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/page-error.less | | | 24 | ------------------------ |
| D | src/main/webapp/less/smartadmin/page-login.less | | | 137 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/pricing-table.less | | | 120 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/section-calendar.less | | | 117 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/section-inbox.less | | | 420 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/section-nestables.less | | | 257 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/section-profile.less | | | 31 | ------------------------------- |
| D | src/main/webapp/less/smartadmin/section-search.less | | | 43 | ------------------------------------------- |
| D | src/main/webapp/less/smartadmin/section-select2.less | | | 620 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/section-todo.less | | | 90 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/smart-chat.less | | | 391 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/smart-forms.less | | | 1029 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/summernote.less | | | 25 | ------------------------- |
| D | src/main/webapp/less/smartadmin/superbox.less | | | 134 | ------------------------------------------------------------------------------- |
| D | src/main/webapp/less/smartadmin/x-editable.less | | | 361 | ------------------------------------------------------------------------------- |
| M | src/main/webapp/less/styles.less | | | 136 | ++++++++++--------------------------------------------------------------------- |
| M | src/main/webapp/less/variables.less | | | 680 | +++++++------------------------------------------------------------------------ |
| D | src/main/webapp/templates-hidden/base-default.html | | | 12 | ------------ |
| M | src/main/webapp/templates-hidden/base-wrap.html | | | 32 | +------------------------------- |
| A | src/main/webapp/templates-hidden/part/loading.html | | | 18 | ++++++++++++++++++ |
| A | src/main/webapp/templates-hidden/screen/CashInsert.html | | | 11 | +++++++++++ |
| A | src/main/webapp/templates-hidden/screen/ErrorState.html | | | 4 | ++++ |
| A | src/main/webapp/templates-hidden/screen/Idle.html | | | 8 | ++++++++ |
| A | src/main/webapp/templates-hidden/screen/InsufficientFunds.html | | | 4 | ++++ |
| A | src/main/webapp/templates-hidden/screen/LimitReached.html | | | 4 | ++++ |
| A | src/main/webapp/templates-hidden/screen/Malfunctioning.html | | | 4 | ++++ |
| A | src/main/webapp/templates-hidden/screen/PreparingTx.html | | | 4 | ++++ |
| A | src/main/webapp/templates-hidden/screen/Receipt.html | | | 4 | ++++ |
| A | src/main/webapp/templates-hidden/screen/ScanQr.html | | | 11 | +++++++++++ |
| A | src/main/webapp/templates-hidden/screen/Sending.html | | | 4 | ++++ |
| A | src/main/webapp/templates-hidden/screen/ThankYou.html | | | 4 | ++++ |
| M | src/main/webapp/vendor/ui-bootstrap-tpls.js | | | 111 | +------------------------------------------------------------------------------ |
120 files changed, 3730 insertions(+), 24629 deletions(-)
diff --git a/src/main/webapp/app/ActorsBridge.js b/src/main/webapp/app/ActorsBridge.js @@ -1,6 +1,11 @@ /** * Broadcasts message to angular app in html document. + * To listen for an event: + * + * $rootScope.$on(event, function (event, message) { + * // code here + * }); */ window.broadcast = function(event, message) { var scope = angular.element('[ng-app]').scope(); @@ -10,69 +15,80 @@ window.broadcast = function(event, message) { }; /** + * Overlord Comet + * Sends messages to Overlord + * ie. window.overlord.send("Hello, Overlord!"); + */ +window.Overlord = function(sendFunc) { + "use strict"; + var self = this; + + self.send = sendFunc; +}; + +/** + * Logger Comet + * Sends logs to server. + */ +window.Logger = function(sendFunc) { + "use strict"; + var self = this; + + self.send = sendFunc; + self.error = function(msg){self.send({error: msg});}; + self.warn = function(msg){self.send({warn: msg});}; + self.info = function(msg){self.send({info: msg});}; + self.debug = function(msg){self.send({debug: msg});}; +}; + +/** * Price Ticker Comet * Updates the price for price ticker on screen. */ window.PriceTicker = function(sendFunc) { "use strict"; var self = this; - - self.send = sendFunc; self.apply = function(message) { - window.broadcast('newPrice', message); + window.broadcast('priceUpdate', message); }; }; /** - * Transaction Comet - * Updates the state of the current transaction. + * Wallet Balance Comet + * Updates the wallet balance. */ -window.Transaction = function(sendFunc) { +window.WalletBalance = function(sendFunc) { "use strict"; var self = this; - - self.send = sendFunc; self.apply = function(message) { - window.broadcast('transactionUpdate', message); - }; - - /** - * Updates the state of the bills inserted. - */ - self.insertedBill = function(message) { - window.broadcast('insertedBill', message); + window.broadcast('balanceUpdate', message); }; }; /** - * Bill Acceptor Comet - * Updates the state of the bills inserted. + * Data Manager Comet + * Updates the data, but not the state, of the machine. */ -window.BillAcceptor = function(sendFunc) { +window.DataManager = function(sendFunc) { "use strict"; var self = this; - - self.send = sendFunc; self.apply = function(message) { - window.broadcast('insertedBill', message); + window.broadcast('dataUpdate', message); }; }; /** - * Redirect Comet - * Used for page redirection. For example, when the network - * is down, the page will redirect to the appropriate page. + * State Manager Comet + * Updates the state and data of the machine. */ -window.Redirect = function(sendFunc) { +window.StateManager = function(sendFunc) { "use strict"; var self = this; - - self.send = sendFunc; self.apply = function(message) { - window.location = message; + window.broadcast('stateUpdate', message); }; }; \ No newline at end of file diff --git a/src/main/webapp/app/App.js b/src/main/webapp/app/App.js @@ -1,71 +1,248 @@ /** * Main Angular Module */ -var app = angular.module("app", ['ui.bootstrap', 'mgo-angular-wizard', 'angular-qr-scanner', 'Forms', 'disabler']); - -/** - * Button display 'loading' (with a spinner) during ajax. - * - requires fa-spinner from FontAwesome - */ -app.directive('disabler', ['$compile', function($compile) { - return { - link: function(scope, elm, attrs) { - var btnContents = $compile(elm.contents())(scope); - scope.$watch(attrs.ngModel, function(value) { - if (value) { - elm.html("<i class='fa fa-spinner fa-spin'></i> Loading"); - elm.attr('disabled',true); - } else { - elm.html('').append(btnContents); - elm.attr('disabled',false); - } - }); - } - }; -}]); +var app = angular.module("app", [ + 'ui.bootstrap', + 'mgo-angular-wizard', + 'angular-qr-scanner', + 'FsmEvents', + 'Forms', + 'disabler' +]); /** * Price Ticker shows price per bitcoin. */ app.controller('PriceTickerCtrl', ['$scope', '$rootScope', function($scope, $rootScope) { - $rootScope.$on("newPrice", function (event, message) { - $scope.price = message.price; + $rootScope.$on("priceUpdate", function (event, message) { + $rootScope.price = message.price; }); }]); -app.controller('MainCtrl', ['$scope', '$rootScope', function($scope, $rootScope) { +/** + * Price Ticker shows price per bitcoin. + */ +app.controller('FSMCtrl', ['$scope', '$rootScope', 'WizardHandler', function($scope, $rootScope, WizardHandler) { + $controller('FsmEventsCtrl', {$scope: $scope}); + + $rootScope.fsm = { + initial: 'Uninitialized', + state: 'Uninitialized', + data: {}, + events: [ + // Idle Screen + {from: '*', to: 'Idle', screen: 'Idle', preStart: clearTransaction()}, + + // Malfunctioning Screen + {from: '*', to: 'Malfunctioning', screen: 'Malfunctioning'}, + + // Error Screen + {from: '*', to: 'ErrorState', screen: 'ErrorState'}, + + // Timeout & fall back ScanQr Screen + {from: '*', to: 'ScanQr', screen: 'ScanQr'}, + {from: 'QrValidate', to: 'ScanQr', preStart: $rootScope.qrError("Invalid Bitcoin Wallet")}, + {from: 'UserLogin', to: 'ScanQr', preStart: $rootScope.qrError("Failed to connect with user server. Please try again.")}, + {from: 'HistoryAudit', to: 'ScanQr', preStart: $rootScope.qrError("Failed to verify bitcoin address. Please try again.")}, + {from: 'TxCreate', to: 'ScanQr', preStart: $rootScope.qrError("Could not start transaction. Please try again.")}, + + // Prepare Tx Screen + {from: 'ScanQr', to: 'QrValidate', screen: 'PreparingTx'}, + {from: 'QrValidate', to: 'UserLogin', screen: 'PreparingTx'}, + {from: 'UserLogin', to: 'HistoryAudit', screen: 'PreparingTx'}, + {from: 'HistoryAudit', to: 'TxCreate', screen: 'PreparingTx'}, + + // Cash Insert + {from: '*', to: 'CashInsert', screen: 'CashInsert'}, + + // Insufficient Funds + {from: 'CashValidate', to: 'InsufficientFunds', screen: 'InsufficientFunds'}, + + // Limit Reached Screen + {from: '*', to: 'LimitReached', screen: 'LimitReached'}, + + // Sending Bitcoins Screen + {from: 'CashInsert', to: 'Sending', screen: 'Sending'}, + + // Thank You Screen + {from: 'Sending', to: 'ThankYou', screen: 'ThankYou'}, + + // receipt screen + {from: 'ThankYou', to: 'Receipt', screen: 'Receipt'} + ] + }; + + var clearTransaction = function() { + $scope.fsm.data = {}; + } + + var transition = function(from, to) { + + var events = _.filter($scope.fsm.events, function(e){ + return (e.from === from || e.from === "*") && (e.to === to || e.to === "*"); + }); - $rootScope.transaction = {}; + _.each(events, function(e){ + if(typeof(e.preStart) === "function") { + e.preStart(); + } + }); + + _.find(events, function(e){ + return e.screen; + }).map(function(e){ + WizardHandler.wizard().goTo(e.screen); + }); + + $scope.fsm.state = to; + + _.each(events, function(e){ + if(typeof(e.postStart) === "function") { + e.postStart(); + } + }); + }; - $rootScope.$on("transactionUpdate", function (event, message) { - jQuery.extend($rootScope.transaction, message); + $rootScope.$on("dataUpdate", function (event, message) { + $scope.fsm.data = message; }); - $rootScope.$on("insertedBill", function (event, message) { - $rootScope.transaction.billsInserted.push(message); + $rootScope.$on("stateUpdate", function (event, message) { + var from = ((message.from) ? message.from : $scope.fsm.state); + var to = ((message.to) ? message.to : message); + transition(from, to); }); /** + * Sends the continue command to Overlord to + * possibly go to the next screen. + */ + $rootScope.nextScreen = function() { + $window.overlord.send("continue"); + }; + + /** + * Sends the previous command to Overlord to + * possibly go to the previous screen. + */ + $rootScope.previousScreen = function() { + $window.overlord.send("previous"); + }; + + /** + * Send the wait command to Overlord so the state + * won't time out. + */ + $rootScope.holdScreen = function() { + $window.overlord.send("wait"); + }; +}]); + + +app.controller('IdleCtrl', ['$scope', '$timeout', function($scope, $timeout) { + + var animations = ['wobble', 'tada', 'swing', 'shake', 'rubberband', 'bounce']; + + var animate = function() { + var animation = animations[Math.floor(Math.random()*animations.length)]; + // TODO animate bitcoin logo + $timeout(animate, 60000); + }; + + $timeout(animate, 60000); +}]); + + +app.controller('MalfunctioningCtrl', ['$scope', '$rootScope', '$window', function($scope, $rootScope, $window) { + + $scope.reason = ""; + + $rootScope.malfunctionReason = function(reason) { + if(typeof reason.data == 'string') { + $scope.reason = reason.data; + } + }; +}]); + + +app.controller('ErrorStateCtrl', ['$scope', '$rootScope', '$window', function($scope, $rootScope, $window) { + $scope.transaction = $rootScope.fsm.data; + + $scope.sendPhone = function() { + $window.overlord.send({phone: $scope.phone}); + }; + + $scope.sendEmail = function() { + $window.overlord.send({email: $scope.email}); + }; +}]); + + +app.controller('ReceiptCtrl', ['$scope', '$rootScope', '$window', function($scope, $rootScope, $window) { + $scope.transaction = $rootScope.fsm.data; + + $scope.sendReceipt = function() { + $window.overlord.send({email: $scope.email}); + }; +}]); + + +app.controller('LimitReachedCtrl', ['$scope', '$rootScope', '$window', function($scope, $rootScope, $window) { + $scope.transaction = $rootScope.fsm.data; + + $scope.sms = function() { + $window.overlord.send({phone: $scope.phone}); + }; + + $scope.verifySms = function() { + $window.overlord.send({ + phone: $scope.phone, + smscode: $scope.smscode + }); + }; + + $scope.verifyUser = function() { + $window.overlord.send({ + email: $scope.email, + password: $scope.password + }); + }; +}]); + + +app.controller('InsertCashCtrl', ['$scope', '$rootScope', function($scope, $rootScope) { + $scope.transaction = $rootScope.fsm.data; + // TODO create dancing bitcoins +}]); + + +app.controller('InsertCashCtrl', ['$scope', '$rootScope', '$window', function($scope, $rootScope, $window) { + $scope.transaction = $rootScope.fsm.data; + + $scope.buy = function() { + $window.overlord.send("buy"); + }; + + /** * Total amount inserted in the bill acceptor. */ - $scope.totalAmount = function() { - var bills = $rootScope.transaction.billsInserted; + $scope.total = function() { + var bills = $scope.transaction.bills; return bills.reduce(function(a, b) { return a + b; }); }; /** * Bitcoin amount compared to the total amount inserted in the bill acceptor. */ - $scope.bitcoinAmount = function() { - return $scope.totalAmount / $rootScope.transaction.price; + $scope.bitcoins = function() { + return $scope.total / parseFloat($rootScope.price); }; }]); -app.controller('WalletScannerCtrl', ['$scope', '$rootScope', '$controller', '$timeout', 'WizardHandler', function($scope, $rootScope, $controller, $timeout, WizardHandler) { - $controller('FormCtrl', {$scope: $scope}); +app.controller('ScanQrCtrl', ['$scope', '$rootScope', '$timeout', '$window', function($scope, $rootScope, $timeout, $window) { var scanned = false; @@ -77,45 +254,24 @@ app.controller('WalletScannerCtrl', ['$scope', '$rootScope', '$controller', '$ti scanned = false; }, 1000); }; - - var showQrError = function() { - $scope.qr_error = true; - $timeout(function() { - $scope.qr_error = false; - }, 6000); + + $rootScope.qrError = function(msg) { + $rootScope.qrErrorMsg = msg; }; $scope.onSuccess = function(data) { if (data !== 'error decoding QR Code' && !scanned) { + $window.overlord.send({qrcode: data}); setScanned(); scan_sound.play(); - - var success = function(data) { - - // set default transaction if it hasn't been set yet - if($rootScope.transaction.address === undefined) { - $rootScope.transaction = data.data; - } - - WizardHandler.wizard().next(); - window.billAcceptor.send("listen"); - }; - - var failure = function() { - showQrError(); - }; - - $scope.submit('BitcoinAddressScanner', 'submitAddress', success, failure, data); } }; $scope.onError = function(error) { - window.console.log("QR Error: "+error); - // TODO log it in redis + $window.console.error("QR Error: "+error); }; $scope.onVideoError = function(error) { - window.console.log("QR Video Error: "+error); - // TODO log it in redis + $window.console.error("QR Video Error: "+error); }; }]); \ No newline at end of file diff --git a/src/main/webapp/app/FsmEvents.js b/src/main/webapp/app/FsmEvents.js @@ -0,0 +1,13 @@ +/** + * Possible events that may occur in the FSM and executing + * functions between transition. + */ +angular.module("FsmEvents", []) +.controller('FsmEventsCtrl', ['$scope', function($scope) { + + var nullFunc = function(){}; + + + +}]); + +\ No newline at end of file diff --git a/src/main/webapp/app/Logger.js b/src/main/webapp/app/Logger.js @@ -0,0 +1,25 @@ +(function(){ + var oldLog = console.log; + console.log = function (message) { + window.logger.info(message); + oldLog.apply(console, arguments); + }; + + var oldInfo = console.info; + console.info = function (message) { + window.logger.info(message); + oldInfo.apply(console, arguments); + }; + + var oldWarn = console.warn; + console.warn = function (message) { + window.logger.warn(message); + oldWarn.apply(console, arguments); + }; + + var oldError = console.error; + console.error = function (message) { + window.logger.error(message); + oldError.apply(console, arguments); + }; +})(); +\ No newline at end of file diff --git a/src/main/webapp/img/bitcoin_logo.png b/src/main/webapp/img/bitcoin_logo.png Binary files differ. diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html @@ -1,41 +1,15 @@ -<div data-lift="surround?with=base-default;at=content"> - -<wizard id="wizard-main" on-finish="finishedWizard()" ng-controller="MainCtrl" ng-cloak> - <wz-step title="Start"> - <a type="submit" wz-next class="no-design"> - <h1>Buy bitcoin</h1> - <img src="/img/bitcoin.png" width="350" /> - <p class="lead">Tap on the bitcoin to get started</p> - </a> - </wz-step> - <wz-step title="Scan Wallet"> - <h1>Scan your Bitcoin Wallet - QR Code</h1> - - <div id="wallet-scanner" data-lift="BitcoinAddressScanner" ng-controller="WalletScannerCtrl"> - <qr-scanner ng-success="onSuccess(data)" width="400" height="300"></qr> - <div ng-show="qr_error" class="padding-top-20 text-center text-danger"> - Invalid Bitcoin Address - </div> - </div> - </wz-step> - <wz-step title="Insert Bills"> - <h1>More Steps</h1> - <p>Even more steps!!</p> - <div>{{ transaction.address }}</div> - <div>{{ transaction.price }}</div> - <div>{{ transaction.limit }}</div> - <div>Total: {{ transaction.currencySymbol + totalAmount }}</div> - <div>bitcoin: <i class="fa fa-btc"></i>{{ bitcoinAmount }}</div> - - <input type="submit" wz-next value="Finish now" class="btn btn-primary" /> - </wz-step> +<div data-lift="surround?with=base-wrap;at=content"> +<wizard id="wizard-main" ng-controller="FSMCtrl" ng-cloak> + <span data-lift="embed?what=/templates-hidden/screen/Idle"></span> + <span data-lift="embed?what=/templates-hidden/screen/ScanQr"></span> + <span data-lift="embed?what=/templates-hidden/screen/PreparingTx"></span> + <span data-lift="embed?what=/templates-hidden/screen/CashInsert"></span> + <span data-lift="embed?what=/templates-hidden/screen/LimitReached"></span> + <span data-lift="embed?what=/templates-hidden/screen/InsufficientFunds"></span> + <span data-lift="embed?what=/templates-hidden/screen/Sending"></span> + <span data-lift="embed?what=/templates-hidden/screen/ThankYou"></span> + <span data-lift="embed?what=/templates-hidden/screen/Receipt"></span> + <span data-lift="embed?what=/templates-hidden/screen/Malfunctioning"></span> + <span data-lift="embed?what=/templates-hidden/screen/ErrorState"></span> </wizard> - -<!-- Comets --> -<div data-lift="tail"> - <script data-lift="PriceTicker"></script> - <script data-lift="Transaction"></script> - <script data-lift="BillAcceptor"></script> -</div> - </div> \ No newline at end of file diff --git a/src/main/webapp/less/3.03/alerts.less b/src/main/webapp/less/3.03/alerts.less @@ -1,67 +0,0 @@ -// -// Alerts -// -------------------------------------------------- - - -// Base styles -// ------------------------- - -.alert { - padding: @alert-padding; - margin-bottom: @line-height-computed; - border: 1px solid transparent; - border-radius: @alert-border-radius; - - // Headings for larger alerts - h4 { - margin-top: 0; - // Specified for the h4 to prevent conflicts of changing @headings-color - color: inherit; - } - // Provide class for links that match alerts - .alert-link { - font-weight: @alert-link-font-weight; - } - - // Improve alignment and spacing of inner content - > p, - > ul { - margin-bottom: 0; - } - > p + p { - margin-top: 5px; - } -} - -// Dismissable alerts -// -// Expand the right padding and account for the close button's positioning. - -.alert-dismissable { - padding-right: (@alert-padding + 20); - - // Adjust close link position - .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; - } -} - -// Alternate styles -// -// Generate contextual modifier classes for colorizing the alert. - -.alert-success { - .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); -} -.alert-info { - .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); -} -.alert-warning { - .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); -} -.alert-danger { - .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); -} diff --git a/src/main/webapp/less/3.03/badges.less b/src/main/webapp/less/3.03/badges.less @@ -1,51 +0,0 @@ -// -// Badges -// -------------------------------------------------- - - -// Base classes -.badge { - display: inline-block; - min-width: 10px; - padding: 3px 7px; - font-size: @font-size-small; - font-weight: @badge-font-weight; - color: @badge-color; - line-height: @badge-line-height; - vertical-align: baseline; - white-space: nowrap; - text-align: center; - background-color: @badge-bg; - border-radius: @badge-border-radius; - - // Empty badges collapse automatically (not available in IE8) - &:empty { - display: none; - } - - // Quick fix for badges in buttons - .btn & { - position: relative; - top: -1px; - } -} - -// Hover state, but only for links -a.badge { - &:hover, - &:focus { - color: @badge-link-hover-color; - text-decoration: none; - cursor: pointer; - } -} - -// Account for counters in navs -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: @badge-active-color; - background-color: @badge-active-bg; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} diff --git a/src/main/webapp/less/3.03/bootstrap.less b/src/main/webapp/less/3.03/bootstrap.less @@ -1,49 +0,0 @@ -// Core variables and mixins -@import "variables.less"; -@import "mixins.less"; - -// Reset -@import "normalize.less"; -@import "print.less"; - -// Core CSS -@import "scaffolding.less"; -@import "type.less"; -@import "code.less"; -@import "grid.less"; -@import "tables.less"; -@import "forms.less"; -@import "buttons.less"; - -// Components -@import "component-animations.less"; -@import "glyphicons.less"; -@import "dropdowns.less"; -@import "button-groups.less"; -@import "input-groups.less"; -@import "navs.less"; -@import "navbar.less"; -@import "breadcrumbs.less"; -@import "pagination.less"; -@import "pager.less"; -@import "labels.less"; -@import "badges.less"; -@import "jumbotron.less"; -@import "thumbnails.less"; -@import "alerts.less"; -@import "progress-bars.less"; -@import "media.less"; -@import "list-group.less"; -@import "panels.less"; -@import "wells.less"; -@import "close.less"; - -// Components w/ JavaScript -@import "modals.less"; -@import "tooltip.less"; -@import "popovers.less"; -@import "carousel.less"; - -// Utility classes -@import "utilities.less"; -@import "responsive-utilities.less"; diff --git a/src/main/webapp/less/3.03/breadcrumbs.less b/src/main/webapp/less/3.03/breadcrumbs.less @@ -1,23 +0,0 @@ -// -// Breadcrumbs -// -------------------------------------------------- - - -.breadcrumb { - padding: 8px 15px; - margin-bottom: @line-height-computed; - list-style: none; - background-color: @breadcrumb-bg; - border-radius: @border-radius-base; - > li { - display: inline-block; - + li:before { - content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space - padding: 0 5px; - color: @breadcrumb-color; - } - } - > .active { - color: @breadcrumb-active-color; - } -} diff --git a/src/main/webapp/less/3.03/button-groups.less b/src/main/webapp/less/3.03/button-groups.less @@ -1,227 +0,0 @@ -// -// Button groups -// -------------------------------------------------- - -// Make the div behave like a button -.btn-group, -.btn-group-vertical { - position: relative; - display: inline-block; - vertical-align: middle; // match .btn alignment given font-size hack above - > .btn { - position: relative; - float: left; - // Bring the "active" button to the front - &:hover, - &:focus, - &:active, - &.active { - z-index: 2; - } - &:focus { - // Remove focus outline when dropdown JS adds it after closing the menu - outline: none; - } - } -} - -// Prevent double borders when buttons are next to each other -.btn-group { - .btn + .btn, - .btn + .btn-group, - .btn-group + .btn, - .btn-group + .btn-group { - margin-left: -1px; - } -} - -// Optional: Group multiple button groups together for a toolbar -.btn-toolbar { - .clearfix(); - - .btn-group { - float: left; - } - // Space out series of button groups - > .btn, - > .btn-group { - + .btn, - + .btn-group { - margin-left: 5px; - } - } -} - -.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; -} - -// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match -.btn-group > .btn:first-child { - margin-left: 0; - &:not(:last-child):not(.dropdown-toggle) { - .border-right-radius(0); - } -} -// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it -.btn-group > .btn:last-child:not(:first-child), -.btn-group > .dropdown-toggle:not(:first-child) { - .border-left-radius(0); -} - -// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) -.btn-group > .btn-group { - float: left; -} -.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; -} -.btn-group > .btn-group:first-child { - > .btn:last-child, - > .dropdown-toggle { - .border-right-radius(0); - } -} -.btn-group > .btn-group:last-child > .btn:first-child { - .border-left-radius(0); -} - -// On active and open, don't show outline -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; -} - - -// Sizing -// -// Remix the default button sizing classes into new ones for easier manipulation. - -.btn-group-xs > .btn { .btn-xs(); } -.btn-group-sm > .btn { .btn-sm(); } -.btn-group-lg > .btn { .btn-lg(); } - - -// Split button dropdowns -// ---------------------- - -// Give the line between buttons some depth -.btn-group > .btn + .dropdown-toggle { - padding-left: 8px; - padding-right: 8px; -} -.btn-group > .btn-lg + .dropdown-toggle { - padding-left: 12px; - padding-right: 12px; -} - -// The clickable button for toggling the menu -// Remove the gradient and set the same inset shadow as the :active state -.btn-group.open .dropdown-toggle { - .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); - - // Show no shadow for `.btn-link` since it has no other button styles. - &.btn-link { - .box-shadow(none); - } -} - - -// Reposition the caret -.btn .caret { - margin-left: 0; -} -// Carets in other button sizes -.btn-lg .caret { - border-width: @caret-width-large @caret-width-large 0; - border-bottom-width: 0; -} -// Upside down carets for .dropup -.dropup .btn-lg .caret { - border-width: 0 @caret-width-large @caret-width-large; -} - - -// Vertical button groups -// ---------------------- - -.btn-group-vertical { - > .btn, - > .btn-group, - > .btn-group > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; - } - - // Clear floats so dropdown menus can be properly placed - > .btn-group { - .clearfix(); - > .btn { - float: none; - } - } - - > .btn + .btn, - > .btn + .btn-group, - > .btn-group + .btn, - > .btn-group + .btn-group { - margin-top: -1px; - margin-left: 0; - } -} - -.btn-group-vertical > .btn { - &:not(:first-child):not(:last-child) { - border-radius: 0; - } - &:first-child:not(:last-child) { - border-top-right-radius: @border-radius-base; - .border-bottom-radius(0); - } - &:last-child:not(:first-child) { - border-bottom-left-radius: @border-radius-base; - .border-top-radius(0); - } -} -.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; -} -.btn-group-vertical > .btn-group:first-child { - > .btn:last-child, - > .dropdown-toggle { - .border-bottom-radius(0); - } -} -.btn-group-vertical > .btn-group:last-child > .btn:first-child { - .border-top-radius(0); -} - - - -// Justified button groups -// ---------------------- - -.btn-group-justified { - display: table; - width: 100%; - table-layout: fixed; - border-collapse: separate; - > .btn, - > .btn-group { - float: none; - display: table-cell; - width: 1%; - } - > .btn-group .btn { - width: 100%; - } -} - - -// Checkbox and radio options -[data-toggle="buttons"] > .btn > input[type="radio"], -[data-toggle="buttons"] > .btn > input[type="checkbox"] { - display: none; -} diff --git a/src/main/webapp/less/3.03/carousel.less b/src/main/webapp/less/3.03/carousel.less @@ -1,232 +0,0 @@ -// -// Carousel -// -------------------------------------------------- - - -// Wrapper for the slide container and indicators -.carousel { - position: relative; -} - -.carousel-inner { - position: relative; - overflow: hidden; - width: 100%; - - > .item { - display: none; - position: relative; - .transition(.6s ease-in-out left); - - // Account for jankitude on images - > img, - > a > img { - .img-responsive(); - line-height: 1; - } - } - - > .active, - > .next, - > .prev { display: block; } - - > .active { - left: 0; - } - - > .next, - > .prev { - position: absolute; - top: 0; - width: 100%; - } - - > .next { - left: 100%; - } - > .prev { - left: -100%; - } - > .next.left, - > .prev.right { - left: 0; - } - - > .active.left { - left: -100%; - } - > .active.right { - left: 100%; - } - -} - -// Left/right controls for nav -// --------------------------- - -.carousel-control { - position: absolute; - top: 0; - left: 0; - bottom: 0; - width: @carousel-control-width; - .opacity(@carousel-control-opacity); - font-size: @carousel-control-font-size; - color: @carousel-control-color; - text-align: center; - text-shadow: @carousel-text-shadow; - // We can't have this transition here because WebKit cancels the carousel - // animation if you trip this while in the middle of another animation. - - // Set gradients for backgrounds - &.left { - #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); - } - &.right { - left: auto; - right: 0; - #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); - } - - // Hover/focus state - &:hover, - &:focus { - outline: none; - color: @carousel-control-color; - text-decoration: none; - .opacity(.9); - } - - // Toggles - .icon-prev, - .icon-next, - .glyphicon-chevron-left, - .glyphicon-chevron-right { - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; - } - .icon-prev, - .glyphicon-chevron-left { - left: 50%; - } - .icon-next, - .glyphicon-chevron-right { - right: 50%; - } - .icon-prev, - .icon-next { - width: 20px; - height: 20px; - margin-top: -10px; - margin-left: -10px; - font-family: serif; - } - - .icon-prev { - &:before { - content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) - } - } - .icon-next { - &:before { - content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) - } - } -} - -// Optional indicator pips -// -// Add an unordered list with the following class and add a list item for each -// slide your carousel holds. - -.carousel-indicators { - position: absolute; - bottom: 10px; - left: 50%; - z-index: 15; - width: 60%; - margin-left: -30%; - padding-left: 0; - list-style: none; - text-align: center; - - li { - display: inline-block; - width: 10px; - height: 10px; - margin: 1px; - text-indent: -999px; - border: 1px solid @carousel-indicator-border-color; - border-radius: 10px; - cursor: pointer; - - // IE8-9 hack for event handling - // - // Internet Explorer 8-9 does not support clicks on elements without a set - // `background-color`. We cannot use `filter` since that's not viewed as a - // background color by the browser. Thus, a hack is needed. - // - // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we - // set alpha transparency for the best results possible. - background-color: #000 \9; // IE8 - background-color: rgba(0,0,0,0); // IE9 - } - .active { - margin: 0; - width: 12px; - height: 12px; - background-color: @carousel-indicator-active-bg; - } -} - -// Optional captions -// ----------------------------- -// Hidden by default for smaller viewports -.carousel-caption { - position: absolute; - left: 15%; - right: 15%; - bottom: 20px; - z-index: 10; - padding-top: 20px; - padding-bottom: 20px; - color: @carousel-caption-color; - text-align: center; - text-shadow: @carousel-text-shadow; - & .btn { - text-shadow: none; // No shadow for button elements in carousel-caption - } -} - - -// Scale up controls for tablets and up -@media screen and (min-width: @screen-sm-min) { - - // Scale up the controls a smidge - .carousel-control { - .glyphicons-chevron-left, - .glyphicons-chevron-right, - .icon-prev, - .icon-next { - width: 30px; - height: 30px; - margin-top: -15px; - margin-left: -15px; - font-size: 30px; - } - } - - // Show and left align the captions - .carousel-caption { - left: 20%; - right: 20%; - padding-bottom: 30px; - } - - // Move up the indicators - .carousel-indicators { - bottom: 20px; - } -} diff --git a/src/main/webapp/less/3.03/code.less b/src/main/webapp/less/3.03/code.less @@ -1,53 +0,0 @@ -// -// Code (inline and block) -// -------------------------------------------------- - - -// Inline and block code styles -code, -kbd, -pre, -samp { - font-family: @font-family-monospace; -} - -// Inline code -code { - padding: 2px 4px; - font-size: 90%; - color: @code-color; - background-color: @code-bg; - white-space: nowrap; - border-radius: @border-radius-base; -} - -// Blocks of code -pre { - display: block; - padding: ((@line-height-computed - 1) / 2); - margin: 0 0 (@line-height-computed / 2); - font-size: (@font-size-base - 1); // 14px to 13px - line-height: @line-height-base; - word-break: break-all; - word-wrap: break-word; - color: @pre-color; - background-color: @pre-bg; - border: 1px solid @pre-border-color; - border-radius: @border-radius-base; - - // Account for some code outputs that place code tags in pre tags - code { - padding: 0; - font-size: inherit; - color: inherit; - white-space: pre-wrap; - background-color: transparent; - border-radius: 0; - } -} - -// Enable scrollable blocks of code -.pre-scrollable { - max-height: @pre-scrollable-max-height; - overflow-y: scroll; -} diff --git a/src/main/webapp/less/3.03/component-animations.less b/src/main/webapp/less/3.03/component-animations.less @@ -1,29 +0,0 @@ -// -// Component animations -// -------------------------------------------------- - -// Heads up! -// -// We don't use the `.opacity()` mixin here since it causes a bug with text -// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552. - -.fade { - opacity: 0; - .transition(opacity .15s linear); - &.in { - opacity: 1; - } -} - -.collapse { - display: none; - &.in { - display: block; - } -} -.collapsing { - position: relative; - height: 0; - overflow: hidden; - .transition(height .35s ease); -} diff --git a/src/main/webapp/less/3.03/dropdowns.less b/src/main/webapp/less/3.03/dropdowns.less @@ -1,187 +0,0 @@ -// -// Dropdown menus -// -------------------------------------------------- - - -// Dropdown arrow/caret -.caret { - display: inline-block; - width: 0; - height: 0; - margin-left: 2px; - vertical-align: middle; - border-top: @caret-width-base solid; - border-right: @caret-width-base solid transparent; - border-left: @caret-width-base solid transparent; -} - -// The dropdown wrapper (div) -.dropdown { - position: relative; -} - -// Prevent the focus on the dropdown toggle when closing dropdowns -.dropdown-toggle:focus { - outline: 0; -} - -// The dropdown menu (ul) -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: @zindex-dropdown; - display: none; // none by default, but block on "open" of the menu - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; // override default ul - list-style: none; - font-size: @font-size-base; - background-color: @dropdown-bg; - border: 1px solid @dropdown-fallback-border; // IE8 fallback - border: 1px solid @dropdown-border; - border-radius: @border-radius-base; - .box-shadow(0 6px 12px rgba(0,0,0,.175)); - background-clip: padding-box; - - // Aligns the dropdown menu to right - &.pull-right { - right: 0; - left: auto; - } - - // Dividers (basically an hr) within the dropdown - .divider { - .nav-divider(@dropdown-divider-bg); - } - - // Links within the dropdown menu - > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: @line-height-base; - color: @dropdown-link-color; - white-space: nowrap; // prevent links from randomly breaking onto new lines - } -} - -// Hover/Focus state -.dropdown-menu > li > a { - &:hover, - &:focus { - text-decoration: none; - color: @dropdown-link-hover-color; - background-color: @dropdown-link-hover-bg; - } -} - -// Active state -.dropdown-menu > .active > a { - &, - &:hover, - &:focus { - color: @dropdown-link-active-color; - text-decoration: none; - outline: 0; - background-color: @dropdown-link-active-bg; - } -} - -// Disabled state -// -// Gray out text and ensure the hover/focus state remains gray - -.dropdown-menu > .disabled > a { - &, - &:hover, - &:focus { - color: @dropdown-link-disabled-color; - } -} -// Nuke hover/focus effects -.dropdown-menu > .disabled > a { - &:hover, - &:focus { - text-decoration: none; - background-color: transparent; - background-image: none; // Remove CSS gradient - .reset-filter(); - cursor: not-allowed; - } -} - -// Open state for the dropdown -.open { - // Show the menu - > .dropdown-menu { - display: block; - } - - // Remove the outline when :focus is triggered - > a { - outline: 0; - } -} - -// Dropdown section headers -.dropdown-header { - display: block; - padding: 3px 20px; - font-size: @font-size-small; - line-height: @line-height-base; - color: @dropdown-header-color; -} - -// Backdrop to catch body clicks on mobile, etc. -.dropdown-backdrop { - position: fixed; - left: 0; - right: 0; - bottom: 0; - top: 0; - z-index: @zindex-dropdown - 10; -} - -// Right aligned dropdowns -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} - -// Allow for dropdowns to go bottom up (aka, dropup-menu) -// -// Just add .dropup after the standard .dropdown class and you're set, bro. -// TODO: abstract this so that the navbar fixed styles are not placed here? - -.dropup, -.navbar-fixed-bottom .dropdown { - // Reverse the caret - .caret { - border-top: 0; - border-bottom: @caret-width-base solid; - content: ""; - } - // Different positioning for bottom up menu - .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 1px; - } -} - - -// Component alignment -// -// Reiterate per navbar.less and the modified component alignment there. - -@media (min-width: @grid-float-breakpoint) { - .navbar-right { - .dropdown-menu { - .pull-right > .dropdown-menu(); - } - } -} - diff --git a/src/main/webapp/less/3.03/glyphicons.less b/src/main/webapp/less/3.03/glyphicons.less @@ -1,237 +0,0 @@ -// -// Glyphicons for Bootstrap -// -// Since icons are fonts, they can be placed anywhere text is placed and are -// thus automatically sized to match the surrounding child. To use, create an -// inline element with the appropriate classes, like so: -// -// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a> - -// Import the fonts -@font-face { - font-family: 'Glyphicons Halflings'; - src: ~"url('@{icon-font-path}@{icon-font-name}.eot')"; - src: ~"url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype')", - ~"url('@{icon-font-path}@{icon-font-name}.woff') format('woff')", - ~"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')", - ~"url('@{icon-font-path}@{icon-font-name}.svg#glyphicons-halflingsregular') format('svg')"; -} - -// Catchall baseclass -.glyphicon { - position: relative; - top: 1px; - display: inline-block; - font-family: 'Glyphicons Halflings'; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - &:empty { - width: 1em; - } -} - -// Individual icons -.glyphicon-asterisk { &:before { content: "\2a"; } } -.glyphicon-plus { &:before { content: "\2b"; } } -.glyphicon-euro { &:before { content: "\20ac"; } } -.glyphicon-minus { &:before { content: "\2212"; } } -.glyphicon-cloud { &:before { content: "\2601"; } } -.glyphicon-envelope { &:before { content: "\2709"; } } -.glyphicon-pencil { &:before { content: "\270f"; } } -.glyphicon-glass { &:before { content: "\e001"; } } -.glyphicon-music { &:before { content: "\e002"; } } -.glyphicon-search { &:before { content: "\e003"; } } -.glyphicon-heart { &:before { content: "\e005"; } } -.glyphicon-star { &:before { content: "\e006"; } } -.glyphicon-star-empty { &:before { content: "\e007"; } } -.glyphicon-user { &:before { content: "\e008"; } } -.glyphicon-film { &:before { content: "\e009"; } } -.glyphicon-th-large { &:before { content: "\e010"; } } -.glyphicon-th { &:before { content: "\e011"; } } -.glyphicon-th-list { &:before { content: "\e012"; } } -.glyphicon-ok { &:before { content: "\e013"; } } -.glyphicon-remove { &:before { content: "\e014"; } } -.glyphicon-zoom-in { &:before { content: "\e015"; } } -.glyphicon-zoom-out { &:before { content: "\e016"; } } -.glyphicon-off { &:before { content: "\e017"; } } -.glyphicon-signal { &:before { content: "\e018"; } } -.glyphicon-cog { &:before { content: "\e019"; } } -.glyphicon-trash { &:before { content: "\e020"; } } -.glyphicon-home { &:before { content: "\e021"; } } -.glyphicon-file { &:before { content: "\e022"; } } -.glyphicon-time { &:before { content: "\e023"; } } -.glyphicon-road { &:before { content: "\e024"; } } -.glyphicon-download-alt { &:before { content: "\e025"; } } -.glyphicon-download { &:before { content: "\e026"; } } -.glyphicon-upload { &:before { content: "\e027"; } } -.glyphicon-inbox { &:before { content: "\e028"; } } -.glyphicon-play-circle { &:before { content: "\e029"; } } -.glyphicon-repeat { &:before { content: "\e030"; } } -.glyphicon-refresh { &:before { content: "\e031"; } } -.glyphicon-list-alt { &:before { content: "\e032"; } } -.glyphicon-lock { &:before { content: "\e033"; } } -.glyphicon-flag { &:before { content: "\e034"; } } -.glyphicon-headphones { &:before { content: "\e035"; } } -.glyphicon-volume-off { &:before { content: "\e036"; } } -.glyphicon-volume-down { &:before { content: "\e037"; } } -.glyphicon-volume-up { &:before { content: "\e038"; } } -.glyphicon-qrcode { &:before { content: "\e039"; } } -.glyphicon-barcode { &:before { content: "\e040"; } } -.glyphicon-tag { &:before { content: "\e041"; } } -.glyphicon-tags { &:before { content: "\e042"; } } -.glyphicon-book { &:before { content: "\e043"; } } -.glyphicon-bookmark { &:before { content: "\e044"; } } -.glyphicon-print { &:before { content: "\e045"; } } -.glyphicon-camera { &:before { content: "\e046"; } } -.glyphicon-font { &:before { content: "\e047"; } } -.glyphicon-bold { &:before { content: "\e048"; } } -.glyphicon-italic { &:before { content: "\e049"; } } -.glyphicon-text-height { &:before { content: "\e050"; } } -.glyphicon-text-width { &:before { content: "\e051"; } } -.glyphicon-align-left { &:before { content: "\e052"; } } -.glyphicon-align-center { &:before { content: "\e053"; } } -.glyphicon-align-right { &:before { content: "\e054"; } } -.glyphicon-align-justify { &:before { content: "\e055"; } } -.glyphicon-list { &:before { content: "\e056"; } } -.glyphicon-indent-left { &:before { content: "\e057"; } } -.glyphicon-indent-right { &:before { content: "\e058"; } } -.glyphicon-facetime-video { &:before { content: "\e059"; } } -.glyphicon-picture { &:before { content: "\e060"; } } -.glyphicon-map-marker { &:before { content: "\e062"; } } -.glyphicon-adjust { &:before { content: "\e063"; } } -.glyphicon-tint { &:before { content: "\e064"; } } -.glyphicon-edit { &:before { content: "\e065"; } } -.glyphicon-share { &:before { content: "\e066"; } } -.glyphicon-check { &:before { content: "\e067"; } } -.glyphicon-move { &:before { content: "\e068"; } } -.glyphicon-step-backward { &:before { content: "\e069"; } } -.glyphicon-fast-backward { &:before { content: "\e070"; } } -.glyphicon-backward { &:before { content: "\e071"; } } -.glyphicon-play { &:before { content: "\e072"; } } -.glyphicon-pause { &:before { content: "\e073"; } } -.glyphicon-stop { &:before { content: "\e074"; } } -.glyphicon-forward { &:before { content: "\e075"; } } -.glyphicon-fast-forward { &:before { content: "\e076"; } } -.glyphicon-step-forward { &:before { content: "\e077"; } } -.glyphicon-eject { &:before { content: "\e078"; } } -.glyphicon-chevron-left { &:before { content: "\e079"; } } -.glyphicon-chevron-right { &:before { content: "\e080"; } } -.glyphicon-plus-sign { &:before { content: "\e081"; } } -.glyphicon-minus-sign { &:before { content: "\e082"; } } -.glyphicon-remove-sign { &:before { content: "\e083"; } } -.glyphicon-ok-sign { &:before { content: "\e084"; } } -.glyphicon-question-sign { &:before { content: "\e085"; } } -.glyphicon-info-sign { &:before { content: "\e086"; } } -.glyphicon-screenshot { &:before { content: "\e087"; } } -.glyphicon-remove-circle { &:before { content: "\e088"; } } -.glyphicon-ok-circle { &:before { content: "\e089"; } } -.glyphicon-ban-circle { &:before { content: "\e090"; } } -.glyphicon-arrow-left { &:before { content: "\e091"; } } -.glyphicon-arrow-right { &:before { content: "\e092"; } } -.glyphicon-arrow-up { &:before { content: "\e093"; } } -.glyphicon-arrow-down { &:before { content: "\e094"; } } -.glyphicon-share-alt { &:before { content: "\e095"; } } -.glyphicon-resize-full { &:before { content: "\e096"; } } -.glyphicon-resize-small { &:before { content: "\e097"; } } -.glyphicon-exclamation-sign { &:before { content: "\e101"; } } -.glyphicon-gift { &:before { content: "\e102"; } } -.glyphicon-leaf { &:before { content: "\e103"; } } -.glyphicon-fire { &:before { content: "\e104"; } } -.glyphicon-eye-open { &:before { content: "\e105"; } } -.glyphicon-eye-close { &:before { content: "\e106"; } } -.glyphicon-warning-sign { &:before { content: "\e107"; } } -.glyphicon-plane { &:before { content: "\e108"; } } -.glyphicon-calendar { &:before { content: "\e109"; } } -.glyphicon-random { &:before { content: "\e110"; } } -.glyphicon-comment { &:before { content: "\e111"; } } -.glyphicon-magnet { &:before { content: "\e112"; } } -.glyphicon-chevron-up { &:before { content: "\e113"; } } -.glyphicon-chevron-down { &:before { content: "\e114"; } } -.glyphicon-retweet { &:before { content: "\e115"; } } -.glyphicon-shopping-cart { &:before { content: "\e116"; } } -.glyphicon-folder-close { &:before { content: "\e117"; } } -.glyphicon-folder-open { &:before { content: "\e118"; } } -.glyphicon-resize-vertical { &:before { content: "\e119"; } } -.glyphicon-resize-horizontal { &:before { content: "\e120"; } } -.glyphicon-hdd { &:before { content: "\e121"; } } -.glyphicon-bullhorn { &:before { content: "\e122"; } } -.glyphicon-bell { &:before { content: "\e123"; } } -.glyphicon-certificate { &:before { content: "\e124"; } } -.glyphicon-thumbs-up { &:before { content: "\e125"; } } -.glyphicon-thumbs-down { &:before { content: "\e126"; } } -.glyphicon-hand-right { &:before { content: "\e127"; } } -.glyphicon-hand-left { &:before { content: "\e128"; } } -.glyphicon-hand-up { &:before { content: "\e129"; } } -.glyphicon-hand-down { &:before { content: "\e130"; } } -.glyphicon-circle-arrow-right { &:before { content: "\e131"; } } -.glyphicon-circle-arrow-left { &:before { content: "\e132"; } } -.glyphicon-circle-arrow-up { &:before { content: "\e133"; } } -.glyphicon-circle-arrow-down { &:before { content: "\e134"; } } -.glyphicon-globe { &:before { content: "\e135"; } } -.glyphicon-wrench { &:before { content: "\e136"; } } -.glyphicon-tasks { &:before { content: "\e137"; } } -.glyphicon-filter { &:before { content: "\e138"; } } -.glyphicon-briefcase { &:before { content: "\e139"; } } -.glyphicon-fullscreen { &:before { content: "\e140"; } } -.glyphicon-dashboard { &:before { content: "\e141"; } } -.glyphicon-paperclip { &:before { content: "\e142"; } } -.glyphicon-heart-empty { &:before { content: "\e143"; } } -.glyphicon-link { &:before { content: "\e144"; } } -.glyphicon-phone { &:before { content: "\e145"; } } -.glyphicon-pushpin { &:before { content: "\e146"; } } -.glyphicon-usd { &:before { content: "\e148"; } } -.glyphicon-gbp { &:before { content: "\e149"; } } -.glyphicon-sort { &:before { content: "\e150"; } } -.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } } -.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } } -.glyphicon-sort-by-order { &:before { content: "\e153"; } } -.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } } -.glyphicon-sort-by-attributes { &:before { content: "\e155"; } } -.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } } -.glyphicon-unchecked { &:before { content: "\e157"; } } -.glyphicon-expand { &:before { content: "\e158"; } } -.glyphicon-collapse-down { &:before { content: "\e159"; } } -.glyphicon-collapse-up { &:before { content: "\e160"; } } -.glyphicon-log-in { &:before { content: "\e161"; } } -.glyphicon-flash { &:before { content: "\e162"; } } -.glyphicon-log-out { &:before { content: "\e163"; } } -.glyphicon-new-window { &:before { content: "\e164"; } } -.glyphicon-record { &:before { content: "\e165"; } } -.glyphicon-save { &:before { content: "\e166"; } } -.glyphicon-open { &:before { content: "\e167"; } } -.glyphicon-saved { &:before { content: "\e168"; } } -.glyphicon-import { &:before { content: "\e169"; } } -.glyphicon-export { &:before { content: "\e170"; } } -.glyphicon-send { &:before { content: "\e171"; } } -.glyphicon-floppy-disk { &:before { content: "\e172"; } } -.glyphicon-floppy-saved { &:before { content: "\e173"; } } -.glyphicon-floppy-remove { &:before { content: "\e174"; } } -.glyphicon-floppy-save { &:before { content: "\e175"; } } -.glyphicon-floppy-open { &:before { content: "\e176"; } } -.glyphicon-credit-card { &:before { content: "\e177"; } } -.glyphicon-transfer { &:before { content: "\e178"; } } -.glyphicon-cutlery { &:before { content: "\e179"; } } -.glyphicon-header { &:before { content: "\e180"; } } -.glyphicon-compressed { &:before { content: "\e181"; } } -.glyphicon-earphone { &:before { content: "\e182"; } } -.glyphicon-phone-alt { &:before { content: "\e183"; } } -.glyphicon-tower { &:before { content: "\e184"; } } -.glyphicon-stats { &:before { content: "\e185"; } } -.glyphicon-sd-video { &:before { content: "\e186"; } } -.glyphicon-hd-video { &:before { content: "\e187"; } } -.glyphicon-subtitles { &:before { content: "\e188"; } } -.glyphicon-sound-stereo { &:before { content: "\e189"; } } -.glyphicon-sound-dolby { &:before { content: "\e190"; } } -.glyphicon-sound-5-1 { &:before { content: "\e191"; } } -.glyphicon-sound-6-1 { &:before { content: "\e192"; } } -.glyphicon-sound-7-1 { &:before { content: "\e193"; } } -.glyphicon-copyright-mark { &:before { content: "\e194"; } } -.glyphicon-registration-mark { &:before { content: "\e195"; } } -.glyphicon-cloud-download { &:before { content: "\e197"; } } -.glyphicon-cloud-upload { &:before { content: "\e198"; } } -.glyphicon-tree-conifer { &:before { content: "\e199"; } } -.glyphicon-tree-deciduous { &:before { content: "\e200"; } } diff --git a/src/main/webapp/less/3.03/grid.less b/src/main/webapp/less/3.03/grid.less @@ -1,79 +0,0 @@ -// -// Grid system -// -------------------------------------------------- - -// Set the container width, and override it for fixed navbars in media queries -.container { - .container-fixed(); - - @media (min-width: @screen-sm) { - width: @container-sm; - } - @media (min-width: @screen-md) { - width: @container-md; - } - @media (min-width: @screen-lg-min) { - width: @container-lg; - } -} - -// mobile first defaults -.row { - .make-row(); -} - -// Common styles for small and large grid columns -.make-grid-columns(); - - -// Extra small grid -// -// Columns, offsets, pushes, and pulls for extra small devices like -// smartphones. - -.make-grid-columns-float(xs); -.make-grid(@grid-columns, xs, width); -.make-grid(@grid-columns, xs, pull); -.make-grid(@grid-columns, xs, push); -.make-grid(@grid-columns, xs, offset); - - -// Small grid -// -// Columns, offsets, pushes, and pulls for the small device range, from phones -// to tablets. - -@media (min-width: @screen-sm-min) { - .make-grid-columns-float(sm); - .make-grid(@grid-columns, sm, width); - .make-grid(@grid-columns, sm, pull); - .make-grid(@grid-columns, sm, push); - .make-grid(@grid-columns, sm, offset); -} - - -// Medium grid -// -// Columns, offsets, pushes, and pulls for the desktop device range. - -@media (min-width: @screen-md-min) { - .make-grid-columns-float(md); - .make-grid(@grid-columns, md, width); - .make-grid(@grid-columns, md, pull); - .make-grid(@grid-columns, md, push); - .make-grid(@grid-columns, md, offset); -} - - -// Large grid -// -// Columns, offsets, pushes, and pulls for the large desktop device range. - -@media (min-width: @screen-lg-min) { - .make-grid-columns-float(lg); - .make-grid(@grid-columns, lg, width); - .make-grid(@grid-columns, lg, pull); - .make-grid(@grid-columns, lg, push); - .make-grid(@grid-columns, lg, offset); -} - diff --git a/src/main/webapp/less/3.03/input-groups.less b/src/main/webapp/less/3.03/input-groups.less @@ -1,136 +0,0 @@ -// -// Input groups -// -------------------------------------------------- - -// Base styles -// ------------------------- -.input-group { - position: relative; // For dropdowns - display: table; - border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table - - // Undo padding and float of grid classes - &[class*="col-"] { - float: none; - padding-left: 0; - padding-right: 0; - } - - .form-control { - width: 100%; - margin-bottom: 0; - } -} - -// Sizing options -// -// Remix the default form control sizing classes into new ones for easier -// manipulation. - -.input-group-lg > .form-control, -.input-group-lg > .input-group-addon, -.input-group-lg > .input-group-btn > .btn { .input-lg(); } -.input-group-sm > .form-control, -.input-group-sm > .input-group-addon, -.input-group-sm > .input-group-btn > .btn { .input-sm(); } - - -// Display as table-cell -// ------------------------- -.input-group-addon, -.input-group-btn, -.input-group .form-control { - display: table-cell; - - &:not(:first-child):not(:last-child) { - border-radius: 0; - } -} -// Addon and addon wrapper for buttons -.input-group-addon, -.input-group-btn { - width: 1%; - white-space: nowrap; - vertical-align: middle; // Match the inputs -} - -// Text input groups -// ------------------------- -.input-group-addon { - padding: @padding-base-vertical @padding-base-horizontal; - font-size: @font-size-base; - font-weight: normal; - line-height: 1; - color: @input-color; - text-align: center; - background-color: @input-group-addon-bg; - border: 1px solid @input-group-addon-border-color; - border-radius: @border-radius-base; - - // Sizing - &.input-sm { - padding: @padding-small-vertical @padding-small-horizontal; - font-size: @font-size-small; - border-radius: @border-radius-small; - } - &.input-lg { - padding: @padding-large-vertical @padding-large-horizontal; - font-size: @font-size-large; - border-radius: @border-radius-large; - } - - // Nuke default margins from checkboxes and radios to vertically center within. - input[type="radio"], - input[type="checkbox"] { - margin-top: 0; - } -} - -// Reset rounded corners -.input-group .form-control:first-child, -.input-group-addon:first-child, -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .dropdown-toggle, -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { - .border-right-radius(0); -} -.input-group-addon:first-child { - border-right: 0; -} -.input-group .form-control:last-child, -.input-group-addon:last-child, -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child) { - .border-left-radius(0); -} -.input-group-addon:last-child { - border-left: 0; -} - -// Button input groups -// ------------------------- -.input-group-btn { - position: relative; - white-space: nowrap; - - // Negative margin to only have a 1px border between the two - &:first-child > .btn { - margin-right: -1px; - } - &:last-child > .btn { - margin-left: -1px; - } -} -.input-group-btn > .btn { - position: relative; - // Jankily prevent input button groups from wrapping - + .btn { - margin-left: -4px; - } - // Bring the "active" button to the front - &:hover, - &:active { - z-index: 2; - } -} diff --git a/src/main/webapp/less/3.03/jumbotron.less b/src/main/webapp/less/3.03/jumbotron.less @@ -1,46 +0,0 @@ -// -// Jumbotron -// -------------------------------------------------- - - -.jumbotron { - padding: @jumbotron-padding; - margin-bottom: @jumbotron-padding; - font-size: @jumbotron-font-size; - font-weight: 200; - line-height: (@line-height-base * 1.5); - color: @jumbotron-color; - background-color: @jumbotron-bg; - - h1, - .h1 { - line-height: 1; - color: @jumbotron-heading-color; - } - p { - line-height: 1.4; - } - - .container & { - border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container - } - - .container { - max-width: 100%; - } - - @media screen and (min-width: @screen-sm-min) { - padding-top: (@jumbotron-padding * 1.6); - padding-bottom: (@jumbotron-padding * 1.6); - - .container & { - padding-left: (@jumbotron-padding * 2); - padding-right: (@jumbotron-padding * 2); - } - - h1, - .h1 { - font-size: (@font-size-base * 4.5); - } - } -} diff --git a/src/main/webapp/less/3.03/labels.less b/src/main/webapp/less/3.03/labels.less @@ -1,64 +0,0 @@ -// -// Labels -// -------------------------------------------------- - -.label { - display: inline; - padding: .2em .6em .3em; - font-size: 75%; - font-weight: bold; - line-height: 1; - color: @label-color; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: .25em; - - // Add hover effects, but only for links - &[href] { - &:hover, - &:focus { - color: @label-link-hover-color; - text-decoration: none; - cursor: pointer; - } - } - - // Empty labels collapse automatically (not available in IE8) - &:empty { - display: none; - } - - // Quick fix for labels in buttons - .btn & { - position: relative; - top: -1px; - } -} - -// Colors -// Contextual variations (linked labels get darker on :hover) - -.label-default { - .label-variant(@label-default-bg); -} - -.label-primary { - .label-variant(@label-primary-bg); -} - -.label-success { - .label-variant(@label-success-bg); -} - -.label-info { - .label-variant(@label-info-bg); -} - -.label-warning { - .label-variant(@label-warning-bg); -} - -.label-danger { - .label-variant(@label-danger-bg); -} diff --git a/src/main/webapp/less/3.03/list-group.less b/src/main/webapp/less/3.03/list-group.less @@ -1,88 +0,0 @@ -// -// List groups -// -------------------------------------------------- - -// Base class -// -// Easily usable on <ul>, <ol>, or <div>. -.list-group { - // No need to set list-style: none; since .list-group-item is block level - margin-bottom: 20px; - padding-left: 0; // reset padding because ul and ol -} - -// Individual list items -// ------------------------- - -.list-group-item { - position: relative; - display: block; - padding: 10px 15px; - // Place the border on the list items and negative margin up for better styling - margin-bottom: -1px; - background-color: @list-group-bg; - border: 1px solid @list-group-border; - - // Round the first and last items - &:first-child { - .border-top-radius(@list-group-border-radius); - } - &:last-child { - margin-bottom: 0; - .border-bottom-radius(@list-group-border-radius); - } - - // Align badges within list items - > .badge { - float: right; - } - > .badge + .badge { - margin-right: 5px; - } -} - -// Linked list items -a.list-group-item { - color: @list-group-link-color; - - .list-group-item-heading { - color: @list-group-link-heading-color; - } - - // Hover state - &:hover, - &:focus { - text-decoration: none; - background-color: @list-group-hover-bg; - } - - // Active class on item itself, not parent - &.active, - &.active:hover, - &.active:focus { - z-index: 2; // Place active items above their siblings for proper border styling - color: @list-group-active-color; - background-color: @list-group-active-bg; - border-color: @list-group-active-border; - - // Force color to inherit for custom content - .list-group-item-heading { - color: inherit; - } - .list-group-item-text { - color: lighten(@list-group-active-bg, 40%); - } - } -} - -// Custom content options -// ------------------------- - -.list-group-item-heading { - margin-top: 0; - margin-bottom: 5px; -} -.list-group-item-text { - margin-bottom: 0; - line-height: 1.3; -} diff --git a/src/main/webapp/less/3.03/media.less b/src/main/webapp/less/3.03/media.less @@ -1,56 +0,0 @@ -// Media objects -// Source: http://stubbornella.org/content/?p=497 -// -------------------------------------------------- - - -// Common styles -// ------------------------- - -// Clear the floats -.media, -.media-body { - overflow: hidden; - zoom: 1; -} - -// Proper spacing between instances of .media -.media, -.media .media { - margin-top: 15px; -} -.media:first-child { - margin-top: 0; -} - -// For images and videos, set to block -.media-object { - display: block; -} - -// Reset margins on headings for tighter default spacing -.media-heading { - margin: 0 0 5px; -} - - -// Media image alignment -// ------------------------- - -.media { - > .pull-left { - margin-right: 10px; - } - > .pull-right { - margin-left: 10px; - } -} - - -// Media list variation -// ------------------------- - -// Undo default ul/ol styles -.media-list { - padding-left: 0; - list-style: none; -} diff --git a/src/main/webapp/less/3.03/modals.less b/src/main/webapp/less/3.03/modals.less @@ -1,129 +0,0 @@ -// -// Modals -// -------------------------------------------------- - -// .modal-open - body class for killing the scroll -// .modal - container to scroll within -// .modal-dialog - positioning shell for the actual modal -// .modal-content - actual modal w/ bg and corners and shit - -// Kill the scroll on the body -.modal-open { - overflow: hidden; -} - -// Container that the modal scrolls within -.modal { - display: none; - overflow: auto; - overflow-y: scroll; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: @zindex-modal-background; - - // When fading in the modal, animate it to slide down - &.fade .modal-dialog { - .translate(0, -25%); - .transition-transform(~"0.3s ease-out"); - } - &.in .modal-dialog { .translate(0, 0)} -} - -// Shell div to position the modal with bottom padding -.modal-dialog { - position: relative; - width: auto; - margin: 10px; - z-index: (@zindex-modal-background + 10); -} - -// Actual modal -.modal-content { - position: relative; - background-color: @modal-content-bg; - border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc) - border: 1px solid @modal-content-border-color; - border-radius: @border-radius-large; - .box-shadow(0 3px 9px rgba(0,0,0,.5)); - background-clip: padding-box; - // Remove focus outline from opened modal - outline: none; -} - -// Modal background -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: (@zindex-modal-background - 10); - background-color: @modal-backdrop-bg; - // Fade for backdrop - &.fade { .opacity(0); } - &.in { .opacity(.5); } -} - -// Modal header -// Top section of the modal w/ title and dismiss -.modal-header { - padding: @modal-title-padding; - border-bottom: 1px solid @modal-header-border-color; - min-height: (@modal-title-padding + @modal-title-line-height); -} -// Close icon -.modal-header .close { - margin-top: -2px; -} - -// Title text within header -.modal-title { - margin: 0; - line-height: @modal-title-line-height; -} - -// Modal body -// Where all modal content resides (sibling of .modal-header and .modal-footer) -.modal-body { - position: relative; - padding: @modal-inner-padding; -} - -// Footer (for actions) -.modal-footer { - margin-top: 15px; - padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding; - text-align: right; // right align buttons - border-top: 1px solid @modal-footer-border-color; - .clearfix(); // clear it in case folks use .pull-* classes on buttons - - // Properly space out buttons - .btn + .btn { - margin-left: 5px; - margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs - } - // but override that for button groups - .btn-group .btn + .btn { - margin-left: -1px; - } - // and override it for block buttons as well - .btn-block + .btn-block { - margin-left: 0; - } -} - -// Scale up the modal -@media screen and (min-width: @screen-sm-min) { - - .modal-dialog { - width: 600px; - margin: 30px auto; - } - .modal-content { - .box-shadow(0 5px 15px rgba(0,0,0,.5)); - } - -} diff --git a/src/main/webapp/less/3.03/navbar.less b/src/main/webapp/less/3.03/navbar.less @@ -1,612 +0,0 @@ -// -// Navbars -// -------------------------------------------------- - - -// Wrapper and base class -// -// Provide a static navbar from which we expand to create full-width, fixed, and -// other navbar variations. - -.navbar { - position: relative; - min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode) - margin-bottom: @navbar-margin-bottom; - border: 1px solid transparent; - - // Prevent floats from breaking the navbar - .clearfix(); - - @media (min-width: @grid-float-breakpoint) { - border-radius: @navbar-border-radius; - } -} - - -// Navbar heading -// -// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy -// styling of responsive aspects. - -.navbar-header { - .clearfix(); - - @media (min-width: @grid-float-breakpoint) { - float: left; - } -} - - -// Navbar collapse (body) -// -// Group your navbar content into this for easy collapsing and expanding across -// various device sizes. By default, this content is collapsed when <768px, but -// will expand past that for a horizontal display. -// -// To start (on mobile devices) the navbar links, forms, and buttons are stacked -// vertically and include a `max-height` to overflow in case you have too much -// content for the user's viewport. - -.navbar-collapse { - max-height: 340px; - overflow-x: visible; - padding-right: @navbar-padding-horizontal; - padding-left: @navbar-padding-horizontal; - border-top: 1px solid transparent; - box-shadow: inset 0 1px 0 rgba(255,255,255,.1); - .clearfix(); - -webkit-overflow-scrolling: touch; - - &.in { - overflow-y: auto; - } - - @media (min-width: @grid-float-breakpoint) { - width: auto; - border-top: 0; - box-shadow: none; - - &.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; // Override default setting - overflow: visible !important; - } - - &.in { - overflow-y: visible; - } - - // Undo the collapse side padding for navbars with containers to ensure - // alignment of right-aligned contents. - .navbar-fixed-top &, - .navbar-static-top &, - .navbar-fixed-bottom & { - padding-left: 0; - padding-right: 0; - } - } -} - - -// Both navbar header and collapse -// -// When a container is present, change the behavior of the header and collapse. - -.container > .navbar-header, -.container > .navbar-collapse { - margin-right: -@navbar-padding-horizontal; - margin-left: -@navbar-padding-horizontal; - - @media (min-width: @grid-float-breakpoint) { - margin-right: 0; - margin-left: 0; - } -} - - -// -// Navbar alignment options -// -// Display the navbar across the entirety of the page or fixed it to the top or -// bottom of the page. - -// Static top (unfixed, but 100% wide) navbar -.navbar-static-top { - z-index: @zindex-navbar; - border-width: 0 0 1px; - - @media (min-width: @grid-float-breakpoint) { - border-radius: 0; - } -} - -// Fix the top/bottom navbars when screen real estate supports it -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: @zindex-navbar-fixed; - - // Undo the rounded corners - @media (min-width: @grid-float-breakpoint) { - border-radius: 0; - } -} -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; // override .navbar defaults - border-width: 1px 0 0; -} - - -// Brand/project name - -.navbar-brand { - float: left; - padding: @navbar-padding-vertical @navbar-padding-horizontal; - font-size: @font-size-large; - line-height: @line-height-computed; - - &:hover, - &:focus { - text-decoration: none; - } - - @media (min-width: @grid-float-breakpoint) { - .navbar > .container & { - margin-left: -@navbar-padding-horizontal; - } - } -} - - -// Navbar toggle -// -// Custom button for toggling the `.navbar-collapse`, powered by the collapse -// JavaScript plugin. - -.navbar-toggle { - position: relative; - float: right; - margin-right: @navbar-padding-horizontal; - padding: 9px 10px; - .navbar-vertical-align(34px); - background-color: transparent; - background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 - border: 1px solid transparent; - border-radius: @border-radius-base; - - // Bars - .icon-bar { - display: block; - width: 22px; - height: 2px; - border-radius: 1px; - } - .icon-bar + .icon-bar { - margin-top: 4px; - } - - @media (min-width: @grid-float-breakpoint) { - display: none; - } -} - - -// Navbar nav links -// -// Builds on top of the `.nav` components with it's own modifier class to make -// the nav the full height of the horizontal nav (above 768px). - -.navbar-nav { - margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal; - - > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: @line-height-computed; - } - - @media (max-width: @grid-float-breakpoint-max) { - // Dropdowns get custom display when collapsed - .open .dropdown-menu { - position: static; - float: none; - width: auto; - margin-top: 0; - background-color: transparent; - border: 0; - box-shadow: none; - > li > a, - .dropdown-header { - padding: 5px 15px 5px 25px; - } - > li > a { - line-height: @line-height-computed; - &:hover, - &:focus { - background-image: none; - } - } - } - } - - // Uncollapse the nav - @media (min-width: @grid-float-breakpoint) { - float: left; - margin: 0; - - > li { - float: left; - > a { - padding-top: @navbar-padding-vertical; - padding-bottom: @navbar-padding-vertical; - } - } - - &.navbar-right:last-child { - margin-right: -@navbar-padding-horizontal; - } - } -} - - -// Component alignment -// -// Repurpose the pull utilities as their own navbar utilities to avoid specificity -// issues with parents and chaining. Only do this when the navbar is uncollapsed -// though so that navbar contents properly stack and align in mobile. - -@media (min-width: @grid-float-breakpoint) { - .navbar-left { .pull-left(); } - .navbar-right { .pull-right(); } -} - - -// Navbar form -// -// Extension of the `.form-inline` with some extra flavor for optimum display in -// our navbars. - -.navbar-form { - margin-left: -@navbar-padding-horizontal; - margin-right: -@navbar-padding-horizontal; - padding: 10px @navbar-padding-horizontal; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); - .box-shadow(@shadow); - - // Mixin behavior for optimum display - .form-inline(); - - .form-group { - @media (max-width: @grid-float-breakpoint-max) { - margin-bottom: 5px; - } - } - - // Vertically center in expanded, horizontal navbar - .navbar-vertical-align(@input-height-base); - - // Undo 100% width for pull classes - @media (min-width: @grid-float-breakpoint) { - width: auto; - border: 0; - margin-left: 0; - margin-right: 0; - padding-top: 0; - padding-bottom: 0; - .box-shadow(none); - - // Outdent the form if last child to line up with content down the page - &.navbar-right:last-child { - margin-right: -@navbar-padding-horizontal; - } - } -} - - -// Dropdown menus - -// Menu position and menu carets -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - .border-top-radius(0); -} -// Menu position and menu caret support for dropups via extra dropup class -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - .border-bottom-radius(0); -} - -// Right aligned menus need alt position -.navbar-nav.pull-right > li > .dropdown-menu, -.navbar-nav > li > .dropdown-menu.pull-right { - left: auto; - right: 0; -} - - -// Buttons in navbars -// -// Vertically center a button within a navbar (when *not* in a form). - -.navbar-btn { - .navbar-vertical-align(@input-height-base); - - &.btn-sm { - .navbar-vertical-align(@input-height-small); - } - &.btn-xs { - .navbar-vertical-align(22); - } -} - - -// Text in navbars -// -// Add a class to make any element properly align itself vertically within the navbars. - -.navbar-text { - .navbar-vertical-align(@line-height-computed); - - @media (min-width: @grid-float-breakpoint) { - float: left; - margin-left: @navbar-padding-horizontal; - margin-right: @navbar-padding-horizontal; - - // Outdent the form if last child to line up with content down the page - &.navbar-right:last-child { - margin-right: 0; - } - } -} - -// Alternate navbars -// -------------------------------------------------- - -// Default navbar -.navbar-default { - background-color: @navbar-default-bg; - border-color: @navbar-default-border; - - .navbar-brand { - color: @navbar-default-brand-color; - &:hover, - &:focus { - color: @navbar-default-brand-hover-color; - background-color: @navbar-default-brand-hover-bg; - } - } - - .navbar-text { - color: @navbar-default-color; - } - - .navbar-nav { - > li > a { - color: @navbar-default-link-color; - - &:hover, - &:focus { - color: @navbar-default-link-hover-color; - background-color: @navbar-default-link-hover-bg; - } - } - > .active > a { - &, - &:hover, - &:focus { - color: @navbar-default-link-active-color; - background-color: @navbar-default-link-active-bg; - } - } - > .disabled > a { - &, - &:hover, - &:focus { - color: @navbar-default-link-disabled-color; - background-color: @navbar-default-link-disabled-bg; - } - } - } - - .navbar-toggle { - border-color: @navbar-default-toggle-border-color; - &:hover, - &:focus { - background-color: @navbar-default-toggle-hover-bg; - } - .icon-bar { - background-color: @navbar-default-toggle-icon-bar-bg; - } - } - - .navbar-collapse, - .navbar-form { - border-color: @navbar-default-border; - } - - // Dropdown menu items - .navbar-nav { - // Remove background color from open dropdown - > .open > a { - &, - &:hover, - &:focus { - background-color: @navbar-default-link-active-bg; - color: @navbar-default-link-active-color; - } - } - - @media (max-width: @grid-float-breakpoint-max) { - // Dropdowns get custom display when collapsed - .open .dropdown-menu { - > li > a { - color: @navbar-default-link-color; - &:hover, - &:focus { - color: @navbar-default-link-hover-color; - background-color: @navbar-default-link-hover-bg; - } - } - > .active > a { - &, - &:hover, - &:focus { - color: @navbar-default-link-active-color; - background-color: @navbar-default-link-active-bg; - } - } - > .disabled > a { - &, - &:hover, - &:focus { - color: @navbar-default-link-disabled-color; - background-color: @navbar-default-link-disabled-bg; - } - } - } - } - } - - - // Links in navbars - // - // Add a class to ensure links outside the navbar nav are colored correctly. - - .navbar-link { - color: @navbar-default-link-color; - &:hover { - color: @navbar-default-link-hover-color; - } - } - -} - -// Inverse navbar - -.navbar-inverse { - background-color: @navbar-inverse-bg; - border-color: @navbar-inverse-border; - - .navbar-brand { - color: @navbar-inverse-brand-color; - &:hover, - &:focus { - color: @navbar-inverse-brand-hover-color; - background-color: @navbar-inverse-brand-hover-bg; - } - } - - .navbar-text { - color: @navbar-inverse-color; - } - - .navbar-nav { - > li > a { - color: @navbar-inverse-link-color; - - &:hover, - &:focus { - color: @navbar-inverse-link-hover-color; - background-color: @navbar-inverse-link-hover-bg; - } - } - > .active > a { - &, - &:hover, - &:focus { - color: @navbar-inverse-link-active-color; - background-color: @navbar-inverse-link-active-bg; - } - } - > .disabled > a { - &, - &:hover, - &:focus { - color: @navbar-inverse-link-disabled-color; - background-color: @navbar-inverse-link-disabled-bg; - } - } - } - - // Darken the responsive nav toggle - .navbar-toggle { - border-color: @navbar-inverse-toggle-border-color; - &:hover, - &:focus { - background-color: @navbar-inverse-toggle-hover-bg; - } - .icon-bar { - background-color: @navbar-inverse-toggle-icon-bar-bg; - } - } - - .navbar-collapse, - .navbar-form { - border-color: darken(@navbar-inverse-bg, 7%); - } - - // Dropdowns - .navbar-nav { - > .open > a { - &, - &:hover, - &:focus { - background-color: @navbar-inverse-link-active-bg; - color: @navbar-inverse-link-active-color; - } - } - - @media (max-width: @grid-float-breakpoint-max) { - // Dropdowns get custom display - .open .dropdown-menu { - > .dropdown-header { - border-color: @navbar-inverse-border; - } - .divider { - background-color: @navbar-inverse-border; - } - > li > a { - color: @navbar-inverse-link-color; - &:hover, - &:focus { - color: @navbar-inverse-link-hover-color; - background-color: @navbar-inverse-link-hover-bg; - } - } - > .active > a { - &, - &:hover, - &:focus { - color: @navbar-inverse-link-active-color; - background-color: @navbar-inverse-link-active-bg; - } - } - > .disabled > a { - &, - &:hover, - &:focus { - color: @navbar-inverse-link-disabled-color; - background-color: @navbar-inverse-link-disabled-bg; - } - } - } - } - } - - .navbar-link { - color: @navbar-inverse-link-color; - &:hover { - color: @navbar-inverse-link-hover-color; - } - } - -} diff --git a/src/main/webapp/less/3.03/navs.less b/src/main/webapp/less/3.03/navs.less @@ -1,242 +0,0 @@ -// -// Navs -// -------------------------------------------------- - - -// Base class -// -------------------------------------------------- - -.nav { - margin-bottom: 0; - padding-left: 0; // Override default ul/ol - list-style: none; - .clearfix(); - - > li { - position: relative; - display: block; - - > a { - position: relative; - display: block; - padding: @nav-link-padding; - &:hover, - &:focus { - text-decoration: none; - background-color: @nav-link-hover-bg; - } - } - - // Disabled state sets text to gray and nukes hover/tab effects - &.disabled > a { - color: @nav-disabled-link-color; - - &:hover, - &:focus { - color: @nav-disabled-link-hover-color; - text-decoration: none; - background-color: transparent; - cursor: not-allowed; - } - } - } - - // Open dropdowns - .open > a { - &, - &:hover, - &:focus { - background-color: @nav-link-hover-bg; - border-color: @link-color; - } - } - - // Nav dividers (deprecated with v3.0.1) - // - // This should have been removed in v3 with the dropping of `.nav-list`, but - // we missed it. We don't currently support this anywhere, but in the interest - // of maintaining backward compatibility in case you use it, it's deprecated. - .nav-divider { - .nav-divider(); - } - - // Prevent IE8 from misplacing imgs - // - // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 - > li > a > img { - max-width: none; - } -} - - -// Tabs -// ------------------------- - -// Give the tabs something to sit on -.nav-tabs { - border-bottom: 1px solid @nav-tabs-border-color; - > li { - float: left; - // Make the list-items overlay the bottom border - margin-bottom: -1px; - - // Actual tabs (as links) - > a { - margin-right: 2px; - line-height: @line-height-base; - border: 1px solid transparent; - border-radius: @border-radius-base @border-radius-base 0 0; - &:hover { - border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color; - } - } - - // Active state, and it's :hover to override normal :hover - &.active > a { - &, - &:hover, - &:focus { - color: @nav-tabs-active-link-hover-color; - background-color: @nav-tabs-active-link-hover-bg; - border: 1px solid @nav-tabs-active-link-hover-border-color; - border-bottom-color: transparent; - cursor: default; - } - } - } - // pulling this in mainly for less shorthand - &.nav-justified { - .nav-justified(); - .nav-tabs-justified(); - } -} - - -// Pills -// ------------------------- -.nav-pills { - > li { - float: left; - - // Links rendered as pills - > a { - border-radius: @nav-pills-border-radius; - } - + li { - margin-left: 2px; - } - - // Active state - &.active > a { - &, - &:hover, - &:focus { - color: @nav-pills-active-link-hover-color; - background-color: @nav-pills-active-link-hover-bg; - } - } - } -} - - -// Stacked pills -.nav-stacked { - > li { - float: none; - + li { - margin-top: 2px; - margin-left: 0; // no need for this gap between nav items - } - } -} - - -// Nav variations -// -------------------------------------------------- - -// Justified nav links -// ------------------------- - -.nav-justified { - width: 100%; - - > li { - float: none; - > a { - text-align: center; - margin-bottom: 5px; - } - } - - > .dropdown .dropdown-menu { - top: auto; - left: auto; - } - - @media (min-width: @screen-sm-min) { - > li { - display: table-cell; - width: 1%; - > a { - margin-bottom: 0; - } - } - } -} - -// Move borders to anchors instead of bottom of list -// -// Mixin for adding on top the shared `.nav-justified` styles for our tabs -.nav-tabs-justified { - border-bottom: 0; - - > li > a { - // Override margin from .nav-tabs - margin-right: 0; - border-radius: @border-radius-base; - } - - > .active > a, - > .active > a:hover, - > .active > a:focus { - border: 1px solid @nav-tabs-justified-link-border-color; - } - - @media (min-width: @screen-sm-min) { - > li > a { - border-bottom: 1px solid @nav-tabs-justified-link-border-color; - border-radius: @border-radius-base @border-radius-base 0 0; - } - > .active > a, - > .active > a:hover, - > .active > a:focus { - border-bottom-color: @nav-tabs-justified-active-link-border-color; - } - } -} - - -// Tabbable tabs -// ------------------------- - -// Hide tabbable panes to start, show them when `.active` -.tab-content { - > .tab-pane { - display: none; - } - > .active { - display: block; - } -} - - -// Dropdowns -// ------------------------- - -// Specific dropdowns -.nav-tabs .dropdown-menu { - // make dropdown border overlap tab border - margin-top: -1px; - // Remove the top rounded corners here since there is a hard edge above the menu - .border-top-radius(0); -} diff --git a/src/main/webapp/less/3.03/pager.less b/src/main/webapp/less/3.03/pager.less @@ -1,55 +0,0 @@ -// -// Pager pagination -// -------------------------------------------------- - - -.pager { - padding-left: 0; - margin: @line-height-computed 0; - list-style: none; - text-align: center; - .clearfix(); - li { - display: inline; - > a, - > span { - display: inline-block; - padding: 5px 14px; - background-color: @pagination-bg; - border: 1px solid @pagination-border; - border-radius: @pager-border-radius; - } - - > a:hover, - > a:focus { - text-decoration: none; - background-color: @pagination-hover-bg; - } - } - - .next { - > a, - > span { - float: right; - } - } - - .previous { - > a, - > span { - float: left; - } - } - - .disabled { - > a, - > a:hover, - > a:focus, - > span { - color: @pager-disabled-color; - background-color: @pagination-bg; - cursor: not-allowed; - } - } - -} diff --git a/src/main/webapp/less/3.03/pagination.less b/src/main/webapp/less/3.03/pagination.less @@ -1,85 +0,0 @@ -// -// Pagination (multiple pages) -// -------------------------------------------------- -.pagination { - display: inline-block; - padding-left: 0; - margin: @line-height-computed 0; - border-radius: @border-radius-base; - - > li { - display: inline; // Remove list-style and block-level defaults - > a, - > span { - position: relative; - float: left; // Collapse white-space - padding: @padding-base-vertical @padding-base-horizontal; - line-height: @line-height-base; - text-decoration: none; - background-color: @pagination-bg; - border: 1px solid @pagination-border; - margin-left: -1px; - } - &:first-child { - > a, - > span { - margin-left: 0; - .border-left-radius(@border-radius-base); - } - } - &:last-child { - > a, - > span { - .border-right-radius(@border-radius-base); - } - } - } - - > li > a, - > li > span { - &:hover, - &:focus { - background-color: @pagination-hover-bg; - } - } - - > .active > a, - > .active > span { - &, - &:hover, - &:focus { - z-index: 2; - color: @pagination-active-color; - background-color: @pagination-active-bg; - border-color: @pagination-active-bg; - cursor: default; - } - } - - > .disabled { - > span, - > span:hover, - > span:focus, - > a, - > a:hover, - > a:focus { - color: @pagination-disabled-color; - background-color: @pagination-bg; - border-color: @pagination-border; - cursor: not-allowed; - } - } -} - -// Sizing -// -------------------------------------------------- - -// Large -.pagination-lg { - .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large); -} - -// Small -.pagination-sm { - .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small); -} diff --git a/src/main/webapp/less/3.03/panels.less b/src/main/webapp/less/3.03/panels.less @@ -1,182 +0,0 @@ -// -// Panels -// -------------------------------------------------- - - -// Base class -.panel { - margin-bottom: @line-height-computed; - background-color: @panel-bg; - border: 1px solid transparent; - border-radius: @panel-border-radius; - .box-shadow(0 1px 1px rgba(0,0,0,.05)); -} - -// Panel contents -.panel-body { - padding: 15px; - .clearfix(); -} - - -// List groups in panels -// -// By default, space out list group content from panel headings to account for -// any kind of custom content between the two. - -.panel { - > .list-group { - margin-bottom: 0; - - .list-group-item { - border-width: 1px 0; - - // Remove border radius for top one - &:first-child { - .border-top-radius(0); - } - // But keep it for the last one - &:last-child { - border-bottom: 0; - } - } - } -} -// Collapse space between when there's no additional content. -.panel-heading + .list-group { - .list-group-item:first-child { - border-top-width: 0; - } -} - - -// Tables in panels -// -// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and -// watch it go full width. - -.panel { - > .table, - > .table-responsive > .table { - margin-bottom: 0; - } - > .panel-body + .table, - > .panel-body + .table-responsive { - border-top: 1px solid @table-border-color; - } - > .table > tbody:first-child th, - > .table > tbody:first-child td { - border-top: 0; - } - > .table-bordered, - > .table-responsive > .table-bordered { - border: 0; - > thead, - > tbody, - > tfoot { - > tr { - > th:first-child, - > td:first-child { - border-left: 0; - } - > th:last-child, - > td:last-child { - border-right: 0; - } - - &:last-child > th, - &:last-child > td { - border-bottom: 0; - } - } - } - } - > .table-responsive { - border: 0; - margin-bottom: 0; - } -} - - -// Optional heading -.panel-heading { - padding: 10px 15px; - border-bottom: 1px solid transparent; - .border-top-radius(@panel-border-radius - 1); - - > .dropdown .dropdown-toggle { - color: inherit; - } -} - -// Within heading, strip any `h*` tag of it's default margins for spacing. -.panel-title { - margin-top: 0; - margin-bottom: 0; - font-size: ceil((@font-size-base * 1.125)); - color: inherit; - - > a { - color: inherit; - } -} - -// Optional footer (stays gray in every modifier class) -.panel-footer { - padding: 10px 15px; - background-color: @panel-footer-bg; - border-top: 1px solid @panel-inner-border; - .border-bottom-radius(@panel-border-radius - 1); -} - - -// Collapsable panels (aka, accordion) -// -// Wrap a series of panels in `.panel-group` to turn them into an accordion with -// the help of our collapse JavaScript plugin. - -.panel-group { - // Tighten up margin so it's only between panels - .panel { - margin-bottom: 0; - border-radius: @panel-border-radius; - overflow: hidden; // crop contents when collapsed - + .panel { - margin-top: 5px; - } - } - - .panel-heading { - border-bottom: 0; - + .panel-collapse .panel-body { - border-top: 1px solid @panel-inner-border; - } - } - .panel-footer { - border-top: 0; - + .panel-collapse .panel-body { - border-bottom: 1px solid @panel-inner-border; - } - } -} - - -// Contextual variations -.panel-default { - .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border); -} -.panel-primary { - .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border); -} -.panel-success { - .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border); -} -.panel-warning { - .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border); -} -.panel-danger { - .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border); -} -.panel-info { - .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border); -} diff --git a/src/main/webapp/less/3.03/popovers.less b/src/main/webapp/less/3.03/popovers.less @@ -1,133 +0,0 @@ -// -// Popovers -// -------------------------------------------------- - - -.popover { - position: absolute; - top: 0; - left: 0; - z-index: @zindex-popover; - display: none; - max-width: @popover-max-width; - padding: 1px; - text-align: left; // Reset given new insertion method - background-color: @popover-bg; - background-clip: padding-box; - border: 1px solid @popover-fallback-border-color; - border: 1px solid @popover-border-color; - border-radius: @border-radius-large; - .box-shadow(0 5px 10px rgba(0,0,0,.2)); - - // Overrides for proper insertion - white-space: normal; - - // Offset the popover to account for the popover arrow - &.top { margin-top: -10px; } - &.right { margin-left: 10px; } - &.bottom { margin-top: 10px; } - &.left { margin-left: -10px; } -} - -.popover-title { - margin: 0; // reset heading margin - padding: 8px 14px; - font-size: @font-size-base; - font-weight: normal; - line-height: 18px; - background-color: @popover-title-bg; - border-bottom: 1px solid darken(@popover-title-bg, 5%); - border-radius: 5px 5px 0 0; -} - -.popover-content { - padding: 9px 14px; -} - -// Arrows -// -// .arrow is outer, .arrow:after is inner - -.popover .arrow { - &, - &:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - } -} -.popover .arrow { - border-width: @popover-arrow-outer-width; -} -.popover .arrow:after { - border-width: @popover-arrow-width; - content: ""; -} - -.popover { - &.top .arrow { - left: 50%; - margin-left: -@popover-arrow-outer-width; - border-bottom-width: 0; - border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback - border-top-color: @popover-arrow-outer-color; - bottom: -@popover-arrow-outer-width; - &:after { - content: " "; - bottom: 1px; - margin-left: -@popover-arrow-width; - border-bottom-width: 0; - border-top-color: @popover-arrow-color; - } - } - &.right .arrow { - top: 50%; - left: -@popover-arrow-outer-width; - margin-top: -@popover-arrow-outer-width; - border-left-width: 0; - border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback - border-right-color: @popover-arrow-outer-color; - &:after { - content: " "; - left: 1px; - bottom: -@popover-arrow-width; - border-left-width: 0; - border-right-color: @popover-arrow-color; - } - } - &.bottom .arrow { - left: 50%; - margin-left: -@popover-arrow-outer-width; - border-top-width: 0; - border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback - border-bottom-color: @popover-arrow-outer-color; - top: -@popover-arrow-outer-width; - &:after { - content: " "; - top: 1px; - margin-left: -@popover-arrow-width; - border-top-width: 0; - border-bottom-color: @popover-arrow-color; - } - } - - &.left .arrow { - top: 50%; - right: -@popover-arrow-outer-width; - margin-top: -@popover-arrow-outer-width; - border-right-width: 0; - border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback - border-left-color: @popover-arrow-outer-color; - &:after { - content: " "; - right: 1px; - border-right-width: 0; - border-left-color: @popover-arrow-color; - bottom: -@popover-arrow-width; - } - } - -} diff --git a/src/main/webapp/less/3.03/progress-bars.less b/src/main/webapp/less/3.03/progress-bars.less @@ -1,80 +0,0 @@ -// -// Progress bars -// -------------------------------------------------- - - -// Bar animations -// ------------------------- - -// WebKit -@-webkit-keyframes progress-bar-stripes { - from { background-position: 40px 0; } - to { background-position: 0 0; } -} - -// Spec and IE10+ -@keyframes progress-bar-stripes { - from { background-position: 40px 0; } - to { background-position: 0 0; } -} - - - -// Bar itself -// ------------------------- - -// Outer container -.progress { - overflow: hidden; - height: @line-height-computed; - margin-bottom: @line-height-computed; - background-color: @progress-bg; - border-radius: @border-radius-base; - .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); -} - -// Bar of progress -.progress-bar { - float: left; - width: 0%; - height: 100%; - font-size: @font-size-small; - line-height: @line-height-computed; - color: @progress-bar-color; - text-align: center; - background-color: @progress-bar-bg; - .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); - .transition(width .6s ease); -} - -// Striped bars -.progress-striped .progress-bar { - #gradient > .striped(); - background-size: 40px 40px; -} - -// Call animation for the active one -.progress.active .progress-bar { - .animation(progress-bar-stripes 2s linear infinite); -} - - - -// Variations -// ------------------------- - -.progress-bar-success { - .progress-bar-variant(@progress-bar-success-bg); -} - -.progress-bar-info { - .progress-bar-variant(@progress-bar-info-bg); -} - -.progress-bar-warning { - .progress-bar-variant(@progress-bar-warning-bg); -} - -.progress-bar-danger { - .progress-bar-variant(@progress-bar-danger-bg); -} diff --git a/src/main/webapp/less/3.03/responsive-utilities.less b/src/main/webapp/less/3.03/responsive-utilities.less @@ -1,209 +0,0 @@ -// -// Responsive: Utility classes -// -------------------------------------------------- - - -// IE10 in Windows (Phone) 8 -// -// Support for responsive views via media queries is kind of borked in IE10, for -// Surface/desktop in split view and for Windows Phone 8. This particular fix -// must be accompanied by a snippet of JavaScript to sniff the user agent and -// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at -// our Getting Started page for more information on this bug. -// -// For more information, see the following: -// -// Issue: https://github.com/twbs/bootstrap/issues/10497 -// Docs: http://getbootstrap.com/getting-started/#browsers -// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ - -@-ms-viewport { - width: device-width; -} - - -// Visibility utilities - -.visible-xs { - .responsive-invisibility(); - @media (max-width: @screen-xs-max) { - .responsive-visibility(); - } - &.visible-sm { - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { - .responsive-visibility(); - } - } - &.visible-md { - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { - .responsive-visibility(); - } - } - &.visible-lg { - @media (min-width: @screen-lg-min) { - .responsive-visibility(); - } - } -} -.visible-sm { - .responsive-invisibility(); - &.visible-xs { - @media (max-width: @screen-xs-max) { - .responsive-visibility(); - } - } - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { - .responsive-visibility(); - } - &.visible-md { - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { - .responsive-visibility(); - } - } - &.visible-lg { - @media (min-width: @screen-lg-min) { - .responsive-visibility(); - } - } -} -.visible-md { - .responsive-invisibility(); - &.visible-xs { - @media (max-width: @screen-xs-max) { - .responsive-visibility(); - } - } - &.visible-sm { - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { - .responsive-visibility(); - } - } - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { - .responsive-visibility(); - } - &.visible-lg { - @media (min-width: @screen-lg-min) { - .responsive-visibility(); - } - } -} -.visible-lg { - .responsive-invisibility(); - &.visible-xs { - @media (max-width: @screen-xs-max) { - .responsive-visibility(); - } - } - &.visible-sm { - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { - .responsive-visibility(); - } - } - &.visible-md { - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { - .responsive-visibility(); - } - } - @media (min-width: @screen-lg-min) { - .responsive-visibility(); - } -} - -.hidden-xs { - .responsive-visibility(); - @media (max-width: @screen-xs-max) { - .responsive-invisibility(); - } - &.hidden-sm { - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { - .responsive-invisibility(); - } - } - &.hidden-md { - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { - .responsive-invisibility(); - } - } - &.hidden-lg { - @media (min-width: @screen-lg-min) { - .responsive-invisibility(); - } - } -} -.hidden-sm { - .responsive-visibility(); - &.hidden-xs { - @media (max-width: @screen-xs-max) { - .responsive-invisibility(); - } - } - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { - .responsive-invisibility(); - } - &.hidden-md { - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { - .responsive-invisibility(); - } - } - &.hidden-lg { - @media (min-width: @screen-lg-min) { - .responsive-invisibility(); - } - } -} -.hidden-md { - .responsive-visibility(); - &.hidden-xs { - @media (max-width: @screen-xs-max) { - .responsive-invisibility(); - } - } - &.hidden-sm { - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { - .responsive-invisibility(); - } - } - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { - .responsive-invisibility(); - } - &.hidden-lg { - @media (min-width: @screen-lg-min) { - .responsive-invisibility(); - } - } -} -.hidden-lg { - .responsive-visibility(); - &.hidden-xs { - @media (max-width: @screen-xs-max) { - .responsive-invisibility(); - } - } - &.hidden-sm { - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { - .responsive-invisibility(); - } - } - &.hidden-md { - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { - .responsive-invisibility(); - } - } - @media (min-width: @screen-lg-min) { - .responsive-invisibility(); - } -} - -// Print utilities -.visible-print { - .responsive-invisibility(); -} - -@media print { - .visible-print { - .responsive-visibility(); - } - .hidden-print { - .responsive-invisibility(); - } -} diff --git a/src/main/webapp/less/3.03/tables.less b/src/main/webapp/less/3.03/tables.less @@ -1,231 +0,0 @@ -// -// Tables -// -------------------------------------------------- - - -table { - max-width: 100%; - background-color: @table-bg; -} -th { - text-align: left; -} - - -// Baseline styles - -.table { - width: 100%; - margin-bottom: @line-height-computed; - // Cells - > thead, - > tbody, - > tfoot { - > tr { - > th, - > td { - padding: @table-cell-padding; - line-height: @line-height-base; - vertical-align: top; - border-top: 1px solid @table-border-color; - } - } - } - // Bottom align for column headings - > thead > tr > th { - vertical-align: bottom; - border-bottom: 2px solid @table-border-color; - } - // Remove top border from thead by default - > caption + thead, - > colgroup + thead, - > thead:first-child { - > tr:first-child { - > th, - > td { - border-top: 0; - } - } - } - // Account for multiple tbody instances - > tbody + tbody { - border-top: 2px solid @table-border-color; - } - - // Nesting - .table { - background-color: @body-bg; - } -} - - -// Condensed table w/ half padding - -.table-condensed { - > thead, - > tbody, - > tfoot { - > tr { - > th, - > td { - padding: @table-condensed-cell-padding; - } - } - } -} - - -// Bordered version -// -// Add borders all around the table and between all the columns. - -.table-bordered { - border: 1px solid @table-border-color; - > thead, - > tbody, - > tfoot { - > tr { - > th, - > td { - border: 1px solid @table-border-color; - } - } - } - > thead > tr { - > th, - > td { - border-bottom-width: 2px; - } - } -} - - -// Zebra-striping -// -// Default zebra-stripe styles (alternating gray and transparent backgrounds) - -.table-striped { - > tbody > tr:nth-child(odd) { - > td, - > th { - background-color: @table-bg-accent; - } - } -} - - -// Hover effect -// -// Placed here since it has to come after the potential zebra striping - -.table-hover { - > tbody > tr:hover { - > td, - > th { - background-color: @table-bg-hover; - } - } -} - - -// Table cell sizing -// -// Reset default table behavior - -table col[class*="col-"] { - position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623) - float: none; - display: table-column; -} -table { - td, - th { - &[class*="col-"] { - float: none; - display: table-cell; - } - } -} - - -// Table backgrounds -// -// Exact selectors below required to override `.table-striped` and prevent -// inheritance to nested tables. - -// Generate the contextual variants -.table-row-variant(active; @table-bg-active); -.table-row-variant(success; @state-success-bg); -.table-row-variant(danger; @state-danger-bg); -.table-row-variant(warning; @state-warning-bg); - - -// Responsive tables -// -// Wrap your tables in `.table-responsive` and we'll make them mobile friendly -// by enabling horizontal scrolling. Only applies <768px. Everything above that -// will display normally. - -@media (max-width: @screen-xs-max) { - .table-responsive { - width: 100%; - margin-bottom: (@line-height-computed * 0.75); - overflow-y: hidden; - overflow-x: scroll; - -ms-overflow-style: -ms-autohiding-scrollbar; - border: 1px solid @table-border-color; - -webkit-overflow-scrolling: touch; - - // Tighten up spacing - > .table { - margin-bottom: 0; - - // Ensure the content doesn't wrap - > thead, - > tbody, - > tfoot { - > tr { - > th, - > td { - white-space: nowrap; - } - } - } - } - - // Special overrides for the bordered tables - > .table-bordered { - border: 0; - - // Nuke the appropriate borders so that the parent can handle them - > thead, - > tbody, - > tfoot { - > tr { - > th:first-child, - > td:first-child { - border-left: 0; - } - > th:last-child, - > td:last-child { - border-right: 0; - } - } - } - - // Only nuke the last row's bottom-border in `tbody` and `tfoot` since - // chances are there will be only one `tr` in a `thead` and that would - // remove the border altogether. - > tbody, - > tfoot { - > tr:last-child { - > th, - > td { - border-bottom: 0; - } - } - } - - } - } -} diff --git a/src/main/webapp/less/3.03/theme.less b/src/main/webapp/less/3.03/theme.less @@ -1,247 +0,0 @@ - -// -// Load core variables and mixins -// -------------------------------------------------- - -@import "variables.less"; -@import "mixins.less"; - - - -// -// Buttons -// -------------------------------------------------- - -// Common styles -.btn-default, -.btn-primary, -.btn-success, -.btn-info, -.btn-warning, -.btn-danger { - text-shadow: 0 -1px 0 rgba(0,0,0,.2); - @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075); - .box-shadow(@shadow); - - // Reset the shadow - &:active, - &.active { - .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); - } -} - -// Mixin for generating new styles -.btn-styles(@btn-color: #555) { - #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%)); - .reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners - background-repeat: repeat-x; - border-color: darken(@btn-color, 14%); - - &:hover, - &:focus { - background-color: darken(@btn-color, 12%); - background-position: 0 -15px; - } - - &:active, - &.active { - background-color: darken(@btn-color, 12%); - border-color: darken(@btn-color, 14%); - } -} - -// Common styles -.btn { - // Remove the gradient for the pressed/active state - &:active, - &.active { - background-image: none; - } -} - -// Apply the mixin to the buttons -.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; } -.btn-primary { .btn-styles(@btn-primary-bg); } -.btn-success { .btn-styles(@btn-success-bg); } -.btn-warning { .btn-styles(@btn-warning-bg); } -.btn-danger { .btn-styles(@btn-danger-bg); } -.btn-info { .btn-styles(@btn-info-bg); } - - - -// -// Images -// -------------------------------------------------- - -.thumbnail, -.img-thumbnail { - .box-shadow(0 1px 2px rgba(0,0,0,.075)); -} - - - -// -// Dropdowns -// -------------------------------------------------- - -.dropdown-menu > li > a:hover, -.dropdown-menu > li > a:focus { - #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%)); - background-color: darken(@dropdown-link-hover-bg, 5%); -} -.dropdown-menu > .active > a, -.dropdown-menu > .active > a:hover, -.dropdown-menu > .active > a:focus { - #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%)); - background-color: darken(@dropdown-link-active-bg, 5%); -} - - - -// -// Navbar -// -------------------------------------------------- - -// Default navbar -.navbar-default { - #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg); - .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered - border-radius: @navbar-border-radius; - @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); - .box-shadow(@shadow); - - .navbar-nav > .active > a { - #gradient > .vertical(@start-color: darken(@navbar-default-bg, 5%); @end-color: darken(@navbar-default-bg, 2%)); - .box-shadow(inset 0 3px 9px rgba(0,0,0,.075)); - } -} -.navbar-brand, -.navbar-nav > li > a { - text-shadow: 0 1px 0 rgba(255,255,255,.25); -} - -// Inverted navbar -.navbar-inverse { - #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg); - .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered - - .navbar-nav > .active > a { - #gradient > .vertical(@start-color: @navbar-inverse-bg; @end-color: lighten(@navbar-inverse-bg, 2.5%)); - .box-shadow(inset 0 3px 9px rgba(0,0,0,.25)); - } - - .navbar-brand, - .navbar-nav > li > a { - text-shadow: 0 -1px 0 rgba(0,0,0,.25); - } -} - -// Undo rounded corners in static and fixed navbars -.navbar-static-top, -.navbar-fixed-top, -.navbar-fixed-bottom { - border-radius: 0; -} - - - -// -// Alerts -// -------------------------------------------------- - -// Common styles -.alert { - text-shadow: 0 1px 0 rgba(255,255,255,.2); - @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05); - .box-shadow(@shadow); -} - -// Mixin for generating new styles -.alert-styles(@color) { - #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%)); - border-color: darken(@color, 15%); -} - -// Apply the mixin to the alerts -.alert-success { .alert-styles(@alert-success-bg); } -.alert-info { .alert-styles(@alert-info-bg); } -.alert-warning { .alert-styles(@alert-warning-bg); } -.alert-danger { .alert-styles(@alert-danger-bg); } - - - -// -// Progress bars -// -------------------------------------------------- - -// Give the progress background some depth -.progress { - #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg) -} - -// Mixin for generating new styles -.progress-bar-styles(@color) { - #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%)); -} - -// Apply the mixin to the progress bars -.progress-bar { .progress-bar-styles(@progress-bar-bg); } -.progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); } -.progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); } -.progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); } -.progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); } - - - -// -// List groups -// -------------------------------------------------- - -.list-group { - border-radius: @border-radius-base; - .box-shadow(0 1px 2px rgba(0,0,0,.075)); -} -.list-group-item.active, -.list-group-item.active:hover, -.list-group-item.active:focus { - text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%); - #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%)); - border-color: darken(@list-group-active-border, 7.5%); -} - - - -// -// Panels -// -------------------------------------------------- - -// Common styles -.panel { - .box-shadow(0 1px 2px rgba(0,0,0,.05)); -} - -// Mixin for generating new styles -.panel-heading-styles(@color) { - #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%)); -} - -// Apply the mixin to the panel headings only -.panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); } -.panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); } -.panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); } -.panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); } -.panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); } -.panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); } - - - -// -// Wells -// -------------------------------------------------- - -.well { - #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg); - border-color: darken(@well-bg, 10%); - @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1); - .box-shadow(@shadow); -} diff --git a/src/main/webapp/less/3.03/thumbnails.less b/src/main/webapp/less/3.03/thumbnails.less @@ -1,36 +0,0 @@ -// -// Thumbnails -// -------------------------------------------------- - - -// Mixin and adjust the regular image class -.thumbnail { - display: block; - padding: @thumbnail-padding; - margin-bottom: @line-height-computed; - line-height: @line-height-base; - background-color: @thumbnail-bg; - border: 1px solid @thumbnail-border; - border-radius: @thumbnail-border-radius; - .transition(all .2s ease-in-out); - - > img, - a > img { - .img-responsive(); - margin-left: auto; - margin-right: auto; - } - - // Add a hover state for linked versions only - a&:hover, - a&:focus, - a&.active { - border-color: @link-color; - } - - // Image captions - .caption { - padding: @thumbnail-caption-padding; - color: @thumbnail-caption-color; - } -} diff --git a/src/main/webapp/less/3.03/tooltip.less b/src/main/webapp/less/3.03/tooltip.less @@ -1,95 +0,0 @@ -// -// Tooltips -// -------------------------------------------------- - - -// Base class -.tooltip { - position: absolute; - z-index: @zindex-tooltip; - display: block; - visibility: visible; - font-size: @font-size-small; - line-height: 1.4; - .opacity(0); - - &.in { .opacity(.9); } - &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; } - &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; } - &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; } - &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; } -} - -// Wrapper for the tooltip content -.tooltip-inner { - max-width: @tooltip-max-width; - padding: 3px 8px; - color: @tooltip-color; - text-align: center; - text-decoration: none; - background-color: @tooltip-bg; - border-radius: @border-radius-base; -} - -// Arrows -.tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.tooltip { - &.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -@tooltip-arrow-width; - border-width: @tooltip-arrow-width @tooltip-arrow-width 0; - border-top-color: @tooltip-arrow-color; - } - &.top-left .tooltip-arrow { - bottom: 0; - left: @tooltip-arrow-width; - border-width: @tooltip-arrow-width @tooltip-arrow-width 0; - border-top-color: @tooltip-arrow-color; - } - &.top-right .tooltip-arrow { - bottom: 0; - right: @tooltip-arrow-width; - border-width: @tooltip-arrow-width @tooltip-arrow-width 0; - border-top-color: @tooltip-arrow-color; - } - &.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -@tooltip-arrow-width; - border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0; - border-right-color: @tooltip-arrow-color; - } - &.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -@tooltip-arrow-width; - border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width; - border-left-color: @tooltip-arrow-color; - } - &.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -@tooltip-arrow-width; - border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; - border-bottom-color: @tooltip-arrow-color; - } - &.bottom-left .tooltip-arrow { - top: 0; - left: @tooltip-arrow-width; - border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; - border-bottom-color: @tooltip-arrow-color; - } - &.bottom-right .tooltip-arrow { - top: 0; - right: @tooltip-arrow-width; - border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; - border-bottom-color: @tooltip-arrow-color; - } -} diff --git a/src/main/webapp/less/3.03/variables.less b/src/main/webapp/less/3.03/variables.less @@ -1,642 +0,0 @@ -// -// Variables -// -------------------------------------------------- - - -// Global values -// -------------------------------------------------- - -// Grays -// ------------------------- - -@gray-darker: lighten(#000, 13.5%); // #222 -@gray-dark: lighten(#000, 20%); // #333 -@gray: lighten(#000, 33.5%); // #555 -@gray-light: lighten(#000, 60%); // #999 -@gray-lighter: lighten(#000, 93.5%); // #eee - -// Brand colors -// ------------------------- - -@brand-primary: #428bca; -@brand-success: #5cb85c; -@brand-warning: #f0ad4e; -@brand-danger: #d9534f; -@brand-info: #5bc0de; - -// Scaffolding -// ------------------------- - -@body-bg: #fff; -@text-color: @gray-dark; - -// Links -// ------------------------- - -@link-color: @brand-primary; -@link-hover-color: darken(@link-color, 15%); - -// Typography -// ------------------------- - -@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; -@font-family-serif: Georgia, "Times New Roman", Times, serif; -@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; -@font-family-base: @font-family-sans-serif; - -@font-size-base: 14px; -@font-size-large: ceil(@font-size-base * 1.25); // ~18px -@font-size-small: ceil(@font-size-base * 0.85); // ~12px - -@font-size-h1: floor(@font-size-base * 2.6); // ~36px -@font-size-h2: floor(@font-size-base * 2.15); // ~30px -@font-size-h3: ceil(@font-size-base * 1.7); // ~24px -@font-size-h4: ceil(@font-size-base * 1.25); // ~18px -@font-size-h5: @font-size-base; -@font-size-h6: ceil(@font-size-base * 0.85); // ~12px - -@line-height-base: 1.428571429; // 20/14 -@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px - -@headings-font-family: @font-family-base; -@headings-font-weight: 500; -@headings-line-height: 1.1; -@headings-color: inherit; - - -// Iconography -// ------------------------- - -@icon-font-path: "../fonts/"; -@icon-font-name: "glyphicons-halflings-regular"; - - -// Components -// ------------------------- -// Based on 14px font-size and 1.428 line-height (~20px to start) - -@padding-base-vertical: 6px; -@padding-base-horizontal: 12px; - -@padding-large-vertical: 10px; -@padding-large-horizontal: 16px; - -@padding-small-vertical: 5px; -@padding-small-horizontal: 10px; - -@padding-xs-vertical: 1px; -@padding-xs-horizontal: 5px; - -@line-height-large: 1.33; -@line-height-small: 1.5; - -@border-radius-base: 4px; -@border-radius-large: 6px; -@border-radius-small: 3px; - -@component-active-color: #fff; -@component-active-bg: @brand-primary; - -@caret-width-base: 4px; -@caret-width-large: 5px; - -// Tables -// ------------------------- - -@table-cell-padding: 8px; -@table-condensed-cell-padding: 5px; - -@table-bg: transparent; // overall background-color -@table-bg-accent: #f9f9f9; // for striping -@table-bg-hover: #f5f5f5; -@table-bg-active: @table-bg-hover; - -@table-border-color: #ddd; // table and cell border - - -// Buttons -// ------------------------- - -@btn-font-weight: normal; - -@btn-default-color: #333; -@btn-default-bg: #fff; -@btn-default-border: #ccc; - -@btn-primary-color: #fff; -@btn-primary-bg: @brand-primary; -@btn-primary-border: darken(@btn-primary-bg, 5%); - -@btn-success-color: #fff; -@btn-success-bg: @brand-success; -@btn-success-border: darken(@btn-success-bg, 5%); - -@btn-warning-color: #fff; -@btn-warning-bg: @brand-warning; -@btn-warning-border: darken(@btn-warning-bg, 5%); - -@btn-danger-color: #fff; -@btn-danger-bg: @brand-danger; -@btn-danger-border: darken(@btn-danger-bg, 5%); - -@btn-info-color: #fff; -@btn-info-bg: @brand-info; -@btn-info-border: darken(@btn-info-bg, 5%); - -@btn-link-disabled-color: @gray-light; - - -// Forms -// ------------------------- - -@input-bg: #fff; -@input-bg-disabled: @gray-lighter; - -@input-color: @gray; -@input-border: #ccc; -@input-border-radius: @border-radius-base; -@input-border-focus: #66afe9; - -@input-color-placeholder: @gray-light; - -@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); -@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); -@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); - -@legend-color: @gray-dark; -@legend-border-color: #e5e5e5; - -@input-group-addon-bg: @gray-lighter; -@input-group-addon-border-color: @input-border; - - -// Dropdowns -// ------------------------- - -@dropdown-bg: #fff; -@dropdown-border: rgba(0,0,0,.15); -@dropdown-fallback-border: #ccc; -@dropdown-divider-bg: #e5e5e5; - -@dropdown-link-color: @gray-dark; -@dropdown-link-hover-color: darken(@gray-dark, 5%); -@dropdown-link-hover-bg: #f5f5f5; - -@dropdown-link-active-color: @component-active-color; -@dropdown-link-active-bg: @component-active-bg; - -@dropdown-link-disabled-color: @gray-light; - -@dropdown-header-color: @gray-light; - - -// COMPONENT VARIABLES -// -------------------------------------------------- - - -// Z-index master list -// ------------------------- -// Used for a bird's eye view of components dependent on the z-axis -// Try to avoid customizing these :) - -@zindex-navbar: 1000; -@zindex-dropdown: 1000; -@zindex-popover: 1010; -@zindex-tooltip: 1030; -@zindex-navbar-fixed: 1030; -@zindex-modal-background: 1040; -@zindex-modal: 1050; - -// Media queries breakpoints -// -------------------------------------------------- - -// Extra small screen / phone -// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1 -@screen-xs: 480px; -@screen-xs-min: @screen-xs; -@screen-phone: @screen-xs-min; - -// Small screen / tablet -// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1 -@screen-sm: 768px; -@screen-sm-min: @screen-sm; -@screen-tablet: @screen-sm-min; - -// Medium screen / desktop -// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1 -@screen-md: 992px; -@screen-md-min: @screen-md; -@screen-desktop: @screen-md-min; - -// Large screen / wide desktop -// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1 -@screen-lg: 1200px; -@screen-lg-min: @screen-lg; -@screen-lg-desktop: @screen-lg-min; - -// So media queries don't overlap when required, provide a maximum -@screen-xs-max: (@screen-sm-min - 1); -@screen-sm-max: (@screen-md-min - 1); -@screen-md-max: (@screen-lg-min - 1); - - -// Grid system -// -------------------------------------------------- - -// Number of columns in the grid system -@grid-columns: 12; -// Padding, to be divided by two and applied to the left and right of all columns -@grid-gutter-width: 30px; - -// Navbar collapse - -// Point at which the navbar becomes uncollapsed -@grid-float-breakpoint: @screen-sm-min; -// Point at which the navbar begins collapsing -@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); - - -// Navbar -// ------------------------- - -// Basics of a navbar -@navbar-height: 50px; -@navbar-margin-bottom: @line-height-computed; -@navbar-border-radius: @border-radius-base; -@navbar-padding-horizontal: floor(@grid-gutter-width / 2); -@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); - -@navbar-default-color: #777; -@navbar-default-bg: #f8f8f8; -@navbar-default-border: darken(@navbar-default-bg, 6.5%); - -// Navbar links -@navbar-default-link-color: #777; -@navbar-default-link-hover-color: #333; -@navbar-default-link-hover-bg: transparent; -@navbar-default-link-active-color: #555; -@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); -@navbar-default-link-disabled-color: #ccc; -@navbar-default-link-disabled-bg: transparent; - -// Navbar brand label -@navbar-default-brand-color: @navbar-default-link-color; -@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); -@navbar-default-brand-hover-bg: transparent; - -// Navbar toggle -@navbar-default-toggle-hover-bg: #ddd; -@navbar-default-toggle-icon-bar-bg: #ccc; -@navbar-default-toggle-border-color: #ddd; - - -// Inverted navbar -// -// Reset inverted navbar basics -@navbar-inverse-color: @gray-light; -@navbar-inverse-bg: #222; -@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); - -// Inverted navbar links -@navbar-inverse-link-color: @gray-light; -@navbar-inverse-link-hover-color: #fff; -@navbar-inverse-link-hover-bg: transparent; -@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; -@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); -@navbar-inverse-link-disabled-color: #444; -@navbar-inverse-link-disabled-bg: transparent; - -// Inverted navbar brand label -@navbar-inverse-brand-color: @navbar-inverse-link-color; -@navbar-inverse-brand-hover-color: #fff; -@navbar-inverse-brand-hover-bg: transparent; - -// Inverted navbar toggle -@navbar-inverse-toggle-hover-bg: #333; -@navbar-inverse-toggle-icon-bar-bg: #fff; -@navbar-inverse-toggle-border-color: #333; - - -// Navs -// ------------------------- - -@nav-link-padding: 10px 15px; -@nav-link-hover-bg: @gray-lighter; - -@nav-disabled-link-color: @gray-light; -@nav-disabled-link-hover-color: @gray-light; - -@nav-open-link-hover-color: #fff; - -// Tabs -@nav-tabs-border-color: #ddd; - -@nav-tabs-link-hover-border-color: @gray-lighter; - -@nav-tabs-active-link-hover-bg: @body-bg; -@nav-tabs-active-link-hover-color: @gray; -@nav-tabs-active-link-hover-border-color: #ddd; - -@nav-tabs-justified-link-border-color: #ddd; -@nav-tabs-justified-active-link-border-color: @body-bg; - -// Pills -@nav-pills-border-radius: @border-radius-base; -@nav-pills-active-link-hover-bg: @component-active-bg; -@nav-pills-active-link-hover-color: @component-active-color; - - -// Pagination -// ------------------------- - -@pagination-bg: #fff; -@pagination-border: #ddd; - -@pagination-hover-bg: @gray-lighter; - -@pagination-active-bg: @brand-primary; -@pagination-active-color: #fff; - -@pagination-disabled-color: @gray-light; - - -// Pager -// ------------------------- - -@pager-border-radius: 15px; -@pager-disabled-color: @gray-light; - - -// Jumbotron -// ------------------------- - -@jumbotron-padding: 30px; -@jumbotron-color: inherit; -@jumbotron-bg: @gray-lighter; -@jumbotron-heading-color: inherit; -@jumbotron-font-size: ceil(@font-size-base * 1.5); - - -// Form states and alerts -// ------------------------- - -@state-success-text: #3c763d; -@state-success-bg: #dff0d8; -@state-success-border: darken(spin(@state-success-bg, -10), 5%); - -@state-info-text: #31708f; -@state-info-bg: #d9edf7; -@state-info-border: darken(spin(@state-info-bg, -10), 7%); - -@state-warning-text: #8a6d3b; -@state-warning-bg: #fcf8e3; -@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); - -@state-danger-text: #a94442; -@state-danger-bg: #f2dede; -@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); - - -// Tooltips -// ------------------------- -@tooltip-max-width: 200px; -@tooltip-color: #fff; -@tooltip-bg: #000; - -@tooltip-arrow-width: 5px; -@tooltip-arrow-color: @tooltip-bg; - - -// Popovers -// ------------------------- -@popover-bg: #fff; -@popover-max-width: 276px; -@popover-border-color: rgba(0,0,0,.2); -@popover-fallback-border-color: #ccc; - -@popover-title-bg: darken(@popover-bg, 3%); - -@popover-arrow-width: 10px; -@popover-arrow-color: #fff; - -@popover-arrow-outer-width: (@popover-arrow-width + 1); -@popover-arrow-outer-color: rgba(0,0,0,.25); -@popover-arrow-outer-fallback-color: #999; - - -// Labels -// ------------------------- - -@label-default-bg: @gray-light; -@label-primary-bg: @brand-primary; -@label-success-bg: @brand-success; -@label-info-bg: @brand-info; -@label-warning-bg: @brand-warning; -@label-danger-bg: @brand-danger; - -@label-color: #fff; -@label-link-hover-color: #fff; - - -// Modals -// ------------------------- -@modal-inner-padding: 20px; - -@modal-title-padding: 15px; -@modal-title-line-height: @line-height-base; - -@modal-content-bg: #fff; -@modal-content-border-color: rgba(0,0,0,.2); -@modal-content-fallback-border-color: #999; - -@modal-backdrop-bg: #000; -@modal-header-border-color: #e5e5e5; -@modal-footer-border-color: @modal-header-border-color; - - -// Alerts -// ------------------------- -@alert-padding: 15px; -@alert-border-radius: @border-radius-base; -@alert-link-font-weight: bold; - -@alert-success-bg: @state-success-bg; -@alert-success-text: @state-success-text; -@alert-success-border: @state-success-border; - -@alert-info-bg: @state-info-bg; -@alert-info-text: @state-info-text; -@alert-info-border: @state-info-border; - -@alert-warning-bg: @state-warning-bg; -@alert-warning-text: @state-warning-text; -@alert-warning-border: @state-warning-border; - -@alert-danger-bg: @state-danger-bg; -@alert-danger-text: @state-danger-text; -@alert-danger-border: @state-danger-border; - - -// Progress bars -// ------------------------- -@progress-bg: #f5f5f5; -@progress-bar-color: #fff; - -@progress-bar-bg: @brand-primary; -@progress-bar-success-bg: @brand-success; -@progress-bar-warning-bg: @brand-warning; -@progress-bar-danger-bg: @brand-danger; -@progress-bar-info-bg: @brand-info; - - -// List group -// ------------------------- -@list-group-bg: #fff; -@list-group-border: #ddd; -@list-group-border-radius: @border-radius-base; - -@list-group-hover-bg: #f5f5f5; -@list-group-active-color: @component-active-color; -@list-group-active-bg: @component-active-bg; -@list-group-active-border: @list-group-active-bg; - -@list-group-link-color: #555; -@list-group-link-heading-color: #333; - - -// Panels -// ------------------------- -@panel-bg: #fff; -@panel-inner-border: #ddd; -@panel-border-radius: @border-radius-base; -@panel-footer-bg: #f5f5f5; - -@panel-default-text: @gray-dark; -@panel-default-border: #ddd; -@panel-default-heading-bg: #f5f5f5; - -@panel-primary-text: #fff; -@panel-primary-border: @brand-primary; -@panel-primary-heading-bg: @brand-primary; - -@panel-success-text: @state-success-text; -@panel-success-border: @state-success-border; -@panel-success-heading-bg: @state-success-bg; - -@panel-warning-text: @state-warning-text; -@panel-warning-border: @state-warning-border; -@panel-warning-heading-bg: @state-warning-bg; - -@panel-danger-text: @state-danger-text; -@panel-danger-border: @state-danger-border; -@panel-danger-heading-bg: @state-danger-bg; - -@panel-info-text: @state-info-text; -@panel-info-border: @state-info-border; -@panel-info-heading-bg: @state-info-bg; - - -// Thumbnails -// ------------------------- -@thumbnail-padding: 4px; -@thumbnail-bg: @body-bg; -@thumbnail-border: #ddd; -@thumbnail-border-radius: @border-radius-base; - -@thumbnail-caption-color: @text-color; -@thumbnail-caption-padding: 9px; - - -// Wells -// ------------------------- -@well-bg: #f5f5f5; - - -// Badges -// ------------------------- -@badge-color: #fff; -@badge-link-hover-color: #fff; -@badge-bg: @gray-light; - -@badge-active-color: @link-color; -@badge-active-bg: #fff; - -@badge-font-weight: bold; -@badge-line-height: 1; -@badge-border-radius: 10px; - - -// Breadcrumbs -// ------------------------- -@breadcrumb-bg: #f5f5f5; -@breadcrumb-color: #ccc; -@breadcrumb-active-color: @gray-light; -@breadcrumb-separator: "/"; - - -// Carousel -// ------------------------ - -@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); - -@carousel-control-color: #fff; -@carousel-control-width: 15%; -@carousel-control-opacity: .5; -@carousel-control-font-size: 20px; - -@carousel-indicator-active-bg: #fff; -@carousel-indicator-border-color: #fff; - -@carousel-caption-color: #fff; - - -// Close -// ------------------------ -@close-font-weight: bold; -@close-color: #000; -@close-text-shadow: 0 1px 0 #fff; - - -// Code -// ------------------------ -@code-color: #c7254e; -@code-bg: #f9f2f4; - -@pre-bg: #f5f5f5; -@pre-color: @gray-dark; -@pre-border-color: #ccc; -@pre-scrollable-max-height: 340px; - -// Type -// ------------------------ -@text-muted: @gray-light; -@abbr-border-color: @gray-light; -@headings-small-color: @gray-light; -@blockquote-small-color: @gray-light; -@blockquote-border-color: @gray-lighter; -@page-header-border-color: @gray-lighter; - -// Miscellaneous -// ------------------------- - -// Hr border color -@hr-border: @gray-lighter; - -// Horizontal forms & lists -@component-offset-horizontal: 180px; - - -// Container sizes -// -------------------------------------------------- - -// Small screen / tablet -@container-tablet: ((720px + @grid-gutter-width)); -@container-sm: @container-tablet; - -// Medium screen / desktop -@container-desktop: ((940px + @grid-gutter-width)); -@container-md: @container-desktop; - -// Large screen / wide desktop -@container-large-desktop: ((1140px + @grid-gutter-width)); -@container-lg: @container-large-desktop; diff --git a/src/main/webapp/less/3.03/wells.less b/src/main/webapp/less/3.03/wells.less @@ -1,29 +0,0 @@ -// -// Wells -// -------------------------------------------------- - - -// Base class -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: @well-bg; - border: 1px solid darken(@well-bg, 7%); - border-radius: @border-radius-base; - .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); - blockquote { - border-color: #ddd; - border-color: rgba(0,0,0,.15); - } -} - -// Sizes -.well-lg { - padding: 24px; - border-radius: @border-radius-large; -} -.well-sm { - padding: 9px; - border-radius: @border-radius-small; -} diff --git a/src/main/webapp/less/custom.less b/src/main/webapp/less/custom.less @@ -1,82 +1,21 @@ // Add anything custm here -- mixins, variable overrides // by adding things here instead of overriding existing .LESS files, it makes merging changes on product updates easier -//@import url(http://fonts.googleapis.com/css?family=Cinzel:900); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400); - -// Optima for p tags in base font size! -@font-face { - font-family: 'Optima'; - src: url('@{icon-font-path}/optima-webfont.eot'); - src: url('@{icon-font-path}/optima-webfont.eot?#iefix') format('embedded-opentype'), - url('@{icon-font-path}/optima-webfont.woff') format('woff'), - url('@{icon-font-path}/optima-webfont.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - - -.background-size(@size) { - -webkit-background-size: @size; - -moz-background-size: @size; - -o-background-size: @size; - background-size: @size; -} - -.column-count(@count) { - column-count: @count; - -moz-column-count: @count; - -webkit-column-count: @count; -} - -.column-rule(@rule) { - column-rule: @rule; - -moz-column-rule: @rule; - -webkit-column-rule: @rule; -} - -.column-span(@span) { - column-span: @span; - -webkit-column-span: @span; -} - -.multi-column { - @media (min-width: @screen-sm){ - > p { - .column-count(2); - br { .column-span(all); } - } - } -} - -.semibig-text { - font-size: @font-size-h1 * 1.5; +.scale(@x, @y) { + -webkit-transform: scale(@x,@y); + transform: scale(@x,@y); } -.big-text { - font-size: @font-size-h1 * 2; - font-weight: 900; +// Given a percentage parameter (value between 0-1), +// it sets the height proportional to screen height. +.set-height(@height) { + height: @height * @screen-height; } -.no-gutter { - overflow: hidden; - - div[class^="col-"] { - padding-left: 0; - padding-right: 0; - } - - @media (min-width: @screen-sm){ - .row { - margin-right: 0; - margin-left: 0; - } - } -} - -.offset-0 { - padding-left: 0; - padding-right: 0; +// Given a percentage parameter (value between 0-1), +// it sets the width proportional to screen width. +.set-width(@width) { + width: @width * @screen-width; } .bg-white { @@ -133,26 +72,6 @@ background-color: @brand-tertiary; } -.pagination-centered { - text-align: center; -} - -.padding-top-20 { - padding-top: 20px; -} - -.padding-bottom-20 { - padding-bottom: 20px; -} -.padding-20 { - padding-top: 20px; - padding-bottom: 20px; -} - -.margin-bottom-10 { - margin-bottom: 10px; -} - //bold headers h1,h2,h3,h4,h5,h6,h7 { &.bold { diff --git a/src/main/webapp/less/extras/angular-wizard.less b/src/main/webapp/less/extras/angular-wizard.less @@ -1,184 +0,0 @@ - -#wizard-main { - height: 600px; // TODO issue #2 -} - -.steps-indicator { - /* ---- steps quantity ---- */ - - @color-default: #E6E6E6; - @color-current: #808080; - @color-done: #339933; - @color-editing: #FF0000; - - position: absolute; - right: 0; - bottom: 0; - left: 0; - margin: 0; - padding: 0; - height: 30px; - list-style: none; - - - - &:before { - background-color: @color-default; - content: ''; - position: absolute; - height: 1px; - } - - &.steps-2:before { - left: ~'calc(100% / 2 / 2)'; - right: ~'calc(100% / 2 / 2)'; - } - - &.steps-3:before { - left: ~'calc(100% / 3 / 2)'; - right: ~'calc(100% / 3 / 2)'; - } - - &.steps-4:before { - left: ~'calc(100% / 4 / 2)'; - right: ~'calc(100% / 4 / 2)'; - } - - &.steps-5:before { - left: ~'calc(100% / 5 / 2)'; - right: ~'calc(100% / 5 / 2)'; - } - - &.steps-6:before { - left: ~'calc(100% / 6 / 2)'; - right: ~'calc(100% / 6 / 2)'; - } - - &.steps-7:before { - left: ~'calc(100% / 7 / 2)'; - right: ~'calc(100% / 7 / 2)'; - } - - &.steps-8:before { - left: ~'calc(100% / 8 / 2)'; - right: ~'calc(100% / 8 / 2)'; - } - - &.steps-9:before { - left: ~'calc(100% / 9 / 2)'; - right: ~'calc(100% / 9 / 2)'; - } - - &.steps-10:before { - left: ~'calc(100% / 10 / 2)'; - right: ~'calc(100% / 10 / 2)'; - } - - /* --- http://www.paulirish.com/2012/box-sizing-border-box-ftw/ ---- */ - * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - - - li { - position: relative; - float: left; - margin: 0; - padding: 0; - padding-top: 10px; - text-align: center; - line-height: 15px; - - a { - color: @color-current; - text-decoration: none; - text-transform: uppercase; - font-weight: bold; - transition: 0.25s; - cursor: pointer; - - &:before { - position: absolute; - top: -7px; - left: ~'calc(50% - 7px)'; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: @color-default; - content: ''; - transition: 0.25s; - } - - &:hover { - color: darken(@color-current, 20%); - } - } - } - - &.steps-2 li { - width: ~'calc(100% / 2)'; - } - - &.steps-3 li { - width: ~'calc(100% / 3)'; - } - - &.steps-4 li { - width: ~'calc(100% / 4)'; - } - - &.steps-5 li { - width: ~'calc(100% / 5)'; - } - - &.steps-6 li { - width: ~'calc(100% / 6)'; - } - - &.steps-7 li { - width: ~'calc(100% / 7)'; - } - - &.steps-8 li { - width: ~'calc(100% / 8)'; - } - - &.steps-9 li { - width: ~'calc(100% / 9)'; - } - - &.steps-10 li { - width: ~'calc(100% / 10)'; - } - - &.steps-11 li { - width: ~'calc(100% / 11)'; - } - - li.default { - pointer-events: none; - - a:hover { - color: @color-current; - } - } - - li.current, - li.editing { - pointer-events: none; - } - - li.current a:before { - background-color: @color-current; - } - - li.done a:before { - background-color: @color-done; - } - - li.editing a:before { - background-color: @color-editing; - } -} -\ No newline at end of file diff --git a/src/main/webapp/less/3.03/buttons.less b/src/main/webapp/less/libs/3.03/buttons.less diff --git a/src/main/webapp/less/3.03/close.less b/src/main/webapp/less/libs/3.03/close.less diff --git a/src/main/webapp/less/3.03/forms.less b/src/main/webapp/less/libs/3.03/forms.less diff --git a/src/main/webapp/less/3.03/mixins.less b/src/main/webapp/less/libs/3.03/mixins.less diff --git a/src/main/webapp/less/3.03/normalize.less b/src/main/webapp/less/libs/3.03/normalize.less diff --git a/src/main/webapp/less/3.03/print.less b/src/main/webapp/less/libs/3.03/print.less diff --git a/src/main/webapp/less/3.03/scaffolding.less b/src/main/webapp/less/libs/3.03/scaffolding.less diff --git a/src/main/webapp/less/3.03/type.less b/src/main/webapp/less/libs/3.03/type.less diff --git a/src/main/webapp/less/3.03/utilities.less b/src/main/webapp/less/libs/3.03/utilities.less diff --git a/src/main/webapp/less/libs/animate.less b/src/main/webapp/less/libs/animate.less @@ -0,0 +1,3158 @@ +@charset "UTF-8"; +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2014 Daniel Eden +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +@keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + -ms-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInRight { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +@keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} diff --git a/src/main/webapp/less/fontawesome/bordered-pulled.less b/src/main/webapp/less/libs/fontawesome/bordered-pulled.less diff --git a/src/main/webapp/less/fontawesome/core.less b/src/main/webapp/less/libs/fontawesome/core.less diff --git a/src/main/webapp/less/fontawesome/fixed-width.less b/src/main/webapp/less/libs/fontawesome/fixed-width.less diff --git a/src/main/webapp/less/fontawesome/font-awesome.less b/src/main/webapp/less/libs/fontawesome/font-awesome.less diff --git a/src/main/webapp/less/fontawesome/icons.less b/src/main/webapp/less/libs/fontawesome/icons.less diff --git a/src/main/webapp/less/fontawesome/larger.less b/src/main/webapp/less/libs/fontawesome/larger.less diff --git a/src/main/webapp/less/fontawesome/list.less b/src/main/webapp/less/libs/fontawesome/list.less diff --git a/src/main/webapp/less/fontawesome/mixins.less b/src/main/webapp/less/libs/fontawesome/mixins.less diff --git a/src/main/webapp/less/fontawesome/path.less b/src/main/webapp/less/libs/fontawesome/path.less diff --git a/src/main/webapp/less/fontawesome/rotated-flipped.less b/src/main/webapp/less/libs/fontawesome/rotated-flipped.less diff --git a/src/main/webapp/less/fontawesome/spinning.less b/src/main/webapp/less/libs/fontawesome/spinning.less diff --git a/src/main/webapp/less/fontawesome/stacked.less b/src/main/webapp/less/libs/fontawesome/stacked.less diff --git a/src/main/webapp/less/fontawesome/variables.less b/src/main/webapp/less/libs/fontawesome/variables.less diff --git a/src/main/webapp/less/overrides.less b/src/main/webapp/less/overrides.less @@ -1,180 +1,17 @@ // Custom overrides go here -body { - @media(min-width:@screen-sm-min) { - overflow-y: scroll; - } - - > .container { - padding: 0; - height: 100%; - min-height: 100%; - border-left: 1px solid @brand-primary; - border-right: 1px solid @brand-primary; - background: @white; - - > #content, > footer { - - vertical-align: middle; - - &, p { - text-align: center; - } - } - } - - #gradient > .vertical(@brand-primary; @brand-primary-light; @navbar-height * 2; @navbar-height * 2); +body #wizard-main { + width: @screen-width; + height: @screen-height; + position: absolute; + left:0; + right:0; + text-align: center; } -.main-content > .page-header { - margin: 0; - padding-left: 5px; - padding-right: 5px; -} - -/******************************************** - * Fonts by tags and important classes - ********************************************/ - - p { - font-family: @font-family-serif; - font-size: @font-size-base + 2; - } - - .jumbotron { - * { - font-family: @font-family-sans-serif !important; - } - - p { - font-size: @jumbotron-font-size; - } - } - -/******************************************** - * NAVBAR - ********************************************/ - -.navbar-default { - background-color: @white; - border-color: transparent; -} - -.navbar-container { - min-height: @navbar-container-height !important; - height: @navbar-container-height !important; - right: 13px; // TODO issue #2 -} -#navbar-main { - - margin-bottom: 0; - - .navbar-brand { - padding: (@navbar-padding-vertical * 0.22222) @navbar-padding-horizontal; - img { - height: @navbar-container-height * 0.8; - } - } - - .navbar-price { - padding: @navbar-padding-vertical @navbar-padding-horizontal; - } -} - -@media (min-width: @screen-sm) { - #navbar-main { - .collapse { - .pull-right(); - padding: 0 !important; - - .row > * { - padding: 0 !important; - .nav { .pull-right(); } - } - } - - .navbar-collapse { - .pull-right(); - } - - } -} - -.navbar-default .navbar-nav > .active { - > a { - &, &:hover, &:focus { - background-color: @brand-primary-light; - } - } -} - -/****************************** - * ALERTS - ******************************/ - -.alert { - z-index: @alert-zindex; - ul { .list-unstyled(); } - margin-bottom: 0; -} - -.alert-danger { - color: @white; -} - - -/************************************************* - * Collapse to full width when xs-device is found - * ex. class="col-xs-6 xxs-collapse col-sm-6" - *************************************************/ -.xxs-collapse { - @media (max-width: @screen-xs) { - width: 100%; - } -} /************************ * Initially hide ngCloak ************************/ -[ng\:cloak], [ng-cloak], .ng-cloak { display: none; } - -/**************************** - * Angular form - ****************************/ - -.state-success { - .icon-append, .icon-prepend { - color: @brand-success !important; - } - - textarea, input, select { - &, &:hover { - border-color: @brand-success !important; - color: @brand-success !important; - } - - &:focus { - border-color: @brand-primary !important; - color: @gray-darkest !important; - } - } -} - -.state-error { - .icon-append, .icon-prepend { - color: @brand-danger !important; - } - - textarea, input, select { - &, &:hover { - border-color: @brand-danger !important; - color: @brand-danger !important; - } - - &:focus { - border-color: @brand-primary !important; - color: @gray-darkest !important; - } - } -} -\ No newline at end of file +[ng\:cloak], [ng-cloak], .ng-cloak { display: none; } +\ No newline at end of file diff --git a/src/main/webapp/less/pages/qr-scanner-wizard.less b/src/main/webapp/less/pages/qr-scanner-wizard.less @@ -1,13 +0,0 @@ -.scale(@x, @y) { - -moz-transform: scale(@x,@y); - -webkit-transform: scale(@x,@y); - -ms-transform: scale(@x,@y); // IE9+ - transform: scale(@x,@y); -} - -#wallet-scanner { - video { - // flips image horizontally - .scale(-1,1); - } -} -\ No newline at end of file diff --git a/src/main/webapp/less/part/loading.less b/src/main/webapp/less/part/loading.less @@ -0,0 +1,74 @@ +div.loading-container { + position: relative; + height: 100px; + width: 40px; + display: inline-block; + margin: 0 20px 10px; + + &:hover img { + animation: jump 0.5s infinite alternate; + -webkit-animation: jump 0.5s infinite alternate; + } + + img { + position: absolute; + top: -40px; + width: 38px; + margin: 100px auto; + + transition: color .25s linear; + transition: border-color .25s linear; + animation: jump 0.5s infinite alternate; + + -webkit-transition: color .25s linear; + -webkit-transition: border-color .25s linear; + -webkit-animation: jump 0.5s infinite alternate; + + .bitcoin { + width: 45px; + } + + .one { + animation-delay: 0s; + -webkit-animation-delay: 0s; + } + + .two { + animation-delay: 0.1s; + -webkit-animation-delay: 0.1s; + } + + .three { + animation-delay: 0.2s; + -webkit-animation-delay: 0.2s; + } + + .four { + animation-delay: 0.3s; + -webkit-animation-delay: 0.3s; + } + + .five { + animation-delay: 0.4s; + -webkit-animation-delay: 0.4s; + } + } +} + +@keyframes jump { + 0% { + top: -40px; + -moz-transform: scale(1,0.7); + } + 30% {-moz-transform: scale(1,1);} + 100% {top: -70px;} +} + +@-webkit-keyframes jump { + 0% { + top: -40px; + -webkit-transform: scale(1,0.7); + } + 30% {-webkit-transform: scale(1,1);} + 100% {top: -70px;} +} +\ No newline at end of file diff --git a/src/main/webapp/less/screen/scanqr.less b/src/main/webapp/less/screen/scanqr.less @@ -0,0 +1,4 @@ +#wallet-scanner video { + // flips image horizontally + .scale(-1,1); +} +\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/DT_bootstrap.less b/src/main/webapp/less/smartadmin/DT_bootstrap.less @@ -1,342 +0,0 @@ -div.dt-top-row { - height: 0; - line-height: 0; - position: relative -} -div.dt-bottom-row { - background: #fafafa; - font-size: 11px; - overflow: hidden; - padding: 5px 10px; - border-top: 1px solid #ccc; - -webkit-box-shadow: inset 0 1px #fff; - -moz-box-shadow: inset 0 1px #fff; - -ms-box-shadow: inset 0 1px #fff; - box-shadow: inset 0 1px #fff -} -div.dataTables_length { - position: absolute; - right: 13px; - top: -38px; -} -div.dataTables_length select { - width: 60px; - padding: 3px; - border: none; - font-size: 13px -} -div.dataTables_filter { - position: absolute; - left: 10px; - top: -38px -} -div.dataTables_filter input { - /*height: 26px;*/ - padding: 2px 8px; - font-size: 13px; - border: none; -} -.dataTables_filter .input-group { - width: 180px !important -} - -div.dataTables_length select, div.dataTables_filter input { - border: 1px solid #bbb -} -div.dataTables_paginate { - margin: 4px 0 0 -} -div.dataTables_paginate .pagination { - margin: 0 -} -.dataTables_wrapper { - position: relative -} -.dt-wrapper { - overflow: hidden -} -.dataTables_wrapper table.table { - clear: both; - max-width: inherit; - margin-bottom: 0 -} -.dataTables_wrapper table.table thead th { - white-space: nowrap; - text-overflow: ellipsis; - -ms-text-overflow: ellipsis; -} -.dataTables_wrapper table.table thead .sorting, .dataTables_wrapper table.table thead .sorting_asc, .dataTables_wrapper table.table thead .sorting_desc, .dataTables_wrapper table.table thead .sorting_asc_disabled, .dataTables_wrapper table.table thead .sorting_desc_disabled { - cursor: hand; - cursor: pointer; - padding-right: 20px -} -.dataTables_wrapper table.table thead .sorting { - background: url('@{base-url}/sort_both.png') no-repeat center right -} -.dataTables_wrapper table.table thead .sorting_asc { - background: url('@{base-url}/sort_asc.png') no-repeat center right -} -.dataTables_wrapper table.table thead .sorting_desc { - background: url('@{base-url}/sort_desc.png') no-repeat center right -} -.dataTables_wrapper table.table thead .sorting_asc_disabled { - background: url('@{base-url}/sort_asc_disabled.png') no-repeat center right -} -.dataTables_wrapper table.table thead .sorting_desc_disabled { - background: url('@{base-url}/sort_desc_disabled.png') no-repeat center right -} -.dataTables_wrapper table.dataTable th:active { - outline: none -} -.dataTables_wrapper table.table tbody tr.active td, .dataTables_wrapper table.table tbody tr.active th { - background-color: #08C; - color: #FFF -} -.dataTables_wrapper table.table tbody tr.active:hover td, .dataTables_wrapper table.table tbody tr.active:hover th { - background-color: #0075b0 !important -} -.dataTables_wrapper .table-striped tbody tr.active:nth-child(odd) td, .dataTables_wrapper .table-striped tbody tr.active:nth-child(odd) th { - background-color: #017ebc -} -.dataTables_wrapper select { - min-height: inherit -} -.dataTables_wrapper table + .row { - margin-bottom: 0; - margin-top: 10px -} -.dataTables_scrollBody { - -webkit-overflow-scrolling: touch -} -.dataTables_wrapper .top, .dataTables_wrapper .bottom { - background-color: #f5f5f5; - border: 1px solid #CCC; - padding: 15px -} -.top .dataTables_info { - float: none -} -div.dt-bottom-row .dataTables_info { - float: left; - line-height: 32px; - font-size: 12px -} -.dataTables_empty { - text-align: center !important; - font-size: 15px; - background: #fff !important; - padding: 20px 0 !important -} -.dataTables_scroll { - clear: both -} -.dataTables_scrollHeadInner table.table-bordered { - -webkit-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; - border-bottom: none -} -.dataTables_scrollHeadInner table.table-bordered, .dataTables_scrollHeadInner table.table-bordered thead { - border-bottom: none -} -.dataTables_scrollBody table { - border-top: none -} -.dataTables_processing { - position: absolute; - top: 50%; - margin-top: -24px; - z-index: 100; - left: 50%; - width: 250px; - margin-left: -125px; - border: 1px solid #ddd; - text-align: center; - color: #000; - background: #fff; - font-size: 15px !important; - -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2); - -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2); - -ms-box-shadow: 0 0 4px rgba(0,0,0,0.2); - box-shadow: 0 0 4px rgba(0,0,0,0.2); - padding: 10px 0 -} -.dataTables_wrapper .center { - text-align: center -} -.dataTables_wrapper .details, .dataTables_wrapper .details:hover { - background: #ddd !important -} -.dataTables_wrapper .details table td { - background: #fff !important -} -.dataTables_scrollHeadInner table.table, .dataTables_wrapper .details table.table { - margin: 0 !important -} -.dataTables_wrapper .dt_actions { - float: left; - margin-right: 20px -} -.dataTables_empty { - cursor: default -} -.dataTables_full { - width: 100% !important -} - -.dataTables_wrapper div.DTTT .btn:hover { - text-decoration: none !important -} -.dataTables_wrapper ul.DTTT_dropdown.dropdown-menu a { - color: #333 !important -} -.dataTables_wrapper ul.DTTT_dropdown.dropdown-menu li:hover a { - background-color: #08c; - color: #FFF !important -} -.dataTables_wrapper div.DTTT_print_info.modal { - height: 150px; - margin-top: -75px; - text-align: center -} -.dataTables_wrapper div.DTTT_print_info h6 { - font-weight: 400; - font-size: 28px; - line-height: 28px; - margin: 1em -} -.dataTables_wrapper div.DTTT_print_info p { - font-size: 14px; - line-height: 20px -} -.dataTables_wrapper div.DTFC_LeftHeadWrapper table, .dataTables_wrapper div.DTFC_LeftFootWrapper table, .dataTables_wrapper table.DTFC_Cloned tr.even { - background-color: #FFF -} -.dataTables_wrapper div.DTFC_LeftHeadWrapper table { - margin-bottom: 0 !important; - border-top-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important -} - -div.dataTables_scrollHead table { - margin-bottom: 0 !important; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0 -} -div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important -} -div.dataTables_scrollBody table, div.DTFC_LeftBodyWrapper table { - border-top: none; - margin-bottom: 0 !important -} -div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollFoot table, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td, div.DTFC_LeftFootWrapper table { - border-top: none -} - -.dt-row { - padding: 4px 10px -} - -.ColVis { - position: absolute; - right: 83px; - top: -38px; -} -.ColVis_collection .ColVis_Button { - position: relative; - margin-right: 3px; - height: 30px; - background-color: #fff; - border: 1px solid #d0d0d0; - cursor: hand; - padding: 3px 5px -} -button.ColVis_Button::-moz-focus-inner { - border: none !important; - padding: 0 -} -div.ColVis_collectionBackground { - background-color: #000; - z-index: 1100 -} -div.ColVis_collection { - position: relative; - width: 180px; - background-color: #fff; - border: 1px solid rgba(0,0,0,.2); - -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2); - -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2); - box-shadow: 0 2px 4px rgba(0,0,0,.2); - z-index: 1102 -} -div.ColVis_collection button.ColVis_Button { - padding: 4px 12px; - height: 26px; - background-color: #fff; - border: none; - width: 100%; - float: none; - font-size: 12px -} -div.ColVis_collection button.ColVis_Button + button.ColVis_Button { - border-top: 1px solid #e1e1e1 -} -div.ColVis_collection button.ColVis_Button input { - margin: 0 -} -div.ColVis_catcher { - position: absolute; - z-index: 1101 -} -.disabled { - color: #999 -} -button.ColVis_Button { - text-align: left -} -span.ColVis_radio { - display: inline-block; - width: 20px; - vertical-align: -2px -} -.ColVis_text_hover, div.ColVis_collection button.ColVis_Button:hover { - background: #F2F2F2; - color: #222 -} - -table.DTCR_clonedTable { - background-color: #fff; - z-index: 202 -} -div.DTCR_pointer { - width: 1px; - background-color: #0259C4; - z-index: 201 -} - -ul.DTTT_dropdown.dropdown-menu li { - position: relative -} -ul.DTTT_dropdown.dropdown-menu li:hover a { - background-color: #f2f2f2; - color: #333 !important; -} -.table_tools_group { - position: absolute; - right: 83px; - top: -37px; -} -.DTTT.btn-group { - position: absolute; - top: -38px; - right: 83px; -} -.DTTT_dropdown { - z-index: 2002 -} - -.DTFC_LeftHeadWrapper { - border-bottom: 1px solid #ddd -} -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/TableTools.less b/src/main/webapp/less/smartadmin/TableTools.less @@ -1,321 +0,0 @@ -/* - * File: TableTools.css - * Description: Styles for TableTools 2 - * Author: Allan Jardine (www.sprymedia.co.uk) - * Language: Javascript - * License: GPL v2 / 3 point BSD - * Project: DataTables - * - * Copyright 2009-2012 Allan Jardine, all rights reserved. - * - * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * - * - * CSS name space: - * DTTT DataTables TableTools - * - * Style sheet provides: - * CONTAINER TableTools container element and styles applying to all components - * BUTTON_STYLES Action specific button styles - * SELECTING Row selection styles - * COLLECTIONS Drop down list (collection) styles - * PRINTING Print display styles - */ - - -/* - * CONTAINER - * TableTools container element and styles applying to all components - */ -div.DTTT_container { - position: relative; - float: right; - margin-bottom: 1em; -} - -button.DTTT_button, -div.DTTT_button, -a.DTTT_button { - position: relative; - float: left; - margin-right: 3px; - padding: 5px 8px; - border: 1px solid #999; - cursor: pointer; - *cursor: hand; - font-size: 0.88em; - color: black !important; - - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - -ms-border-radius: 2px; - -o-border-radius: 2px; - border-radius: 2px; - - -webkit-box-shadow: 1px 1px 3px #ccc; - -moz-box-shadow: 1px 1px 3px #ccc; - -ms-box-shadow: 1px 1px 3px #ccc; - -o-box-shadow: 1px 1px 3px #ccc; - box-shadow: 1px 1px 3px #ccc; - - /* Generated by http://www.colorzilla.com/gradient-editor/ */ - background: #ffffff; /* Old browsers */ - background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */ - background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */ - background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */ -} - - -/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */ -button.DTTT_button { - height: 30px; - padding: 3px 8px; -} - -.DTTT_button embed { - outline: none; -} - -button.DTTT_button:hover, -div.DTTT_button:hover, -a.DTTT_button:hover { - border: 1px solid #666; - text-decoration: none !important; - - -webkit-box-shadow: 1px 1px 3px #999; - -moz-box-shadow: 1px 1px 3px #999; - -ms-box-shadow: 1px 1px 3px #999; - -o-box-shadow: 1px 1px 3px #999; - box-shadow: 1px 1px 3px #999; - - background: #f3f3f3; /* Old browsers */ - background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */ - background: -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */ - background: linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ -} - -button.DTTT_disabled, -div.DTTT_disabled, -a.DTTT_disabled { - color: #999; - border: 1px solid #d0d0d0; - - background: #ffffff; /* Old browsers */ - background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* IE10+ */ - background: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Opera 11.10+ */ - background: linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */ -} - - - -/* - * BUTTON_STYLES - * Action specific button styles - * If you want images - comment this back in - -button.DTTT_button_csv, -button.DTTT_button_xls, -button.DTTT_button_copy, -button.DTTT_button_pdf, -button.DTTT_button_print { - padding-right: 0px; -} - -button.DTTT_button_csv span, -button.DTTT_button_xls span, -button.DTTT_button_copy span, -button.DTTT_button_pdf span, -button.DTTT_button_print span { - display: inline-block; - height: 24px; - line-height: 24px; - padding-right: 30px; -} - - -button.DTTT_button_csv span { background: url(../img/csv.png) no-repeat bottom right; } -button.DTTT_button_csv:hover span { background: url(../img/csv_hover.png) no-repeat center right; } - -button.DTTT_button_xls span { background: url(../img/xls.png) no-repeat center right; } -button.DTTT_button_xls:hover span { background: #f0f0f0 url(../img/xls_hover.png) no-repeat center right; } - -button.DTTT_button_copy span { background: url(../img/copy.png) no-repeat center right; } -button.DTTT_button_copy:hover span { background: #f0f0f0 url(../img/copy_hover.png) no-repeat center right; } - -button.DTTT_button_pdf span { background: url(../img/pdf.png) no-repeat center right; } -button.DTTT_button_pdf:hover span { background: #f0f0f0 url(../img/pdf_hover.png) no-repeat center right; } - -button.DTTT_button_print span { background: url(../img/print.png) no-repeat center right; } -button.DTTT_button_print:hover span { background: #f0f0f0 url(../img/print_hover.png) no-repeat center right; } - - - -button.DTTT_button_collection span { - padding-right: 17px; - background: url(../img/collection.png) no-repeat center right; -} - -button.DTTT_button_collection:hover span { - padding-right: 17px; - background: #f0f0f0 url(../img/collection_hover.png) no-repeat center right; -} */ - - -/* - * SELECTING - * Row selection styles - */ -table.DTTT_selectable tbody tr { - cursor: pointer; - *cursor: hand; -} - -table.dataTable tr.DTTT_selected.odd { - background-color: #9FAFD1; -} - -table.dataTable tr.DTTT_selected.odd td.sorting_1 { - background-color: #9FAFD1; -} - -table.dataTable tr.DTTT_selected.odd td.sorting_2 { - background-color: #9FAFD1; -} - -table.dataTable tr.DTTT_selected.odd td.sorting_3 { - background-color: #9FAFD1; -} - - -table.dataTable tr.DTTT_selected.even { - background-color: #B0BED9; -} - -table.dataTable tr.DTTT_selected.even td.sorting_1 { - background-color: #B0BED9; -} - -table.dataTable tr.DTTT_selected.even td.sorting_2 { - background-color: #B0BED9; -} - -table.dataTable tr.DTTT_selected.even td.sorting_3 { - background-color: #B0BED9; -} - - -/* - * COLLECTIONS - * Drop down list (collection) styles - */ - -div.DTTT_collection { - width: 150px; - padding: 8px 8px 4px 8px; - border: 1px solid #ccc; - border: 1px solid rgba( 0, 0, 0, 0.4 ); - background-color: #f3f3f3; - background-color: rgba( 255, 255, 255, 0.3 ); - overflow: hidden; - z-index: 2002; - - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - -ms-border-radius: 5px; - -o-border-radius: 5px; - border-radius: 5px; - - -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); - -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); - -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); - box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); -} - -div.DTTT_collection_background { - /*background: transparent url(../img/background.png) repeat top left;*/ - z-index: 2001; -} - -div.DTTT_collection button.DTTT_button, -div.DTTT_collection div.DTTT_button, -div.DTTT_collection a.DTTT_button { - position: relative; - left: 0; - right: 0; - - display: block; - float: none; - margin-bottom: 4px; - - -webkit-box-shadow: 1px 1px 3px #999; - -moz-box-shadow: 1px 1px 3px #999; - -ms-box-shadow: 1px 1px 3px #999; - -o-box-shadow: 1px 1px 3px #999; - box-shadow: 1px 1px 3px #999; -} - - -/* - * PRINTING - * Print display styles - */ - -.DTTT_print_info { - position: fixed; - top: 50%; - left: 50%; - width: 400px; - height: 150px; - margin-left: -200px; - margin-top: -75px; - text-align: center; - color: #333; - padding: 10px 30px; - - background: #ffffff; /* Old browsers */ - background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */ - background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */ - background: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */ - - opacity: 0.95; - - border: 1px solid black; - border: 1px solid rgba(0, 0, 0, 0.5); - - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - -ms-border-radius: 6px; - -o-border-radius: 6px; - border-radius: 6px; - - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); - -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); - -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); -} - -.DTTT_print_info h6 { - font-weight: normal; - font-size: 28px; - line-height: 28px; - margin: 1em; -} - -.DTTT_print_info p { - font-size: 14px; - line-height: 20px; -} - diff --git a/src/main/webapp/less/smartadmin/animated.less b/src/main/webapp/less/smartadmin/animated.less @@ -1,442 +0,0 @@ -.animated { - -webkit-animation-duration: 1s; - -moz-animation-duration: 1s; - -o-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - -o-animation-fill-mode: both; - animation-fill-mode: both -} - -.animated.fast { - -webkit-animation-duration: .5s; - -moz-animation-duration: .5s; - -o-animation-duration: .5s; - animation-duration: .5s; -} - -.animated.hinge { - -webkit-animation-duration: 2s; - -moz-animation-duration: 2s; - -o-animation-duration: 2s; - animation-duration: 2s -}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}} -.animated.flash { - -webkit-animation-name: flash; - -moz-animation-name: flash; - -o-animation-name: flash; - animation-name: flash -}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}} -.animated.shake { - -webkit-animation-name: shake; - -moz-animation-name: shake; - -o-animation-name: shake; - animation-name: shake -}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}} -.animated.bounce { - -webkit-animation-name: bounce; - -moz-animation-name: bounce; - -o-animation-name: bounce; - animation-name: bounce -}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}} -.animated.tada { - -webkit-animation-name: tada; - -moz-animation-name: tada; - -o-animation-name: tada; - animation-name: tada -}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}} -.animated.swing { - -webkit-transform-origin: top center; - -moz-transform-origin: top center; - -o-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - -moz-animation-name: swing; - -o-animation-name: swing; - animation-name: swing -}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}} -.animated.wobble { - -webkit-animation-name: wobble; - -moz-animation-name: wobble; - -o-animation-name: wobble; - animation-name: wobble -}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}} -.animated.pulse { - -webkit-animation-name: pulse; - -moz-animation-name: pulse; - -o-animation-name: pulse; - animation-name: pulse -}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function:ease-in}} -.animated.flip { - -webkit-backface-visibility: visible !important; - -webkit-animation-name: flip; - -moz-backface-visibility: visible !important; - -moz-animation-name: flip; - -o-backface-visibility: visible !important; - -o-animation-name: flip; - backface-visibility: visible !important; - animation-name: flip -}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}} -.animated.flipInX { - -webkit-backface-visibility: visible !important; - -webkit-animation-name: flipInX; - -moz-backface-visibility: visible !important; - -moz-animation-name: flipInX; - -o-backface-visibility: visible !important; - -o-animation-name: flipInX; - backface-visibility: visible !important; - animation-name: flipInX -}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}} -.animated.flipOutX { - -webkit-animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - -moz-animation-name: flipOutX; - -moz-backface-visibility: visible !important; - -o-animation-name: flipOutX; - -o-backface-visibility: visible !important; - animation-name: flipOutX; - backface-visibility: visible !important -}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}} -.animated.flipInY { - -webkit-backface-visibility: visible !important; - -webkit-animation-name: flipInY; - -moz-backface-visibility: visible !important; - -moz-animation-name: flipInY; - -o-backface-visibility: visible !important; - -o-animation-name: flipInY; - backface-visibility: visible !important; - animation-name: flipInY -}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}} -.animated.flipOutY { - -webkit-backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - -moz-backface-visibility: visible !important; - -moz-animation-name: flipOutY; - -o-backface-visibility: visible !important; - -o-animation-name: flipOutY; - backface-visibility: visible !important; - animation-name: flipOutY -}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}} -.animated.fadeIn { - -webkit-animation-name: fadeIn; - -moz-animation-name: fadeIn; - -o-animation-name: fadeIn; - animation-name: fadeIn -}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} -.animated.fadeInUp { - -webkit-animation-name: fadeInUp; - -moz-animation-name: fadeInUp; - -o-animation-name: fadeInUp; - animation-name: fadeInUp -}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}} -.animated.fadeInDown { - -webkit-animation-name: fadeInDown; - -moz-animation-name: fadeInDown; - -o-animation-name: fadeInDown; - animation-name: fadeInDown -}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}} -.animated.fadeInLeft { - -webkit-animation-name: fadeInLeft; - -moz-animation-name: fadeInLeft; - -o-animation-name: fadeInLeft; - animation-name: fadeInLeft -}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}} -.animated.fadeInRight { - -webkit-animation-name: fadeInRight; - -moz-animation-name: fadeInRight; - -o-animation-name: fadeInRight; - animation-name: fadeInRight -}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}} -.animated.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - -moz-animation-name: fadeInUpBig; - -o-animation-name: fadeInUpBig; - animation-name: fadeInUpBig -}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}} -.animated.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - -moz-animation-name: fadeInDownBig; - -o-animation-name: fadeInDownBig; - animation-name: fadeInDownBig -}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}} -.animated.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - -moz-animation-name: fadeInLeftBig; - -o-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig -}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}} -.animated.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - -moz-animation-name: fadeInRightBig; - -o-animation-name: fadeInRightBig; - animation-name: fadeInRightBig -}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}} -.animated.fadeOut { - -webkit-animation-name: fadeOut; - -moz-animation-name: fadeOut; - -o-animation-name: fadeOut; - animation-name: fadeOut -}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}} -.animated.fadeOutUp { - -webkit-animation-name: fadeOutUp; - -moz-animation-name: fadeOutUp; - -o-animation-name: fadeOutUp; - animation-name: fadeOutUp -}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}} -.animated.fadeOutDown { - -webkit-animation-name: fadeOutDown; - -moz-animation-name: fadeOutDown; - -o-animation-name: fadeOutDown; - animation-name: fadeOutDown -}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}} -.animated.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - -moz-animation-name: fadeOutLeft; - -o-animation-name: fadeOutLeft; - animation-name: fadeOutLeft -}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}} -.animated.fadeOutRight { - -webkit-animation-name: fadeOutRight; - -moz-animation-name: fadeOutRight; - -o-animation-name: fadeOutRight; - animation-name: fadeOutRight -}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}} -.animated.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - -moz-animation-name: fadeOutUpBig; - -o-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig -}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}} -.animated.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - -moz-animation-name: fadeOutDownBig; - -o-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig -}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}} -.animated.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - -moz-animation-name: fadeOutLeftBig; - -o-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig -}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}} -.animated.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - -moz-animation-name: fadeOutRightBig; - -o-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig -}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInDown{0%{opacity:0;-o-transform:translateY(-2000px)}100%{-o-transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px)}100%{transform:translateY(0)}} -.slideInDown { - -webkit-animation-name: slideInDown; - -moz-animation-name: slideInDown; - -o-animation-name: slideInDown; - animation-name: slideInDown -}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}100%{-o-transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}100%{transform:translateX(0)}} -.slideInLeft { - -webkit-animation-name: slideInLeft; - -moz-animation-name: slideInLeft; - -o-animation-name: slideInLeft; - animation-name: slideInLeft -}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInRight{0%{opacity:0;-moz-transform:translateX(2000px)}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInRight{0%{opacity:0;-o-transform:translateX(2000px)}100%{-o-transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}100%{transform:translateX(0)}} -.slideInRight { - -webkit-animation-name: slideInRight; - -moz-animation-name: slideInRight; - -o-animation-name: slideInRight; - animation-name: slideInRight -}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes slideOutLeft{0%{-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes slideOutLeft{0%{-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}} -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - -moz-animation-name: slideOutLeft; - -o-animation-name: slideOutLeft; - animation-name: slideOutLeft -}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes slideOutRight{0%{-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes slideOutRight{0%{-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes slideOutRight{0%{transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}} -.slideOutRight { - -webkit-animation-name: slideOutRight; - -moz-animation-name: slideOutRight; - -o-animation-name: slideOutRight; - animation-name: slideOutRight -}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes slideOutUp{0%{-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes slideOutUp{0%{-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes slideOutUp{0%{transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}} -.slideOutUp { - -webkit-animation-name: slideOutUp; - -moz-animation-name: slideOutUp; - -o-animation-name: slideOutUp; - animation-name: slideOutUp -} -.animated.bounceIn { - -webkit-animation-name: bounceIn; - -moz-animation-name: bounceIn; - -o-animation-name: bounceIn; - animation-name: bounceIn -}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}} -.animated.bounceInUp { - -webkit-animation-name: bounceInUp; - -moz-animation-name: bounceInUp; - -o-animation-name: bounceInUp; - animation-name: bounceInUp -}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}} -.animated.bounceInDown { - -webkit-animation-name: bounceInDown; - -moz-animation-name: bounceInDown; - -o-animation-name: bounceInDown; - animation-name: bounceInDown -}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}} -.animated.bounceInLeft { - -webkit-animation-name: bounceInLeft; - -moz-animation-name: bounceInLeft; - -o-animation-name: bounceInLeft; - animation-name: bounceInLeft -}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}} -.animated.bounceInRight { - -webkit-animation-name: bounceInRight; - -moz-animation-name: bounceInRight; - -o-animation-name: bounceInRight; - animation-name: bounceInRight -}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}} -.animated.bounceOut { - -webkit-animation-name: bounceOut; - -moz-animation-name: bounceOut; - -o-animation-name: bounceOut; - animation-name: bounceOut -}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}} -.animated.bounceOutUp { - -webkit-animation-name: bounceOutUp; - -moz-animation-name: bounceOutUp; - -o-animation-name: bounceOutUp; - animation-name: bounceOutUp -}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}} -.animated.bounceOutDown { - -webkit-animation-name: bounceOutDown; - -moz-animation-name: bounceOutDown; - -o-animation-name: bounceOutDown; - animation-name: bounceOutDown -}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}} -.animated.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - -moz-animation-name: bounceOutLeft; - -o-animation-name: bounceOutLeft; - animation-name: bounceOutLeft -}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}} -.animated.bounceOutRight { - -webkit-animation-name: bounceOutRight; - -moz-animation-name: bounceOutRight; - -o-animation-name: bounceOutRight; - animation-name: bounceOutRight -}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}} -.animated.rotateIn { - -webkit-animation-name: rotateIn; - -moz-animation-name: rotateIn; - -o-animation-name: rotateIn; - animation-name: rotateIn -}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}} -.animated.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - -moz-animation-name: rotateInUpLeft; - -o-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft -}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}} -.animated.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - -moz-animation-name: rotateInDownLeft; - -o-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft -}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}} -.animated.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - -moz-animation-name: rotateInUpRight; - -o-animation-name: rotateInUpRight; - animation-name: rotateInUpRight -}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}} -.animated.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - -moz-animation-name: rotateInDownRight; - -o-animation-name: rotateInDownRight; - animation-name: rotateInDownRight -}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}} -.animated.rotateOut { - -webkit-animation-name: rotateOut; - -moz-animation-name: rotateOut; - -o-animation-name: rotateOut; - animation-name: rotateOut -}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}} -.animated.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - -moz-animation-name: rotateOutUpLeft; - -o-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft -}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}} -.animated.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - -moz-animation-name: rotateOutDownLeft; - -o-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft -}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}} -.animated.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - -moz-animation-name: rotateOutUpRight; - -o-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight -}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}} -.animated.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - -moz-animation-name: rotateOutDownRight; - -o-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight -}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}} -.animated.hinge { - -webkit-animation-name: hinge; - -moz-animation-name: hinge; - -o-animation-name: hinge; - animation-name: hinge -}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}} -.animated.rollIn { - -webkit-animation-name: rollIn; - -moz-animation-name: rollIn; - -o-animation-name: rollIn; - animation-name: rollIn -}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}} -.animated.rollOut { - -webkit-animation-name: rollOut; - -moz-animation-name: rollOut; - -o-animation-name: rollOut; - animation-name: rollOut -}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}} -.animated.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - -moz-animation-name: lightSpeedIn; - -o-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - -moz-animation-timing-function: ease-out; - -o-animation-timing-function: ease-out; - animation-timing-function: ease-out -} -.animated.lightSpeedIn { - -webkit-animation-duration: .5s; - -moz-animation-duration: .5s; - -o-animation-duration: .5s; - animation-duration: .5s -}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}} -.animated.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - -moz-animation-name: lightSpeedOut; - -o-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - -moz-animation-timing-function: ease-in; - -o-animation-timing-function: ease-in; - animation-timing-function: ease-in -} -.animated.lightSpeedOut { - -webkit-animation-duration: .25s; - -moz-animation-duration: .25s; - -o-animation-duration: .25s; - animation-duration: .25s -} -.fade { - opacity: 0; - -webkit-transition: opacity .15s linear; - -moz-transition: opacity .15s linear; - -o-transition: opacity .15s linear; - transition: opacity .15s linear -} -@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}} diff --git a/src/main/webapp/less/smartadmin/bootstrap-markdown.less b/src/main/webapp/less/smartadmin/bootstrap-markdown.less @@ -1,56 +0,0 @@ -/** - * Bootstrap-Markdown.less - * - * @author Taufan Aditya @taufanaditya - * @copyright 2013 Taufan Aditya - */ - -.md-editor { - display: block; - border: 1px solid @table-border-color; - - > .md-header, .md-footer { - display: block; - padding: 6px 4px; - background: @panel-default-heading-bg; - } - - > .md-preview { - background: @panel-bg; - border-top: 1px dashed @table-border-color; - border-bottom: 1px dashed @table-border-color; - min-height: 10px; - padding:10px; - } - - > textarea { - font-family: @font-family-monospace; - font-size: @font-size-base; - outline: 0; - outline: thin dotted \9; /* IE6-9 */ - margin: 0; - display: block; - padding: 0; - width: 100%; - border: 0; - padding:10px; - border-top: 1px dashed @table-border-color; - border-bottom: 1px dashed @table-border-color; - border-radius: 0; - box-shadow: none; - background: @input-bg-disabled; - &:focus { - box-shadow: none; - background: @input-bg; - } - } - - // Hover state - @color: @input-border-focus; - @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); - &.active { - border-color: @color; - outline: 0; - .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); - } -} diff --git a/src/main/webapp/less/smartadmin/bootstrap-slider.less b/src/main/webapp/less/smartadmin/bootstrap-slider.less @@ -1,183 +0,0 @@ -/*! - * Slider for Bootstrap - * - * Copyright 2012 Stefan Petre - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - */ -.slider { - display: inline-block; - vertical-align: middle; - position: relative; -} - -.slider.slider-horizontal { - width: 100% !important; - height: 20px; -} -.slider.slider-horizontal .slider-track { - height: 10px; - width: 100%; - margin-top: -5px; - top: 50%; - left: 0; -} -.slider.slider-horizontal .slider-selection { - height: 100%; - top: 0; - bottom: 0; -} -.slider.slider-horizontal .slider-handle { - margin-left: -10px; - margin-top: -5px; -} -.slider.slider-horizontal .slider-handle.triangle { - width: 20px; - height: 20px; - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - border:none; - line-height:21px; - color:#797777; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -}.slider.slider-horizontal .slider-handle.triangle:before { - content:"\f0da"; - font-size:34px; -} -.slider-horizontal .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before { - content:"\f0d9"; -} - -.slider.slider-vertical { - height: 210px; - width: 20px; -} -.slider.slider-vertical .slider-track { - width: 10px; - height: 100%; - margin-left: -5px; - left: 50%; - top: 0; -} -.slider.slider-vertical .slider-selection { - width: 100%; - left: 0; - top: 0; - bottom: 0; -} -.slider.slider-vertical .slider-handle { - margin-left: -5px; - margin-top: -10px; -} -.slider.slider-vertical .slider-handle.triangle { - width: 20px; - height: 20px; - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - border:none; - line-height:21px; - color:#797777; - text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); -} .slider.slider-vertical .slider-handle.triangle:before { - content: "\f0d7"; - font-size:32px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -} -.slider.slider-vertical .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before { - content:"\f0d8"; - text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); - -} - -.slider input { - display: none; -} -.slider .tooltip-inner { - white-space: nowrap; -} -.slider-track { - position: absolute; - cursor: pointer; - background: #E5E5E5; -} -.slider-selection { - position: absolute; - background: @brand-primary; -} -.slider-handle { - position: absolute; - width: 20px; - height: 20px; - border: 1px solid #FFF; - background: #858585; - - display: inline-block; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - text-align: center; - line-height: 18px; - font-size: 10px; - color: #BDBDBD; - text-shadow: 0 1px 0 rgba(77, 77, 77, 0.5); - - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); -} -.slider-handle:before { - content: "\f0c9"; - - -} - -.slider-handle.round { - -webkit-border-radius: 20px; - -moz-border-radius: 20px; - border-radius: 20px; - width: 20px; - height: 20px; -} -.slider-handle.triangle { - background: transparent none; -} - -/* - * Slider colors - */ -.slider-primary + .slider-track > .slider-selection { - -} - -.slider-danger + .slider-track > .slider-selection { - background: @brand-danger; -} - -.slider-warning + .slider-track > .slider-selection { - background: @brand-warning; -} - -.slider-info + .slider-track > .slider-selection { - background: @brand-info; -} - -.slider-success + .slider-track > .slider-selection { - background: @brand-success; -} - - -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/bootstrap-tagsinput.less b/src/main/webapp/less/smartadmin/bootstrap-tagsinput.less @@ -1,70 +0,0 @@ -.bootstrap-tagsinput { - display: block; - width: 100%; - min-height: 32px; - padding: 1px 3px; - font-size: 13px; - line-height: 1.428571429; - color: #555; - vertical-align: middle; - background-color: #FFF; - border: 1px solid #CCC; - border-radius: 0; -} -.bootstrap-tagsinput > span { - border-radius: 0px !important; - font-weight: normal; - padding: 3px 28px 4px 8px; - font-size: 13px; - border: 1px solid #285E8E; - background: #3276B1; -} - -.bootstrap-tagsinput input { - border: none; - box-shadow: none; - outline: none; - background-color: transparent; - padding: 0; - margin: 0; - width: auto !important; - max-width: inherit; -} -.bootstrap-tagsinput input:focus { - border: none; - box-shadow: none; -} -.bootstrap-tagsinput .tag { - color: #FFF; - position: relative; - margin: 3px 0 3px 2px; - display: inline-block; -} -.bootstrap-tagsinput .tag [data-role="remove"] { - display: block; - top: -1px; - right: 0px; - padding: 3px 4px 3px 5px; - width: 23px; - height: 22px; - position: absolute; - cursor:pointer; -} -.bootstrap-tagsinput .tag [data-role="remove"]:hover { - background: rgba(0, 0, 0, 0.3); -} -.bootstrap-tagsinput .tag [data-role="remove"]:after { - content: "\f057"; - font-family: fontAwesome; - padding: 2px 1px; - line-height: 17px; - font-size: 15px; - text-align: center; -} -.bootstrap-tagsinput .tag [data-role="remove"]:hover { - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -} -.bootstrap-tagsinput .tag [data-role="remove"]:hover:active { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} - diff --git a/src/main/webapp/less/smartadmin/bootstrap-timepicker.less b/src/main/webapp/less/smartadmin/bootstrap-timepicker.less @@ -1,146 +0,0 @@ -/*! - * Timepicker Component for Twitter Bootstrap - * - * Copyright 2013 Joris de Wit - * - * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors - * - * For the full copyright and license information, please view the LICENSE - * file that was distributed with this source code. - */ -.bootstrap-timepicker { - position: relative; -} -.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { - left: auto; - right: 0; -} -.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { - left: auto; - right: 12px; -} -.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { - left: auto; - right: 13px; -} -.bootstrap-timepicker .add-on { - cursor: pointer; -} -.bootstrap-timepicker .add-on i { - display: inline-block; - width: 16px; - height: 16px; -} -.bootstrap-timepicker-widget.dropdown-menu { - padding: 4px; -} -.bootstrap-timepicker-widget.dropdown-menu.open { - display: inline-block; -} -.bootstrap-timepicker-widget.dropdown-menu:before { - border-bottom: 7px solid rgba(0, 0, 0, 0.2); - border-left: 7px solid transparent; - border-right: 7px solid transparent; - content: ""; - display: inline-block; - position: absolute; -} -.bootstrap-timepicker-widget.dropdown-menu:after { - border-bottom: 6px solid #FFFFFF; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - content: ""; - display: inline-block; - position: absolute; -} -.bootstrap-timepicker-widget.timepicker-orient-left:before { - left: 6px; -} -.bootstrap-timepicker-widget.timepicker-orient-left:after { - left: 7px; -} -.bootstrap-timepicker-widget.timepicker-orient-right:before { - right: 6px; -} -.bootstrap-timepicker-widget.timepicker-orient-right:after { - right: 7px; -} -.bootstrap-timepicker-widget.timepicker-orient-top:before { - top: -7px; -} -.bootstrap-timepicker-widget.timepicker-orient-top:after { - top: -6px; -} -.bootstrap-timepicker-widget.timepicker-orient-bottom:before { - bottom: -7px; - border-bottom: 0; - border-top: 7px solid #999; -} -.bootstrap-timepicker-widget.timepicker-orient-bottom:after { - bottom: -6px; - border-bottom: 0; - border-top: 6px solid #ffffff; -} -.bootstrap-timepicker-widget a.btn, -.bootstrap-timepicker-widget input { - border-radius: 4px; -} -.bootstrap-timepicker-widget table { - width: 100%; - margin: 0; -} -.bootstrap-timepicker-widget table td { - text-align: center; - height: 30px; - margin: 0; - padding: 2px; -} -.bootstrap-timepicker-widget table td:not(.separator) { - min-width: 30px; -} -.bootstrap-timepicker-widget table td span { - width: 100%; -} -.bootstrap-timepicker-widget table td a { - border: 1px transparent solid; - width: 100%; - display: inline-block; - margin: 0; - padding: 8px 0; - outline: 0; - color: #333; -} -.bootstrap-timepicker-widget table td a:hover { - text-decoration: none; - background-color: #eee; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - border-color: #ddd; -} -.bootstrap-timepicker-widget table td a i { - margin-top: 2px; - font-size: 18px; -} -.bootstrap-timepicker-widget table td input { - width: 25px; - margin: 0; - text-align: center; -} -.bootstrap-timepicker-widget .modal-content { - padding: 4px; -} -@media (min-width: 767px) { - .bootstrap-timepicker-widget.modal { - width: 200px; - margin-left: -100px; - } -} -@media (max-width: 767px) { - .bootstrap-timepicker { - width: 100%; - } - .bootstrap-timepicker .dropdown-menu { - width: 100%; - } -} diff --git a/src/main/webapp/less/smartadmin/colorpallet.less b/src/main/webapp/less/smartadmin/colorpallet.less @@ -1,147 +0,0 @@ - - /* - * USED WITH DEMO - */ - .square { - display: block; - float: left; - margin-right: 10px; - height: 20px; - width: 20px; - } - - /* - * RESET BOOTSTRAP DEFAULT IE FILTER - */ - [class^="bg-"], - [class*=" bg-"] { - filter:none !important; - } - - /* - * TEXT COLOR - */ - .txt-color-blue { - color: @blue !important; - } - .txt-color-blueLight { - color:@blueLight !important; - } - .txt-color-blueDark { - color: @blueDark !important; - } - .txt-color-green { - color: @green !important; - } - .txt-color-greenLight { - color: @greenLight !important; - } - .txt-color-greenDark { - color: @greenDark !important; - } - .txt-color-red { - color: @red !important; - } - .txt-color-yellow { - color: @yellow !important; - } - .txt-color-orange { - color: #b19a6b !important; - } - .txt-color-orangeDark { - color: @orangeDark !important; - } - .txt-color-pink { - color: @pink !important; - } - .txt-color-pinkDark { - color: @pinkDark !important; - } - .txt-color-purple { - color: @purple !important; - } - .txt-color-darken { - color: @darken !important; - } - .txt-color-lighten { - color: @lighten !important; - } - .txt-color-white { - color: @white !important; - } - .txt-color-grayDark { - color: @greyDark !important; - } - .txt-color-magenta { - color: @magenta !important; - } - .txt-color-teal { - color: @teal !important; - } - .txt-color-redLight { - color: @redLight !important; - } - - /* - * BACKGROUNDS - */ - .bg-color-blue { - background-color: @blue !important; - } - .bg-color-blueLight { - background-color: @blueLight !important; - } - .bg-color-blueDark { - background-color: @blueDark !important; - } - .bg-color-green { - background-color: @green !important; - } - .bg-color-greenLight { - background-color: @greenLight !important; - } - .bg-color-greenDark { - background-color: @greenDark !important; - } - .bg-color-red { - background-color: @red !important; - } - .bg-color-yellow { - background-color: @yellow !important; - } - .bg-color-orange { - background-color: @orange !important; - } - .bg-color-orangeDark { - background-color: @orangeDark !important; - } - .bg-color-pink { - background-color: @pink !important; - } - .bg-color-pinkDark { - background-color: @pinkDark !important; - } - .bg-color-purple { - background-color: @purple !important; - } - .bg-color-darken { - background-color: @darken !important; - } - .bg-color-lighten { - background-color: @lighten !important; - } - .bg-color-white { - background-color: @white !important; - } - .bg-color-grayDark { - background-color: @greyDark !important; - } - .bg-color-magenta { - background-color: @magenta !important; - } - .bg-color-teal { - background-color: @teal !important; - } - .bg-color-redLight { - background-color: @redLight !important; - } -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/colorpicker.less b/src/main/webapp/less/smartadmin/colorpicker.less @@ -1,124 +0,0 @@ -/*! - * Colorpicker for Bootstrap - * - * Copyright 2012 Stefan Petre - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - */ - -.colorpicker-saturation { - width: 100px; - height: 100px; - background-image: url("@{base-url}/saturation.png"); - cursor: crosshair; - float: left; - i { - display: block; - height: 5px; - width: 5px; - border: 1px solid #000; - //.border-radius(); - position: absolute; - top: 0; - left: 0; - margin: -4px 0 0 -4px; - b{ - display: block; - height: 5px; - width: 5px; - border: 1px solid #fff; - //.border-radius(); - } - } -} -.colorpicker-hue, -.colorpicker-alpha { - width: 15px; - height: 100px; - float: left; - cursor: row-resize; - margin-left: 4px; - margin-bottom: 4px; - i { - display: block; - height: 1px; - background: #000; - border-top: 1px solid #fff; - position: absolute; - top: 0; - left: 0; - width: 100%; - margin-top: -1px; - } -} -.colorpicker-hue { - background-image: url("@{base-url}/hue.png"); -} -.colorpicker-alpha { - background-image: url("@{base-url}/alpha.png"); - display:none; -} -.colorpicker { - .clearfix(); - top: 0; - left: 0; - padding: 4px; - min-width: 120px; - margin-top: 1px; - .border-left-radius(4px); - .border-right-radius(4px); - .border-top-radius(4px); - .border-bottom-radius(4px); - &:before { - content: ''; - display: inline-block; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; - border-bottom-color: rgba(0,0,0,.2); - position: absolute; - top: -7px; - left: 6px; - } - &:after { - content: ''; - display: inline-block; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid #fff; - position: absolute; - top: -6px; - left: 7px; - } - div { - position: relative; - } - &.alpha { - min-width: 140px; - .colorpicker-alpha { - display: block; - } - } -} -.colorpicker-color { - height: 10px; - margin-top: 5px; - clear: both; - background-image: url("@{base-url}/alpha.png"); - background-position: 0 100%; - div { - height: 10px; - } -} -.input-append, -.input-prepend { - &.color { - .add-on i { - display: block; - cursor: pointer; - width: 16px; - height: 16px; - } - } -} -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/component-ion.less b/src/main/webapp/less/smartadmin/component-ion.less @@ -1,231 +0,0 @@ -/* - * Ion Slider - */ - - -/* ===================================================================================================================== - // RangeSlider */ - -.irs { - position: relative; - display: block; -} -.irs-line { - position: relative; - display: block; - overflow: hidden; -} -.irs-line-left, .irs-line-mid, .irs-line-right { - position: absolute; - display: block; - top: 0; -} -.irs-line-left { - left: 0; - width: 10%; -} -.irs-line-mid { - left: 10%; - width: 80%; -} -.irs-line-right { - right: 0; - width: 10%; -} - -.irs-diapason { - position: absolute; - display: block; - left: 0; - width: 100%; -} -.irs-slider { - position: absolute; - display: block; - cursor: default; - z-index: 1; -} -.irs-slider.single { - left: 10px; -} -.irs-slider.single:before { - position: absolute; - display: block; - content: ""; - top: -50%; - left: -150%; - width: 400%; - height: 200%; - background: rgba(red(@black), green(@black), blue(@black),0.0); -} -.irs-slider.from { - left: 100px; -} -.irs-slider.from:before { - position: absolute; - display: block; - content: ""; - top: -50%; - left: -300%; - width: 400%; - height: 200%; - background: rgba(red(@black), green(@black), blue(@black),0.0); -} -.irs-slider.to { - left: 300px; -} -.irs-slider.to:before { - position: absolute; - display: block; - content: ""; - top: -50%; - left: 0; - width: 400%; - height: 200%; - background: rgba(red(@black), green(@black), blue(@black),0.0); -} -.irs-slider.last { - z-index: 2; -} - -.irs-min { - position: absolute; - display: block; - left: 0; - cursor: default; -} -.irs-max { - position: absolute; - display: block; - right: 0; - cursor: default; -} - -.irs-from, .irs-to, .irs-single { - position: absolute; - display: block; - top: 0; - left: 0; - cursor: default; - white-space: nowrap; -} - -.irs-grid { - position: absolute; - display: none; - bottom: 0; - left: 0; - width: 100%; - height: 20px; -} -.irs-with-grid .irs-grid { - display: block; -} -.irs-grid-pol { - position: absolute; - top: 0; - left: 0; - width: 1px; - height: 8px; - background: #000; -} -.irs-grid-pol.small { - height: 4px; -} -.irs-grid-text { - position: absolute; - bottom: 0; - left: 0; - width: 100px; - white-space: nowrap; - text-align: center; - font-size: 9px; - line-height: 9px; - color: #000; -} - -/* - * CUST - * - */ - -.irs { - height: 40px; -} -.irs-with-grid { - height: 60px; -} -.irs-line { - height: 8px; - top: 25px; - background: @gray-lighter; -} -.irs-line-left { - height: 8px; -} -.irs-line-mid { - height: 8px; -} -.irs-line-right { - height: 8px; -} - -.irs-diapason { - height: 8px; - top: 25px; -} - -.irs-slider { - width: 10px; - height: 22px; - top: 17px; - border: 1px solid @white; - background: @handle-bg-color; -} -.irs-slider:hover { - background: darken(@handle-bg-color, 10%); -} -#irs-active-slider { - background: #686868; - box-shadow: rgba(red(@black), green(@black), blue(@black), 0.3) 1px 1px 1px 0px; - width: 12px; - height: 24px; - top: 16px; -} - -.irs-min, .irs-max { - color: @gray-light; - font-size: 12px; - line-height: 1.333; - text-shadow: none; - top: 0; - padding: 1px 3px; - background: rgba(red(@black), green(@black), blue(@black),0.1); - border-radius: 0; -} -.lt-ie9 .irs-min, .lt-ie9 .irs-max { - background: @gray-mid-light; -} - -.irs-from, .irs-to, .irs-single { - color: @white; - font-size: 10px; - line-height: 1.333; - text-shadow: none; - padding: 1px 5px; - background: rgba(red(@black), green(@black), blue(@black),0.4); - border-radius: 0; -} -.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { - background: @gray-light; -} - -.irs-grid-pol { - background: #99a4ac; -} -.irs-grid-text { - color: #99a4ac; -} -.irs-diapason { - background: @slider-bar-color; -} diff --git a/src/main/webapp/less/smartadmin/component-jqueryui.less b/src/main/webapp/less/smartadmin/component-jqueryui.less @@ -1,446 +0,0 @@ -/* - * JQUI STUFF - */ - -/* Overlay */ - -.ui-widget-overlay { - background-image:none; - background: #AAA; - height: 200%; - z-index: 9999; - position:fixed; - top:0px; - left:0px; -} - -/* Slider */ - -.slider { - margin-top:0px; - margin-bottom:30px; -} - -.slider.slider-vertical { - margin-bottom:0px; - margin-right:5px; -} - - -/* menu */ - -.ui-menu { - width: 155px; - padding: 2px; - -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); - -moz-box-shadow: 0 2px 4px rgba(30,30,100,0.25); - box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); - background: @white; - border: 1px solid rgba(red(@black), green(@black), blue(@black), 0.2); - z-index: 1; -} - -.ui-menu .ui-state-disabled { - margin: .4em 0 .2em !important; - background: none !important; - color: #999 !important; - font-weight:normal !important; - cursor: default; -} - -.ui-icon-carat-1-e:before { - content: "\f105"; - font-family: FontAwesome; - font-size: @font-size-base + 1px; - display: inline; -} - -.ui-menu .ui-menu-item a .ui-menu-icon { - width: auto; - height:auto; - top: 0px; - left: auto; - right: auto; - bottom: auto; - text-indent: 0px; -} - -/* tabs */ - -.ui-tabs .ui-tabs-nav li a { - border-radius:0px; - -moz-border-radius: 0px; - background-color: #F5F5F5; - border: 1px solid #F5F5F5; - border-bottom: 1px solid @nav-tabs-border-color; - color: #838383; -} - -.ui-tabs .ui-tabs-nav li { - margin-right:3px; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-active a { - font-weight:bold; - border-top-width: 0px !important; - margin-top: 1px !important; - -webkit-box-shadow: 0 -2px 0 @blue; - -moz-box-shadow: 0 -2px 0 @blue; - box-shadow: 0 -2px 0 @blue; -} - -.ui-tabs .ui-tabs-panel { - border: 1px solid @nav-tabs-border-color; - margin: 0; - padding: 10px 13px; - border-top: none; -} - -.ui-tabs .ui-tabs-nav { - margin-bottom:0; -} - -/* accordions */ -.ui-accordion .ui-accordion-content { - padding:0; -} - -.ui-accordion .ui-accordion-header { - background-color: lighten( @gray-lightest, 3%); - font-size: @font-size-base + 2px; - padding: 10px 15px 10px 36px !important; -} - -.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content { - border-radius:0px; - -moz-border-radius:0px; - -webkit-border-radius:0px; -} -.ui-accordion .ui-accordion-content { - padding: 15px; -} -.ui-accordion-header-active + .ui-accordion-content { - border-top: 1px solid @nav-tabs-border-color; -} - -.ui-accordion .ui-accordion-header { - margin-top:-2px; -} - -.ui-accordion .ui-accordion-header, .ui-accordion-content { - border-color:darken(@gray-lighter, 7%) !important; -} - -.ui-accordion-header-icon { - text-indent: 0px !important; - background-image:none !important; - text-align:center; - line-height:normal; - left: 12px !important; - margin-top: -6px !important; - font-size:14px !important; -} - - - /* - * Calendar - */ -.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { - text-align:center; - margin-top:2px; -}.ui-datepicker-next >:first-child, .ui-datepicker-prev >:first-child { - text-indent:0px !important; -} - - -/* - * JS SLIDER - * Copied from: js/plugin/noUiSlider/jquery.nouislider.css - */ - - -/* General CSS resets; - * The target itself is not affected, allowing - * the remainder of the document to use an - * alternate box-sizing model; - * Support for box-sizing is wide spread: - * http://caniuse.com/#search=box-sizing - */ -.noUi-target * { --webkit-box-sizing: border-box; --moz-box-sizing: border-box; - box-sizing: border-box; --webkit-touch-callout: none; --ms-touch-action: none; --webkit-user-select: none; --moz-user-select: none; --ms-user-select: none; - cursor: default; -} - -/* Main slider bar; - * Standard styles no longer incorrectly force a - * width or height on the slider. - */ -.noUi-base { - width: 100%; - height: 14px; - position: relative; - max-width: 100%; - max-height: 100%; - border: 1px solid #bfbfbf; - z-index: 1; -} - -.noUi-origin-lower { - background: lighten(@slider-bar-color, 20%); -} - -/* Handles + active state; - * The :after pseudo-element wont inherit - * box-sizing, so it needs to applied manually. - */ -.noUi-handle { - background: @handle-bg-color; - height: 30px; - width: 16px; - border: 1px solid @white; - margin: -8px 0 0 -8px; - cursor: default; -} -.noUi-handle:hover { - background: darken(@handle-bg-color, 10%); -} -.noUi-active { - cursor:default; - box-shadow: rgba(red(@black), green(@black), blue(@black), 0.1) 1px 1px 1px 0px; - background: #686868; - height: 32px; - width: 18px; - margin: -9px 0 0 -8px; - border:none; -} - - -.noUi-active:after { --webkit-box-sizing: border-box; --moz-box-sizing: border-box; - box-sizing: border-box; - content: ""; - display: block; - height: 100%; - border: 1px solid @nav-tabs-border-color; -} - -/* Styling-only classes; - * Structured to prevent double declarations - * for various states of the slider. - */ -.noUi-connect { - background: @slider-bar-color; -} -.noUi-background { - background: @gray-lighter; - border:none; - -} - -/* Functional styles for handle positioning; - * Note that the origins have z-index 0, the base has - * z-index 1; This fixes a bug where borders become invisible. - */ -.noUi-origin { - position: absolute; - right: 0; - top: 0; - bottom: 0; - z-index: 0; -} -.noUi-origin-upper { - background: inherit !important; -} -.noUi-z-index { - z-index: 10; -} - -/* Adaptations for the vertical slider; - * Some standard styles have been extended to keep - * exceptions for the vertical slider as minimal as possible. - */ -.noUi-vertical { - width: 10px; - height: 100%; -} -.noUi-vertical .noUi-origin { - bottom: 0; - left: 0; -} -.noUi-vertical .noUi-handle { - margin: -8px 0 0 -3px; -} - -/* Various alternate slider states; - * Support for transition is widely available, - * Only IE7, IE8 and IE9 will ignore these rules. - * Since this is merely a progressive enhancement, - * this is no problem at all. - * http://caniuse.com/#search=transition - */ -.noUi-target[disabled] .noUi-base { - background: @gray-light; -} -.noUi-target[disabled] .noUi-connect { - background: #BBB; -} -.noUi-state-tap .noUi-origin { - -webkit-transition: left 0.3s, top 0.3s; - transition: left 0.3s, top 0.3s; -} - -/* - * JQUI SPINNERS - */ - -.ui-spinner-input { - margin: 0 !important; - height: 30px; - padding: 6px 24px 6px 12px; -} - -.ui-spinner-input.spinner-left { - padding:6px 12px 6px 24px; -} - -.ui-spinner { - width:100%; -} - -.ui-spinner-input.spinner-left + .ui-spinner-button, .ui-spinner-input.spinner-left + .ui-spinner-button + .ui-spinner-button{ - right:auto; - left:0px; -} - -.ui-spinner-up, .ui-spinner-down { - background: @brand-success; - border-radius: 0px; -} -.ui-spinner-up:hover, .ui-spinner-up:active, .ui-spinner-up:focus { - background: darken(@brand-success, 10%); -} -.ui-spinner-down:hover, .ui-spinner-down:active, .ui-spinner-down:focus { - background: darken(@brand-danger, 10%); -} - -.ui-spinner-down { - background: lighten(@brand-danger, 5%); -} - -.ui-spinner-up:before, .ui-spinner-down:before { - display: inline-block; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - content: "\f067"; - color:@white; - font-size: @font-size-base + 1px; - margin-top: 1px; - -} -.ui-spinner-down:before { - content: "\f068"; -} - -.ui-spinner-up >:first-child, .ui-spinner-down >:first-child { - display:none; -} - - -.ui-spinner-button { -width:19px; -} - -.ui-widget-content .ui-icon { -background:none !important; -} - -/* spinner both */ - -.ui-spinner-input.spinner-both { - padding:6px 30px; -} - -.ui-spinner-input.spinner-both + .ui-spinner-button + .ui-spinner-button { - left:0px; - right:auto; -} -.ui-spinner-input.spinner-both + .ui-spinner-button, -.ui-spinner-input.spinner-both + .ui-spinner-button + .ui-spinner-button { - height: 30px; - width: 25px; -} - -.ui-spinner-input.spinner-both + .ui-spinner-up:before, .ui-spinner-input.spinner-both + .ui-spinner-up + .ui-spinner-down:before { - margin-top:8px; -} - -/* - * JQUI ADJUSTMENT - */ - - .ui-dialog { - -webkit-box-shadow: 0 5px 15px rgba(red(@black), green(@black), blue(@black), 0.5); - box-shadow: 0 5px 15px rgba(red(@black), green(@black), blue(@black), 0.5); - - border: 1px solid @gray-light; - border: 1px solid rgba(red(@black), green(@black), blue(@black), 0.2); - } - - .widget-header >:first-child { - margin: 13px 0; - } - - .ui-widget-overlay { - z-index: 999; - } - - .ui-dialog .ui-dialog-titlebar { - padding: 0 10px; - background:@white; - border-bottom-color:@gray-lighter; - } - - .ui-dialog .ui-dialog-title { - margin:0; - } - - .ui-dialog .ui-dialog-titlebar-close { - margin-top: -16px; - margin-right: 4px; - } - - .ui-dialog-titlebar-close:before { - content: "\f00d"; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-size: 13px; - } - - -.ui-dialog .ui-dialog-buttonpane button { - margin: 0 .4em 0 0; -} - -.ui-dialog .ui-dialog-buttonpane { - margin-top: 13px; - padding: 19px 15px 20px; - text-align: right; - border-top: 1px solid @gray-lighter; -} diff --git a/src/main/webapp/less/smartadmin/component-radiocheck.less b/src/main/webapp/less/smartadmin/component-radiocheck.less @@ -1,393 +0,0 @@ -/* - * Custom Radio and Input - * SETUP - */ - -.checkbox input[type="checkbox"].checkbox + span, -.checkbox-inline input[type="checkbox"].checkbox + span, -.radiobox-inline input[type="radio"].radiobox + span, -.radio input[type="radio"].radiobox + span { - margin-left:-20px; -} - -.form-inline .checkbox input[type="checkbox"].checkbox + span, -.form-inline .radiobox input[type="radio"].radiobox + span { - margin-left:0px; -} -.form-inline .checkbox, -.form-inline .radiobox { - padding-left:0px; -} - -label input[type="radio"].radiobox + span, input[type="checkbox"].checkbox + span { - vertical-align: middle; - line-height:20px; -} - -input[type="checkbox"].checkbox + span, input[type="checkbox"].checkbox + span:after, input[type="checkbox"].checkbox + span:before, -input[type="radio"].radiobox + span, input[type="radio"].radiobox + span:after, input[type="radio"].radiobox + span:before { - box-sizing:content-box !important; - -webkit-box-sizing:content-box !important; - -moz-box-sizing:content-box !important; -} - -input[type="checkbox"].checkbox, -input[type="radio"].radiobox { - visibility:hidden; - position: absolute; - z-index: 20; - width: 18px; - height: 18px; -} -label input[type="checkbox"].checkbox + span, -label input[type="radio"].radiobox + span { - position: relative; - z-index: 19; - display: inline-block; - margin: 0; - line-height:17px; - min-height:14px; - min-width:14px; - margin-right:5px; -} - -label input[type="checkbox"].checkbox + span:hover, -label input[type="radio"].radiobox + span:hover { - cursor:pointer; -} - -label input[type="radio"].radiobox + span:before, -label input[type="checkbox"].checkbox + span:before { - font-family: 'FontAwesome'; - font-size: 12px; - border-radius: 0; - content: "\a0"; /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */ - display: inline-block; - text-align: center; - vertical-align: middle; - padding:1px; - height: 12px; - line-height: 12px; - min-width: 12px; - margin-right:5px; - border: 1px solid @gray-mid-light; - background-color: @gray-lightest; - font-weight:normal; - margin-top:-1px; - -} - -/* - * RADIO - */ - -label input[type="radio"].radiobox + span:before { - content: "\a0"; /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */ - border-radius:50%; - -moz-border-radius:50%; - -webkit-border-radius: 50%; - box-shadow: inset 0px 2px 3px 0px rgba(red(@black), green(@black), blue(@black), .1), 0px 1px 0px 0px rgba(red(@white), green(@white), blue(@white), .2); -} - -label input[type="radio"].radiobox:checked + span { - font-weight:bold; -} - - /* DEFAULT COLOR */ - - label input[type="radio"].radiobox:checked + span:before { - content: "\f111"; /* circle */ - color:#2E7BCC; - } - - /* ORANGE COLOR */ - - label input[type="radio"].radiobox.style-3:checked + span:before { - color:@brand-danger; - border-color:@brand-danger; - } - - /* CHROME COLOR */ - - label input[type="radio"].radiobox.style-2:checked + span:before { - color:#66665e; - border-color:#4d90fe; - font-size:9px; - } - - label input[type="radio"].radiobox.style-2:checked + span { - font-weight:normal; - } - - /* Style 1 Radio */ - - label input[type="radio"].radiobox.style-1 + span:before { - font-size:9px; - background:@white; - text-shadow:none; - box-shadow:none !important; - border-width:1px; - height: 13px; - line-height: 13px; - min-width: 13px; - } - label input[type="radio"].radiobox.style-1:checked + span:before { - font-size:10px; - color:@gray-dark; - border-color:@gray-dark; - background:@white; - } - label input[type="radio"].radiobox.style-1:checked + span { - font-weight:normal; - } - - -/* - * RADIO:HOVER & ACTIVE STATES - */ - - /* DEFAULT:HOVER radio content --> 2022 */ - - label:hover input[type="radio"].radiobox + span:before, - label:hover input[type="radio"].radiobox:checked + span:before { - color:#2E7BCC; - border-color:#2E7BCC; - } - - /* ORANGE:HOVER */ - - label:hover input[type="radio"].radiobox.style-3 + span:before, - label:hover input[type="radio"].radiobox.style-3:checked + span:before { - color:@brand-danger; - border-color:@brand-danger; - } - - /* CHROME:HOVER */ - label:hover input[type="radio"].radiobox.style-2:checked + span:before { - color:#66665e; - border-color:#4d90fe; - } - - /* METRO:HOVER */ - label:hover input[type="radio"].radiobox.style-1:checked + span:before { - color:@gray-dark; - border-color:@gray-dark; - background:@white; - } - label:hover input[type="radio"].radiobox.style-1 + span:before { - color:@gray-dark; - border-color:@gray-dark; - background:@white; - } - - /* DEFAULT:ACTIVE */ - - label:active input[type="radio"].radiobox + span:before { - box-shadow: inset 0px 2px 3px 0px rgba(red(@black), green(@black), blue(@black), .3), 0px 1px 0px 0px rgba(red(@white), green(@white), blue(@white), .4); - } - - -/* - * RADIO:DISABLE STATES - */ - - /* GLOBAL */ - label input[type="radio"][disabled].radiobox + span, - label input[type="radio"][disabled].radiobox:checked + span, - label:hover input[type="radio"][disabled].radiobox:checked + span:before { - color:#A7A7A7; - cursor:not-allowed; - } - - label input[type="radio"][disabled].radiobox:checked + span:before { - content: "\f111"; - } - - label input[type="radio"][disabled].radiobox:checked + span:before, - label input[type="radio"][disabled].radiobox + span:before, - label:active input[type="radio"][disabled].radiobox:checked + span:before, - label:hover input[type="radio"][disabled].radiobox:checked + span:before { - background:#eee !important; - border-color:#CCC !important; - box-shadow:none; - color:#A7A7A7; - } - -/* - * CHECKBOX - */ - -label input[type="checkbox"].checkbox + span:before { - content: "\a0"; /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */ - -} - -label input[type="checkbox"].checkbox:checked + span:before { - content: "\f00c"; -} - -label input[type="checkbox"].checkbox:checked + span { - font-weight:bold; -} - - /* DEFAULT COLOR */ - - label input[type="checkbox"].checkbox:checked + span:before { - color:#2E7BCC; - } - - /* RED COLOR */ - - label input[type="checkbox"].checkbox.style-3:checked + span:before { - color:@white; - border-color:@brand-danger; - background:@brand-danger; - } - - /* CHROME */ - label input[type="checkbox"].checkbox.style-2 + span:before { - background:transparent; - border-color:#c1c1c1; - box-shadow:none; - } - label input[type="checkbox"].checkbox.style-2:checked + span:before { - content:"\f00c"; - color:#66665e; - border-color:#4d90fe; - background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) @white; /*#fefeec*/ - } - label input[type="checkbox"].checkbox.style-2:checked + span { - font-weight:normal; - } - - /* METRO COLOR */ - - label input[type="checkbox"].checkbox.style-1 + span:before { - color:@gray-dark; - background:@white; - text-shadow:none; - box-shadow:none !important; - border-width: 1px; - height: 12px; - line-height: 13px; - min-width: 12px; - } - - label input[type="checkbox"].checkbox.style-1:checked + span:before { - color:@gray-dark; - border-color:@gray-dark; - } - label input[type="checkbox"].checkbox.style-1:checked + span { - font-weight:normal; - } - - -/* - * CHECKBOX:HOVER & ACTIVE STATES - */ - -label:active input[type="checkbox"].checkbox + span:before { - box-shadow: inset 0px 2px 3px 0px rgba(red(@black), green(@black), blue(@black), .3), 0px 1px 0px 0px rgba(red(@white), green(@white), blue(@white), .4); -} - - /* DEFAULT:HOVER */ - - label:hover input[type="checkbox"].checkbox + span:before { - color:#2E7BCC; - border-color:#2E7BCC; - - } - - /* RED:HOVER*/ - - label:hover input[type="checkbox"].checkbox.style-3 + span:before { - color:@white; - border-color:#A90327; - } - - /* CHROME:HOVER*/ - - label:hover input[type="checkbox"].checkbox.style-2 + span:before { - box-shadow: inset 0px 2px 3px 0px rgba(red(@black), green(@black), blue(@black), .1), 0px 1px 0px 0px rgba(red(@white), green(@white), blue(@white), .2); - } - - label:hover input[type="checkbox"].checkbox.style-2:checked + span:before { - box-shadow: inset 0px 2px 3px 0px rgba(red(@black), green(@black), blue(@black), .3), 0px 1px 0px 0px rgba(red(@white), green(@white), blue(@white), .4); - } - - /* METRO:HOVER*/ - - label:hover input[type="checkbox"].checkbox.style-1 + span:before { - border-color:@gray-dark; - } - - /* DEFAULT:ACTIVE */ - - label:active input[type="checkbox"].checkbox:checked + span:before { - color:@white; - background:#2E7BCC; - border-color:#2E7BCC; - } - - /* RED:ACTIVE */ - - label:active input[type="checkbox"].checkbox.style-3:checked + span:before { - color:@brand-danger; - background:@white; - border-color:@brand-danger; - } - - /* CHROME:ACTIVE */ - - label:active input[type="checkbox"].checkbox.style-2:checked + span:before { - color:#66665e; - background:transparent; - border-color:#c1c1c1; - box-shadow: inset 0px 2px 3px 0px rgba(red(@black), green(@black), blue(@black), .3), 0px 1px 0px 0px rgba(red(@white), green(@white), blue(@white), .4); - } - label:active input[type="checkbox"].checkbox.style-2 + span:before { - color:#66665e; - background:transparent; - border-color:#c1c1c1; - box-shadow: inset 0px 2px 3px 0px rgba(red(@black), green(@black), blue(@black), .3), 0px 1px 0px 0px rgba(red(@white), green(@white), blue(@white), .4); - } - - /* METRO:ACTIVE */ - - label:active input[type="checkbox"].checkbox.style-1:checked + span:before { - color:@white; - background:@gray-dark; - border-color:@gray-dark; - } - - -/* - * CHECKBOX:DISABLE STATES - */ - - /* GLOBAL */ - label input[type="checkbox"][disabled].checkbox + span, - label input[type="checkbox"][disabled].checkbox:checked + span, - label:hover input[type="checkbox"][disabled].checkbox:checked + span:before { - color:#A7A7A7; - cursor:not-allowed; - } - - label input[type="checkbox"][disabled].checkbox:checked + span:before { - content: "\f00c"; - color:#A7A7A7; - } - label input[type="checkbox"][disabled].checkbox.style-2:checked + span:before { - content: "\f00c"; - } - - label input[type="checkbox"][disabled].checkbox:checked + span:before, - label input[type="checkbox"][disabled].checkbox + span:before, - label:active input[type="checkbox"][disabled].checkbox:checked + span:before, - label:hover input[type="checkbox"][disabled].checkbox:checked + span:before { - background:#eee !important; - border-color:#CCC !important; - box-shadow:none; - color:#A7A7A7; - box-shadow:none !important; - } -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/dropzone.less b/src/main/webapp/less/smartadmin/dropzone.less @@ -1,395 +0,0 @@ -/* The MIT License */ -.dropzone, -.dropzone *, -.dropzone-previews, -.dropzone-previews * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.dropzone { - position: relative; - border: 1px solid rgba(0,0,0,0.08); - background: rgba(0,0,0,0.02); - padding: 1em; -} -.dropzone.dz-clickable { - cursor: pointer; -} -.dropzone.dz-clickable .dz-message, -.dropzone.dz-clickable .dz-message span { - cursor: pointer; -} -.dropzone.dz-clickable * { - cursor: default; -} -.dropzone .dz-message { - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone.dz-drag-hover { -background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); -background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); -background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent); -background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent); -background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent); -background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); -background-color: #fafafa; - background-size: 22px 22px; - border:5px dashed #ccc; - -} -.dropzone.dz-started .dz-message { - display: none; -} -.dropzone .dz-preview, -.dropzone-previews .dz-preview { - background: rgba(255,255,255,0.8); - position: relative; - display: inline-block; - margin: 10px; - vertical-align: top; - border: 1px solid #acacac; - padding: 6px 6px 6px 6px; -} -.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], -.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { - display: none; -} -.dropzone .dz-preview .dz-details, -.dropzone-previews .dz-preview .dz-details { - width: 100px; - height: 100px; - position: relative; - background: #ebebeb; - padding: 5px; - margin-bottom: 22px; -} -.dropzone .dz-preview .dz-details .dz-filename, -.dropzone-previews .dz-preview .dz-details .dz-filename { - overflow: hidden; - height: 100%; -} -.dropzone .dz-preview .dz-details img, -.dropzone-previews .dz-preview .dz-details img { - position: absolute; - top: 0; - left: 0; - width: 100px; - height: 100px; -} -.dropzone .dz-preview .dz-details .dz-size, -.dropzone-previews .dz-preview .dz-details .dz-size { - position: absolute; - bottom: -28px; - left: 3px; - height: 28px; - line-height: 28px; -} -.dropzone .dz-preview.dz-error .dz-error-mark, -.dropzone-previews .dz-preview.dz-error .dz-error-mark { - display: block; -} -.dropzone .dz-preview.dz-success .dz-success-mark, -.dropzone-previews .dz-preview.dz-success .dz-success-mark { - display: block; -} -.dropzone .dz-preview:hover .dz-details img, -.dropzone-previews .dz-preview:hover .dz-details img { - display: none; -} -.dropzone .dz-preview .dz-success-mark, -.dropzone-previews .dz-preview .dz-success-mark, -.dropzone .dz-preview .dz-error-mark, -.dropzone-previews .dz-preview .dz-error-mark { - display: none; - position: absolute; - width: 40px; - height: 40px; - font-size: 30px; - text-align: center; - right: -10px; - top: -10px; -} -.dropzone .dz-preview .dz-success-mark, -.dropzone-previews .dz-preview .dz-success-mark { - color: #8cc657; -} -.dropzone .dz-preview .dz-error-mark, -.dropzone-previews .dz-preview .dz-error-mark { - color: #ee162d; -} -.dropzone .dz-preview .dz-progress, -.dropzone-previews .dz-preview .dz-progress { - position: absolute; - top: 100px; - left: 6px; - right: 6px; - height: 6px; - background: #d7d7d7; - display: none; -} -.dropzone .dz-preview .dz-progress .dz-upload, -.dropzone-previews .dz-preview .dz-progress .dz-upload { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 0%; - background-color: #8cc657; -} -.dropzone .dz-preview.dz-processing .dz-progress, -.dropzone-previews .dz-preview.dz-processing .dz-progress { - display: block; -} -.dropzone .dz-preview .dz-error-message, -.dropzone-previews .dz-preview .dz-error-message { - display: none; - position: absolute; - top: -5px; - left: -20px; - background: rgba(245,245,245,0.8); - padding: 8px 10px; - color: #800; - min-width: 140px; - max-width: 500px; - z-index: 500; -} -.dropzone .dz-preview:hover.dz-error .dz-error-message, -.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { - display: block; -} -.dropzone { - border: 1px solid rgba(0,0,0,0.03); - min-height: 360px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: rgba(0,0,0,0.03); -} -.dropzone .dz-default.dz-message { - opacity: 1; - -ms-filter: none; - filter: none; - -webkit-transition: opacity 0.3s ease-in-out; - -moz-transition: opacity 0.3s ease-in-out; - -o-transition: opacity 0.3s ease-in-out; - -ms-transition: opacity 0.3s ease-in-out; - transition: opacity 0.3s ease-in-out; - background-image: url("@{base-url}/dropzone/spritemap.png"); - background-repeat: no-repeat; - background-position: 0 0; - position: absolute; - width: 428px; - height: 123px; - margin-left: -214px; - margin-top: -61.5px; - top: 50%; - left: 50%; -} - -.dropzone .dz-default.dz-message span { - display: none; -} -.dropzone.dz-square .dz-default.dz-message { - background-position: 0 -123px; - width: 268px; - margin-left: -134px; - height: 174px; - margin-top: -87px; -} -.dropzone.dz-drag-hover .dz-message { - opacity: 0.15; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; - filter: alpha(opacity=15); -} -.dropzone.dz-started .dz-message { - display: block; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); -} -.dropzone .dz-preview, -.dropzone-previews .dz-preview { - -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16); - box-shadow: 1px 1px 4px rgba(0,0,0,0.16); - font-size: 14px; -} -.dropzone .dz-preview.dz-image-preview:hover .dz-details img, -.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { - display: block; - opacity: 0.1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; - filter: alpha(opacity=10); -} -.dropzone .dz-preview.dz-success .dz-success-mark, -.dropzone-previews .dz-preview.dz-success .dz-success-mark { - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone .dz-preview.dz-error .dz-error-mark, -.dropzone-previews .dz-preview.dz-error .dz-error-mark { - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone .dz-preview.dz-error .dz-progress .dz-upload, -.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { - background: #ee1e2d; -} -.dropzone .dz-preview .dz-error-mark, -.dropzone-previews .dz-preview .dz-error-mark, -.dropzone .dz-preview .dz-success-mark, -.dropzone-previews .dz-preview .dz-success-mark { - display: block; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: opacity 0.4s ease-in-out; - -moz-transition: opacity 0.4s ease-in-out; - -o-transition: opacity 0.4s ease-in-out; - -ms-transition: opacity 0.4s ease-in-out; - transition: opacity 0.4s ease-in-out; - background-image: url("@{base-url}/dropzone/spritemap.png"); - background-repeat: no-repeat; -} - -.dropzone .dz-preview .dz-error-mark span, -.dropzone-previews .dz-preview .dz-error-mark span, -.dropzone .dz-preview .dz-success-mark span, -.dropzone-previews .dz-preview .dz-success-mark span { - display: none; -} -.dropzone .dz-preview .dz-error-mark, -.dropzone-previews .dz-preview .dz-error-mark { - background-position: -268px -123px; -} -.dropzone .dz-preview .dz-success-mark, -.dropzone-previews .dz-preview .dz-success-mark { - background-position: -268px -163px; -} -.dropzone .dz-preview .dz-progress .dz-upload, -.dropzone-previews .dz-preview .dz-progress .dz-upload { - -webkit-animation: loading 0.4s linear infinite; - -moz-animation: loading 0.4s linear infinite; - -o-animation: loading 0.4s linear infinite; - -ms-animation: loading 0.4s linear infinite; - animation: loading 0.4s linear infinite; - -webkit-transition: width 0.3s ease-in-out; - -moz-transition: width 0.3s ease-in-out; - -o-transition: width 0.3s ease-in-out; - -ms-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; - -webkit-border-radius: 2px; - border-radius: 2px; - position: absolute; - top: 0; - left: 0; - width: 0%; - height: 100%; - background-image: url("@{base-url}/dropzone/spritemap.png"); - background-repeat: repeat-x; - background-position: 0px -400px; -} - -.dropzone .dz-preview.dz-success .dz-progress, -.dropzone-previews .dz-preview.dz-success .dz-progress { - display: block; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: opacity 0.4s ease-in-out; - -moz-transition: opacity 0.4s ease-in-out; - -o-transition: opacity 0.4s ease-in-out; - -ms-transition: opacity 0.4s ease-in-out; - transition: opacity 0.4s ease-in-out; -} -.dropzone .dz-preview .dz-error-message, -.dropzone-previews .dz-preview .dz-error-message { - display: block; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -webkit-transition: opacity 0.3s ease-in-out; - -moz-transition: opacity 0.3s ease-in-out; - -o-transition: opacity 0.3s ease-in-out; - -ms-transition: opacity 0.3s ease-in-out; - transition: opacity 0.3s ease-in-out; -} -.dropzone .dz-preview:hover.dz-error .dz-error-message, -.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { - opacity: 1; - -ms-filter: none; - filter: none; -} -.dropzone a.dz-remove, -.dropzone-previews a.dz-remove { - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee)); - background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%); - background-image: -moz-linear-gradient(top, #fafafa 0, #eee 100%); - background-image: -o-linear-gradient(top, #fafafa 0, #eee 100%); - background-image: -ms-linear-gradient(top, #fafafa 0, #eee 100%); - background-image: linear-gradient(top, #fafafa 0, #eee 100%); - -webkit-border-radius: 2px; - border-radius: 2px; - border: 1px solid #eee; - text-decoration: none; - display: block; - padding: 4px 5px; - text-align: center; - color: #aaa; - margin-top: 26px; -} -.dropzone a.dz-remove:hover, -.dropzone-previews a.dz-remove:hover { - color: #666; -} -@-moz-keyframes loading { - 0% { - background-position: 0 -400px; - } - - 100% { - background-position: -7px -400px; - } -} -@-webkit-keyframes loading { - 0% { - background-position: 0 -400px; - } - - 100% { - background-position: -7px -400px; - } -} -@-o-keyframes loading { - 0% { - background-position: 0 -400px; - } - - 100% { - background-position: -7px -400px; - } -} -@-ms-keyframes loading { - 0% { - background-position: 0 -400px; - } - - 100% { - background-position: -7px -400px; - } -} -@keyframes loading { - 0% { - background-position: 0 -400px; - } - - 100% { - background-position: -7px -400px; - } -} - - - diff --git a/src/main/webapp/less/smartadmin/fd-slider.less b/src/main/webapp/less/smartadmin/fd-slider.less @@ -1,235 +0,0 @@ - /* The styles given to the associated form element in order to hide it */ - .fd-form-element-hidden { - display: none; - } - /* Horizontal Outer wrapper - all other DOM elements added as children to this top level wrapper */ - .fd-slider { - width: 100%; - /* The height of the slider handle */ - height: 20px; - margin: 0; - } - /* Vertical Outer wrapper - all other DOM elements added as children to this top level wrapper */ - .fd-slider-vertical { - /* The width of the slider handle */ - width: 20px; - /* Fill the available space */ - height: 100%; - /* Set a 10 pixel right and bottom margin */ - margin: 0 10px 10px 0; - /* You may wish to float the vertical sliders left or display:inline-block */ - /* float:left; */ - } - /* Shared rules - both horizontal & vertical sliders */ - .fd-slider, .fd-slider-vertical { - /* display:block required as the wrapper element is a span */ - display: block; - /* This lets us absolutely position the drag handle */ - position: relative; - text-decoration: none; - border: 0 none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-touch-callout: none; - user-select: none; - } - .fd-slider-inner { - /* Used by IE for the onfocus blur effect */ - display: none; - } - - /* The inner track bar */ - .fd-slider-bar { - position: absolute; - display: block; - z-index: 2; - height: 6px; - width: 100%; - border: 1px solid #bbb; - border-bottom: 1px solid #fff; - border-right: 1px solid #fff; - margin: 0; - padding: 0; - overflow: hidden; - line-height: 4px; - top: 8px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - background-color: #333; - } - /* The animated range bar */ - .fd-slider-range { - position: absolute; - display: block; - z-index: 3; - height: 6px; - margin: 0; - padding: 0 2px 0 0; - overflow: hidden; - top: 9px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - background-color: #eee; - } - /* The drag handle */ - .fd-slider-handle { - position: absolute; - display: block; - padding: 0; - border: 0 none; - margin: 0 0 0 1px; - z-index: 3; - top: 5px; - left: 0; - width: 12px; - height: 12px; - line-height: 1px !important; - outline: 0 none; - background: #eee; - border: 1px solid #aaa; - border-radius: 12px; - -webkit-user-select: none; - -webkit-touch-callout: none; - -moz-user-select: none; - -moz-user-focus: none; - -moz-outline: 0 none; - user-select: none; - } - /* Focus styles */ - .fd-slider-handle:focus { - outline: 0 none; - border: 0 none; - -moz-user-focus: normal; - } - button.fd-slider-handle:focus::-moz-focus-inner { - border-color: transparent; - } - - body.fd-slider-drag-vertical, body.fd-slider-drag-vertical * { - /* Stop text selection */ - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; - } - body.fd-slider-drag-horizontal, body.fd-slider-drag-horizontal * { - /* Stop text selection */ - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; - } - - /* - Sample tooltip code. Only works on grade A browsers (so no IE6,7 or 8). - - See: http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/ for full info on - how to style generated content & the associated pitfalls - - This code to be taken as experimental & untested - use at your discretion - - If showing the tooltip above the sider handle you are relegated to showing - single line tooltips due to styling constraints! - */ - - .fd-slider-handle:before, .fd-slider-handle:after { - /* Remove from screen */ - opacity: 0; - /* The following rules are not really needed as no browser yet supports CSS transitions - on generated content but I'll leave it in for the day when they do! */ - - /* Firefox */ - -moz-transition-property: opacity; - -moz-transition-duration: 1s; - -moz-transition-delay: 1s; - /* WebKit */ - -webkit-transition-property: opacity; - -webkit-transition-duration: 1s; - -webkit-transition-delay: 1s; - /* Opera */ - -o-transition-property: opacity; - -o-transition-duration: 1s; - -o-transition-delay: 1s; - /* Standard */ - transition-property: opacity; - transition-duration: 1s; - transition-delay: 1s; - } - /* - The tooltip body - as we position it above the slider and position the tooltip arrow - below it, we need to know the height of the body. This means that multi-line tooltips - are not supported. - - To support multi-line tooltips, you will need to position the tooltip below the slider - and the tooltip pointer above the tooltip body. Additionally, you will have to set the - tooltip bodies "height" to auto - */ - .fd-slider-focused .fd-slider-handle:before, .fd-slider-hover .fd-slider-handle:before, .fd-slider-active .fd-slider-handle:before { - display: block; - position: absolute; - top: -21px; - left: -8px; - margin: 0; - width: 20px; - padding: 3px; - height: 14px; - line-height: 12px; - text-align: center; - font-size: 10px; - font-weight: bold; - color: #fff; - text-shadow: 1px 1px 1px #1a3a95; - background: #2f6ee0; - z-index: 1; - /* Use the ARIA valuetext property, set by the script, to generate the tooltip content */ - content: attr(aria-valuetext); - /* Border radius and box shadow */ - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -moz-box-shadow: 0 0 4px #aaa; - -webkit-box-shadow: 0 0 4px #aaa; - box-shadow: 0px 0px 4px #999; - /* Change opacity for transition */ - opacity: 1; - } - /* The tooltip pointer */ - .fd-slider-focused .fd-slider-handle:after, .fd-slider-hover .fd-slider-handle:after, .fd-slider-active .fd-slider-handle:after { - outline: none; - content: ""; - display: block; - position: absolute; - top: -9px; - left: 50%; - margin: 0 0 0 -5px; - background: #2f6ee0; - z-index: 2; - width: 10px; - height: 10px; - overflow: hidden; - /* Rotate element by 45 degress to get the "\/" pointer effect */ - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - /* Add a box shadow */ - -moz-box-shadow: 0 0 4px #aaa; - -webkit-box-shadow: 0 0 4px #aaa; - box-shadow: 0 0 4px #aaa; - /* Clip */ - clip: rect(4px, 14px, 14px, 4px); - /* Change opacity for transition */ - opacity: 1; - } - /* Remove completely for IE */ - .oldie .fd-slider-handle:before, .oldie .fd-slider-handle:after { - display: none; - } -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/fullcalendar.less b/src/main/webapp/less/smartadmin/fullcalendar.less @@ -1,630 +0,0 @@ -/* - * FullCalendar v1.5.4 Stylesheet - * - * Copyright (c) 2011 Adam Shaw - * Dual licensed under the MIT and GPL licenses, located in - * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. - * - * Date: Tue Sep 4 23:38:33 2012 -0700 - * - */ - - -.fc { - direction: ltr; - text-align: left; - } - -.fc table { - border-collapse: collapse; - border-spacing: 0; - } - -html .fc, -.fc table { - font-size: 1em; - } - -.fc td, -.fc th { - padding: 0; - vertical-align: top; - } - - - -/* Header -------------------------------------------------------------------------*/ - -.fc-header td { - white-space: nowrap; - } - -.fc-header-left { - width: 25%; - text-align: left; - } - -.fc-header-center { - text-align: center; - } - -.fc-header-right { - width: 25%; - text-align: right; - } - -.fc-header-title { - display: inline-block; - vertical-align: top; - } - -.fc-header-title h2 { - margin-top: 0; - white-space: nowrap; - } - -.fc .fc-header-space { - padding-left: 10px; - } - -.fc-header .fc-button { - margin-bottom: 1em; - vertical-align: top; - } - -/* buttons edges butting together */ - -.fc-header .fc-button { - margin-right: -1px; - } - -.fc-header .fc-corner-right { - margin-right: 1px; /* back to normal */ - } - -.fc-header .ui-corner-right { - margin-right: 0; /* back to normal */ - } - -/* button layering (for border precedence) */ - -.fc-header .fc-state-hover, -.fc-header .ui-state-hover { - z-index: 2; - } - -.fc-header .fc-state-down { - z-index: 3; - } - -.fc-header .fc-state-active, -.fc-header .ui-state-active { - z-index: 4; - } - - - -/* Content -------------------------------------------------------------------------*/ - -.fc-content { - clear: both; - } - -.fc-view { - width: 100%; /* needed for view switching (when view is absolute) */ - overflow: hidden; - } - - - -/* Cell Styles -------------------------------------------------------------------------*/ - -.fc-widget-header, /* <th>, usually */ -.fc-widget-content { /* <td>, usually */ - border: 1px solid #ccc; - } - -.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */ - background: #ffc; - } - -.fc-cell-overlay { /* semi-transparent rectangle while dragging */ - background: #9cf; - opacity: .2; - filter: alpha(opacity=20); /* for IE */ - } - - - -/* Buttons -------------------------------------------------------------------------*/ - -.fc-button { - position: relative; - display: inline-block; - cursor: pointer; - } - -.fc-state-default { /* non-theme */ - border-style: solid; - border-width: 1px 0; - } - -.fc-button-inner { - position: relative; - float: left; - overflow: hidden; - } - -.fc-state-default .fc-button-inner { /* non-theme */ - border-style: solid; - border-width: 0 1px; - } - -.fc-button-content { - position: relative; - float: left; - height: 1.9em; - line-height: 1.9em; - padding: 0 .6em; - white-space: nowrap; - } - -/* icon (for jquery ui) */ - -.fc-button-content .fc-icon-wrap { - position: relative; - float: left; - top: 50%; - } - -.fc-button-content .ui-icon { - position: relative; - float: left; - margin-top: -50%; - *margin-top: 0; - *top: -50%; - } - -/* gloss effect */ - -.fc-state-default .fc-button-effect { - position: absolute; - top: 50%; - left: 0; - } - -.fc-state-default .fc-button-effect span { - position: absolute; - top: -100px; - left: 0; - width: 500px; - height: 100px; - border-width: 100px 0 0 1px; - border-style: solid; - border-color: #fff; - background: #444; - opacity: .09; - filter: alpha(opacity=9); - } - -/* button states (determines colors) */ - -.fc-state-default, -.fc-state-default .fc-button-inner { - border-style: solid; - border-color: #ccc #bbb #aaa; - background: #F3F3F3; - color: #000; - } - -.fc-state-hover, -.fc-state-hover .fc-button-inner { - border-color: #999; - } - -.fc-state-down, -.fc-state-down .fc-button-inner { - border-color: #555; - background: #777; - } - -.fc-state-active, -.fc-state-active .fc-button-inner { - border-color: #555; - background: #777; - color: #fff; - } - -.fc-state-disabled, -.fc-state-disabled .fc-button-inner { - color: #999; - border-color: #ddd; - } - -.fc-state-disabled { - cursor: default; - } - -.fc-state-disabled .fc-button-effect { - display: none; - } - - - -/* Global Event Styles -------------------------------------------------------------------------*/ - -.fc-event { - border-style: solid; - border-width: 0; - font-size: .85em; - cursor: default; - } - -a.fc-event, -.fc-event-draggable { - cursor: pointer; - } - -a.fc-event { - text-decoration: none; - } - -.fc-rtl .fc-event { - text-align: right; - } - -.fc-event-skin { - color: #FFF; - border-right:none !important; - cursor: move; -} - - -.fc-event-inner { - position: relative; - width: 100%; - height: 100%; - border-style: solid; - border-width: 0; - overflow: hidden; - } - -.fc-event-time, -.fc-event-title { - padding: 0 1px; - } - -.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ - display: block; - position: absolute; - z-index: 99999; - overflow: hidden; /* hacky spaces (IE6/7) */ - font-size: 300%; /* */ - line-height: 50%; /* */ - } - - - -/* Horizontal Events -------------------------------------------------------------------------*/ - -.fc-event-hori { - border-width: 1px 0; - margin-bottom: 1px; - } - -/* resizable */ - -.fc-event-hori .ui-resizable-e { - top: 0 !important; /* importants override pre jquery ui 1.7 styles */ - right: -3px !important; - width: 7px !important; - height: 100% !important; - cursor: e-resize; - } - -.fc-event-hori .ui-resizable-w { - top: 0 !important; - left: -3px !important; - width: 7px !important; - height: 100% !important; - cursor: w-resize; - } - -.fc-event-hori .ui-resizable-handle { - _padding-bottom: 14px; /* IE6 had 0 height */ - } - - - -/* Fake Rounded Corners (for buttons and events) -------------------------------------------------------------*/ - -.fc-corner-left { - margin-left: 1px; - } - -.fc-corner-left .fc-button-inner, -.fc-corner-left .fc-event-inner { - margin-left: -1px; - } - -.fc-corner-right { - margin-right: 1px; - } - -.fc-corner-right .fc-button-inner, -.fc-corner-right .fc-event-inner { - margin-right: -1px; - } - -.fc-corner-top { - margin-top: 1px; - } - -.fc-corner-top .fc-event-inner { - margin-top: -1px; - } - -.fc-corner-bottom { - margin-bottom: 1px; - } - -.fc-corner-bottom .fc-event-inner { - margin-bottom: -1px; - } - - - -/* Fake Rounded Corners SPECIFICALLY FOR EVENTS ------------------------------------------------------------------*/ - -.fc-corner-left .fc-event-inner { - border-left: 6px solid rgba(0, 0, 0, 0.15); - padding-left: 2px; - } - -.fc-corner-right .fc-event-inner { - -padding-left: 2px; - } - -.fc-corner-top .fc-event-inner { - border-top-width: 1px; - } - -.fc-corner-bottom .fc-event-inner { - border-bottom-width: 1px; - } - - -/* ICONS ------------------------------------------------------------------*/ -.fc-event-skin .fa:before { - display:block; - font-size:14px; - position:absolute; - right:4px; - top:3px; -} - -/* Reusable Separate-border Table -------------------------------------------------------------*/ - -table.fc-border-separate { - border-collapse: separate; - } - -.fc-border-separate th, -.fc-border-separate td { - border-width: 1px 0 0 1px; - } - -.fc-border-separate th.fc-last, -.fc-border-separate td.fc-last { - border-right-width: 1px; - } - -.fc-border-separate tr.fc-last th, -.fc-border-separate tr.fc-last td { - border-bottom-width: 1px; - } - -.fc-border-separate tbody tr.fc-first td, -.fc-border-separate tbody tr.fc-first th { - border-top-width: 0; - } - - - -/* Month View, Basic Week View, Basic Day View -------------------------------------------------------------------------*/ - -.fc-grid th { - text-align: center; - } - -.fc-grid .fc-day-number { - float: right; - padding: 0 2px; - } - -.fc-grid .fc-other-month .fc-day-number { - opacity: 0.3; - filter: alpha(opacity=30); /* for IE */ - /* opacity with small font can sometimes look too faded - might want to set the 'color' property instead - making day-numbers bold also fixes the problem */ - } - -.fc-grid .fc-day-content { - clear: both; - padding: 2px 2px 1px; /* distance between events and day edges */ - } - -/* event styles */ - -.fc-grid .fc-event-time { - font-weight: bold; - } - -/* right-to-left */ - -.fc-rtl .fc-grid .fc-day-number { - float: left; - } - -.fc-rtl .fc-grid .fc-event-time { - float: right; - } - - - -/* Agenda Week View, Agenda Day View -------------------------------------------------------------------------*/ - -.fc-agenda table { - border-collapse: separate; - } - -.fc-agenda-days th { - text-align: center; - } - -.fc-agenda .fc-agenda-axis { - width: 50px; - padding: 0 4px; - vertical-align: middle; - text-align: right; - white-space: nowrap; - font-weight: normal; - } - -.fc-agenda .fc-day-content { - padding: 2px 2px 1px; - } - -/* make axis border take precedence */ - -.fc-agenda-days .fc-agenda-axis { - border-right-width: 1px; - } - -.fc-agenda-days .fc-col0 { - border-left-width: 0; - } - -/* all-day area */ - -.fc-agenda-allday th { - border-width: 0 1px; - } - -.fc-agenda-allday .fc-day-content { - min-height: 34px; /* TODO: doesnt work well in quirksmode */ - _height: 34px; - } - -/* divider (between all-day and slots) */ - -.fc-agenda-divider-inner { - height: 2px; - overflow: hidden; - } - -.fc-widget-header .fc-agenda-divider-inner { - background: #eee; - } - -/* slot rows */ - -.fc-agenda-slots th { - border-width: 1px 1px 0; - } - -.fc-agenda-slots td { - border-width: 1px 0 0; - background: none; - } - -.fc-agenda-slots td div { - height: 20px; - } - -.fc-agenda-slots tr.fc-slot0 th, -.fc-agenda-slots tr.fc-slot0 td { - border-top-width: 0; - } - -.fc-agenda-slots tr.fc-minor th, -.fc-agenda-slots tr.fc-minor td { - border-top-style: dotted; - } - -.fc-agenda-slots tr.fc-minor th.ui-widget-header { - *border-top-style: solid; /* doesn't work with background in IE6/7 */ - } - - - -/* Vertical Events -------------------------------------------------------------------------*/ - -.fc-event-vert { - border-width: 0 1px; - } - -.fc-event-vert .fc-event-head, -.fc-event-vert .fc-event-content { - position: relative; - z-index: 2; - width: 100%; - overflow: hidden; - } - -.fc-event-vert .fc-event-time { - white-space: nowrap; - font-size: 10px; - } - -.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ - position: absolute; - z-index: 1; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #fff; - opacity: .3; - filter: alpha(opacity=30); - } - -.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ -.fc-select-helper .fc-event-bg { - display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ - } - -/* resizable */ - -.fc-event-vert .ui-resizable-s { - bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ - width: 100% !important; - height: 8px !important; - overflow: hidden !important; - line-height: 8px !important; - font-size: 11px !important; - font-family: monospace; - text-align: center; - cursor: s-resize; - } - -.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ - _overflow: hidden; - } - - diff --git a/src/main/webapp/less/smartadmin/jarvis-widgets.less b/src/main/webapp/less/smartadmin/jarvis-widgets.less @@ -1,1124 +0,0 @@ - /* - - Copyright 2013 - SmartAdmin : WebApp (Sunny) - - * This is part of an item on wrapbootstrap.com - * https://wrapbootstrap.com/user/myorange - * ================================== - - Table of Contents - --------------------------------------------------------------- - - - Main - - Header - - Content - - Edit box - - Timestamp - - Helpers - - Fullscreen - - Styling - - Custom styles - - Icons - A few used examples - - RTL support - - Clearfix - - Examples (minimalistic in grid) - - Examples (lists) - - */ - - /* - * MAIN - */ - - article.sortable-grid { - min-height:30px; - } - - .jarviswidget { - margin: 0 0 30px 0; - position: relative; - -moz-border-radius: 0px; - -khtml-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; - padding: 0; - } - - .widget-content-padding { - padding: 20px; - } - - .widget-content-padding .well { - margin-bottom: 0px; - } - - - /* - * HEADER - */ - - .jarviswidget > header { - height: 34px; /* make sure ".jarviswidget-loader" is also the same height or it will flicker during collapse */ - padding: 0; - line-height: 40px; - } - .ui-sortable .jarviswidget-sortable > header { - cursor: move; - -moz-border-radius: 0px; - -khtml-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; - line-height:normal; - box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); - -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); - } - .jarviswidget > header > .widget-icon { - display:block; - width: 30px; - height: 32px; - position:relative; - float:left; - font-size: 111%; - line-height:32px; - text-align:center; - margin-right:-10px; - } - - .ui-sortable .jarviswidget-sortable.jarviswidget-collapsed > header { - -moz-border-radius: 0px; - -khtml-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; - } - - .jarviswidget > header h2 { - height: 100%; - width: auto; - display:inline-block; - font-size: 14px; - position: relative; - margin: 0; - line-height: 34px; - font-weight:normal; - letter-spacing: 0px; - } - - .jarviswidget > header > h2 { - margin-left:10px; - float:left; - } - - .jarviswidget > header >:first-child.widget-icon { - margin-left:0; - } - - - .jarviswidget > header .jarviswidget-icon { - width: 16px; - height: 16px; - float: left; - margin: 12px 10px 0 0; - display: block; - zoom: 1; - z-index: 4000 - } - .jarviswidget-ctrls { - width: auto; - float: right; - padding: 0; - margin: 0; - } - .jarviswidget-ctrls .button-icon { - min-width: 30px; - height: 32px; - float: left; - position: relative; - font-family: Arial, Helvetica, sans-serif; - border-left:1px solid rgba(0,0,0,0.09); - } - .jarviswidget-ctrls .button-icon:hover { - background-color:rgba(0,0,0,0.05); - } - - .jarviswidget-loader { - width: 32px; - height: 32px; - margin: 0; - float: right; - background-repeat: no-repeat; - background-position: center center; - display: none; - text-align: center; - line-height: 32px; - font-size: 111%; - } - - /* - * CONTENT - */ - - .jarviswidget > div { - float: left; - width: 100%; - position: relative; - font-size: 13px; - -moz-border-radius: 0px; - -khtml-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; - margin: 0; - border-width: 1px 1px 2px 1px; - border-style: solid; - border-top: none; - border-right-color: #CCC !important; - border-bottom-color: #CCC !important; - border-left-color: #CCC !important; - padding:13px 13px 0px; - } - - .jarviswidget .widget-body { - min-height:100px; - position:relative; - padding-bottom:13px; - } - - .jarviswidget .widget-body.widget-hide-overflow { - overflow:hidden; - } - - .widget-toolbar.no-border { - border-left:none; - } - - .widget-body.no-padding { - margin:-13px -13px 0px; - } - - .jarviswidget.well.transparent .widget-body.no-padding { - margin:0px !important; - } - - .widget-body > table { - margin-bottom:0; - } - - .widget-body.no-padding .alert { - margin: 0 0 10px; - padding: 10px; - box-shadow:none !important; - -webkit-box-shadow:none !important; - -moz-box-shadow:none !important; - border-width:0px 0px 1px !important; - border-radius:0px !important; - -webkit-border-radius: 0px !important; - -moz-border-radius: 0px !important; - } - - .widget-body.no-padding .cke_chrome, .no-padding .md-editor { - border:none; - } - - .widget-toolbar > .smart-form { - margin-top:2px; - } - - .widget-toolbar > .smart-form .toggle:last-child { - font-size:12px; - line-height:29px; - } - - .widget-toolbar > .smart-form .radio input + i, - .widget-toolbar > .smart-form .checkbox input + i, - .widget-toolbar > .smart-form .toggle input + i { - border-width:1px; - border-color: #C7C7C7 !important; - margin-top:1px; - - box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset; - -webkit-box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset; - -moz-box-shadow: 0 1px 1px #FFF,0 1px 1px #858585 inset; - } - - /* - * WELL WIDGET - */ - - .jarviswidget.well { - margin: 0 0 30px 0; - } - - .jarviswidget.well > div{ - border:none !important; - box-shadow:none !important; - -webkit-box-shadow:none !important; - -moz-box-shadow:none !important; - } - - .jarviswidget.well header { - display:none; - } - - /* - * WIDGET FOOTER - */ - - .widget-footer { - display: block; - min-height: 32px; - vertical-align:middle; - position: relative; - background-color: #F8F7F7; - padding: 5px; - border-top: 1px solid #E4E4E4; - text-align:right; - margin: 0px -13px -13px; - } - - .no-padding .widget-footer { - margin:0; - } - - .widget-footer.smart-form > label { - margin-top:4px; - display:block; - } - - /* - * EDIT BOX - */ - - .jarviswidget-editbox { - display: none; - padding: 10px; - } - /*.jarviswidget-editbox div { - width: 100%; - float: left; - margin-bottom: 0; - } - .jarviswidget-editbox label { - width: 80px; - height: 26px; - float: left; - line-height: 26px; - font-weight: bold; - margin-bottom:0; - } - .jarviswidget-editbox input { - width: 200px; - height: 24px; - padding: 0 5px; - border: 1px solid #666; - } - .jarviswidget-editbox span { - height: 26px; - width: 26px; - float: left; - margin: 0 5px 0 0; - cursor: pointer; - }*/ - - /* - * TIMESTAMP - */ - - .jarviswidget-timestamp { - font-size: 12px; - color: #868686; - font-style:italic; - margin: 10px 0 0; - } - - /* - * HELPERS - */ - - .jarviswidget-placeholder { - -moz-border-radius: 0px; - -khtml-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; - margin-bottom: 28px; /* adjusted from 28px */ - padding: 0; - -webkit-box-sizing: border-box; - -khtml-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - } - - /* - * FULL SCREEN - */ - - body.nooverflow { - overflow: hidden; - position: fixed; - width:100%; - } - #jarviswidget-fullscreen-mode { - width: 100%; - height: 100%; - position: fixed; - top: 0; - left: 0; - z-index: 99999; - } - #jarviswidget-fullscreen-mode .jarviswidget { - margin: 0; - -moz-border-radius: 0; - -khtml-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - } - #jarviswidget-fullscreen-mode .jarviswidget > div { - overflow-y: scroll; - -moz-border-radius: 0; - -khtml-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - } - #jarviswidget-fullscreen-mode > div > header { - cursor: default; - } - - /* - * WIDGET BODY TOOLBAR - */ - - .widget-body-toolbar, .smart-form.widget-body-toolbar { - display:block; - padding:8px 10px; - margin:-13px -13px 13px; - min-height:42px; - border-bottom:1px solid #ccc; - background: #fafafa; - } - - .no-padding.widget-body-toolbar, .no-padding .widget-body-toolbar, .no-padding .smart-form.widget-body-toolbar { - display:block; - margin:0px; - } - - .widget-body-toolbar.smart-form .inline-group, - .smart-form .widget-body-toolbar .inline-group { - float: left; - margin-top: 4px; - } - - .widget-body-toolbar .btn { - vertical-align:middle; - } - - .widget-body-toolbar .btn-xs { - margin-top:5px; - } - - /* - * WIDGET BODY AJAX LOAD - */ - - .widget-body-ajax-loading::before { - content: url('@{base-url}/ajax-loader.gif'); - padding-top:18%; - text-align:center; - font-weight:bold; - font-size:16px; - color:#fff; - display: block; - background: rgba(255, 255, 255, 0.4); - height: 100%; - z-index: 1; - width: 100%; - position: absolute; - } - .widget-body-ajax-loading:hover { - cursor:wait !important; - } - - /* - * STYLING - */ - - - .jarviswidget > header { - color: #333; - - border: 1px solid #C2C2C2; - background: #fafafa; - } - - .jarviswidget > div { - background-color: #fff !important; - } - .jarviswidget-editbox { - border-bottom: 1px solid #B1B1B1; - background-color: #fff; - margin: -13px -13px 13px; - } - .no-padding .jarviswidget-editbox { - margin: 0 0 10px; - } - - .jarviswidget-placeholder { - background-color: #FFC; - border: 1px dashed #A7A7A7; - } - - /* - * CUSTOM STYLES - */ - - /* remove colors */ - .jarviswidget-remove-colors { - color:#333 !important; - padding:0 !important; - background:none !important; - } - - /* magenta theme */ - .jarviswidget-color-magenta > header { - background: #6E3671; - color: #FFF; - } - - .jarviswidget-color-magenta > header > .jarviswidget-ctrls a, .jarviswidget-color-magenta .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-magenta .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-magenta > header { - border-color: #6E3671 !important; - } - - /* pink theme */ - .jarviswidget-color-pink > header { - background: #AC5287; - color: #FFF; - } - - .jarviswidget-color-pink > header > .jarviswidget-ctrls a, .jarviswidget-color-pink .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-pink .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-pink > header { - border-color: #AC5287 !important; - } - - /* pinkDark theme */ - .jarviswidget-color-pinkDark > header { - background: #A8829F; - color: #FFF; - } - - .jarviswidget-color-pinkDark > header > .jarviswidget-ctrls a, .jarviswidget-color-pinkDark .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-pinkDark .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-pinkDark > header { - border-color: #A8829F !important; - } - - /* yellow theme */ - .jarviswidget-color-yellow > header { - background: #B09B5B; - color: #FFF; - } - - .jarviswidget-color-yellow > header > .jarviswidget-ctrls a, .jarviswidget-color-yellow .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-yellow .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-yellow > header { - border-color: #B09B5B !important; - } - - /* orange theme */ - .jarviswidget-color-orange > header { - background: #C79121; - color: #FFF; - } - - .jarviswidget-color-orange > header > .jarviswidget-ctrls a, .jarviswidget-color-orange .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-orange .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-orange > header { - border-color: #C79121 !important; - } - - /* orangeDark theme */ - .jarviswidget-color-orangeDark > header { - background: #A57225; - color: #FFF; - } - - .jarviswidget-color-orangeDark > header > .jarviswidget-ctrls a, - .jarviswidget-color-orangeDark .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-orangeDark .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-orangeDark > header { - border-color: #A57225 !important; - } - - /* darken theme */ - .jarviswidget-color-darken > header { - background: #404040; - color: #FFF; - } - - .jarviswidget-color-darken > header > .jarviswidget-ctrls a, - .jarviswidget-color-darken .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-darken .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-darken > header { - border-color: #404040 !important; - } - - /* purple theme */ - .jarviswidget-color-purple > header { - background: #65596B; - color: #FFF; - } - - .jarviswidget-color-purple > header > .jarviswidget-ctrls a, - .jarviswidget-color-purple .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-purple .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-purple > header { - border-color: #65596B !important; - } - - /* teal theme */ - .jarviswidget-color-teal > header { - background: #568A89; - color: #FFF; - } - - .jarviswidget-color-teal > header > .jarviswidget-ctrls a, - .jarviswidget-color-teal .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-teal .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-teal > header { - border-color: #568A89 !important; - } - - /* teal theme */ - .jarviswidget-color-blueDark > header { - background: #4C4F53; - color: #FFF; - } - - .jarviswidget-color-blueDark > header > .jarviswidget-ctrls a, - .jarviswidget-color-blueDark .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-blueDark .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-blueDark > header { - border-color: #4C4F53 !important; - } - - /* blue theme */ - .jarviswidget-color-blue > header { - background: #60747C; - color: #FFF; - } - - .jarviswidget-color-blue > header > .jarviswidget-ctrls a, - .jarviswidget-color-blue .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-blue .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-blue > header { - border-color: #60747C !important; - } - - /* blueLight theme */ - .jarviswidget-color-blueLight > header { - background: #CCDADF; - color: #2b363c; - } - - .jarviswidget-color-blueLight > header > .jarviswidget-ctrls a, - .jarviswidget-color-blueLight .nav-tabs li:not(.active) a { - color:#2b363c !important; - } - - .jarviswidget-color-blueLight .nav-tabs li a:hover { - color:#2b363c !important; - } - - .jarviswidget-color-blueLight > header { - border-color: #92A2A8 !important; - } - - /* red theme */ - .jarviswidget-color-red > header { - background: #931313; - color: #FFF; - } - - .jarviswidget-color-red > header > .jarviswidget-ctrls a, - .jarviswidget-color-red .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-red .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-red > header { - border-color: #931313 !important; - } - - /* redLight theme */ - .jarviswidget-color-redLight > header { - background: #A65858; - color: #FFF; - } - - .jarviswidget-color-redLight > header > .jarviswidget-ctrls a, - .jarviswidget-color-redLight .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-redLight .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-redLight > header { - border-color: #A65858 !important; - } - - /* white theme */ - .jarviswidget-color-white > header { - background: #fff; - color: #838383; - } - - .jarviswidget-color-white > header > .jarviswidget-ctrls a, - .jarviswidget-color-white .nav-tabs li:not(.active) a { - color:#838383 !important; - } - - .jarviswidget-color-white .nav-tabs li a:hover { - color:#838383 !important; - } - - .jarviswidget-color-white > header { - border-color: #C8C8C8 !important; - } - - /* greenDark theme */ - .jarviswidget-color-greenDark > header { - background: #496949; - color: #FFF; - } - - .jarviswidget-color-greenDark > header > .jarviswidget-ctrls a, - .jarviswidget-color-greenDark .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-greenDark .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-greenDark > header { - border-color: #638167 !important; - } - - /* green theme */ - .jarviswidget-color-green > header { - background: #356E35; - color: #FFF; - } - - .jarviswidget-color-green > header > .jarviswidget-ctrls a, .jarviswidget-color-green .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-green .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-green > header { - border-color: #638167 !important; - } - - /* greenLight theme */ - .jarviswidget-color-greenLight > header { - background: #71843F; - color: #FFF; - } - - .jarviswidget-color-greenLight > header > .jarviswidget-ctrls a, .jarviswidget-color-greenLight .nav-tabs li:not(.active) a { - color:#fff !important; - } - - .jarviswidget-color-greenLight .nav-tabs li a:hover { - color:#333 !important; - } - - .jarviswidget-color-greenLight > header { - border-color: #638167 !important; - } - - /* - * WIDGET COLOR DROPDOWN - * - */ - - .color-select { - list-style:none; - margin:0; - padding:4px; - min-width: 166px; - max-width: 156px; - right: -3px; - } - - .color-select li { - display:block; - margin:2px; - float:left; - } - - .color-select li span, .color-box { - display:block; - width:22px; - height:22px; - padding:0; - background:#333; - box-sizing:border-box; - -moz-box-sizing:border-box; - -webkit-box-sizing:border-box; - border:1px solid rgba(0,0,0,.1); - cursor:pointer; - } - .color-select li span:hover { - border:3px solid rgba(0,0,0,.2); - } - - .color-box { - position:relative; - vertical-align:middle; - border:1px solid rgba(255,255,255,.3) !important; - outline:1px solid rgba(0,0,0,.1); - background: rgba(255,255,255,.3) !important - - } - - .color-box:hover, .open .color-box { - outline:1px solid rgba(0,0,0,.1) !important; - }.color-box:hover { - -webkit-transform: scale(1.07); - -moz-transform: scale(1.07); - } - - .color-box:active { - top:1px; - left:1px; - } - - .widget-toolbar > .color-box { - margin-top: 7px; - width: 18px; - height: 18px; - outline: 1px solid rgba(0, 0, 0, 0.2); - } - .widget-toolbar > .color-box:hover, .widget-toolbar > .color-box:active, .widget-toolbar > .color-box:focus { - outline: 1px solid rgba(0, 0, 0, 0.25) !important; - } - - .widget-toolbar .dropdown-menu.color-select { - right:-1px; - } - - - /* - * ICONS - */ - - .jarviswidget-ctrls a { - text-decoration:none; - font-size:14px; - text-align:center; - display:inline-block; - line-height:32px; - padding:0; - margin:0; - color:#333; - } - - - /* - * RTL - SUPPORT - */ - - .rtl .jarviswidget > header { - padding: 0 7px 0 0; - } - .rtl .jarviswidget > header h2 { - float: right; - text-align: right - } - .rtl .jarviswidget > header .jarviswidget-icon { - float: right; - margin: 12px 0 0 7px; - } - .rtl .jarviswidget-ctrls { - float: left; - padding: 10px 0 0 3px; - margin: 0; - } - .rtl .jarviswidget-ctrls .button-icon { - margin: 0 0 5px 5px; - } - .rtl .jarviswidget-loader { - float: left; - } - - /* - * CLEARFIX - */ - - .jarviswidget:before, .jarviswidget:after, .jarviswidget > div:before, .jarviswidget > div:after, .inner-spacer:before, .inner-spacer:after, .jarviswidget-editbox:before, .jarviswidget-editbox:after, .clearfix:before, .clearfix:after { - content: "\0020"; - display: block; - height: 0; - overflow: hidden; - font-size: 0; - line-height: 0; - visibility: hidden; - } - .jarviswidget:after, .jarviswidget > div:after, .inner-spacer:after, .jarviswidget-editbox:after, .clearfix:after { - clear: both; - } - .jarviswidget, .jarviswidget > div, .inner-spacer:after, .jarviswidget-editbox, .clearfix { - zoom: 1;/*IE*/ - } - - /* - * WIDGET TOOLBARS - */ - - .widget-toolbar { - display:inline-block; - float:right; - width: auto; - height: 32px; - line-height:32px; - position: relative; - border-left: 1px solid rgba(0, 0, 0, 0.09); - cursor:pointer; - padding: 0 8px; - text-align:center; - } - - .widget-toolbar >:first-child { - text-align:left; - } - - - /* - * WIDGET TOOLBAR COMPONENTS - */ - - /* - * TABS - */ - - .jarviswidget header .nav-tabs { - border-bottom-color:transparent; - } - - .jarviswidget header .nav-tabs>li>a { - border-radius:0px; - border:none; - padding: 7px 15px 6px; - } - - .jarviswidget header .nav-tabs>li.active>a, .jarviswidget header .nav-tabs>li.active>a:hover, .jarviswidget header .nav-tabs>li.active>a:focus { - color: #555; - background-color: #FFF ; - border: 1px solid #C2C2C2; - border-bottom-color: transparent; - border-top:none; - cursor: default; - } - - .jarviswidget header:first-child .nav-tabs { - float:left; - } - - .jarviswidget header:first-child .nav-tabs li { - padding-left:0; - } - - - .jarviswidget header:first-child .nav-tabs li a { - color:#333; - } - - .jarviswidget header:first-child .nav-tabs.pull-right li:last-child a { - margin-right:0px !important; - border-right:none !important; - } - - /* - * PILLS - */ - - .jarviswidget header .nav-pills { - margin:3px; - } - .jarviswidget header .nav-pills > li > a { - padding: 3px 5px 4px; - } - - /* - * BTN GROUPS - */ - .widget-toolbar .btn-group { - margin-top:-3px; - } - - /* - * BTNs - */ - - .widget-toolbar > .btn { - margin-top:-3px; - font-size:12px !important; - padding: 1px 8px !important; - } - - /* - * INPUT - */ - - .widget-toolbar .smart-form label.checkbox, .widget-toolbar .smart-form label.radio { - line-height:29px; - } - - /* - * LABELS - */ - .widget-toolbar > .label { - vertical-align: middle; - margin-top: -3px; - display: inline-block; - text-align:center; - font-size:12px; - padding: 4px 7px; - } - - /* - * BADGE - */ - - .widget-toolbar > .badge { - padding: 5px 5px; - font-size: 14px; - border-radius: 50%; - font-weight:normal; - min-width:24px; - text-align: center !important; - } - - /* - * PROGRESS BARS - */ - - .widget-toolbar .progress { - width:130px; - margin: 7px 0 0 0; - height: 18px !important; - font-size:12px; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #D1D1D1 inset; - -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #D1D1D1 inset; - -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #D1D1D1 inset - } - - .widget-toolbar .progress-bar { - font-size:12px; - } - - /* - * PAGINATION - */ - - .widget-toolbar .pagination { - margin:4px 0; - } - - .widget-toolbar .pagination > li > a { - padding: 2px 7px; - } - - /* - * TEXT INPUT - */ - - .widget-toolbar .widget-text-input { - max-width:220px; - } - - .widget-toolbar input[type='text'] { - height:28px !important; - margin-top:2px; - } - - .widget-toolbar.smart-form .icon-append, .widget-toolbar.smart-form .icon-prepend, - .widget-toolbar .smart-form .icon-append, .widget-toolbar .smart-form .icon-prepend { - top:3px !important; - } diff --git a/src/main/webapp/less/smartadmin/jquery-ui-1.10.3.custom.less b/src/main/webapp/less/smartadmin/jquery-ui-1.10.3.custom.less @@ -1,2730 +0,0 @@ -/*! - * jQuery UI Bootstrap (1.0 alpha) - * http://addyosmani.github.io/jquery-ui-bootstrap/ - * - * Copyright 2012 - 2013, Addy Osmani - * Dual licensed under the MIT or GPL Version 2 licenses. - * - * Portions copyright jQuery UI & Twitter Bootstrap - */ - -/********** VJ - Move to Less - Start *************/ - -/* Layout helpers - ----------------------------------*/ -.ui-helper-hidden { - display: none; -} - -.ui-helper-hidden-accessible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -.ui-helper-reset { - margin: 0; - padding: 0; - border: 0; - outline: 0; - line-height: 1.3; - text-decoration: none; - font-size: 100%; - list-style: none; -} - -.ui-helper-clearfix:before, .ui-helper-clearfix:after { - content: ""; - display: table; - border-collapse: collapse; -} - -.ui-helper-clearfix:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -.ui-helper-clearfix { - /*display: inline-block; */ - display: block; - min-height: 0; /* support: IE7 */ -} - -/* required comment for clearfix to work in Opera \*/ -* html .ui-helper-clearfix { - height: 1%; -} - -/* end clearfix */ -.ui-helper-zfix { - width: 100%; - height: 100%; - top: 0; - left: 0; - position: absolute; - opacity: 0; - filter: Alpha(Opacity=0); -} -.ui-front { - z-index: 100; -} - -/* Interaction Cues - ----------------------------------*/ -.ui-state-disabled { - cursor: default !important; -} - -/* Icons - ----------------------------------*/ - -/* states and images */ -.ui-icon { - display: block; - text-indent: -99999px; - overflow: hidden; - background-repeat: no-repeat; -} - -/* Misc visuals - ----------------------------------*/ - -/* Overlays */ - -.ui-widget-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -/* - * jQuery UI Resizable 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://api.jqueryui.com/resizable/ - */ - -.ui-resizable { - position: relative; -} - -.ui-resizable-handle { - position: absolute; - font-size: 0.1px; - z-index: 99999; - display: block; -} - -.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { - display: none; -} - -.ui-resizable-n { - cursor: n-resize; - height: 7px; - width: 100%; - top: -5px; - left: 0; -} - -.ui-resizable-s { - cursor: s-resize; - height: 7px; - width: 100%; - bottom: -5px; - left: 0; -} - -.ui-resizable-e { - cursor: e-resize; - width: 7px; - right: -5px; - top: 0; - height: 100%; -} - -.ui-resizable-w { - cursor: w-resize; - width: 7px; - left: -5px; - top: 0; - height: 100%; -} - -.ui-resizable-se { - cursor: se-resize; - width: 12px; - height: 12px; - right: 1px; - bottom: 1px; -} - -.ui-resizable-sw { - cursor: sw-resize; - width: 9px; - height: 9px; - left: -5px; - bottom: -5px; -} - -.ui-resizable-nw { - cursor: nw-resize; - width: 9px; - height: 9px; - left: -5px; - top: -5px; -} - -.ui-resizable-ne { - cursor: ne-resize; - width: 9px; - height: 9px; - right: -5px; - top: -5px; -} - -/* - * jQuery UI Selectable 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://jqueryui.com/selectable/ - */ - -.ui-selectable-helper { - position: absolute; - z-index: 100; - border: 1px dotted black; -} - -/* - * jQuery UI CSS Framework 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * - * - * To view and modify this theme, visit http://jqueryui.com/themeroller/ - */ - -/* Component containers - ----------------------------------*/ - -.ui-widget { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; -} - -.ui-widget .ui-widget { - font-size: 13px; -} - -.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: inherit; -} - -.ui-widget-content { - border: 1px solid #aaaaaa; - background: #ffffff; - color: #404040; -} - -.ui-widget-header { - font-weight: bold; - background-color: #F5F5F5; - border-color: #DDDDDD; - color: #333333; -} - -.ui-widget-header a { - color: #222222; -} - -/* Interaction states - ----------------------------------*/ - -.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { - color: #333333; - background-color: #ffffff; - font-weight: normal; - border: 1px solid #cccccc; -} - -.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { - color: #555555; - text-decoration: none; -} - -.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { - color: #333333; - background-color: #ebebeb; - border-color: #adadad; - text-decoration: none; -} - -.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { - color: #333333; - text-decoration: none; -} -.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { - border: 1px solid #adadad; - font-weight: normal; - color: #333333; -} - -.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { - color: #333333; - text-decoration: none; -} - -.ui-widget :active { - outline: none; -} - -/* Interaction Cues - ----------------------------------*/ - -.ui-state-highlight, .ui-state-error, .ui-state-default { - position: relative; - border-width: 1px; - border-style: solid; -} - -.ui-state-highlight p, .ui-state-error p, .ui-state-default p { - font-size: 13px; - font-weight: normal; - line-height: 18px; - margin: 7px 15px; -} - -.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { - color: #3a87ad; - background-color: #d9edf7; - border-color: #bce8f1; -} - -.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { - color: #2d6987; -} - -.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { - color: #b94a48; - background-color: #f2dede; - border-color: #eed3d7; -} - -.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { - color: #953b39; -} - -.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { - color: #953b39; -} - -.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { - font-weight: bold; -} - -.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { - opacity: .7; - filter: Alpha(Opacity=70); - font-weight: normal; -} - -.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { - opacity: .35; - filter: Alpha(Opacity=35); - background-image: none; -} - -.ui-state-disabled .ui-icon { - filter: Alpha(Opacity=35); /* For IE8 - See #6059 */ -} - -/* Icons - ----------------------------------*/ - -/* states and images - -.ui-icon { - width: 16px; - height: 16px; - background-image: url("@{base-url}/jqueryui/ui-icons_222222_256x240.png"); -} - -.ui-widget-content .ui-icon { - background-image: url("@{base-url}/jqueryui/ui-icons_222222_256x240.png"); -} - -.ui-widget-header .ui-icon { - background-image: url("@{base-url}/jqueryui/ui-icons_222222_256x240.png"); -} - -.ui-state-default .ui-icon { - background-image: url("@{base-url}/jqueryui/ui-icons_888888_256x240.png"); -} - -.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { - background-image: url("@{base-url}/jqueryui/ui-icons_454545_256x240.png"); -} - -.ui-state-active .ui-icon { - background-image: url("@{base-url}/jqueryui/ui-icons_454545_256x240.png"); -} - -.ui-state-highlight .ui-icon { - background-image: url("@{base-url}/jqueryui/ui-icons_2e83ff_256x240.png"); -} - -.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { - background-image: url("@{base-url}/jqueryui/ui-icons_f6cf3b_256x240.png"); -} */ - -/* positioning */ - -.ui-icon-carat-1-n { - background-position: 0 0; -} -.ui-icon-carat-1-ne { - background-position: -16px 0; -} -.ui-icon-carat-1-e { - background-position: -32px 0; -} -.ui-icon-carat-1-se { - background-position: -48px 0; -} -.ui-icon-carat-1-s { - background-position: -64px 0; -} -.ui-icon-carat-1-sw { - background-position: -80px 0; -} -.ui-icon-carat-1-w { - background-position: -96px 0; -} -.ui-icon-carat-1-nw { - background-position: -112px 0; -} -.ui-icon-carat-2-n-s { - background-position: -128px 0; -} -.ui-icon-carat-2-e-w { - background-position: -144px 0; -} - -.ui-icon-triangle-1-n { - background-position: 0 -16px; -} -.ui-icon-triangle-1-ne { - background-position: -16px -16px; -} -.ui-icon-triangle-1-e { - background-position: -32px -16px; -} -.ui-icon-triangle-1-se { - background-position: -48px -16px; -} -.ui-icon-triangle-1-s { - background-position: -64px -16px; -} -.ui-icon-triangle-1-sw { - background-position: -80px -16px; -} -.ui-icon-triangle-1-w { - background-position: -96px -16px; -} -.ui-icon-triangle-1-nw { - background-position: -112px -16px; -} -.ui-icon-triangle-2-n-s { - background-position: -128px -16px; -} -.ui-icon-triangle-2-e-w { - background-position: -144px -16px; -} - -.ui-icon-arrow-1-n { - background-position: 0 -32px; -} -.ui-icon-arrow-1-ne { - background-position: -16px -32px; -} -.ui-icon-arrow-1-e { - background-position: -32px -32px; -} -.ui-icon-arrow-1-se { - background-position: -48px -32px; -} -.ui-icon-arrow-1-s { - background-position: -64px -32px; -} -.ui-icon-arrow-1-sw { - background-position: -80px -32px; -} -.ui-icon-arrow-1-w { - background-position: -96px -32px; -} -.ui-icon-arrow-1-nw { - background-position: -112px -32px; -} -.ui-icon-arrow-2-n-s { - background-position: -128px -32px; -} -.ui-icon-arrow-2-ne-sw { - background-position: -144px -32px; -} -.ui-icon-arrow-2-e-w { - background-position: -160px -32px; -} -.ui-icon-arrow-2-se-nw { - background-position: -176px -32px; -} -.ui-icon-arrowstop-1-n { - background-position: -192px -32px; -} -.ui-icon-arrowstop-1-e { - background-position: -208px -32px; -} -.ui-icon-arrowstop-1-s { - background-position: -224px -32px; -} -.ui-icon-arrowstop-1-w { - background-position: -240px -32px; -} - -.ui-icon-arrowthick-1-n { - background-position: 0 -48px; -} -.ui-icon-arrowthick-1-ne { - background-position: -16px -48px; -} -.ui-icon-arrowthick-1-e { - background-position: -32px -48px; -} -.ui-icon-arrowthick-1-se { - background-position: -48px -48px; -} -.ui-icon-arrowthick-1-s { - background-position: -64px -48px; -} -.ui-icon-arrowthick-1-sw { - background-position: -80px -48px; -} -.ui-icon-arrowthick-1-w { - background-position: -96px -48px; -} -.ui-icon-arrowthick-1-nw { - background-position: -112px -48px; -} -.ui-icon-arrowthick-2-n-s { - background-position: -128px -48px; -} -.ui-icon-arrowthick-2-ne-sw { - background-position: -144px -48px; -} -.ui-icon-arrowthick-2-e-w { - background-position: -160px -48px; -} -.ui-icon-arrowthick-2-se-nw { - background-position: -176px -48px; -} -.ui-icon-arrowthickstop-1-n { - background-position: -192px -48px; -} -.ui-icon-arrowthickstop-1-e { - background-position: -208px -48px; -} -.ui-icon-arrowthickstop-1-s { - background-position: -224px -48px; -} -.ui-icon-arrowthickstop-1-w { - background-position: -240px -48px; -} - -.ui-icon-arrowreturnthick-1-w { - background-position: 0 -64px; -} -.ui-icon-arrowreturnthick-1-n { - background-position: -16px -64px; -} -.ui-icon-arrowreturnthick-1-e { - background-position: -32px -64px; -} -.ui-icon-arrowreturnthick-1-s { - background-position: -48px -64px; -} -.ui-icon-arrowreturn-1-w { - background-position: -64px -64px; -} -.ui-icon-arrowreturn-1-n { - background-position: -80px -64px; -} -.ui-icon-arrowreturn-1-e { - background-position: -96px -64px; -} -.ui-icon-arrowreturn-1-s { - background-position: -112px -64px; -} -.ui-icon-arrowrefresh-1-w { - background-position: -128px -64px; -} -.ui-icon-arrowrefresh-1-n { - background-position: -144px -64px; -} -.ui-icon-arrowrefresh-1-e { - background-position: -160px -64px; -} -.ui-icon-arrowrefresh-1-s { - background-position: -176px -64px; -} - -.ui-icon-arrow-4 { - background-position: 0 -80px; -} -.ui-icon-arrow-4-diag { - background-position: -16px -80px; -} -.ui-icon-extlink { - background-position: -32px -80px; -} -.ui-icon-newwin { - background-position: -48px -80px; -} -.ui-icon-refresh { - background-position: -64px -80px; -} -.ui-icon-shuffle { - background-position: -80px -80px; -} -.ui-icon-transfer-e-w { - background-position: -96px -80px; -} -.ui-icon-transferthick-e-w { - background-position: -112px -80px; -} - -.ui-icon-folder-collapsed { - background-position: 0 -96px; -} -.ui-icon-folder-open { - background-position: -16px -96px; -} -.ui-icon-document { - background-position: -32px -96px; -} -.ui-icon-document-b { - background-position: -48px -96px; -} -.ui-icon-note { - background-position: -64px -96px; -} -.ui-icon-mail-closed { - background-position: -80px -96px; -} -.ui-icon-mail-open { - background-position: -96px -96px; -} -.ui-icon-suitcase { - background-position: -112px -96px; -} -.ui-icon-comment { - background-position: -128px -96px; -} -.ui-icon-person { - background-position: -144px -96px; -} -.ui-icon-print { - background-position: -160px -96px; -} -.ui-icon-trash { - background-position: -176px -96px; -} -.ui-icon-locked { - background-position: -192px -96px; -} -.ui-icon-unlocked { - background-position: -208px -96px; -} -.ui-icon-bookmark { - background-position: -224px -96px; -} -.ui-icon-tag { - background-position: -240px -96px; -} - -.ui-icon-home { - background-position: 0 -112px; -} -.ui-icon-flag { - background-position: -16px -112px; -} -.ui-icon-calendar { - background-position: -32px -112px; -} -.ui-icon-cart { - background-position: -48px -112px; -} -.ui-icon-pencil { - background-position: -64px -112px; -} -.ui-icon-clock { - background-position: -80px -112px; -} -.ui-icon-disk { - background-position: -96px -112px; -} -.ui-icon-calculator { - background-position: -112px -112px; -} -.ui-icon-zoomin { - background-position: -128px -112px; -} -.ui-icon-zoomout { - background-position: -144px -112px; -} -.ui-icon-search { - background-position: -160px -112px; -} -.ui-icon-wrench { - background-position: -176px -112px; -} -.ui-icon-gear { - background-position: -192px -112px; -} -.ui-icon-heart { - background-position: -208px -112px; -} -.ui-icon-star { - background-position: -224px -112px; -} -.ui-icon-link { - background-position: -240px -112px; -} - -.ui-icon-cancel { - background-position: 0 -128px; -} -.ui-icon-plus { - background-position: -16px -128px; -} -.ui-icon-plusthick { - background-position: -32px -128px; -} -.ui-icon-minus { - background-position: -48px -128px; -} -.ui-icon-minusthick { - background-position: -64px -128px; -} -.ui-icon-close { - background-position: -80px -128px; -} -.ui-icon-closethick { - background-position: -96px -128px; -} -.ui-icon-key { - background-position: -112px -128px; -} -.ui-icon-lightbulb { - background-position: -128px -128px; -} -.ui-icon-scissors { - background-position: -144px -128px; -} -.ui-icon-clipboard { - background-position: -160px -128px; -} -.ui-icon-copy { - background-position: -176px -128px; -} -.ui-icon-contact { - background-position: -192px -128px; -} -.ui-icon-image { - background-position: -208px -128px; -} -.ui-icon-video { - background-position: -224px -128px; -} -.ui-icon-script { - background-position: -240px -128px; -} - -.ui-icon-alert { - background-position: 0 -144px; -} -.ui-icon-info { - background-position: -16px -144px; -} -.ui-icon-notice { - background-position: -32px -144px; -} -.ui-icon-help { - background-position: -48px -144px; -} -.ui-icon-check { - background-position: -64px -144px; -} -.ui-icon-bullet { - background-position: -80px -144px; -} -.ui-icon-radio-on { - background-position: -96px -144px; -} -.ui-icon-radio-off { - background-position: -112px -144px; -} -.ui-icon-pin-w { - background-position: -128px -144px; -} -.ui-icon-pin-s { - background-position: -144px -144px; -} - -.ui-icon-play { - background-position: 0 -160px; -} -.ui-icon-pause { - background-position: -16px -160px; -} -.ui-icon-seek-next { - background-position: -32px -160px; -} -.ui-icon-seek-prev { - background-position: -48px -160px; -} -.ui-icon-seek-end { - background-position: -64px -160px; -} -.ui-icon-seek-first { - background-position: -80px -160px; -} -.ui-icon-seek-start { - background-position: -80px -160px; -} -.ui-icon-stop { - background-position: -96px -160px; -} -.ui-icon-eject { - background-position: -112px -160px; -} -.ui-icon-volume-off { - background-position: -128px -160px; -} -.ui-icon-volume-on { - background-position: -144px -160px; -} - -.ui-icon-power { - background-position: 0 -176px; -} -.ui-icon-signal-diag { - background-position: -16px -176px; -} -.ui-icon-signal { - background-position: -32px -176px; -} -.ui-icon-battery-0 { - background-position: -48px -176px; -} -.ui-icon-battery-1 { - background-position: -64px -176px; -} -.ui-icon-battery-2 { - background-position: -80px -176px; -} -.ui-icon-battery-3 { - background-position: -96px -176px; -} - -.ui-icon-circle-plus { - background-position: 0 -192px; -} -.ui-icon-circle-minus { - background-position: -16px -192px; -} -.ui-icon-circle-close { - background-position: -32px -192px; -} -.ui-icon-circle-triangle-e { - background-position: -48px -192px; -} -.ui-icon-circle-triangle-s { - background-position: -64px -192px; -} -.ui-icon-circle-triangle-w { - background-position: -80px -192px; -} -.ui-icon-circle-triangle-n { - background-position: -96px -192px; -} -.ui-icon-circle-arrow-e { - background-position: -112px -192px; -} -.ui-icon-circle-arrow-s { - background-position: -128px -192px; -} -.ui-icon-circle-arrow-w { - background-position: -144px -192px; -} -.ui-icon-circle-arrow-n { - background-position: -160px -192px; -} -.ui-icon-circle-zoomin { - background-position: -176px -192px; -} -.ui-icon-circle-zoomout { - background-position: -192px -192px; -} -.ui-icon-circle-check { - background-position: -208px -192px; -} - -.ui-icon-circlesmall-plus { - background-position: 0 -208px; -} -.ui-icon-circlesmall-minus { - background-position: -16px -208px; -} -.ui-icon-circlesmall-close { - background-position: -32px -208px; -} -.ui-icon-squaresmall-plus { - background-position: -48px -208px; -} -.ui-icon-squaresmall-minus { - background-position: -64px -208px; -} -.ui-icon-squaresmall-close { - background-position: -80px -208px; -} - -.ui-icon-grip-dotted-vertical { - background-position: 0 -224px; -} -.ui-icon-grip-dotted-horizontal { - background-position: -16px -224px; -} -.ui-icon-grip-solid-vertical { - background-position: -32px -224px; -} -.ui-icon-grip-solid-horizontal { - background-position: -48px -224px; -} -.ui-icon-gripsmall-diagonal-se { - background-position: -64px -224px; -} -.ui-icon-grip-diagonal-se { - background-position: -80px -224px; -} - -/* Misc visuals - ----------------------------------*/ - -/* Corner radius */ - -.ui-corner-all { - -webkit-border-radius: 0px; /* Safari 4 */ - -moz-border-radius: 0px; /* Firefox 3.6 */ - border-radius: 0px; -} - -.ui-corner-top, .ui-corner-left, .ui-corner-tl { - -webkit-border-top-left-radius: 4px; /* Safari 4 */ - -moz-border-radius-topleft: 4px; /* Firefox 3.6 */ - border-top-left-radius: 4px; -} - -.ui-corner-top, .ui-corner-right, .ui-corner-tr { - -webkit-border-top-right-radius: 4px; /* Safari 4 */ - -moz-border-radius-topright: 4px; /* Firefox 3.6 */ - border-top-right-radius: 4px; -} - -.ui-corner-bottom, .ui-corner-left, .ui-corner-bl { - -webkit-border-bottom-left-radius: 4px; /* Safari 4 */ - -moz-border-radius-bottomleft: 4px; /* Firefox 3.6 */ - border-bottom-left-radius: 4px; -} - -.ui-corner-bottom, .ui-corner-right, .ui-corner-br { - -webkit-border-bottom-right-radius: 4px; /* Safari 4 */ - -moz-border-radius-bottomright: 4px; /* Firefox 3.6 */ - border-bottom-right-radius: 4px; -} - -/* Overlays */ - -.ui-widget-overlay { - background: #aaaaaa; - opacity: .30; - filter: Alpha(Opacity=30); -} - -.ui-widget-shadow { - margin: -8px 0 0 -8px; - padding: 8px; - background: #aaaaaa; - opacity: .30; - filter: Alpha(Opacity=30); - -webkit-border-radius: 8px; /* Safari 4 */ - -moz-border-radius: 8px; /* Firefox 3.6 */ - border-radius: 8px; -} - -/* - * jQuery UI Accordion 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://jqueryui.com/accordion/ - */ - -/* IE/Win - Fix animation bug - #4615 */ -.ui-accordion { - width: 100%; -} - -.ui-accordion .ui-accordion-li-fix { - display: inline; -} - -.ui-accordion .ui-accordion-header-active { - border-bottom: 0 !important; -} - -.ui-accordion .ui-accordion-header { - display: block; - cursor: pointer; - position: relative; - margin-top: 2px; - padding: .5em .5em .5em .7em; - min-height: 0; /* support: IE7 */ -} - -.ui-accordion .ui-accordion-icons { - padding-left: 2.2em; -} -.ui-accordion .ui-accordion-noicons { - padding-left: .7em; -} -.ui-accordion .ui-accordion-icons .ui-accordion-icons { - padding-left: 2.2em; -} -.ui-accordion .ui-accordion-header .ui-accordion-header-icon { - position: absolute; - left: .5em; - top: 50%; - margin-top: -8px; -} - -.ui-accordion .ui-accordion-content { - padding: 1em 2.2em; - border-top: 0 none; - margin-top: -3px; - position: relative; - top: 1px; - margin-bottom: 2px; - overflow: auto; - display: none; -} - -.ui-accordion .ui-accordion-content-active { - display: block; -} - -/* - * jQuery UI Autocomplete 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://jqueryui.com/autocomplete/ - */ - -.ui-autocomplete { - position: absolute; - top: 0; - left: 0; - cursor: default; -} - -/* - * jQuery UI Button 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Button#theming - */ - -.ui-button { - cursor: pointer; - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - font-weight: normal; - line-height: 1.428571429; - text-align: center; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - border: 1px solid #ccc; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; -} - -.ui-button:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.ui-button:focus, .ui-button:hover { - color: #333333; - background-color: #ebebeb; - border-color: #adadad; - text-decoration: none; -} - -ui-button.disabled, ui-button[disabled], fieldset[disabled] ui-button, ui-button.disabled:hover, ui-button[disabled]:hover, fieldset[disabled] ui-button:hover, ui-button.disabled:focus, ui-button[disabled]:focus, fieldset[disabled] ui-button:focus, ui-button.disabled:active, ui-button[disabled]:active, fieldset[disabled] ui-button:active, ui-button.disabled.active, ui-button[disabled].active, fieldset[disabled] ui-button.ui-state-active { - background-color: #ffffff; - border-color: #cccccc; -} - -.ui-btn-lg { - padding: 10px 16px; - font-size: 18px; - line-height: 1.33; - border-radius: 6px; -} - -.ui-btn-sm, .ui-btn-xs { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} - -.ui-btn-xs { - padding: 1px 5px; -} - -.ui-btn-block { - display: block; - width: 100%; - padding-right: 0; - padding-left: 0; -} - -.ui-btn-block + .ui-btn-block { - margin-top: 5px; -} - -input[type="submit"].ui-btn-block, input[type="reset"].ui-btn-block, input[type="button"].ui-btn-block { - width: 100%; -} - -.ui-button-text-icon-primary -.ui-button-icon-primary { - float: left; -} - -.ui-button-text-icon-primary { - padding: 2px 7px 3px; -} - -.ui-button-primary { - color: #ffffff; - background-color: #428bca; - border-color: #357ebd; -} - -.ui-button-warning { - color: #ffffff; - background-color: #f0ad4e; - border-color: #eea236; -} - -.ui-button-info { - color: #ffffff; - background-color: #5bc0de; - border-color: #46b8da; -} -.ui-button-danger { - color: #ffffff; - background-color: #d9534f; - border-color: #d43f3a; -} - -.ui-button-inverse { - color: #ffffff; - background-color: #222222; - border-color: #080808; -} - -.ui-button-success { - color: #ffffff; - background-color: #5cb85c; - border-color: #4cae4c; -} - -.ui-button-error { - color: #ffffff; - background-color: #c43c35; - border-color: #882a25; -} - -.ui-button-primary:hover, .ui-button-success:hover, .ui-button-info:hover, .ui-button-danger:hover, .ui-button-warning:hover, .ui-button-inverse:hover { - color: #ffffff; - text-decoration: none; -} - -.ui-button-primary:hover, .ui-button-primary:focus { - color: #ffffff; - background-color: #3276b1; - border-color: #285e8e; -} -.ui-button-success:hover { - color: #ffffff; - background-color: #47a447; - border-color: #398439; -} - -.ui-button-info:hover { - color: #ffffff; - background-color: #39b3d7; - border-color: #269abc; -} - -.ui-button-danger:hover { - color: #ffffff; - background-color: #d2322d; - border-color: #ac2925; -} - -.ui-button-warning:hover { - color: #ffffff; - background-color: #ed9c28; - border-color: #d58512; -} - -.ui-button-inverse:hover { - color: #ffffff; - background-color: #363636; - border-color: #000000; -} - -/* to make room for the icon, a width needs to be set here */ -.ui-button-icon-only { - width: 2.2em; -} - -/* button elements seem to need a little more width */ -.ui-button-icons-only { - width: 3.4em; -} - -button.ui-button-icons-only { - width: 3.7em; -} - -.ui-button-text-icon-primary .ui-button-icon-primary.ui-icon { - margin-top: 5px; -} -/*button text element */ - -.ui-button .ui-button-text { - display: block; - line-height: normal; -} - -.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { - padding: .4em; - text-indent: -9999px; - display: none; /*tempfix*/ -} - -.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { - padding: .4em 1em .4em 2.1em; -} - -.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { - padding: .4em 2.1em .4em 1em; -} - -.ui-button-text-icons .ui-button-text { - padding-left: 2.1em; - padding-right: 2.1em; -} - -/* no icon support for input elements, provide padding by default */ -input.ui-button { - padding: .4em 1em; -} - -/*button icon element(s) */ -.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { - margin-bottom: 0; - margin-top: 0; - top: 50%; -} - -.ui-button-icon-only .ui-icon { - left: 50%; - /* chrome margin*/ - margin-left: -8px; - /* firefox margin*/ - margin-right: -6px; -} - -.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { - left: .5em; -} - -.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { - right: .5em; -} - -.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { - right: .5em; -} - -/*button sets*/ - -.ui-buttonset { - margin-right: 7px; -} - -.ui-buttonset .ui-state-active { - color: #ffffff; - background-color: #428bca; - border-color: #357ebd; -} - -.ui-buttonset .ui-state-active.ui-state-hover { - color: #ffffff; - background-color: #3276b1; - border-color: #285e8e; -} - -.ui-buttonset .ui-button { - margin-left: 0; - margin-right: -.4em; -} - -/* reset extra padding in Firefox */ -button.ui-button::-moz-focus-inner { - border: 0; - padding: 0; -} - -/* - * jQuery UI Menu 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Menu#theming - */ - -.ui-menu { - list-style: none; - padding: 2px; - margin: 0; - display: block; - outline: none; -} - -.ui-menu .ui-menu { - margin-top: -3px; - position: absolute; - list-style: none; -} - -.ui-menu .ui-menu-item { - margin: 0; - padding: 0; - width: 100%; - list-style: none; - /* support: IE10, see #8844 */ - list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); -} - -.ui-menu .ui-menu-divider { - margin: 5px -2px 5px -2px; - height: 0; - font-size: 0; - line-height: 0; - border-width: 1px 0 0 0; -} - -.ui-menu .ui-menu-item a { - text-decoration: none; - display: block; - padding: 2px .4em; - line-height: 1.5; - min-height: 0; /* support: IE7 */ - font-weight: normal; -} - -.ui-menu .ui-menu-item a.ui-corner-all { - -webkit-border-radius: 0px; /* Safari 4 */ - -moz-border-radius: 0px; /* Firefox 3.6 */ - border-radius: 0px; -} - -.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-widget-content { - font-weight: bold; - margin: 0; - background-color: #428BCA; - border-color: #357EBD; - color: #FFFFFF; - display: block; - white-space: nowrap; -} - -/* Fix problem with border in ui-state-active */ -.ui-menu .ui-menu-item a.ui-state-active { - padding: 1px .4em; -} - -.ui-menu .ui-state-disabled { - font-weight: normal; - margin: .4em 0 .2em; - line-height: 1.5; -} - -.ui-menu .ui-state-disabled a { - cursor: default; -} - -/* icon support */ -.ui-menu-icons { - position: relative; -} - -.ui-menu-icons .ui-menu-item a { - position: relative; - padding-left: 2em; -} - -/* left-aligned */ -.ui-menu .ui-icon { - position: absolute; - top: .2em; - left: .2em; -} - -/* right-aligned */ -.ui-menu .ui-menu-icon { - position: static; - float: right; -} - -.ui-menu { - width: 200px; - margin-bottom: 2em; -} - -/* - * jQuery UI spinner 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Menu#theming - */ - -.ui-spinner { - position: relative; - display: inline-block; - overflow: hidden; - padding: 0; - vertical-align: middle; -} - -.ui-spinner-input { - border: none; - background: none; - padding: 0; - margin: .2em 0; - vertical-align: middle; - margin-left: .4em; - margin-right: 22px; -} - -.ui-spinner-button { - width: 16px; - height: 50%; - font-size: .5em; - padding: 0; - margin: 0; - text-align: center; - position: absolute; - cursor: default; - display: block; - overflow: hidden; - right: 0; -} - -/* more specificity required here to overide default borders */ -.ui-spinner a.ui-spinner-button { - border-top: none; - border-bottom: none; - border-right: none; -} - -/* vertical centre icon */ -.ui-spinner .ui-icon { - position: absolute; - margin-top: -8px; - top: 50%; - left: 0; -} - -.ui-spinner-up { - top: 0; -} - -.ui-spinner-down { - bottom: 0; -} - -/* need to fix icons sprite */ -.ui-spinner .ui-icon-triangle-1-s { - background-position: -65px -16px; -} - -/********** VJ - Move to Less - End *************/ - -/* - * jQuery UI Dialog 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Dialog#theming - */ - -.ui-dialog { - position: absolute; - top: 0; - left: 0; - padding: 0; - width: 300px; - overflow: hidden; - outline: 0; - background-clip: padding-box; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 6px 6px 6px 6px; - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); /* Safari 4 */ - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); /* Firefox 3.6 */ - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - /*left: 50%; - margin-left: -280px;*/ - outline: medium none; - /*top: 10%; - width: 560px;*/ - z-index: 1050; -} - -.ui-dialog .ui-dialog-titlebar { - /*padding: .4em 1em;*/ - position: relative; - padding: 5px 15px; - border: 0 0 0 1px solid; - border-color: white; - padding: 5px 15px; - font-size: 18px; - text-decoration: none; - -webkit-border-bottom-right-radius: 0; /* Safari 4 */ - -moz-border-radius-bottomright: 0; /* Firefox 3.6 */ - border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; /* Safari 4 */ - -moz-border-radius-bottomleft: 0; /* Firefox 3.6 */ - border-bottom-left-radius: 0; - border-bottom: 1px solid #ccc; -} - -.ui-dialog .ui-dialog-title { - float: left; - color: #404040; - font-weight: bold; - margin-top: 5px; - margin-bottom: 5px; - padding: 5px; - text-overflow: ellipsis; - overflow: hidden; -} - -.ui-dialog .ui-dialog-titlebar-close { - position: absolute; - right: .3em; - top: 50%; - width: 19px; - margin: -20px 0 0 0; - padding: 1px; - height: 18px; - font-size: 20px; - font-weight: bold; - line-height: 13.5px; - text-shadow: 0 1px 0 #ffffff; - filter: alpha(opacity=25); - -khtml-opacity: 0.25; - -moz-opacity: 0.25; - opacity: 0.25; - background: none; - border-width: 0; - border: none; - -webkit-box-shadow: none; /* Safari 4 */ - -moz-box-shadow: none; /* Firefox 3.6 */ - box-shadow: none; -} - -.ui-dialog .ui-dialog-titlebar-close span { - display: block; - margin: 1px; - text-indent: 9999px; -} - -.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { - padding: 1px; - filter: alpha(opacity=90); - -moz-opacity: 0.90; - opacity: 0.90; -} - -.ui-dialog .ui-dialog-content { - position: relative; - border: 0; - padding: .5em 1em; - background: none; - overflow: auto; -} - -.ui-dialog .ui-dialog-buttonpane { - text-align: left; - border-width: 1px 0 0 0; - background-image: none; - margin: .5em 0 0 0; - background-color: #ffffff; - padding: 5px 15px 5px; - border-top: 1px solid #ddd; - -webkit-border-radius: 0 0 6px 6px; /* Safari 4 */ - -moz-border-radius: 0 0 6px 6px; /* Firefox 3.6 */ - border-radius: 0 0 6px 6px; - -webkit-box-shadow: inset 0 1px 0 #ffffff; /* Safari 4 */ - -moz-box-shadow: inset 0 1px 0 #ffffff; /* Firefox 3.6 */ - box-shadow: inset 0 1px 0 #ffffff; - margin-bottom: 0; -} - -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: right; -} - -.ui-dialog .ui-dialog-buttonpane button { - margin: .5em .4em .5em 0; - cursor: pointer; -} - -.ui-dialog .ui-resizable-se { - width: 14px; - height: 14px; - right: 3px; - bottom: 3px; -} - -.ui-draggable .ui-dialog-titlebar { - cursor: move; -} - -.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { - color: #ffffff; - background-color: #428bca; - border-color: #357ebd; -} - -.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover { - color: #ffffff; - background-color: #3276b1; - border-color: #285e8e; -} - -/***Dialog fixes**/ - -.ui-dialog-buttonset .ui-button:not(:first-child) { -cursor: pointer; -display: inline-block; -color: #333333; -background-color: #ffffff; -border: 1px solid #cccccc; --webkit-transition: 0.1s linear all; --moz-transition: 0.1s linear all; --o-transition: 0.1s linear all; -transition: 0.1s linear all; -overflow: visible; -} - -.ui-dialog-buttonset .ui-button:not(:first-child) -.ui-state-hover { - color: #333333; - background-color: #ebebeb; - border-color: #adadad; - text-decoration: none; -} - -/* ui-dialog-buttonset UI info */ -.ui-dialog-buttonset .ui-button.ui-button-info { - color: #ffffff; - background-color: #5bc0de; - border-color: #46b8da; -} - -.ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover { - color: #ffffff; - background-color: #39b3d7; - border-color: #269abc; -} - -/* ui-dialog-buttonset UI success */ -.ui-dialog-buttonset .ui-button.ui-button-success { - color: #ffffff; - background-color: #5cb85c; - border-color: #4cae4c; -} - -.ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover { - color: #ffffff; - background-color: #47a447; - border-color: #398439; -} - -/* ui-dialog-buttonset UI warning */ -.ui-dialog-buttonset .ui-button.ui-button-warning { - color: #ffffff; - background-color: #f0ad4e; - border-color: #eea236; -} - -.ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover { - color: #ffffff; - background-color: #ed9c28; - border-color: #d58512; -} - -/* ui-dialog-buttonset UI Danger */ -.ui-dialog-buttonset .ui-button.ui-button-danger { - color: #ffffff; - background-color: #d9534f; - border-color: #d43f3a; -} - -.ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover { - color: #ffffff; - background-color: #d2322d; - border-color: #ac2925; -} - -/* ui-dialog-buttonset UI Inverse */ -.ui-dialog-buttonset .ui-button.ui-button-inverse { - color: #ffffff; - background-color: #222222; - border-color: #080808; -} - -.ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover { - color: #ffffff; - background-color: #363636; - border-color: #000000; -} - -/* - * jQuery UI Slider 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Slider#theming - */ - -.ui-slider { - position: relative; - text-align: left; -} - -/* For IE8 - See #6727 */ -.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { - filter: inherit; -} - -.ui-slider .ui-slider-handle { - position: absolute; - z-index: 2; - width: 16px; - height: 18px; - cursor: default; -} - -.ui-slider .ui-slider-range { - position: absolute; - z-index: 1; - font-size: .7em; - display: block; - border: 0; - background-position: 0 0; - color: #ffffff; - background-color: #0e90d2; - background-image: -moz-linear-gradient(top, #149bdf, #0480be); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); - background-image: -webkit-linear-gradient(top, #149bdf, #0480be); - background-image: -o-linear-gradient(top, #149bdf, #0480be); - background-image: linear-gradient(to bottom, #149bdf, #0480be); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; -} - -.ui-slider-horizontal { - height: 10px; - background: #D5D5D5; - border: none; -} - -.ui-slider-horizontal .ui-slider-handle { - top: -.3em; - margin-left: -.6em; - background-color: #fff; - border-color: #CCC; -} - -.ui-slider-horizontal .ui-slider-handle:focus { - background-color: #fff; - border-color: #357EBD; -} - -.ui-slider-horizontal .ui-slider-handle:hover { - - background-color: #fff; - border-color: #285E8E; - outline: 0; -} - -.ui-slider-horizontal .ui-slider-handle:active { - background-color: #428BCA; - border-color: #3276B1; -} - -.ui-slider-horizontal .ui-slider-range { - top: 0; - height: 100%; -} - -.ui-slider-horizontal .ui-slider-range-min { - left: 0; -} - -.ui-slider-horizontal .ui-slider-range-max { - right: 0; -} - -.ui-slider-vertical { - width: .8em; - height: 100px; -} - -.ui-slider-vertical .ui-slider-handle { - left: -.3em; - margin-left: 0; - margin-bottom: -.6em; -} - -.ui-slider-vertical .ui-slider-range { - left: 0; - width: 100%; -} - -.ui-slider-vertical .ui-slider-range-min { - bottom: 0; -} - -.ui-slider-vertical .ui-slider-range-max { - top: 0; -} - -/* - * jQuery UI Tabs 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://jqueryui.com/tabs/ - */ - -.ui-tabs { - position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ - border: 0; - -webkit-border-radius: 0; /* Safari 4 */ - -moz-border-radius: 0; /* Firefox 3.6 */ - border-radius: 0; -} - -.ui-tabs .ui-tabs-nav { - margin-bottom: 5px; - border: solid #ddd; - border-width: 0 0 1px 0; - -webkit-border-radius: 0; /* Safari 4 */ - -moz-border-radius: 0; /* Firefox 3.6 */ - border-radius: 0; - background: none; -} - -.ui-tabs .ui-tabs-nav li { - position: relative; - top: 0; - float: left; - margin-right: 2px; - margin-bottom: -1px; - border: 0; - list-style: none; - white-space: nowrap; - background: none; -} - -.ui-tabs-nav .ui-state-default { - border: 0; - -webkit-box-shadow: none; /* Safari 4 */ - -moz-box-shadow: none; /* Firefox 3.6 */ - box-shadow: none; -} - -.ui-tabs .ui-tabs-nav li a { - float: left; - border: 1px solid #fff; - border-bottom: 1px solid #ddd; - -webkit-border-radius: 4px 4px 0 0; /* Safari 4 */ - -moz-border-radius: 4px 4px 0 0; /* Firefox 3.6 */ - border-radius: 4px 4px 0 0; - padding: 8px 12px; - font-weight: normal; - text-decoration: none; - outline: none; - color: #0069D6; - background: none; -} - -.ui-tabs .ui-tabs-nav li a:hover { - border: 1px solid whiteSmoke; - border-bottom: 1px solid #ddd; - background-color: whiteSmoke; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-active a { - border: 1px solid #ddd; - border-bottom: 1px solid #fff; - background-color: #fff; - color: #555; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover { - background: #fff; - cursor: text; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { - cursor: text; -} - -/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ -.ui-tabs .ui-tabs-panel { - display: block; - margin: 1em 0; - border: 0; - -webkit-border-radius: 0; /* Safari 4 */ - -moz-border-radius: 0; /* Firefox 3.6 */ - border-radius: 0; - padding: 1px 0; - background: none; -} - -.ui-tabs .ui-tabs-hide { - display: none !important; -} - -/* IE fix for background inheritance from ui-widget */ -.ui-tabs .ui-tabs-nav li { - filter: none; -} - -/* - * jQuery UI Tooltip 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://jqueryui.com/tooltip/ - */ - -.ui-tooltip { - display: block; - font-size: 11px; - opacity: 0.8; - position: absolute; - visibility: visible; - z-index: 1024; - max-width: 200px; -} - -.ui-tooltip { - background: #000000; - border: 1px solid #000000; -} - -.ui-tooltip { - color: #FFFFFF; - padding: 3px 8px; - text-align: center; - text-decoration: none; - -webkit-box-shadow: inset 0 1px 0 #000000; /* Safari 4 */ - -moz-box-shadow: inset 0 1px 0 #000000; /* Firefox 3.6 */ - box-shadow: inset 0 1px 0 #000000; - border-radius: 4px 4px 4px 4px; -} - -body .ui-tooltip { - border-width: 1px; -} - -/* - .arrow { - overflow: hidden; - position: absolute; - margin-left: 0; - height: 20px; - width: 20px; - } - - .arrow.bottom { - top: 100%; - left: 38%; - } - - .arrow.top { - top: -50%; - bottom: 22px; - left: 42%; - } - - .arrow.left { - top : 25%; - left: -15%; - right: 0; - bottom:-16px; - } - - .arrow.right { - top: 26%; - left: 100%; - right: 0; - bottom:-16px; - margin-left: 1px; - } - - .arrow:after { - content : " " ; - position : absolute ; - height : 0 ; - left:0; - top: 0; - width: 0; - margin-left : 0 ; - bottom : 12px ; - box-shadow: 6px 5px 9px -9px black; - } - - .arrow.bottom:after { - border-top:8px solid #000000; - border-right:8px solid transparent; - border-bottom:8px solid transparent; - border-left:8px solid transparent; - } - - .arrow.top:after { - border-top:6px solid transparent; - border-right:6px solid transparent; - border-bottom:6px solid #000000; - border-left:6px solid transparent; - } - - .arrow.left:after{ - width:0; - border-top: 6px solid transparent; - border-right: 6px solid #000000; - border-bottom: 6px solid transparent; - border-left: 6px solid transparent; - } - - .arrow.right:after{ - width:0; - border-top: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid transparent; - border-left: 6px solid #000000; - }*/ - -/* - * jQuery UI Datepicker 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://jqueryui.com/datepicker/ - */ - -.ui-datepicker { - width: 17em; - padding: .2em .2em 0; - display: none; -} - -.ui-datepicker .ui-datepicker-header { - position: relative; - padding: .2em 0; - border: 0; - font-weight: bold; - width: 100%; - padding: 4px 0; - background-color: #f5f5f5; - color: #808080; -} - -.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { - position: absolute; - top: 2px; - width: 1.8em; - height: 1.8em; -} - -.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { - /*top: 1px;*/ -} - -.ui-datepicker .ui-datepicker-prev { - left: 2px; -} - -.ui-datepicker .ui-datepicker-next { - right: 2px; -} - -.ui-datepicker .ui-datepicker-prev-hover { - /*left:1px;*/ -} - -.ui-datepicker .ui-datepicker-next-hover { - /*right:1px;*/ -} - -.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { - display: block; - position: absolute; - left: 50%; - margin-left: -8px; - top: 50%; - margin-top: -8px; -} - -.ui-datepicker .ui-datepicker-title { - margin: 0 2.3em; - line-height: 1.8em; - text-align: center; -} - -.ui-datepicker .ui-datepicker-title select { - font-size: 1em; - margin: 1px 0; -} - -.ui-datepicker select.ui-datepicker-month-year { - width: 100%; -} - -.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { - width: 49%; -} - -.ui-datepicker table { - width: 100%; - font-size: .9em; - border-collapse: collapse; - margin: 0 0 .4em; -} - -.ui-datepicker th { - padding: .7em .3em; - text-align: center; - font-weight: bold; - border: 0; -} - -.ui-datepicker td { - border: 0; - padding: 1px; -} - -.ui-datepicker td span, .ui-datepicker td a { - display: block; - padding: .2em; - text-align: right; - text-decoration: none; -} - -.ui-datepicker .ui-datepicker-buttonpane { - background-image: none; - margin: .7em 0 0 0; - padding: 0 .2em; - border-left: 0; - border-right: 0; - border-bottom: 0; -} - -.ui-datepicker .ui-datepicker-buttonpane button { - float: right; - margin: .5em .2em .4em; - cursor: pointer; - padding: .2em .6em .3em .6em; - width: auto; - overflow: visible; -} - -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { - float: left; -} - -/* with multiple calendars */ - -.ui-datepicker.ui-datepicker-multi { - width: auto; -} - -.ui-datepicker-multi .ui-datepicker-group { - float: left; -} - -.ui-datepicker-multi .ui-datepicker-group table { - width: 95%; - margin: 0 auto .4em; -} - -.ui-datepicker-multi-2 .ui-datepicker-group { - width: 50%; -} - -.ui-datepicker-multi-3 .ui-datepicker-group { - width: 33.3%; -} - -.ui-datepicker-multi-4 .ui-datepicker-group { - width: 25%; -} - -.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { - border-left-width: 0; -} - -.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { - border-left-width: 0; -} - -.ui-datepicker-multi .ui-datepicker-buttonpane { - clear: left; -} - -.ui-datepicker-row-break { - clear: both; - width: 100%; - font-size: 0em; -} - -/* RTL support */ - -.ui-datepicker-rtl { - direction: rtl; -} - -.ui-datepicker-rtl .ui-datepicker-prev { - right: 2px; - left: auto; -} - -.ui-datepicker-rtl .ui-datepicker-next { - left: 2px; - right: auto; -} - -.ui-datepicker-rtl .ui-datepicker-prev:hover { - right: 1px; - left: auto; -} - -.ui-datepicker-rtl .ui-datepicker-next:hover { - left: 1px; - right: auto; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane { - clear: right; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane button { - float: left; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { - float: right; -} - -.ui-datepicker-rtl .ui-datepicker-group { - float: right; -} - -.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; -} - -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; -} - -/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ -.ui-datepicker-cover { - display: none; - display: block; - position: absolute; - z-index: -1; - filter: mask(); - top: -4px; - left: -4px; - width: 200px; - height: 200px; -} - -.ui-datepicker th { - font-weight: bold; - color: gray; -} - -.ui-datepicker-today a:hover { - background-color: #808080; - color: #ffffff; -} -.ui-datepicker-today a { - background-color: #BFBFBF; - cursor: pointer; - padding: 0 4px; - margin-bottom: 0; -} - -.ui-datepicker td a { - margin-bottom: 0; - border: 0; -} - -.ui-datepicker td:hover { - color: #ffffff; -} - -.ui-datepicker td .ui-state-default { - border: 0; - background: none; - margin-bottom: 0; - padding: 5px; - color: gray; - text-align: center; - filter: none; -} - -.ui-datepicker td .ui-state-highlight { - color: #ffffff; - background-color: #A90329; - border-color: #46b8da; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - -webkit-border-radius: 0px; /* Safari 4 */ - -moz-border-radius: 0px; /* Firefox 3.6 */ - border-radius: 0px; -} - -.ui-datepicker td .ui-state-active { - color: #333333; - background-color: #ebebeb; - border-color: #adadad; - margin-bottom: 0; - font-size: normal; - text-shadow: 0; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - -webkit-border-radius: 0px; /* Safari 4 */ - -moz-border-radius: 0px; /* Firefox 3.6 */ - border-radius: 0px; -} - -.ui-datepicker td .ui-state-hover { - color: #ffffff; - background: #428bca; - background-color: #428bca; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - border-color: #357ebd; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - -webkit-border-radius: 0px; /* Safari 4 */ - -moz-border-radius: 0px; /* Firefox 3.6 */ - border-radius: 0px; -} - -/* - * jQuery UI Progressbar 1.10.3 - * - * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Progressbar#theming - */ - -.ui-progressbar { - height: 2em; - margin-bottom: 20px; - border: 0px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; - border-radius: 0px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -} - -.ui-progressbar .ui-progressbar-value { - margin: 0px; - height: 100%; - height: 100%; - color: #ffffff; /*this can be removed if ui-widget-header is blue*/ - background-color: #428BCA; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: width 0.6s ease; - transition: width 0.6s ease; -} - -.ui-progressbar .ui-progressbar-overlay { - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 40px 40px; - -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} - -.ui-progressbar-indeterminate .ui-progressbar-value { - background-image: none; -} - -/**Toolbar**/ - -.ui-toolbar { - padding: 7px 14px; - margin: 0 0 18px; - background-color: #f5f5f5; - background-repeat: repeat-x; - background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Safari 5.1+, Chrome 10+ */ - background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* Firefox 3.6 */ - background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Opera 11.10+ */ - background-image: linear-gradient(top, #ffffff, #f5f5f5); /* CSS3 Compliant */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); /* IE8 */ - border: 1px solid #ddd; - -webkit-border-radius: 3px; /* Safari 4 */ - -moz-border-radius: 3px; /* Firefox 3.6 */ - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 #ffffff; /* Safari 4 */ - -moz-box-shadow: inset 0 1px 0 #ffffff; /* Firefox 3.6 */ - box-shadow: inset 0 1px 0 #ffffff; -} -/** File Input **/ - -.customfile-button { - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - font-weight: normal; - line-height: 1.428571429; - text-align: center; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - border: 1px solid #ccc; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; -} -/***Wijmo Theming**/ - -div.wijmo-wijmenu { - padding: 0 20px; - background-color: #222222; - background-repeat: repeat-x; - background-image: -webkit-linear-gradient(top, #333333, #222222); /* Safari 5.1+, Chrome 10+ */ - background-image: -moz-linear-gradient(top, #333333, #222222); /* Firefox 3.6 */ - background-image: -o-linear-gradient(top, #333333, #222222); /* Opera 11.10+ */ - background-image: linear-gradient(top, #333333, #222222); /* CSS3 Compliant */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); /* IE8 */ - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); /* Safari 4 */ - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); /* Firefox 3.6 */ - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -} - -.wijmo-wijmenu .ui-state-default { - -webkit-box-shadow: none; /* Safari 4 */ - -moz-box-shadow: none; /* Firefox 3.6 */ - box-shadow: none; - color: #bfbfbf; -} - -.wijmo-wijmenu .ui-state-default .wijmo-wijmenu-text { - color: #bfbfbf; -} - -.wijmo-wijmenu .ui-state-hover { - background: #444; - background: rgba(255, 255, 255, 0.05); -} - -.wijmo-wijmenu .ui-state-hover .wijmo-wijmenu-text { - color: #ffffff; -} - -div.wijmo-wijmenu .ui-widget-header h3 { - position: relative; - margin-top: 1px; - padding: 0; -} - -.wijmo-wijmenu h3 a { - color: #ffffff; - display: block; - float: left; - font-size: 20px; - font-weight: 200; - line-height: 1; - margin-left: -20px; - margin-top: 1px; - padding: 8px 20px 12px; -} - -.wijmo-wijmenu h3 a:hover { - background-color: rgba(255, 255, 255, 0.05); - color: #ffffff; - text-decoration: none; -} - -.wijmo-wijmenu .ui-widget-header { - border: 0; -} - -.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child { - padding: 0.3em 0; -} - -div.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child { - background: #333; - border: 0; - margin: 0; - padding: 6px 0; - width: 160px; - -webkit-border-radius: 0 0 6px 6px; /* Safari 4 */ - -moz-border-radius: 0 0 6px 6px; /* Firefox 3.6 */ - border-radius: 0 0 6px 6px; - -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Safari 4 */ - -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Firefox 3.6 */ - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -} - -div.wijmo-wijmenu .wijmo-wijmenu-item { - margin: 0; - border: 0; -} - -.wijmo-wijmenu a.wijmo-wijmenu-link { - margin: 0; - line-height: 19px; - padding: 10px 10px 11px; - border: 0; - -webkit-border-radius: 0; /* Safari 4 */ - -moz-border-radius: 0; /* Firefox 3.6 */ - border-radius: 0; -} - -div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-link { - display: block; - float: none; - padding: 4px 15px; - width: auto; -} - -div.wijmo-wijmenu .wijmo-wijmenu-child .wijmo-wijmenu-text { - float: none; -} - -.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-child .ui-state-hover { - background: #191919; -} - -.wijmo-wijmenu .wijmo-wijmenu-item .wijmo-wijmenu-separator { - padding: 5px 0; - background-image: none; - background-color: #222; - border-top: 1px solid #444; - border-bottom: 0; - border-left: 0; - border-right: 0; -} - -.wijmo-wijmenu .wijmo-wijmenu-item input { - -moz-transition: none 0s ease 0s; - background-color: rgba(255, 255, 255, 0.3); - border: 1px solid #111111; - border-radius: 4px 4px 4px 4px; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); /* Safari 4 */ - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); /* Firefox 3.6 */ - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.75); - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - line-height: 1; - margin: 5px 10px 0 10px; - padding: 4px 9px; - width: 100px; -} - -.wijmo-wijmenu .wijmo-wijmenu-item input:hover { - background-color: rgba(255, 255, 255, 0.5); - color: #ffffff; -} - -.wijmo-wijmenu .wijmo-wijmenu-item input:focus { - background-color: #ffffff; - border: 0 none; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); /* Safari 4 */ - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); /* Firefox 3.6 */ - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - color: #404040; - outline: 0 none; - padding: 5px 10px; - text-shadow: 0 1px 0 #ffffff; -} - -.wijmo-wijmenu .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { - text-shadow: none; -} - -.wijmo-wijmenu .ui-state-default { - -webkit-box-shadow: none; /* Safari 4 */ - -moz-box-shadow: none; /* Firefox 3.6 */ - box-shadow: none; - color: #bfbfbf; - filter: none; -} - -/** - * Font Awesome in jQuery UI - * @author Gerits Aurelien - * - **/ - -.ui-button-icon-primary.ui-icon[class^="icon-"]:before, .ui-button-icon-primary.ui-icon[class*=" icon-"]:before, .ui-button-icon-secondary.ui-icon[class^="icon-"]:before, .ui-button-icon-secondary.ui-icon[class*=" icon-"]:before { - font-size: inherit; - margin-left: 7px !important; - margin-left: 5px; - display: inline; - text-decoration: inherit; - color: inherit; -} - -/* ** - * If you use "Font awesome" is disable UI icons in element - ** */ -.ui-state-default .ui-icon[class*=" icon-"] { - /* Reset background with font Awesome */ - background: none; - margin-left: -12px; /*fix for margin issue with font awesome buttons*/ -} - -/* If you do not use ui-icon uncomment the lines */ -/* - .ui-button .ui-button-text{ - display: inline-block; - padding: 0px; - } - - .ui-button-text-icon-primary .ui-button-icon-primary{ - float:none; - }*/ diff --git a/src/main/webapp/less/smartadmin/main-animated.less b/src/main/webapp/less/smartadmin/main-animated.less @@ -1,59 +0,0 @@ -/* - * ANIMATED - */ - -/* Navigation icon first level -.desktop-detected nav > ul > li > a:hover i { - -webkit-animation-name: wobble; - -moz-animation-name: wobble; - -o-animation-name: wobble; - animation-name: wobble; -} - -.desktop-detected nav > ul > li > a:hover i { - -webkit-animation-duration: .7s; - -moz-animation-duration: .7s; - -o-animation-duration: .7s; - animation-duration: .7s; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - -o-animation-fill-mode: both; - animation-fill-mode: both; -}*/ - - - -/* All dropdowns */ -.open > .dropdown-menu { - -webkit-animation-name: flipInX; - -moz-animation-name: flipInX; - -o-animation-name: flipInX; - animation-name: flipInX; -} - -.open > .dropdown-menu { - -webkit-animation-duration: .4s; - -moz-animation-duration: .4s; - -o-animation-duration: .4s; - animation-duration: .4s; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - -o-animation-fill-mode: both; - animation-fill-mode: both; -} - -.active + .ajax-dropdown { - -webkit-animation-name: flipInY; - -moz-animation-name: flipInY; - -o-animation-name: flipInY; - animation-name: flipInY; - -webkit-animation-duration: .7s; - -moz-animation-duration: .7s; - -o-animation-duration: .7s; - animation-duration: .7s; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - -o-animation-fill-mode: both; - animation-fill-mode: both; -} - diff --git a/src/main/webapp/less/smartadmin/main-custom.less b/src/main/webapp/less/smartadmin/main-custom.less @@ -1,454 +0,0 @@ -/* - * Main.less is overloaded with unneeded css rules. As more parts are added to the website, - * add the necessary SmartAdmin css rules to this Less file. -*/ - -html { - margin: 0; - padding: 0; - height: 100%; - overflow-x: hidden !important; -} - -body { - margin: 0; - padding: 0; - height: 100%; - direction:ltr; -} - -a:hover, a:active, a:focus, button, button:active, button:focus, object, embed, input::-moz-focus-inner { - outline: 0; -} - -.page-title { - margin: 12px 0 28px; - span { - font-size: @font-size-base+3; - color: @gray-dark; - display: inline-block; - vertical-align: 1px; - } -} - -label { - font-weight:normal; -} - -*:focus { - outline: 0 !important; -} - -textarea:focus, -select:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus, -.uneditable-input:focus { - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; - -} - -.input-sm, -.input-lg, -.input-xs, -.form-control { - border-radius:0px !important; - -webkit-border-radius: 0px !important; - -moz-border-radius: 0px !important; -} - -.input-xs { - height: 24px; - padding: 2px 10px; - font-size: 11px; - line-height: 1.5; -} - -.btn-xs { - padding: 1px 5px; -} - -.btn-sm { - padding: 6px 10px 5px; -} - -.btn-lg { - padding: 10px 16px; -} - -.no-space { - margin:0; -} - -.no-space > [class*="col-"] { - margin: 0 !important; - padding-right: 0; - padding-left: 0; -} - -body.container { - position: relative; - padding: 0; - border-left:1px solid @gray-mid-light; - border-right:1px solid @gray-mid-light; - box-shadow: 0 2px 70px rgba(red(@black), green(@black), blue(@black), 0.45); -} - -.no-content-padding { - margin: -10px -14px 0 -14px; /*used with content >:first-child */ -} - -.no-padding { - padding:0px !important; - & > pre { - margin:30px; - } - - & > table { - border:none !important; - margin-bottom:0px !important; - border-bottom-width:0px !important; - - tr td:last-child, tr th:last-child { - border-right:none !important; - } - - tr td:first-child, tr th:first-child { - border-left:none !important; - } - } - - .dataTables_wrapper table { - border:none !important; - margin-bottom:0px !important; - border-bottom-width:0px !important; - - tr td:last-child, tr th:last-child { - border-right:none !important; - } - tr td:first-child, tr th:first-child { - border-left:none !important; - } - } -} - -.no-padding-bottom { - padding-bottom:0px !important; -} -.padding-5 { - padding:5px !important; -} -.padding-7 { - padding:7px !important; -} -.padding-10 { - padding:10px !important; -} -.padding-top-10 { - padding-top:10px !important; -} - -.no-padding .dataTables_wrapper table tbody tr:last-child td { - border-bottom:0; -} - -.row-seperator-header { - margin:15px 14px 20px; - border-bottom:none; - display:block; - color: darken( @gray-light, 20.9%); - font-size:20px; - font-weight:400; -} - -/* - * Forced text alignments - */ - -.text-align-center, .text-center { - text-align:center !important -} -.text-align-left, .text-left { - text-align:left !important -} -.text-align-right, .text-right { - text-align:right !important -} - -/* - * Font Weights - */ - -.semi-bold { - font-weight:400 !important; -} - -.ultra-light { - font-weight:300 !important; -} - -/* - * Font Sizes - */ - - -.font-xs { - font-size:85% !important; -} - -.font-sm { - font-size:95% !important; -} - -.font-md { - font-size:110% !important; -} - -.font-lg { - font-size:120% !important; -} - -.font-xl { - font-size:140% !important; -} - -.font-400 { - font-size:400% !important; -} - -/* - * Center Canvas - */ -.center-canvas, .center-child-canvas > canvas { - display:block !important; - margin:0 auto !important; -} - -/* - * Margins - */ - -.no-margin { - margin:0px !important; -} - -.margin-top-5 { - margin-top:5px !important; -} - -.margin-top-10 { - margin-top:10px !important; -} - -.margin-bottom-5 { - margin-bottom:5px !important; -} - -.margin-bottom-10 { - margin-bottom:10px !important; -} - -.margin-right-5 { - margin-right:5px !important; -} - -.margin-left-10 { - margin-left: 10px !important; -} - -/* - * No border - */ - -.no-border, .well[class*=" bg-"].no-border { - border-width:0px !important; -} - -.no-border-transparent { - border-color:transparent !important; -} - -.no-border-radius { - border-radius:0px; - -moz-border-radius: 0px; - -webkit-border-radius: 0px; -} - -/* - * Inlines - */ -.display-inline { - display:inline-block !important; -} - -.display-normal { - display:inline !important; -} - - -/* - * Images - */ - -.hover-transparent { - opacity:.5; -}.hover-transparent:hover { - opacity:1; -} - -/* - * JUST A BORDER - */ -.bordered { - border:1px solid rgba(red(@black), green(@black), blue(@black),.2); -}.bordered:hover { - border:1px solid rgba(red(@black), green(@black), blue(@black),.4); -} - -/* - * CURSORS - */ -.cursor-pointer { - cursor:pointer; -} - - - -/* - * Alerts - */ -.alert { - margin-bottom: 20px; - margin-top: 0px; - padding: 5px 15px 5px 34px; - color:#675100; - border-width:0px; - border-left-width:5px; - padding:10px; - border-radius:0px; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; - .close { - top: 0px; - right: -5px; - line-height: 20px; - } -} - -.alert-heading { - font-weight:600; -} - -.alert-danger { - border-color: @state-danger-border; - color: @state-danger-text; - background: @state-danger-bg; - text-shadow:none; -} - -.alert-warning { - border-color: @state-warning-border; - color: @state-warning-text; - background: @state-warning-bg; -} - -.alert-success { - border-color: @state-success-border; - color: @state-success-text; - background: @state-success-bg; -} - -.alert-info { - border-color: @state-info-border; - color: @state-info-text; - background: @state-info-bg; -} - -/* - * WELLS - */ - -.well { - background: darken(@white, 1.5%); - border: 1px solid darken(@gray-lighter, 7%); - box-shadow: 0 1px 1px darken(@gray-lighter, 1%); - -webkit-box-shadow: 0 1px 1px darken(@gray-lighter, 1%); - -moz-box-shadow: 0 1px 1px darken(@gray-lighter, 1%); - position:relative; -} - -/* - * CUSTOM BUTTON - */ - -.pagination > li > a, .pagination > li > span { - box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - -moz-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - -webkit-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); -} - -.disabled { - color:@white; -} -.btn-default.disabled { - color:@gray-light; -} - -.btn { - border-radius:2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - -moz-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - -webkit-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); -} -.btn:active { - position:relative; - top:1px; - left:1px; -} - -/* SMART FORM */ - -.table.has-tickbox.smart-form thead tr th:first-child .radio, -.table.has-tickbox.smart-form thead tr th:first-child .checkbox, -.table.has-tickbox.smart-form tbody tr td:first-child .radio, -.table.has-tickbox.smart-form tbody tr td:first-child .checkbox { - padding:0px !important; -} - -.smart-form.table td .radio i, -.smart-form.table td .checkbox i, -.smart-form.table th .radio i, -.smart-form.table th .checkbox i { - top: 0px !important; -} - -/* - * Client page forms - */ - .client-form header { - padding: 15px 13px; - margin:0; - border-bottom-style:solid; - border-bottom-color:rgba(red(@black), green(@black), blue(@black), .1); - background: rgba(248, 248, 248, .9); - } -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/main-responsive.less b/src/main/webapp/less/smartadmin/main-responsive.less @@ -1,816 +0,0 @@ - -/* - * GENERAL MOBILE (Applies to all resolutions below 979px) - */ - -@media (max-width: 979px) { - - .inbox-data-message > :first-child { - height: 50px; - overflow: hidden; - } - - .show-stats .show-stat-buttons>:first-child{ - padding-right:13px; - } - .show-stats .show-stat-buttons>:last-child{ - padding-left:13px; - } - - .inbox-checkbox-triggered > .btn-group .btn { - padding-left:10px; - padding-right:10px; - } - - .inbox-body .table-wrap { - padding:0px !important; - } - - .inbox-nav-bar { - padding-left:5px; - padding-right:5px; - } - - .inbox-data-message > :first-child > :first-child { - display: block !important; - font-size: @font-size-base + 1px; - } - .inbox-table-icon > :first-child { - margin-top: 12px; - }#inbox-table .inbox-table-icon { - padding-left: 10px !important; - } - - /* search header */ - .header-search.pull-right { - margin-left: 0px; - } - - /* Visibility */ - .visible-tablet { - display:inline-block !important; - } - .hidden-tablet, .display-inline.hidden-tablet { - display:none !important; - } - - -} - - -/* MOBILE LAYOUT STARTS HERE */ - -/* - * IPAD HORIZONTAL - */ -@media (min-width: 768px) and (max-width: 979px) { - - #main::after { - /*content: "IPAD HORIZONTAL";*/ - } - #main { - margin-left: 0; - } - #left-panel { - left: -@asideWidth; - } - /* minified adjustment counter */ - .minified #left-panel { - left:0px; - } - - /* responsive menu button */ - #hide-menu > :first-child > a { - margin-top:9px; - width:40px; - } - - .btn-header a { - margin-top:9px !important; - width:40px !important; - } - - #hide-menu i { - color:#6D6A69; - font-size: 100%; - } - - .hidden-menu #hide-menu i { - color:@white; - } - - #hide-menu i::before { - content:"\f0c9" - } - - .hidden-menu #left-panel { - left:0; - } - - .hidden-menu #main { - position:relative; - left: @asideWidth - 10px; - } - - .hidden-menu.fixed-ribbon #ribbon { - left: @asideWidth; - } - .fixed-ribbon #ribbon { - left: 0px; - } - - /* - * Header search - */ - .header-search > input[type="text"] { - margin-top: 9px; - } - -} - -/* - * IPAD VERTICAL - */ -@media (min-width: 768px) and (max-width: 880px) { - #main::after { - /*content: "IPAD VERTICAL";*/ - } - #main { - margin-left: 0; - } - #left-panel { - left: -@asideWidth; - } - - .no-content-padding { - margin: 0 -14px !important; - } - .inbox-nav-bar.no-content-padding { - margin-top:-10px !important; - } - - /* minified adjustment counter */ - .minified #left-panel { - left:0px; - } - - /* responsive menu button */ - #hide-menu > :first-child > a, .btn-header a { - margin-top:5px !important; - width:40px !important; - height: 39px !important; - line-height: 38px !important; - } - #logo { - margin-top: 10px; - } #logo img { - width: 127px; - } - - /* transparent header button */ - .btn-header.transparent a { - border: none !important; - background: none; - margin-left: 0; - width: 25px !important; - box-shadow:none !important; - } - .btn-header.transparent a:hover { - color: @brand-danger; - } - - #hide-menu i { - color:#6D6A69; - font-size: 121%; - } - - .hidden-menu #hide-menu i { - color:@white; - } - - #hide-menu i::before { - content:"\f0c9" - } - - .hidden-menu #left-panel { - left:0px; - } - - .hidden-menu #main { - position:relative; - left:@asideWidth - 10px; - } - - .hidden-menu.fixed-ribbon #ribbon { - left: @asideWidth; - } - .fixed-ribbon #ribbon { - left: 0px; - } - - /* - * Header search - */ - .header-search > input[type="text"] { - margin-top: 9px; - } - -} - -/* - * OTHER DEVICES - */ - - -@media (max-width: 767px) { - - #main::after { - /*content: "OTHER DEVICES";*/ - } - #main { - margin-left: 0px; - } - #left-panel { - left: -@asideWidth; - } - - /* dashboard microcharts */ - - .show-stat-microcharts > div { - margin-top:0px !important; - border-right:none !important; - } - - .show-stat-buttons { - padding-left:10px !important; - padding-right:10px !important; - } - - /* padding adjustment */ - #content, #ribbon { - padding-left:5px; - padding-right:5px; - } #header { - padding-right:5px; - } #logo { margin-left: 4px; } - - .no-content-padding { - margin: 0 -5px !important; - } - .inbox-nav-bar.no-content-padding { - margin-top:-10px !important; - } - - /* minified adjustment counter */ - .minified #left-panel { - left:0px; - } - - /* transparent header button */ - .btn-header.transparent a { - border: none !important; - background: none; - margin-left: 0; - width: 25px !important; - box-shadow:none !important; - } - .btn-header.transparent a:hover { - color: @brand-danger; - } - - /* responsive menu button */ - #hide-menu > :first-child > a, .btn-header a { - margin-top:5px !important; - width: 40px !important; - height: 39px !important; - line-height: 38px !important; - } - #hide-menu > :first-child > a { - width:50px !important; - } - - #logo { - margin-top: 10px; - } #logo img { - width: 127px; - } - - #hide-menu i { - color:#6D6A69; - font-size: 121%; - } - - .hidden-menu #hide-menu i { - color:@white; - } - - #hide-menu i::before { - content:"\f0c9" - } - - .hidden-menu #left-panel { - left:0px; - } - - .hidden-menu #main { - position: relative; - left: @asideWidth - 10px; - } - - .hidden-menu.fixed-ribbon #ribbon { - left: @asideWidth; - } - .fixed-ribbon #ribbon { - left: 0px; - } - - .fixed-navigation #left-panel { - position:absolute !important; - } - - /* - * fixed ribbon - */ - .fixed-ribbon #content { - padding-top: 52px; - } - - /* - * header search - */ - .header-search { - display:none; - } - - #search-mobile { - display:block; - } - - .search-mobile .header-search { - display: block; - position: absolute; - top: 0px; - width: 100%; - height: @smart-navbar-height; - background: #333; - padding: 0 2px; - box-sizing: border-box; - left: 0px; - } - - .search-mobile .header-search > input[type="text"] { - margin-top: 2px; - height: 45px; - border-color:#333; - padding-right:75px; - } - - .search-mobile .header-search > button { - height: 29px; - line-height: 29px; - background: #DDDDDD; - } - - .search-mobile .header-search > button { - right: 44px - } - - .search-mobile #search-mobile { - display:none; - } - - .search-mobile #cancel-search-js { - display:block; - } - - /* project info is not needed at this width */ - #project-context { - display:none; - } - -} - -/* - * ANDROID - */ -@media only screen and (min-width: 0px) and (max-width: 679px) { - #main::after { - /*content: "ANDROID";*/ - } - #main { - margin-left: 0; - } - #left-panel { - left: -@asideWidth; - } - - /* dashboard microcharts */ - - .show-stat-microcharts > div { - margin-top:0px !important; - border-right:none !important; - } - - .show-stat-buttons { - padding-left:10px !important; - padding-right:10px !important; - } - - /* padding adjustment */ - #content, #ribbon { - padding-left:5px; - padding-right:5px; - } #header { - padding-right:5px; - } #logo { margin-left: 4px; } - - .no-content-padding { - margin: 0 -5px !important; - } - .inbox-nav-bar.no-content-padding { - margin-top:-10px !important; - } - - /* minified adjustment counter */ - .minified #left-panel { - left:0px; - } - - /* header color altered and adjusted for mobile view & contrast */ - #header { - background:@white; - } - - #ribbon { - border-bottom: 1px solid #CFCFCF; - border-top: 1px solid #E6E6E6; - background: #F5F5F5; - } - - #ribbon .breadcrumb a, #ribbon .breadcrumb { - color: #6D6C6C !important; - } - - #ribbon .breadcrumb > .active, #ribbon .breadcrumb li:last-child { - color: #333 !important; - } - - /* responsive menu button */ - #hide-menu > :first-child > a, .btn-header a { - margin-top: 5px !important; - width: 40px !important; - height: 39px !important; - line-height: 38px !important; - } - #hide-menu > :first-child > a { - width:50px !important; - } - #logo { - margin-top: 10px; - } #logo img { - width: 127px; - } - - /* transparent header button */ - .btn-header.transparent a { - border: none !important; - background: none; - margin-left: 0; - width: 25px !important; - box-shadow:none !important; - } - .btn-header.transparent a:hover { - color: @brand-danger; - } - - /* menu btn cont... */ - #hide-menu i { - color:#6D6A69; - font-size: 121%; - } - - .hidden-menu #hide-menu i { - color:@white; - } - - #hide-menu i::before { - content:"\f0c9" - } - - .hidden-menu #left-panel { - left: 0; - } - - .hidden-menu #main { - position:relative; - left: @asideWidth - 10px; - } - - .hidden-menu.fixed-ribbon #ribbon { - left: @asideWidth; - } - .fixed-ribbon #ribbon { - left: 0px; - } - - /* - * header search - */ - .header-search { - display:none; - } - - #search-mobile { - display:block; - } - - .search-mobile .header-search { - display: block; - position: absolute; - top: 0px; - width: 100%; - height: @smart-navbar-height; - background: #333; - padding: 0 2px; - box-sizing: border-box; - left: 0px; - } - - .search-mobile .header-search > input[type="text"] { - margin-top: 2px; - height: 45px; - border-color:#333; - padding-right:75px; - } - - .search-mobile .header-search > button { - height: 29px; - line-height: 29px; - background: #DDDDDD; - } - - .search-mobile .header-search > button { - right: 44px - } - - .search-mobile #search-mobile { - display:none; - } - - .search-mobile #cancel-search-js { - display:block; - } - - /* project info is not needed at this width */ - #project-context { - display:none !important; - } - - .hidden-tablet { - display:none !important; - } -} - -/* - * IPHONE - */ -@media only screen and (min-width: 320px) and (max-width: 479px) { - #main::after { - /*content: "IPHONE";*/ - } - #main { - margin-left: 0; - } - #left-panel { - left: -@asideWidth; - } - - /* dashboard microcharts */ - - .show-stat-microcharts > div { - margin-top: 0px !important; - border-right: none !important; - } - - .show-stat-buttons { - padding-left: 10px !important; - padding-right: 10px !important; - } - - /* padding adjustment */ - #content, #ribbon { - padding-left:5px; - padding-right:5px; - } #header { - padding-right:5px; - } #logo { margin-left: 4px; } - - .no-content-padding { - margin: 0 -5px !important; - } - .inbox-nav-bar.no-content-padding { - margin-top: -10px !important; - } - - /* minified adjustment counter */ - .minified #left-panel { - left: 0px; - } - - /* header color altered and adjusted for mobile view & contrast */ - #header { - background: @white; - } - - #ribbon { - border-bottom: 1px solid #CFCFCF; - border-top: 1px solid #E6E6E6; - background: #F5F5F5; - } - - #ribbon .breadcrumb a, #ribbon .breadcrumb { - color: #6D6C6C !important; - } - - #ribbon .breadcrumb > .active, #ribbon .breadcrumb li:last-child { - color: #333 !important; - } - - /* lego width adjustment */ - #logo { - width:135px; - } - - #logo-group { - width: 169px !important; - } - - /* spark line top */ - #sparks { - text-align:center; - background: #E0E0E0; - padding: 10px 0; - margin-bottom: 15px; - } - - #sparks li { - padding: 0 10px 0 20px; - } - - /* project content */ - #project-context { - display:none !important; - } - - /* responsive menu button */ - #hide-menu > :first-child > a, .btn-header a { - margin-top: 5px !important; - width:40px !important; - height: 39px !important; - line-height: 38px !important; - } - #logo { - margin-top: 10px; - } #logo img { - width: 127px; - } - - /* transparent header button */ - - .btn-header.transparent a { - border: none !important; - background: none; - margin-left: 0; - width: 25px !important; - box-shadow:none !important; - } - .btn-header.transparent a:hover { - color: @brand-danger; - } - - #hide-menu > :first-child > a { - width:46px !important; - } - - #hide-menu i { - color:#6D6A69; - font-size: 121%; - } - - .hidden-menu #hide-menu i { - color:@white; - } - - #hide-menu i::before { - content:"\f0c9" - } - - .hidden-menu #left-panel { - left:0px; - } - - .hidden-menu #main { - position:relative; - left:@asideWidth - 10px; - } - - .hidden-menu.fixed-ribbon #ribbon { - left: @asideWidth; - } - .fixed-ribbon #ribbon { - left: 0px; - } - - /* project info is not needed at this width */ - #project-context { - display:none; - } - - /* #*$^& Bootstrap 3 ! */ - - .hidden-mobile { - display:none !important; - } - .visible-mobile { - display:inline-block !important; - } - - /* activity panel */ - .ajax-notifications { - height: 250px; - } - - .ajax-dropdown { - width: 299px; - height: 320px; - left: 0; - top: @smart-navbar-height; - } - - .ajax-dropdown:before { - margin-left: -14px; - } - - .ajax-dropdown:after { - margin-left: -13px; - } - - /* - * header search - */ - .header-search { - display:none; - } - - #search-mobile { - display:block; - margin-left:0; - } - - .search-mobile .header-search { - display: block; - position: absolute; - top: 0px; - width: 100%; - height: @smart-navbar-height; - background: #333; - padding: 0 2px; - box-sizing: border-box; - left: 0px; - } - - .search-mobile .header-search > input[type="text"] { - margin-top: 2px; - height: 45px; - border-color:#333; - padding-right:75px; - } - - .search-mobile .header-search > button { - height: 29px; - line-height: 29px; - background: #DDDDDD; - } - - .search-mobile .header-search > button { - right: 44px - } - - .search-mobile #search-mobile { - display:none; - } - - .search-mobile #cancel-search-js { - display:block; - } - - /* widget headers width */ - - .jarviswidget header h2 { - width:135px; - text-overflow:ellipsis; - white-space: nowrap; - overflow: hidden; - } - -} -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/main.less b/src/main/webapp/less/smartadmin/main.less @@ -1,4678 +0,0 @@ -html { - margin: 0; - padding: 0; - height: 100%; - overflow-x: hidden !important; - background:url('@{base-url}/@{html-background-image}') @html-background-color; -} - -body { - margin: 0; - padding: 0; - height: 100%; - overflow:hidden; - background:url('@{base-url}/@{body-background-image}') @body-background-color; - direction:ltr; -} - -a:hover, a:active, a:focus, button, button:active, button:focus, object, embed, input::-moz-focus-inner { - outline: 0; -} - -h1,h2,h3,h4 { - margin:0; - font-family:"Open Sans", Arial, Helvetica, Sans-Serif; - font-weight:300; -} - -.page-title { - margin: 12px 0 28px; - span { - font-size: @font-size-base+3; - color: @gray-dark; - display: inline-block; - vertical-align: 1px; - } -} - -label { - font-weight:normal; -} - -*:focus { - outline: 0 !important; -} - -textarea:focus, -select:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus, -.uneditable-input:focus { - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; - -} - -.input-sm, -.input-lg, -.input-xs, -.form-control { - border-radius:0px !important; - -webkit-border-radius: 0px !important; - -moz-border-radius: 0px !important; -} - -.input-xs { - height: 24px; - padding: 2px 10px; - font-size: 11px; - line-height: 1.5; -} - -.btn-xs { - padding: 1px 5px; -} - -.btn-sm { - padding: 6px 10px 5px; -} - -.btn-lg { - padding: 10px 16px; -} - -.no-space { - margin:0; -} - -.no-space > [class*="col-"] { - margin: 0 !important; - padding-right: 0; - padding-left: 0; -} - -#content { - padding:10px 14px; - position:relative; - left:0px; -} - -body.container { - position: relative; - padding: 0; - border-left:1px solid @gray-mid-light; - border-right:1px solid @gray-mid-light; - box-shadow: 0 2px 70px rgba(red(@black), green(@black), blue(@black), 0.45); -} - -.no-content-padding { - margin: -10px -14px 0 -14px; /*used with content >:first-child */ -} - -.no-padding { - padding:0px !important; - & > pre { - margin:30px; - } - - & > table { - border:none !important; - margin-bottom:0px !important; - border-bottom-width:0px !important; - - tr td:last-child, tr th:last-child { - border-right:none !important; - } - - tr td:first-child, tr th:first-child { - border-left:none !important; - } - } - - .dataTables_wrapper table { - border:none !important; - margin-bottom:0px !important; - border-bottom-width:0px !important; - - tr td:last-child, tr th:last-child { - border-right:none !important; - } - tr td:first-child, tr th:first-child { - border-left:none !important; - } - } -} - -.no-padding-bottom { - padding-bottom:0px !important; -} -.padding-5 { - padding:5px !important; -} -.padding-7 { - padding:7px !important; -} -.padding-10 { - padding:10px !important; -} -.padding-top-10 { - padding-top:10px !important; -} - -.no-padding .dataTables_wrapper table tbody tr:last-child td { - border-bottom:0; -} - -/* - * Headers - */ - -h1 { - letter-spacing:-1px; - font-size:@font-size-h1; - margin:10px 0; -}h1 small { - font-size:@font-size-h4; - font-weight:300; - letter-spacing:-1px; -}.lead { - font-size:@font-size-h4 + 1px; -} - -h2 { - letter-spacing:-1px; - font-size: @font-size-h2; - margin:20px 0; - line-height:normal; -} - -h3 { - display: block; - font-size: @font-size-h3; - font-weight: 400; - margin: 20px 0; - line-height:normal; -} - -h4 { - line-height:normal; -} - -h5 { - font-size: @font-size-h5; - font-weight: 300; - margin: 10px 0; - line-height:normal; -} - -h6 { - font-size: @font-size-h6; - margin: 10px 0; - font-weight:bold; - line-height:normal; -} - -.row-seperator-header { - margin:15px 14px 20px; - border-bottom:none; - display:block; - color: darken( @gray-light, 20.9%); - font-size:20px; - font-weight:400; -} - -/* - * Forced text alignments - */ - -.text-align-center, .text-center { - text-align:center !important -} -.text-align-left, .text-left { - text-align:left !important -} -.text-align-right, .text-right { - text-align:right !important -} - -/* - * Font Weights - */ - -.semi-bold { - font-weight:400 !important; -} - -.ultra-light { - font-weight:300 !important; -} - -/* - * Font Sizes - */ - - -.font-xs { - font-size:85% !important; -} - -.font-sm { - font-size:95% !important; -} - -.font-md { - font-size:130% !important; -} - -.font-lg { - font-size:160% !important; -} - -.font-xl { - font-size:200% !important; -} - -.font-400 { - font-size:400% !important; -} - -/* - * Center Canvas - */ -.center-canvas, .center-child-canvas > canvas { - display:block !important; - margin:0 auto !important; -} - -/* - * Margins - */ - -.no-margin { - margin:0px !important; -} - -.margin-top-5 { - margin-top:5px !important; -} - -.margin-top-10 { - margin-top:10px !important; -} - -.margin-bottom-5 { - margin-bottom:5px !important; -} - -.margin-bottom-10 { - margin-bottom:10px !important; -} - -.margin-right-5 { - margin-right:5px !important; -} - - -/* - * No border - */ - -.no-border, .well[class*=" bg-"].no-border { - border-width:0px !important; -} - -.no-border-transparent { - border-color:transparent !important; -} - -.no-border-radius { - border-radius:0px; - -moz-border-radius: 0px; - -webkit-border-radius: 0px; -} - -/* - * Inlines - */ -.display-inline { - display:inline-block !important; -} - -.display-normal { - display:inline !important; -} - - -/* - * Images - */ - -.hover-transparent { - opacity:.5; -}.hover-transparent:hover { - opacity:1; -} - -/* - * JUST A BORDER - */ -.bordered { - border:1px solid rgba(red(@black), green(@black), blue(@black),.2); -}.bordered:hover { - border:1px solid rgba(red(@black), green(@black), blue(@black),.4); -} - -/* - * CURSORS - */ -.cursor-pointer { - cursor:pointer; -} - -/* - * *************************************************** - * MAIN LAYOUT START - * *************************************************** - */ - -aside { - display: block; - overflow: hidden; - min-height:100%; - background: @asideColor-end; - background: url(@asideDataURL); - background: -moz-linear-gradient(left, @asideColor-end 93%, @asideColor-start 100%); - background: -webkit-gradient(linear, left top, right top, color-stop(93%, @asideColor-end), color-stop(100%, @asideColor-start)); - background: -webkit-linear-gradient(left, @asideColor-end 93%, @asideColor-start 100%); - background: -o-linear-gradient(left, @asideColor-end 93%, @asideColor-start 100%); - background: -ms-linear-gradient(left, @asideColor-end 93%, @asideColor-start 100%); - background: linear-gradient(to right, @asideColor-end 93%, @asideColor-start 100%); - min-height: 100%; -} - -/* - * HEADER GROUP - */ - - -#header { - display: block; - height: @smart-navbar-height; - position: relative; - margin: 0; - padding: 0 13px 0 0; - background-color: @smart-navbar-color-start; - background-image: -moz-linear-gradient(top, @smart-navbar-color-start, @smart-navbar-color-end); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@smart-navbar-color-start), to(@smart-navbar-color-end)); - background-image: -webkit-linear-gradient(top, @smart-navbar-color-start, @smart-navbar-color-end); - background-image: -o-linear-gradient(top, @smart-navbar-color-start, @smart-navbar-color-end); - background-image: linear-gradient(to bottom, @smart-navbar-color-start, @smart-navbar-color-end); - background-repeat: repeat-x; -} - -#header > div { - display: inline-block; - vertical-align: middle; - height: @smart-navbar-height; - float:left; -} - -#header > div.open { - font-weight:bold; -} - -.fixed-header #header { - position:fixed; - width:100%; - z-index: 1001; -} - -.container.fixed-header #header { - max-width: 1164px; -} - -.fixed-header #header .ajax-dropdown { - z-index: 1000; -} - -.fixed-header #shortcut { - position:fixed; -} - -.fixed-header #main { - margin-top:@smart-navbar-height; -} - -#logo-group > span { - display: inline-block; - height: @smart-navbar-height - 10; - float: left; -} - -#logo-group span#activity { - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - cursor: default !important; - display: inline-block; - font-weight: bold; - height: 24px; - width: 24px; - padding: 2px; - text-align: center; - text-decoration: none !important; - -moz-user-select: none; - -webkit-user-select: none; - background-color: lighten(@gray-lightest, 1.9%); - background-image: -webkit-gradient(linear,left top,left bottom,from(lighten(@gray-lightest, 1.9%)),to(darken(@gray-lightest, 1%))); - background-image: -webkit-linear-gradient(top,lighten(@gray-lightest, 1.9%),darken(@gray-lightest, 1%)); - background-image: -moz-linear-gradient(top,lighten(@gray-lightest, 1.9%),darken(@gray-lightest, 1%)); - background-image: -ms-linear-gradient(top,lighten(@gray-lightest, 1.9%),darken(@gray-lightest, 1%)); - background-image: -o-linear-gradient(top,lighten(@gray-lightest, 1.9%),darken(@gray-lightest, 1%)); - background-image: linear-gradient(top,lighten(@gray-lightest, 1.9%),darken(@gray-lightest, 1%)); - - - border: 1px solid @gray-mid-light; - color: @dropdownbtn-icon-color; - font-size: 19px; - margin: 10px 0 0 0; - position:relative; -} - -#logo-group span#activity:hover { - border: 1px solid @gray-mid-light; - transition: all 0.0s; - cursor: pointer !important; - -webkit-box-shadow: inset 0px 0px 4px 1px rgba(red(@black), green(@black), blue(@black), 0.08); - box-shadow: inset 0px 0px 4px 1px rgba(red(@black), green(@black), blue(@black), 0.08); -} - -#logo { - display: inline-block; - width: @asideWidth - 45px; - margin-top: 13px; - margin-left: 9px; -} - - #logo img { - width:110px; - height:auto; - padding-left:3px; - } - - #logo-group > span .badge { - position: absolute; - top: -5px; - right: -5px; - cursor: pointer; - background:@blueSky; - display: inline-block; - font-size: 10px; - box-shadow: inset 1px 1px 0 rgba(red(@black), green(@black), blue(@black), 0.1), inset 0 -1px 0 rgba(red(@black), green(@black), blue(@black), 0.07); - color: @white; - font-weight: bold; - border-radius: 50%; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - padding: 2px 4px 3px 4px; - text-align: center; - line-height: normal; - } - #activity.active .badge { - background: darken(@blueSky, 10%) !important; - } - - #project-context { - display: inline-block; - padding: 7px 13px 0; - position:relative; - } - - #project-context > span { - display: block; - } - - #project-context > :first-child { - display: block; - color: @gray-mid-light; - font-size: 10px; - font-weight: bold; - text-transform: uppercase; - text-shadow: 0 0 1px white; - padding-left:0px; - text-align:left; - } - - #project-selector { - max-width: 97%; - white-space: nowrap; - background: none; - border: none; - padding: 0; - text-align: left; - color: @gray; - font-size: 14px; - cursor: pointer; - } - - #project-selector:hover { - color: @gray-dark; - } - -.header-search { - position:relative; -}.header-search.pull-right { - margin-left:6px; -} - -.header-search > input[type="text"] { - display: block; - box-sizing: border-box; - -moz-box-sizing: border-box; - min-width:200px; - width: 100%; - height: 30px; - padding: 0 10px; - outline: none; - border-width: 1px; - border-style: solid; - border-radius: 0; - border-color:@gray-mid-light; - background: @white; - color: #404040; - appearance: normal; - -moz-appearance: none; - -webkit-appearance: none; - margin-top:10px; - line-height:normal; -} - -.header-search > button { - background: none; - border: none; - color: #6D6A69; - font-size: 17px; - height: 30px; - line-height: 30px; - margin: 0; - padding: 0; - position: absolute; - right: 0px; - top: 10px; - width: 30px; - z-index: 2; -} - -#search-mobile { - display:none; -} - -#cancel-search-js { - position: absolute; - display: none; - background: @brand-danger; - z-index: 3; - color: @white; - padding: 0; - right: 10px; - top: 10px; - text-align: center; - height: 29px; - line-height: 29px; - width: 30px; - font-size: 17px; - text-decoration:none !important; -} - -#header > :first-child, aside { - width: @asideWidth; -} - - -/* - * LEFT PANEL - */ - -#left-panel { - position: absolute; - top: @smart-navbar-height; - left: 0px; - z-index: @left-panel-zindex; -} - -#main { - display: block; - margin-left: @asideWidth; - padding: 0; - min-height:500px; -} - -/* - * RIBBON - */ - -#ribbon { - min-height: @ribbon-height; - background: @ribbonBGColor; - padding: 0 13px; - position:relative; -} - -#ribbon .breadcrumb { - display: inline-block; - margin: 0; - padding: 11px 34px 11px 0 !important; - background:none; - vertical-align:top; -} - -#ribbon .breadcrumb a, #ribbon .breadcrumb { - color: #BBB !important; - text-decoration:none !Important; -} - -#ribbon .breadcrumb > .active, #ribbon .breadcrumb li:last-child { - color: #E4E4E4; -} - -.fixed-ribbon #ribbon { - position: fixed; - right: 0; - left: @asideWidth; - top: @smart-navbar-height; - z-index: @fixed-ribbon-zindex; -} - -.container.fixed-ribbon #ribbon { - width: 944px; - left: 590px; -} - -.fixed-ribbon #content { - padding-top: @smart-navbar-height + 1; -} - -.minified.fixed-ribbon #ribbon { - left: 45px; -} - -.hidden-menu.fixed-ribbon #ribbon { - left:10px; -} - -/* - * NAV - * Menu CSS is learnt from: http://experiments.wemakesites.net/css3-treeview.html - */ - -.fixed-navigation #left-panel { - position:fixed; - z-index: @fixed-navigation-zindex; -} - -/* All levels */ -nav ul li a:active { - background:@asideNavActiveBGColor !important; -} - -/* All levels */ -nav ul { - width: 100%; - padding: 40px 28px 25px 0; - padding: 0; - margin: 0; - font-size: 13px; - line-height: 0.5em; - list-style: none; - position: relative; -} - -/* All levels */ -nav ul .active > a { - color: #fff !important; - position: relative; -} - -/* All levels */ -nav ul li.active > a:before { - content: "\f0d9"; - font-family: FontAwesome; - display: block; - height: 27px; - line-height: normal; - width: 27px; - position: absolute; - right: -21px; - font-size: 20px; - color:@gray-lighter; -} - -nav ul li.active.open > a:before { - content: ""; -} - - -/* All levels */ -nav ul li { - overflow: hidden; -} - -/* All levels */ -nav ul li a { - line-height: normal; - font-size: @asideNavFontSize; - padding: 10px 10px 10px 11px; - color: @asideLinkColor; - display: block; - font-weight: normal; - text-decoration: none !important; -} - -/* Second level */ -nav > ul > li > ul > li > a { - padding-top: 7px; - padding-bottom: 7px; -} - -/* Third Level */ -nav > ul > li > ul > li > ul > li > a { - padding-top: 7px; - padding-bottom: 7px; -} - -/* All levels */ -nav ul li a:focus { - color: @asideLinkColorFocus; -} - -/* All levels */ -nav ul li a:hover { - color: @asideLinkColorHover; - text-decoration: none; -} - -/* All levels */ -nav ul b { - float: right; - font-size: @asideNavFontSize; - margin-top: -1px; -} - -/* All levels */ -nav ul span.menu-item-parent { - display: inline-block; - margin: 0; - padding: 0; -} - -/* First level: A, Second level: LI Open */ -nav ul li.open > a, nav ul li.open > a b { - color: #fff !important; -} - -/* First level: Icon */ -nav > ul > li > a > i { - /*font-size: 121%; fa-lg overrides this so.. */ - margin-right: 5px; - width: 15px; - display: inline-block; - text-align: center; - position:relative; -} - /* First level icon */ - nav > ul > li > a > i > em { - font-size: 9px; - display: block; - padding: 2px; - position: absolute; - top: -8px; - right: -6px; - text-decoration: none; - font-style: normal; - background: #ED1C24; - color: @white; - min-width: 13px; - border-radius: 50%; - max-height:13px; - line-height: 8px; - font-weight: bold; - vertical-align: baseline; - white-space: nowrap; - text-align: center; - border: 1px solid rgba(red(@white), green(@white), blue(@white), 0.1); - } - - -/* Second level switched to relative */ -nav ul li li { - border-bottom: none; - position: relative; -} - - -/* Second level: UL */ -nav > ul > li > ul::before { - content: ""; - display: block; - position: absolute; - z-index: 1; - left: 23px; - top: 0; - bottom: 0; - border-left: 1px solid #7A7A7A; -} - -/* Second level: UL LI */ -nav > ul ul li::before { - content: ""; - display: block; - position: absolute; - width: 8px; - left: 23px; - top: 16px; - border-top: 1px solid #7A7A7A; - z-index: 1; -} - -/* Third level: UL LI */ -nav > ul ul ul li::before { - content: ""; - display: block; - position: absolute; - width: 18px; - left: 10px; - top: 17px; - border-top: 1px solid transparent; -} - -/* Second level and onwards > */ -nav > ul ul li a i { - font-size: @asideNavFontSize !important; - width: 18px !important; - text-align: center !important; -} - -/* Second and Third level line color */ -nav > ul > li:hover > ul::before, nav > ul > li:hover > ul > li::before{ - border-color: #ACACAC !important; -} - - -/* Second Level: UL */ -nav ul ul { - margin: 0; - padding: 0; - display: none; - background: rgba(69, 69, 69,.6); -} - -nav ul ul { - padding: 7px 0; -} - -/* Third Level: UL */ -nav ul ul ul { - background: transparent; - padding: 0; -} - -/* Third Level: LI */ -nav ul ul li { - margin: 0; - padding: 0; -} - -/* Second Level: A */ -nav ul ul li > a { - padding-left: 42px; - font-size: @asideNavFontSizeSecondLevel; - font-weight: normal; - outline: 0; -} - -/* Second Level: A:hover */ -nav ul ul li > a:hover { - background-color: rgba(69, 69, 69,.8); - color: @white; -} - -/* Third Level: A */ -nav ul ul ul li a { - color: @gray-mid-light; - padding: 8px 10px 8px 70px; - font-size: @asideNavFontSizeThirdLevel; -} - -/* Third Level: A:hover */ -nav ul ul ul li a:hover { - background-color: #4C4F53; - color: @white; -} - -/* Fourth Level: A */ -nav ul ul ul ul li a { - padding-left: 90px; -} - -/* Fifth Level: A */ -nav ul ul ul ul ul li a { - padding-left: 110px; -} - -/* Sixth Level: A */ -nav ul ul ul ul ul ul li a { - padding-left: 130px; -} - -/* Second level: B */ -nav ul ul b { - color: #B3B3B3; -} - -/* Second level: LI:hover B */ -nav ul ul > li:hover b { - color: #D5D9E2; -} - -/* - * HEADER NAV DROPDOWN LIST - */ - -.header-dropdown-list { - list-style:none; - float:right; - position:relative; - margin:0; - & > li { - display: inline-block; - padding-right: 5px; - & > .dropdown-toggle { - margin-top:16px; - display:block; - } - } -} - - - -/* - * *************************************************** - * MAIN LAYOUT END - * *************************************************** - */ - - - -/* - * ACCORDIONS - */ - -.smart-accordion-default.panel-group .panel+.panel { - margin-top:-1px; -} - -.smart-accordion-default.panel-group .panel-heading { - padding:0px; -} - -.smart-accordion-default.panel-group .panel-title a { - display: block; - padding: 10px 15px; - text-decoration: none !important; -} - -.smart-accordion-default .panel-heading, .panel-group .panel { - border-radius: 0px; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; -} - -.smart-accordion-default .panel-default>.panel-heading { - background-color: lighten( @gray-lightest, 3.5%); -} - -.smart-accordion-default .panel-default { - border-color:lighten( @gray-light, 16.5%); -} - -.smart-accordion-default .panel-title > a >:first-child{ - display:none; -} - -.smart-accordion-default .panel-title > a.collapsed > .fa{ - display:none; -} - -.smart-accordion-default .panel-title > a.collapsed >:first-child{ - display:inline-block; -} - -.no-padding .smart-accordion-default > div { - border-left:none !important; - border-right:none !important; -} - -.no-padding .smart-accordion-default > div:first-child { - border-top:none !important; -} - -.no-padding .smart-accordion-default > div:last-child { - border-bottom:none !important; -} - -/* - * ON OFF SWITCHES - */ - -/* http://proto.io/freebies/onoff/ */ - -.onoffswitch-container { - margin-top:4px; - margin-left:7px; - display:inline-block; -} - -.onoffswitch { - position: relative; - width: 50px; - -webkit-user-select:none; - -moz-user-select:none; - -ms-user-select: none; - margin-top:3px; - margin-bottom:3px; - margin-left:5px; - display:inline-block; - vertical-align:middle; - -} -.onoffswitch-checkbox { - display: none; -} -.onoffswitch-label { - display: block; - overflow: hidden; - cursor: pointer; - border: 1px solid lighten(@gray, 5%); - border-radius: 50px; - border-color: lighten(@gray-light, 8%) lighten(@gray-light, 10%) lighten(@gray-light, 2%); - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.onoffswitch-inner { - width: 200%; - margin-left: -100%; - display:block; - -} -.onoffswitch-inner:before, .onoffswitch-inner:after { - float: left; - width: 50%; - height: 15px; - padding: 0; - line-height: 15px; - font-size: 10px; - color: @white; - font-family: Trebuchet, Arial, sans-serif; - font-weight: bold; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -} -.onoffswitch-inner:before { - content: attr(data-swchon-text); - text-shadow: 0 -1px 0 @gray-dark; - padding-left: 7px; - background-color: @onOffSwitchBG; - color: @white; - box-shadow: inset 0 2px 6px rgba(red(@black), green(@black), blue(@black), 0.5), 0 1px 2px rgba(red(@black), green(@black), blue(@black), 0.05); - text-align:left; - -} -.onoffswitch-inner:after { - content: attr(data-swchoff-text); - padding-right: 7px; - text-shadow: 0 -1px 0 @white; - background-color: @white; - color: @gray; - text-align: right; - box-shadow:inset 0 2px 4px rgba(red(@black), green(@black), blue(@black),.15), 0 1px 2px rgba(red(@black), green(@black), blue(@black),.05); -} -.onoffswitch-switch { - width: 19px; - height:19px; - margin: -2px; - background: white; - border: 1px solid lighten(@gray-light, .5%); - border-radius: 50px; - position: absolute; - top: 0; - bottom: 0; - right: 32px; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - background-color: @gray-lightest; - background-image: -moz-linear-gradient(top, white, @gray-lighter); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(@gray-lighter)); - background-image: -webkit-linear-gradient(top, white, @gray-lighter); - background-image: -o-linear-gradient(top, white, @gray-lighter); - background-image: linear-gradient(to bottom, white, @gray-lighter); - background-repeat: repeat-x; - -webkit-box-shadow: 1px 1px 4px 0px rgba(red(@black), green(@black), blue(@black), .3); - box-shadow: 1px 1px 4px 0px rgba(red(@black), green(@black), blue(@black), .3); -} - -.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before, .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before { - content: "\f00d"; - color:@brand-danger; - display:block; - text-align:center; - line-height:19px; - font-size: 10px; - text-shadow: 0 -1px 0 @white; - font-weight:bold; - - font-family:FontAwesome; -} - -/* checked */ -.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before { - content: "\f00c"; - color: @blue; -} - -.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { - margin-left: 0; - display:block; -} -.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { - right: 0px; -} - -.onoffswitch-switch:hover { - background-color: @gray-lighter; -} -.onoffswitch-switch:active { - background-color: @gray-lighter; - box-shadow:inset 0 2px 4px rgba(red(@black), green(@black), blue(@black),.15), 0 1px 2px rgba(red(@black), green(@black), blue(@black),.05); -} - -/* - * Disabled state - */ -.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:after, .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-inner:before { - text-shadow: 0 1px 0 @white; - background: @gray-mid-light; - color: @gray-dark; -} - -.onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-switch, .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch { - background-color: @gray-lightest; - background-image: -moz-linear-gradient(top, @gray-mid-light, @gray-lightest); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@gray-mid-light), to(@gray-lightest)); - background-image: -webkit-linear-gradient(top, @gray-mid-light, @gray-lightest); - background-image: -o-linear-gradient(top, @gray-mid-light, @gray-lightest); - background-image: linear-gradient(to bottom, @gray-mid-light, @gray-lightest); - box-shadow: none !important; -} - -.onoffswitch-checkbox:disabled + .onoffswitch-label, -.onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-label { - border-color: lighten(@gray-light, 7%) @gray-light darken(@gray-light, 7%) !important; -} - -.onoffswitch-checkbox:checked + .onoffswitch-label{ - border-color: @onOffSwitchBG darken(@onOffSwitchBG, 7%) darken(@onOffSwitchBG, 12%); -} - - -.onoffswitch + span, .onoffswitch-title { - display: inline-block; - vertical-align: middle; - margin-top: -5px; -} - - -/* - * FORMS - */ - -.form-control { - box-shadow:none !important; - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; -} - -.form hr { - margin-left:-13px; - margin-right:-13px; - border-color:rgba(red(@black), green(@black), blue(@black), 0.1); - margin-top: 20px; - margin-bottom: 20px; -} - -.form fieldset { - display: block; - border: none; - background: rgba(red(@white), green(@white), blue(@white), 0.9); - position: relative; -} - - fieldset { - position:relative; -} - -.form-actions { - display: block; - padding: 13px 14px 15px; - border-top: 1px solid rgba(red(@black), green(@black), blue(@black), 0.1); - background: rgba(red(lighten(@gray-lightest, 2%)), green(lighten(@gray-lightest, 2%)), blue(lighten(@gray-lightest, 2%)), 0.9); - margin-top:25px; - margin-left: -13px; - margin-right: -13px; - margin-bottom: -13px; - text-align:right; - -}.well .form-actions { - margin-left: -19px; - margin-right: -19px; - margin-bottom: -19px; -}.well.well-lg .form-actions { - margin-left: -24px; - margin-right: -24px; - margin-bottom: -24px; -}.well.well-sm .form-actions { - margin-left: -9px; - margin-right: -9px; - margin-bottom: -9px; -} - -.popover-content .form-actions { - margin:0 -14px -9px; - border-radius:0 0 3px 3px; - padding:9px 14px -} - -.no-padding .form .form-actions { - margin:0; - display: block; - padding: 13px 14px 15px; - border-top: 1px solid rgba(red(@black), green(@black), blue(@black), 0.1); - background: rgba(248, 248, 248, 0.9); - text-align:right; - margin-top:25px; -} - -.form header, legend { - display: block; - padding: 8px 0; - border-bottom: 1px dashed rgba(red(@black), green(@black), blue(@black), 0.2); - background: @white; - font-size: 16px; - font-weight: 300; - color: @gray-darker; - margin: 25px 0px 20px; -} .no-padding .form header { - margin: 25px 14px 0; -}.form header:first-child { - margin-top:10px; -} legend { - font-weight:400; - margin-top:0px; - background:none; -} - -.input-group-addon { - padding: 6px 10px; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; -} - -.input-group-addon { - transition: border-color 0.3s; - -o-transition: border-color 0.3s; - -ms-transition: border-color 0.3s; - -moz-transition: border-color 0.3s; - -webkit-transition: border-color 0.3s; - - transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -ms-transition: background-color 0.3s; - -moz-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; -} - -.input-group-addon .fa { - font-size:14px; -} - -.input-group-addon .fa-lg, .input-group-addon .fa-2x { - font-size: 2em; -} - -.input-group-addon .fa-3x, .input-group-addon .fa-4x, .input-group-addon .fa-5x { - font-size: 30px; -} - -input[type="text"]:focus + .input-group-addon { - border-color: @blueSky; - background-color: lighten(@state-info-text, 23%); - color:@white; -} - -.has-warning input[type="text"]:focus + .input-group-addon { - border-color: darken(@state-warning-bg, 50%); - background-color: darken(@state-warning-bg, 30%); - color:@white; -} - -.has-error input[type="text"]:focus + .input-group-addon { - border-color: @state-danger-bg; - background-color: @state-danger-bg; - color:@white; -} - -.has-success input[type="text"]:focus + .input-group-addon { - border-color:darken(@state-success-bg, 50%); - background-color:darken(@state-success-bg, 40%); - color:@white; -} - -.form fieldset .form-group:last-child, .form fieldset .form-group:last-child .note, -.form .form-group:last-child, .form .form-group:last-child .note { - margin-bottom:0; -} - -.note { - margin-top: 6px; - padding: 0 1px; - font-size: 11px; - line-height: 15px; - color: @gray-light; -} - - /* - * WITH ICON - */ - .input-icon-right { - position:relative; - } - .input-icon-right > i, .input-icon-left > i { - position:absolute; - right:10px; - top:30%; - font-size:16px; - color:@gray-mid-light; - } - - .input-icon-left > i { - right:auto; - left:24px; - } - - .input-icon-right .form-control { - padding-right:27px; - } - - .input-icon-left .form-control { - padding-left:29px; - } - - input[type="text"].ui-autocomplete-loading, - input[type="password"].ui-autocomplete-loading, - input[type="datetime"].ui-autocomplete-loading, - input[type="datetime-local"].ui-autocomplete-loading, - input[type="date"].ui-autocomplete-loading, - input[type="month"].ui-autocomplete-loading, - input[type="time"].ui-autocomplete-loading, - input[type="week"].ui-autocomplete-loading, - input[type="number"].ui-autocomplete-loading, - input[type="email"].ui-autocomplete-loading, - input[type="url"].ui-autocomplete-loading, - input[type="search"].ui-autocomplete-loading, - input[type="tel"].ui-autocomplete-loading, - input[type="color"].ui-autocomplete-loading { - background-image: url("@{base-url}/select2-spinner.gif") !important; - background-repeat: no-repeat; - background-position: 99% 50%; - padding-right:27px - } - - .input-group-addon .checkbox, .input-group-addon .radio { - min-height: 0px; - margin-right:0px !important; - padding-top:0; - } - - .input-group-addon label input[type="checkbox"].checkbox + span, - .input-group-addon label input[type="radio"].radiobox + span, - .input-group-addon label input[type="radio"].radiobox + span:before, - .input-group-addon label input[type="checkbox"].checkbox + span:before { - margin-right:0px; - } - - .input-group-addon .onoffswitch , .input-group-addon .onoffswitch-label{ - margin:0; - } - -/* - * HR - */ - -hr.simple { - margin-top:10px; - margin-bottom:10px; - border-style:dashed; -} - -/* - * Timeline Seperator - */ - -.timeline-seperator { - display:block; - text-align:center; - color:@gray-light; - margin:20px 0 0; - & > :first-child { - padding:4px 5px; - border:1px dashed rgba(red(@black), green(@black), blue(@black), 0.1); - background:@white; - font-size:11px; - border-radius:4px; - } -}.timeline-seperator .btn, .timeline-seperator .btn + .dropdown-menu { - margin-right:15px; -} - -.timeline-seperator:after { - display:block; - content:" "; - margin:0 20px; - border-bottom:1px dashed rgba(red(@black), green(@black), blue(@black), 0.1); - margin-top:-8px; -} - -/* - * Alerts - */ -.alert { - margin-bottom: 20px; - margin-top: 0px; - padding: 5px 15px 5px 34px; - color:#675100; - border-width:0px; - border-left-width:5px; - padding:10px; - border-radius:0px; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; - .close { - top: 0px; - right: -5px; - line-height: 20px; - } -} - -.alert-heading { - font-weight:600; -} - -.alert-danger { - border-color: @state-danger-border; - color: @state-danger-text; - background: @state-danger-bg; - text-shadow:none; -} - -.alert-warning { - border-color: @state-warning-border; - color: @state-warning-text; - background: @state-warning-bg; -} - -.alert-success { - border-color: @state-success-border; - color: @state-success-text; - background: @state-success-bg; -} - -.alert-info { - border-color: @state-info-border; - color: @state-info-text; - background: @state-info-bg; -} - - /* - * WELLS - */ - -.well { - background: darken(@white, 1.5%); - border: 1px solid darken(@gray-lighter, 7%); - box-shadow: 0 1px 1px darken(@gray-lighter, 1%); - -webkit-box-shadow: 0 1px 1px darken(@gray-lighter, 1%); - -moz-box-shadow: 0 1px 1px darken(@gray-lighter, 1%); - position:relative; -} - -.well.well-clean { - -webkit-box-shadow:none; - -moz-box-shadow:none; - box-shadow:none; - border-color:transparent; -} - -.well.well-glass { - -webkit-box-shadow:none; - -moz-box-shadow:none; - box-shadow:none; - border-color:transparent; - background-color:rgba(red(@white), green(@white), blue(@white),.25); - color:@white; -} - -.well.well-light { - background: @white; - border: 1px solid darken(@gray-lighter, 5%); -} - -.widget-body { - .well { - margin-bottom:0px; - } -} - -.well.transparent { - border:none !important; - background:none !important; -} - -.jarviswidget.well.transparent > div, .jarviswidget.well.transparent > div .widget-body { - padding:0px !important; -} - -/* any wells with custom bg the border will be darkened */ -.well[class^="bg-"], .well[class*=" bg-"]{ - border: 1px solid @gray !important; -} - -/* - * PROGRESS BARS - */ - -.progress-micro { - height: @progressbar-micro !important; - line-height:@progressbar-micro !important; -} - -.progress-xs { - height: @progressbar-xs !important; - line-height:@progressbar-xs !important; -} - -.progress-sm { - height: @progressbar-sm !important; - line-height:@progressbar-sm !important; -} - -.progress-lg { - height: @progressbar-lg !important; - line-height:@progressbar-lg !important; -} - -.progress .progress-bar { - position: absolute; - overflow: hidden; - line-height: 20px; -} - -.progress .progressbar-back-text { - position: absolute; - width: 100%; - height: 100%; - font-size: 12px; - line-height: 20px; - text-align: center; -} - -.progress .progressbar-front-text { - display: block; - width: 100%; - font-size: 12px; - line-height: 20px; - text-align: center; -} - -.progress.right .progress-bar { - right: 0; -} - -.progress.right .progressbar-front-text { - position: absolute; - right: 0; -} - -.progress.vertical { - width: 25px; - height: 100%; - min-height:150px; - margin-right: 20px; - display:inline-block; - margin-bottom:0px; -} - -.progress.wide-bar { - width: 40px; -} - -.progress.vertical.bottom { - position: relative; -} - -.progress.vertical.bottom .progressbar-front-text { - position: absolute; - bottom: 0; -} - -.progress.vertical .progress-bar { - width: 100%; - height: 0; - -webkit-transition: height 0.6s ease; - transition: height 0.6s ease; -} - -.progress.vertical.bottom .progress-bar { - position: absolute; - bottom: 0; -} - -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-moz-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-o-keyframes progress-bar-stripes { - from { - background-position: 0 0; - } - to { - background-position: 40px 0; - } -} - -@keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - - -.progress { - position: relative; - margin-bottom: 20px; - overflow: hidden; - height: 22px; - background: @gray-lighter; - box-shadow: 0 1px 0 transparent, 0 0 0 1px lighten( @gray-light, 29%) inset; - -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px lighten( @gray-light, 29%) inset; - -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px lighten( @gray-light, 29%) inset; - - border-radius:@progressbar-radius; - -moz-border-radius:@progressbar-radius; - -webkit-border-radius:@progressbar-radius; - -} - - -.progress-bar { - float: left; - width: 0; - height: 100%; - font-size: 11px; - color: @white; - text-align: center; - background-color: @blue; - -webkit-box-shadow: inset 0 -1px 0 rgba(red(@black), green(@black), blue(@black), 0.15); - box-shadow: inset 0 -1px 0 rgba(red(@black), green(@black), blue(@black), 0.15); - font-weight:bold; - text-shadow: 0 -1px 0 rgba(red(@black), green(@black), blue(@black), 0.25); - background-image:url('@{base-url}/pattern/overlay-pattern.png'); -} - -.progress-striped .progress-bar { - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.75, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-size: 40px 40px; -} - -.progress.active .progress-bar { - -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} - -.progress-bar-danger { - background-color: @brand-danger; -} - -.progress-striped .progress-bar-danger { - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.75, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); -} - -.progress-bar-success { - background-color: @brand-success; -} - -.progress-striped .progress-bar-success { - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.75, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); -} - -.progress-bar-warning { - background-color: @brand-warning; -} - -.progress-striped .progress-bar-warning { - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.75, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); -} - -.progress-bar-info { - background-color: @brand-info; -} - -.progress-striped .progress-bar-info { - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.75, rgba(red(@white), green(@white), blue(@white), 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(red(@white), green(@white), blue(@white), 0.15) 25%, transparent 25%, transparent 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 50%, rgba(red(@white), green(@white), blue(@white), 0.15) 75%, transparent 75%, transparent); -} - - -.progress-info .bar, .progress .bar-info { - background: @brand-info; -} - - -.vertical-bars { - padding:0; - margin:0; -} - -.vertical-bars:after { - content: ""; - display: block; - height: 0; - clear: both; -} -.vertical-bars li { - padding: 14px 0; - width: 25%; - display: block; - float: left; - text-align: center; -} -.vertical-bars li:first-child { - border-left: none; -} -.vertical-bars > li > .progress.vertical:first-child { - margin-left: auto; -} -.vertical-bars > li > .progress.vertical { - margin: 0 auto; - float: none; -} - - -/* - * BAR HOLDER - */ -.bar-holder:first-child { - border-top: none; -} -.bar-holder { - padding: 18px 15px; -} - -.bar-holder .progress { - margin:0; -} - -/* - * TABS - */ -.nav-tabs>li > a .badge { - font-size: 11px; - padding: 3px 5px 3px 5px; - opacity: .5; - margin-left: 5px; - min-width: 17px; - font-weight: normal; -} - -.nav-tabs>li > a > .fa { - opacity: .5; -} - -.tabs-left .nav-tabs>li > a .badge { - margin-right:5px; - margin-left:0px; -} - - -.nav-tabs>li > a .label { - display:inline-block; - font-size:11px; - margin-left:5px; - opacity: .5; -} - -.nav-tabs>li.active > a .badge, .nav-tabs>li.active > a .label, .nav-tabs>li.active > a > .fa{ - - opacity: 1; -} - -.nav-tabs>li>a { - border-radius:0px; - color:@gray-dark; -} - -.nav-tabs > li.active > a { - -webkit-box-shadow: 0 -2px 0 @blue; - -moz-box-shadow: 0 -2px 0 @blue; - box-shadow: 0 -2px 0 @blue; - border-top-width: 0px !important; - margin-top: 1px !important; - font-weight:bold; -} - -.tabs-left .nav-tabs > li.active > a { - -webkit-box-shadow: -2px 0 0 @blue; - -moz-box-shadow: -2px 0 0 @blue; - box-shadow: -2px 0 0 @blue; - border-top-width: 1px !important; - border-left: none !important; - margin-left: 1px !important; -} - -.tabs-left .nav-pills > li.active > a { - border:none !important; - box-shadow:none !important; - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; -} - -.tabs-right .nav-tabs > li.active > a { - -webkit-box-shadow: 2px 0 0 @blue; - -moz-box-shadow: 2px 0 0 @blue; - box-shadow: 2px 0 0 @blue; - border-top-width: 1px !important; - border-right: none !important; - margin-right: 1px !important; -} - -.tabs-below .nav-tabs > li.active > a { - -webkit-box-shadow: 0 2px 0 @blue; - -moz-box-shadow: 0 2px 0 @blue; - box-shadow: 0 2px 0 @blue; - border-bottom-width: 0px !important; - border-top: none !important; - margin-top: 0px !important; -} - - - -.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { - border-bottom: 0; -} - -.tab-content > .tab-pane, .pill-content > .pill-pane { - display: none; -} - -.tab-content > .active, .pill-content > .active { - display: block; -} - -.tabs-below > .nav-tabs { - border-top: 1px solid darken(@gray-lighter, 7%); -} - -.tabs-below > .nav-tabs > li { - margin-top: -1px; - margin-bottom: 0; -} - -.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li, -.tabs-left > .nav-pills > li, .tabs-right > .nav-pills > li { - float: none; -} - -.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a, -.tabs-left > .nav-pills > li > a, .tabs-right > .nav-pills > li > a { - min-width: 74px; - margin-right: 0; - margin-bottom: 3px; -} - -.tabs-left > .nav-tabs, .tabs-left > .nav-pills { - float: left; - margin-right: 19px; - border-right: 1px solid darken(@gray-lighter, 7%); -} .tabs-left > .nav-pills { - border-right:none; -} - -.tabs-left > .nav-tabs > li > a { - margin-right: -1px; -} - -.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { - border-color: @gray-lighter darken(@gray-lighter, 10%) @gray-lighter @gray-lighter; -} - -.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { - border-color: darken(@gray-lighter, 10%) transparent darken(@gray-lighter, 10%) darken(@gray-lighter, 7%); - *border-right-color: @white; -} - -.tabs-left > .tab-content { - margin-left: 109px; -} - -.tabs-right > .nav-tabs { - float: right; - margin-left: 19px; - border-left: 1px solid darken(@gray-lighter, 7%); /* DDD */ -} - -.tabs-right > .nav-tabs > li > a { - margin-left: -1px; -} - -.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { - border-color: @gray-lighter @gray-lighter @gray-lighter darken(@gray-lighter, 7%); -} - -.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { - border-color: darken(@gray-lighter, 7%) darken(@gray-lighter, 7%) darken(@gray-lighter, 7%) transparent; - *border-left-color: @white; -} - -.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { - border-bottom: 0; -} - -.tab-content > .tab-pane, .pill-content > .pill-pane { - display: none; -} - -.tab-content > .active, .pill-content > .active { - display: block; -} - -.tabs-below > .nav-tabs { - border-top: 1px solid darken(@gray-lighter, 7%); -} - -.tabs-below > .nav-tabs > li { - margin-top: -1px; - margin-bottom: 0; -} - -.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { - border-top-color: darken(@gray-lighter, 7%); - border-bottom-color: transparent; -} - -.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { - border-color: transparent darken(@gray-lighter, 7%) darken(@gray-lighter, 7%) darken(@gray-lighter, 7%); /* tabs */ -} - -/* bordered tabs */ -.nav-tabs.bordered { - background:@white; - border:1px solid darken(@gray-lighter, 7%); -} - -.nav-tabs.bordered >:first-child a{ - border-left-width:0px !important; -} - -.nav-tabs.bordered + .tab-content { - border:1px solid darken(@gray-lighter, 7%); - border-top:none; -} - -/* bordered tabs top right */ - -.tabs-pull-right.nav-tabs>li, .tabs-pull-right.nav-pills>li { - float:right; -} - -.tabs-pull-right.nav-tabs>li:first-child > a, .tabs-pull-right.nav-pills>li:first-child > a { - margin-right:1px; -} - -.tabs-pull-right.bordered.nav-tabs>li:first-child > a, .tabs-pull-right.bordered.nav-pills>li:first-child > a { - border-left-width:1px !important; - margin-right:0px; - border-right-width:0px; -} - -/* jarviswidget header first child is tab */ - -.jarviswidget > header > .nav-tabs.pull-left > li:first-child a{ - border-left-width:0px !important; -} - - -/* - * WEBKIT IOS HIGHLIGHT COLOR - * - */ -a:link, .btn, button { - -webkit-tap-highlight-color: fade(@red, 50%); -} - -.login-info, .login-info *, #logo-group *, .minified .menu-item-parent { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} - - -/* - * BS2 useful classes - * these classes and its importance was overlooked in BS3 - */ - -.hidden-desktop { - display:none !important; -} - -/* - * DROPDOWN MENU - */ -.dropdown-menu-xs { - min-width:37px; -} - -.dropdown-menu-xs>li>a { - padding: 3px 10px; -}.dropdown-menu-xs>li>a:hover i { - color:#fff !important; -} - -/* Dropdown menu extended */ -.dropdown-submenu { - position: relative; -} - -.dropdown-submenu>.dropdown-menu { - top: 0; - left: 100%; - margin-top: -6px; - margin-left: -1px; -} - -.dropdown-submenu:hover>.dropdown-menu { - display: block; -} - -.dropdown-submenu>a:after { - display: block; - content: " "; - float: right; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - border-width: 5px 0 5px 5px; - border-left-color: @gray-mid-light; - margin-top: 5px; - margin-right: -10px; -} - -.dropdown-submenu:hover>a:after { - border-left-color: @white; -} - -.dropdown-submenu.pull-left { - float: none; -} - -.dropdown-submenu.pull-left>.dropdown-menu { - left: -100%; - margin-left: 10px; -} - -/* - * Table - */ - -.table.has-tickbox thead tr th:first-child { - width:18px; -} - -.table.has-tickbox.smart-form thead tr th:first-child .radio, -.table.has-tickbox.smart-form thead tr th:first-child .checkbox, -.table.has-tickbox.smart-form tbody tr td:first-child .radio, -.table.has-tickbox.smart-form tbody tr td:first-child .checkbox { - padding:0px !important; -} - -.table thead tr, .fc-border-separate thead tr { - background-color: @gray-lighter; - background-image: -webkit-gradient(linear,0 0,0 100%,from(@table-header-color-start),to(@table-header-color-end)); - background-image: -webkit-linear-gradient(top,@table-header-color-start 0,@table-header-color-end 100%); - background-image: -moz-linear-gradient(top,@table-header-color-start 0,@table-header-color-end 100%); - background-image: -ms-linear-gradient(top,@table-header-color-start 0,@table-header-color-end 100%); - background-image: -o-linear-gradient(top,@table-header-color-start 0,@table-header-color-end 100%); - background-image: -linear-gradient(top,@table-header-color-start 0,@table-header-color-end 100%); - font-size: 12px; -}.fc-border-separate thead tr th { - padding: 4px; - line-height: 1.428571429; -} - -.table-bordered>thead>tr>th, .table-bordered>thead>tr>td { - border-width:1px; -} - -.no-padding > .table-bordered { - border:none !important; -} - -.no-padding > .table-bordered thead tr th:first-child, -.no-padding > .table-bordered thead tr td:first-child, -.no-padding > .table-bordered tbody tr td:first-child { - border-left-width:0px !important; -} -.no-padding > .table-bordered thead tr th:last-child, -.no-padding > .table-bordered tbody tr td:last-child { - border-right-width:0px !important; -} - -.no-padding > .table-bordered tbody tr:last-child td { - border-bottom-width:0px !important; -} - -.no-padding .note-editable .table-bordered { - border: 1px solid darken(@gray-lighter, 7%) !important; -} - -.smart-form.table td .radio i, -.smart-form.table td .checkbox i, -.smart-form.table th .radio i, -.smart-form.table th .checkbox i { - top: 0px !important; -} - - - - - - -/* - * small stats - */ - -.show-stats .progress { - height: 7px; - border-radius: 0; - margin-top: 3px; - margin-bottom: 15px; -} - -.show-stats { - padding-top:6px !important; -} - -.show-stat-buttons { - float:left; - width:100%; -} - -.show-stats .show-stat-buttons>:first-child{ - padding-right:5px; -} -.show-stats .show-stat-buttons>:last-child{ - padding-left:5px; -} - -.show-stat-microcharts { - margin-left:-10px; - margin-right:-10px; -} - -.show-stat-microcharts > div { - border-right: 1px solid #DADADA !important; - border-top: 1px solid #DADADA !important; - margin-top: 10px !important; - height: 65px; - overflow:hidden; - padding: 7px 9px; -} - -.show-stat-microcharts >:last-child { - border-right:none !important; -} - -.show-stat-microcharts .sparkline { - margin-top:10px; - margin-right:8px; - opacity:.7; -} .show-stat-microcharts .sparkline:hover { - opacity:1; -} - -.smaller-stat { - margin:0; - padding:0; - list-style:none; -} - -.smaller-stat li { - margin-top:3px; - margin-right:0px; -}.smaller-stat li:first-child { - margin-top:8px; -} - -.smaller-stat span.label { - width:40px; - display:block; - text-align:left; - opacity:.5; - cursor: default; -} .smaller-stat span.label:hover { - opacity:1; -} - -/* - * Login info - */ - -.login-info { - border-bottom: 1px solid #D8D4D4; - display: block; - font-size: 12px; - height: 39px; - line-height: 39px; - color: @white; - border: solid transparent; - border-width: 1px 0px 1px 0px; - box-shadow: inset 1px 1px 0 rgba(red(@black), green(@black), blue(@black), 0.1), inset 0 -1px 0 rgba(red(@black), green(@black), blue(@black), 0.07); - width: 100%; - margin: 0px !important; - border-bottom: 1px solid #525151; -} - -.login-info strong, .login-info a { - text-transform: capitalize; - font-size: @font-size-base + 1px; /* 14px~ */ - display: inline-block; - color: #A8A8A8; - text-decoration: none; -} -.login-info strong, .login-info a:hover { - color: @white; -} - -.login-info span { - height: 38px; - display: block; - padding: 0 10px; - border-bottom: 1px solid #1A1817; -} - -.login-info img { - width: 25px; - height: auto; - display: inline-block; - vertical-align: middle; - margin-top: -3px; - margin-right: 7px; - margin-left: 0px; - - border-left: 3px solid @white; -} - -img.online { - border-left-color: @greenBright !important; -} -img.busy { - border-left-color: @redBright !important; -} -img.offline { - border-left-color: darken(@gray-lighter, 7%) !important; -} -img.away { - border-left-color: #ffc40d !important; -} - - /* - * Client page forms - */ - .client-form header { - padding: 15px 13px; - margin:0; - border-bottom-style:solid; - border-bottom-color:rgba(red(@black), green(@black), blue(@black), .1); - background: rgba(248, 248, 248, .9); - } - - -/* - * MINIFIED MENU - */ - -.minified .inbox-badge { - border-radius: 50%; - font-size: 9px; - padding: 2px; - position: absolute; - top: 6px; - right: 6px; - background: #ED1C24; - min-width:13px; -} - -.minifyme { - border-bottom: 1px solid #302F2F; - background: #454545; - color: #A8A8A8; - text-align: center; - padding: 0; - width: 36px; - height: 28px; - display: block; - position: absolute; - right: -3px; - border-radius: 5px 0px 0px 5px; - cursor: pointer; - margin-top: 5px; - font-size: 19px; - transition: all 0.1s linear 0s; -} -.minifyme:hover { - background:#646464; - color:#E4E4E4; - right: 0px; -} - -.minified .minifyme { - right: 0px; - color: #A8A8A8; - position: relative; - width: 100%; - border-radius: 0px; - margin: 0; - height: 34px; - font-size: 23px; -} - -.minified .minifyme .fa:before { - content:"\f0a9"; -} - -.minified .login-info a { - display: none; -} - -.minified .login-info span { - padding: 0px 5px; - text-align:center; -} -.minified .login-info img { - margin: -4px 0 0; - width: 30px; -} - -.minified .login-info { - height: 38px; - border-bottom: 1px solid #181818; -} - -.minified #left-panel { - width: 45px; -} - -.minified #main { - margin-left: 45px; -} - -/* - * Minified NAV - */ - -.minified #left-panel, .minified nav > ul > li { - overflow: visible; -} - -.minified nav > ul > ul { - min-height: 100px !important; - max-height: 180px !important; - overflow-y: scroll; - overflow-x: hidden; - background: #ed1c24 !important; -} - -.minified nav > ul > li, .minified nav > ul > li a { - position: relative; -} - -.minified nav ul > li > a { - padding: 10px 11px; - display:block -} - -.minified nav > ul > li > a .fa.fa-fw { - display: block; - width: auto; - text-align: center; - padding:0; -} - -.minified nav > ul > li > a > i { - text-align:center; - margin:0; - display:block; -} - -.minified nav > ul > li.active > a::before { - content: "\f0d9"; -} - -.minified nav ul ul li a { - padding-left: 14px; -} -.minified nav ul ul li li a { - padding-left: 25px; -} - -.minified nav > ul ul li::before { - left: 12px; -} -.minified nav > ul > li > ul::before { - left: 12px; -} - -.minified nav > ul > li > a .menu-item-parent, .minified nav > ul > li > a > b { - display: none; -} - -.minified nav > ul > li > a > .menu-item-parent { - display: none; - position: absolute; - left: 40px; - top: -3px; - width: @asideWidth - 34px; - height: 38px; - line-height: 38px; - background-color: whiteSmoke; - color: @gray-dark; - z-index: 3; - -webkit-box-shadow: 2px 1px 2px 0 rgba(red(@black), green(@black), blue(@black), 0.2); - -moz-box-shadow: 2px 1px 2px 0 rgba(red(@black), green(@black), blue(@black),0.2); - box-shadow: 2px 1px 2px 0 rgba(red(@black), green(@black), blue(@black), 0.2); - border-left: 1px solid @gray-mid-light; - border-top: 1px solid #D8D4D4; - border-bottom: 1px solid @white; - padding-left: 12px; -} - -.minified nav > ul > li > ul { - display: none !important; - position: absolute; - left: 40px; - width: @asideWidth - 20px; - z-index: 5; - border: 1px solid @gray-mid-light; - min-height: 180px; - -webkit-box-shadow: 1px 1px 2px 0 rgba(red(@black), green(@black), blue(@black), 0.2); - -moz-box-shadow: 1px 1px 2px 0 rgba(red(@black), green(@black), blue(@black),0.2); - box-shadow: 1px 1px 2px 0 rgba(red(@black), green(@black), blue(@black), 0.2); - background: #3A3633; - margin-top: -3px; -} - - -.minified nav ul > li > ul > li > ul { - position: relative; - left: 13px; - border: none; - width: auto; - margin-left: -12px; - width: @asideWidth - 23px; -} - -.minified nav > ul > li:hover > a > .menu-item-parent, .minified nav > ul > li:hover > ul { - display: block !important; -} - -.minified nav > ul > li > ul > li { - background-color: rgba(69, 69, 69, .9); -} -.minified nav > ul > li > ul > li > ul > li { - background-color: #484B50; -} - -.minified nav > ul > li { - border-bottom: 1px solid #1A1817; - border-top: 1px solid #525151; -} - -.minified nav > ul > li > ul::before { - border-left: none; -} - -.minified nav > ul ul li::before { - border: none; -} - -.slimScrollDiv, .slimScrollDiv > :first-child { - overflow: hidden; -} - -.minified .slimScrollDiv, .minified .slimScrollDiv > :first-child { - overflow: visible !important; -} - -.minified .slimScrollBar, .minified .slimScrollRail { - display: none; -} - -.minified nav > ul > li > ul > li > a { - padding-top: 7px; - padding-bottom: 7px; -} - -.minified nav > ul > li > ul > li > ul > li > a { - padding-top: 7px; - padding-bottom: 7px; -} - -.minified nav > ul > li > ul > li > ul > li a { - padding-top: 6px; - padding-bottom: 6px; -} - -/* Fourth Level: A */ -.minified nav ul ul ul ul li a { - padding-left: 45px; -} - -/* Fifth Level: A */ -.minified nav ul ul ul ul ul li a { - padding-left: 62px; -} - -/* Sixth Level: A */ -.minified nav ul ul ul ul ul ul li a { - padding-left: 82px; -} - -/* - * SHORT CUTS - */ - -.pull-right { - float: right !Important; -} -.pull-left { - float: left !Important; -} - -/* - * ALTERNATIVE PAGING - */ - -.pagination.pagination-alt>li>a { - box-shadow: none; - -moz-box-shadow: none; - -webkit-box-shadow: none; - border: none; - margin-left: -1px; -} -.pagination.pagination-alt > li:first-child>a { - padding-left:0px; -} - -/* - * CUSTOM BUTTON - */ - -.pagination > li > a, .pagination > li > span { - box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - -moz-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - -webkit-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); -} - -.disabled { - color:@white; -} -.btn-default.disabled { - color:@gray-light; -} - -.btn { - border-radius:2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - -moz-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - -webkit-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); -} -.btn:active { - position:relative; - top:1px; - left:1px; -} - -.btn.btn-ribbon { - background-color: #707070; - background-image: -moz-linear-gradient(top, #777, #666); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#666)); - background-image: -webkit-linear-gradient(top, #777, #666); - background-image: -o-linear-gradient(top, #777, #666); - background-image: linear-gradient(to bottom, #777, #666); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff666666', GradientType=0); - color: white; - padding: 0 5px; - line-height: 20px; - vertical-align: middle; - height: 20px; - display: block; - border: none; - float: left; - margin: 0 8px 0 0; - cursor: pointer; -} - -.btn.btn-ribbon > i { - font-size:111%; -} - -.ribbon-button-alignment { - padding-top: 10px; - display: inline-block; -} - -.ribbon-button-alignment.pull-right > .btn.btn-ribbon { - margin: 0 0 0 8px; -} - - -/* - * Panels - */ -.panel-purple { - border-color:@purple; - & > .panel-heading { - color: @white; - background-color: @purple; - border-color: @purple; - } -} -.panel-greenLight { - border-color:@greenLight; - & > .panel-heading { - color: @white; - background-color: @greenLight; - border-color: @greenLight; - } -} -.panel-greenDark { - border-color:@greenDark; - & > .panel-heading { - color: @white; - background-color: @greenDark; - border-color: @greenDark; - } -} -.panel-darken { - border-color:@gray-dark; - & > .panel-heading { - color: @white; - background-color: #404040; - border-color: #404040; - } -} -.panel-pink { - border-color:@pink; - & > .panel-heading { - color: @white; - background-color: @pink; - border-color: @pink; - } -} -.panel-green { - border-color:@green; - & > .panel-heading { - color: @white; - background-color: @green; - border-color: @green; - } -} -.panel-blueLight { - border-color: @blueLight; - & > .panel-heading { - color: @white; - background-color: @blueLight; - border-color: @blueLight; - } -} -.panel-pinkDark { - border-color:@pinkDark; - & > .panel-heading { - color: @white; - background-color: @pinkDark; - border-color: @pinkDark; - } -} -.panel-redLight { - border-color: @redLight; - & > .panel-heading { - color: @white; - background-color: @redLight; - border-color: @redLight; - } -} -.panel-red { - border-color: @red; - & > .panel-heading { - color: @white; - background-color: @red; - border-color: @red; - } -} -.panel-teal { - border-color: @teal; - & > .panel-heading { - color: @white; - background-color: @teal; - border-color: @teal; - } -} -.panel-orange { - border-color: @orange; - & > .panel-heading { - color: @white; - background-color: @orange; - border-color: @orange; - } -} -.panel-blueDark { - border-color: @blueDark; - & > .panel-heading { - color: @white; - background-color: @blueDark; - border-color: @blueDark; - } -} -.panel-magenta { - border-color:@magenta; - & > .panel-heading { - color: @white; - background-color: @magenta; - border-color: @magenta; - } -} -.panel-blue { - border-color: @blue; - & > .panel-heading { - color: @white; - background-color: @blue; - border-color: @blue; - } -} - - -.panel-footer > .btn-block { - border-radius:0px; - -moz-border-radius:0px; - -webkit-border-radius: 0px; - border-bottom:none; - border-left:none; - border-right:none; -} - -/* - * Circle Buttons - */ - -.btn-circle { - width: 30px; - height: 30px; - text-align: center; - padding: 6px 0; - font-size: 12px; - line-height: 18px; - border-radius: 50%; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; -} -.btn-circle.btn-lg { - width: 50px; - height: 50px; - padding: 10px 15px; - font-size: 18px; - line-height: 30px; - border-radius: 50%; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; -} -.btn-circle.btn-xl { - width: 70px; - height: 70px; - padding: 10px 15px; - font-size: 24px; - line-height: 50px; - border-radius: 50%; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; -} - - -/* - * Big Metro Buttons - */ - -.btn-metro { - margin:0 0 20px; - padding-top:15px; - padding-bottom:15px; -} - -.btn-metro > span { - display:block; - vertical-align: bottom; - margin-top:10px; - text-transform:uppercase; -} - -.btn-metro > span.label { - position: absolute; - top:0px; - right:0px; -} - -/* - * buttons with labels - */ - -.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(red(@black), green(@black), blue(@black),0.15);border-radius: 3px 0 0 3px;} -.btn-labeled {padding-top: 0;padding-bottom: 0;} - - -/* - * ANIMATION - */ - -#left-panel, #content { - -moz-transition: left .1s ease-out; - -ms-transition: left .1s ease-out; - -o-transition: left .1s ease-out; - -webkit-transition: left .1s ease-out; - transition: left .1s ease-out; -} - -#main { - -moz-transition: all .1s ease-out; - -ms-transition: all .1s ease-out; - -o-transition: all .1s ease-out; - -webkit-transition: all .1s ease-out; - transition: all .1s ease-out; -} - -/* - * CHARTS - */ - -.chart-small { - height:100px; - width:100%; -} - -.chart-large { - height:235px; - width:100%; -} - -.chart-xl { - height:297px; - width:100%; -} - -/* - * Flot Tool tips - */ - -#flotTip { - padding: 3px 5px; - background-color: @white; - z-index: @tooltip-zindex; - color: @gray-dark; - - -webkit-box-shadow: 0 1px 8px rgba(red(@black), green(@black), blue(@black), 0.1); - -moz-box-shadow: 0 1px 8px rgba(red(@black), green(@black), blue(@black),0.1); - box-shadow: 0 1px 8px rgba(red(@black), green(@black), blue(@black), 0.1); - font-size: 14px; - border: 1px solid #C1C1C1; - - -moz-border-radius: 4px; - -khtml-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; -} - -#flotTip span { - color:#38812D; - font-weight:bold; -} - - -.legendLabel span { - display: block; - margin: 0 5px; -} -.legendColorBox { - padding-left: 10px; - vertical-align: top; - padding-top: 5px; -} -.legendColorBox div > div { - width: 4px; - height: 4px; - border-radius: 50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - box-sizing:content-box; - -moz-box-sizing:content-box; - -webkit-box-sizing: content-box; -} - - -/* - * Morris Charts - */ - -.morris-hover.morris-default-style { - border-radius: 10px; - padding: 6px; - color: #666; - background: rgba(red(@white), green(@white), blue(@white), 0.8); - border: solid 2px rgba(230, 230, 230, 0.8); - font-family: sans-serif; - font-size: 12px; - text-align: center; - .morris-hover-row-label { - font-weight: bold; - margin: 0.25em 0; - } - .morris-hover-point { - white-space: nowrap; - margin: 0.1em 0; - } -} -.morris-hover { - position: absolute; - z-index: @morris-hover; -} - -/* - * Flot Chart - */ - -.chart { - height:220px; - margin:20px 5px 10px 10px; -} - -.has-legend { - margin-top: 30px !important; -} - -.has-legend-unique { - margin-top: 19px !important; -} - -/* - * EASY PIE CHART - */ -.easyPieChart { - position: relative; - text-align: center; - canvas { - position: absolute; - top: 0; - left: 0; - } -} - -.easy-pie-chart { - display:inline-block; - .percent { - color:#444; - font-size:12px; - font-weight:bold; - } -} - -.easy-pie-title { - display: inline-block; - margin: 10px 6px 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - font-size:12px; - font-weight:400; - text-transform:uppercase; - width:100px; - height:19px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -.easy-pie-title .icon-color-good, -.easy-pie-title .icon-color-bad { - font-size:18px; -} - - -/* - * Carren colors - */ - -.icon-color-good { - color:@greenBright; -} - -.icon-color-bad { - color:@redBright; -} - -/* - * SIGNS - */ -.percent-sign:after, .degree-sign:after { - content: " %"; - line-height: normal; -} - -.degree-sign:after { - content:" °F"; -} - -/* - * HIDDEN MENU - */ -.hidden-menu #left-panel { - left: -@asideWidth + 10px; - z-index: @hidden-lefthand-menu-zindex; -} -.hidden-menu #main { - margin-left: 10px; -} - -.hidden-menu #left-panel:hover { - left: 0px; -} - -.hidden-menu .minifyme { - display: none; -} - -.minified #hide-menu { - display: none; -} - -.btn-header.pull-right { - margin-left:6px; -} - -.btn-header a > span { - font-size:13px; - font-weight:normal; - line-height:30px; - height:30px; - display:inline-block; -} - -.btn-header > :first-child > a { - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - cursor: default !important; - display: inline-block; - font-weight: bold; - height: 30px; - min-width: 30px; - padding: 2px; - text-align: center; - text-decoration: none !important; - -moz-user-select: none; - -webkit-user-select: none; - background-color: lighten(@gray-lightest, 1.9%); - background-image: -webkit-gradient(linear,left top,left bottom,from(lighten(@gray-lightest, 1.9%)),to(darken(@gray-lightest, 1%))); - background-image: -webkit-linear-gradient(top,lighten(@gray-lightest, 1.9%),darken(@gray-lightest, 1%)); - background-image: -moz-linear-gradient(top,lighten(@gray-lightest, 1.9%),darken(@gray-lightest, 1%)); - background-image: -ms-linear-gradient(top,lighten(@gray-lightest, 1.9%),darken(@gray-lightest, 1%)); - background-image: -o-linear-gradient(top,lighten(@gray-lightest, 1.9%),darken(@gray-lightest, 1%)); - background-image: linear-gradient(top,lighten(@gray-lightest, 1.9%),darken(@gray-lightest, 1%)); - border: 1px solid @gray-mid-light; - color: #6D6A69; - font-size: 17px; - margin: 10px 0 0 0; -} - -.btn-header > :first-child > a:hover { - border: 1px solid @gray-mid-light; - color: #222; - transition: all 0.0s; - cursor: pointer; - -webkit-box-shadow: inset 0px 0px 4px 1px rgba(red(@black), green(@black), blue(@black), .08); - box-shadow: inset 0px 0px 4px 1px rgba(red(@black), green(@black), blue(@black), .08); -} - -.btn-header > :first-child > a:active { - background-color: #e8e8e8; - background-image: -moz-linear-gradient(top, #e8e8e8 0%, #ededed 100%); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#ededed)); - background-image: -webkit-linear-gradient(top, #e8e8e8 0%,#ededed 100%); - background-image: -o-linear-gradient(top, #e8e8e8 0%,#ededed 100%); - background-image: -ms-linear-gradient(top, #e8e8e8 0%,#ededed 100%); - background-image: linear-gradient(to bottom, #e8e8e8 0%,#ededed 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ededed',GradientType=0 ); - -webkit-box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); - box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); -} - -.hidden-menu #hide-menu > :first-child > a { - background-color: #e8e8e8; - background-image: -moz-linear-gradient(top, #5A5A5A 0%, #686868 100%); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A5A5A), color-stop(100%,#686868)); - background-image: -webkit-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); - background-image: -o-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); - background-image: -ms-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); - background-image: linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#686868',GradientType=0 ); - -webkit-box-shadow: inset 0px 0px 2px 1px rgba(red(@black), green(@black), blue(@black), .1); - box-shadow: inset 0px 0px 2px 1px rgba(red(@black), green(@black), blue(@black), .1); - color: @white; - border-color:#494949; -} - -.hidden-menu #hide-menu > :first-child > a { - -webkit-box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); - box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); -} - -.hidden-menu #hide-menu > :first-child > a:active { - -webkit-box-shadow: inset 0px 0px 6px 1px rgba(red(@black), green(@black), blue(@black), .2); - box-shadow: inset 0px 0px 6px 1px rgba(red(@black), green(@black), blue(@black), .2); -} - -/* - * AJAX DROPDOWN - */ - -.ajax-dropdown >:first-child { - margin:0 0 3px 0; - padding:0 0 9px 0; -} - -.ajax-dropdown { - position: absolute; - display: none; - z-index: @ajax-dropdown-zindex; - background: white; - top: 48px; - left: 16px; - width: 344px; - height: 435px; - border-radius:0px; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; - -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); - -moz-box-shadow: 0 2px 4px rgba(30,30,100,0.25); - box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25); - padding:10px; - background: @white; - border: 1px solid #b3b3b3; -} - -.ajax-dropdown:after, .ajax-dropdown:before { - bottom: 100%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} - -.ajax-dropdown:after { - border-color: rgba(red(@white), green(@white), blue(@white), 0); - border-bottom-color: @ajaxdrop-arrow-top-color; - border-width: @ajaxdropdown-arrow-size; - left: 50%; - margin-left: -@ajaxdropdown-arrow-size; -} - -.ajax-dropdown:before { - border-color: rgba(131, 131, 131, 0); - border-bottom-color: @ajaxdrop-arrow-bottom-color; - border-width: @ajaxdropdown-arrow-bottom; - left: 50%; - margin-left: -@ajaxdropdown-arrow-bottom; -} - -.ajax-dropdown .btn-group .btn { - font-weight:bold; - text-transform:capitalize; -} - -.ajax-dropdown .btn-group >:nth-child(2) { - border-right-width:0px; - border-left-width:0px; -} - -.ajax-dropdown .btn-group .btn:active { - top:0px; - left:0px; -} - -.ajax-notifications { - height: @ajaxdropdown-height; - display:block; - overflow: auto; - margin-right: -10px; - margin-left: -10px; - border-bottom: 1px solid #CECECE; - border-top: 1px solid #CECECE; - background: #E9E9E9; -} - -.ajax-notifications > .alert.alert-transparent { - background-color: transparent; - border-color: transparent; - color: #757575; - margin:13px 10px; -} - -.ajax-notifications > .alert>:first-child { - margin-bottom:10px; - font-weight:400; -} - -.ajax-dropdown >:last-child { - font-size:13px; - display: block; - padding: 5px 0; - line-height: 22px; - font-weight: 400; -} - -.ajax-dropdown .fa-4x.fa-border { - border-width:3px; - border-radius:50%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - display:block; - margin:0 auto; - width:46px; - text-align:center; - color: #D1D1D1; - border-color:#D1D1D1; -} - -/* - * LARGE DROPDOWNS - */ - -.dropdown-large { - position: static !important; -} -.dropdown-menu-large { - margin-left: 16px; - margin-right: 16px; - padding: 20px 0px; -} -.dropdown-menu-large > li > ul { - padding: 0; - margin: 0; -} -.dropdown-menu-large > li > ul > li { - list-style: none; -} -.dropdown-menu-large > li > ul > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.428571429; - color: #333333; - white-space: normal; -} -.dropdown-menu-large > li ul > li > a:hover, -.dropdown-menu-large > li ul > li > a:focus { - text-decoration: none; - color: #262626; - background-color: #f5f5f5; -} -.dropdown-menu-large .disabled > a, -.dropdown-menu-large .disabled > a:hover, -.dropdown-menu-large .disabled > a:focus { - color: #999999; -} -.dropdown-menu-large .disabled > a:hover, -.dropdown-menu-large .disabled > a:focus { - text-decoration: none; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - cursor: not-allowed; -} -.dropdown-menu-large .dropdown-header { - color: #428bca; - font-size: 18px; -} -@media (max-width: 768px) { - .dropdown-menu-large { - margin-left: 0 ; - margin-right: 0 ; - } - .dropdown-menu-large > li { - margin-bottom: 30px; - } - .dropdown-menu-large > li:last-child { - margin-bottom: 0; - } - .dropdown-menu-large .dropdown-header { - padding: 3px 15px !important; - } -} - - - -/* - * PAGING - */ - -.pagination-xs>li>a, .pagination-xs>li>span { - padding: 4px 9px; - font-size:12px; -} - -/* - * NOTIFICATIONS : MAIL - */ - -.notification-body *, .notification-body:before *, .notification-body:after * { - box-sizing:border-box !important; - -webkit-box-sizing:border-box !important; - -moz-box-sizing:border-box !important; -} - -.notification-body { - padding:0 0 0 3px; - margin:0; - list-style:none; -} - -.notification-body > li { - border-bottom: 1px solid #E9E9E9; - position:relative; -} - - -.notification-body > li > span { - background: @white; - display: block; - min-height: 25px; - overflow: hidden; - padding: 8px 10px 13px; - white-space: normal; -} - -.notification-body > li > span:hover { - background: #F0F4F7 ; - color: #667F8F; -} - -.notification-body > li a.msg { - padding-left:50px !important; -} - - -.notification-body > li a, .notification-body > li a:hover { -text-decoration: none; -} - -.notification-body > li a, .notification-body > li a span { - display:block; - position:relative; - overflow:hidden; -} - -.notification-body > li a, .notification-body > li a:hover { - text-decoration:none; -} - -.notification-body > li:hover .progress { - background: @white; - box-shadow: 0 1px 0 rgba(red(@black), green(@black), blue(@black), 0), 0 0 0 1px #A7A7A7 inset; - -webkit-box-shadow: 0 1px 0 rgba(red(@black), green(@black), blue(@black), 0), 0 0 0 1px #CCC inset; - -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px lighten(@gray-lighter, 10%) inset; -}.notification-body > li:hover .text-muted { - color:@gray-dark; -} - -.notification-body .from { - font-size: @font-size-base + 1px; - line-height:normal; - color:@gray-dark; - font-weight:normal; - margin-right:60px; - margin-bottom:6px; - height:20px; - text-overflow:ellipsis; - white-space: nowrap; - overflow: hidden; -} - -.notification-body .unread .from { - font-weight:bold; -} - -.notification-body .unread { - background:#FFFFE0; -} - -.notification-body time { - position:absolute; - top:3px; - right:0; - font-size: 11px; - font-weight:normal; - color:#058dc7; -} - -.notification-body .msg-body, .notification-body .subject { - font-size: @font-size-base; - color:#A0A0A0; - max-height:35px; - width: 100%; - text-overflow:ellipsis; - white-space: nowrap; - overflow: hidden; -} - -.notification-body .subject { - font-size: @font-size-base; - color:@gray-dark; - max-height:22px; -} - - -/* - * WIZARDS - */ - -.bootstrapWizard { - display: block; - list-style: none; - padding: 0; - position: relative; - width: 100%; -} -.bootstrapWizard a:hover, .bootstrapWizard a:active, .bootstrapWizard a:focus { - text-decoration: none -} -.bootstrapWizard li { - display: block; - float: left; - width: 25%; - text-align: center; - padding-left: 0; -} -.bootstrapWizard li:before { - border-top: 3px solid #55606E; - content: ""; - display: block; - font-size: 0; - overflow: hidden; - position: relative; - top: 11px; - right: 1px; - width: 100%; - z-index: 1; -} -.bootstrapWizard li:first-child:before { - left: 50%; - max-width: 50%; -} -.bootstrapWizard li:last-child:before { - max-width: 50%; - width: 50%; -} - -.bootstrapWizard li.complete .step { - background: @wizard-step-complete; - padding: 1px 6px; - border: 3px solid #55606E; -} -.bootstrapWizard li .step i { - font-size: 10px; - font-weight: normal; - position: relative; - top: -1.5px; -} -.bootstrapWizard li .step { - background: #B2B5B9; - color: @white; - display: inline; - font-size: 15px; - font-weight: bold; - line-height: 12px; - padding: 7px 13px; - border: 3px solid transparent; - border-radius: 50%; - line-height: normal; - position: relative; - text-align: center; - z-index: 2; - transition: all 0.1s linear 0s; -} -.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step { - background: @wizard-step-active; - color: @white; - font-weight: bold; - padding: 7px 13px; - font-size: 15px; - border-radius: 50%; - border: 3px solid #55606E; -} -.bootstrapWizard li.complete .title, .bootstrapWizard li.active .title { - color: #2B3D53; -} -.bootstrapWizard li .title { - color: @gray-mid-light; - display: block; - font-size: 13px; - line-height: 15px; - max-width: 100%; - position: relative; - table-layout: fixed; - text-align: center; - top: 20px; - word-wrap: break-word; - z-index: 104; -} - -.wizard-actions { - display: block; - list-style: none; - padding: 0; - position: relative; - width: 100%; -} -.wizard-actions li { - display: inline; -} - -.tab-content.transparent { - background-color: transparent; -} - -/* - * FUELUX WIZARD - */ - -.fuelux .wizard { - position: relative; - overflow: hidden; - background-color: #f9f9f9; - border: 1px solid #d4d4d4; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - *zoom: 1; - -webkit-box-shadow: 0 1px 4px rgba(red(@black), green(@black), blue(@black), 0.065); - -moz-box-shadow: 0 1px 4px rgba(red(@black), green(@black), blue(@black), 0.065); - box-shadow: 0 1px 4px rgba(red(@black), green(@black), blue(@black), 0.065); -} - -.fuelux .wizard:before, -.fuelux .wizard:after { - display: table; - line-height: 0; - content: ""; -} - -.fuelux .wizard:after { - clear: both; -} - -.fuelux .wizard ul { - width: 4000px; - padding: 0; - margin: 0; - list-style: none outside none; -} - -.fuelux .wizard ul.previous-disabled li.complete { - cursor: default; -} - -.fuelux .wizard ul.previous-disabled li.complete:hover { - color: @green; - cursor: default; - background: #f3f4f5; -} - -.fuelux .wizard ul.previous-disabled li.complete:hover .chevron:before { - border-left-color: #f3f4f5; -} - -.fuelux .wizard ul li { - position: relative; - float: left; - height: 46px; - padding: 0 20px 0 30px; - margin: 0; - font-size: 16px; - line-height: 46px; - color: #999999; - cursor: default; - background: #ededed; -} - -.fuelux .wizard ul li .chevron { - position: absolute; - top: 0; - right: -14px; - z-index: 1; - display: block; - border: 24px solid transparent; - border-right: 0; - border-left: 14px solid #d4d4d4; -} - -.fuelux .wizard ul li .chevron:before { - position: absolute; - top: -24px; - right: 1px; - display: block; - border: 24px solid transparent; - border-right: 0; - border-left: 14px solid #ededed; - content: ""; -} - -.fuelux .wizard ul li.complete { - color: @state-success-text; - background: #f3f4f5; -} - -.fuelux .wizard ul li.complete:hover { - cursor: pointer; - background: #e7eff8; -} - -.fuelux .wizard ul li.complete:hover .chevron:before { - border-left: 14px solid #e7eff8; -} - -.fuelux .wizard ul li.complete .chevron:before { - border-left: 14px solid #f3f4f5; -} - -.fuelux .wizard ul li.active { - color: #3a87ad; - background: #f1f6fc; -} - -.fuelux .wizard ul li.active .chevron:before { - border-left: 14px solid #f1f6fc; -} - -.fuelux .wizard ul li .badge { - margin-right: 8px; -} - -.fuelux .wizard ul li:first-child { - padding-left: 20px; - border-radius: 4px 0 0 4px; -} - -.fuelux .wizard .actions { - position: absolute; - right: 0; - z-index: 2; - float: right; - padding-right: 15px; - padding-left: 15px; - line-height: 46px; - vertical-align: middle; - background-color: @gray-lighter; - border-left: 1px solid #d4d4d4; -} - -.fuelux .wizard .actions a { - margin-right: 8px; - font-size: 12px; - line-height: 45px; -} - -.fuelux .wizard .actions .btn-prev i { - margin-right: 5px; -} - -.fuelux .wizard .actions .btn-next i { - margin-left: 5px; -} - -.fuelux .step-content .step-pane { - display: none; -} - -.fuelux .step-content .active { - display: block; -} - -.fuelux .step-content .active .btn-group .active { - display: inline-block; -} - - -/* - * jarvismetro TILE - */ - -.jarvismetro-tile { - float:left; - display: block; - background-color: @white; - width: 100px; - height: 70px; - cursor: pointer; - box-shadow: inset 0px 0px 1px #FFFFCC; - border:1px dotted #C5C5C5; - text-decoration: none; - color: @white; - position: relative; - font-weight: 300; - font-smooth: always; - margin: 0 10px 20px 0; - padding:5px; - position: relative; -} - -.jarvismetro-tile:hover { - z-index: 10; - -webkit-transform: scale(1.07); - -moz-transform: scale(1.07); -} - -.jarvismetro-tile.big-cubes { - width:120px; - height:120px; -} - -.jarvismetro-tile.double { - width: 249px; -} - -.jarvismetro-tile:active { - top: 1px; - left: 1px; -} - -.jarvismetro-tile .iconbox { - text-align:center; -} - -.jarvismetro-tile .iconbox i { - display:block; - margin: 15px auto 0; - height: 75px; -} -.jarvismetro-tile .iconbox span { - display:block; - text-align:left; -} - -.jarvismetro-tile .iconbox span > span { - position: absolute; - right: -3px; - bottom: -3px; - border-radius: 50%; - padding: 5px 5px; - border: 1px solid @white; -} - -.selected { - border: 1px solid @blueSky !important; -} - -.selected:before { - display:block; - position: absolute; - content: "\f00c"; - color: @white; - right: 4px; - font-family: FontAwesome; - z-index: 1002; -} - -.selected:after { - display:block; - width: 0; - height: 0; - border-top: 35px solid @blueSky; - border-left: 35px solid rgba(red(@black), green(@black), blue(@black), 0); - position: absolute; - display: block; - right: 0; - content: "."; - top: 0; - z-index: 1001; -} - -/* - * SHORT CUT - */ - -#shortcut { - display:block; - position:absolute; - top:0px; - left:0; - height:auto; - width:100%; - background-color:#33302F; - background-color: rgba(red(@black), green(@black), blue(@black), 0.85); - z-index: 1009; - display:none; - color:@white; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - box-sizing:border-box; -} - -#shortcut ul { - padding: 15px 20px 10px; - list-style:none; - margin:0; - box-shadow: 0px 4px 10px rgba(red(@black), green(@black), blue(@black), 0.3); - -moz-box-shadow: 0px 4px 10px rgba(red(@black), green(@black), blue(@black), 0.3); - border-bottom: 1px solid #423F3F; -} - -#shortcut ul li { - display:inline-block; - width:auto; -} - -#shortcut ul li .jarvismetro-tile { - margin:0px 3px 3px; - border:none; - border-radius: 0px; - -moz-border-radius:0px; - -webkit-border-radius:0px; -} - -#shortcut ul li .jarvismetro-tile:hover { - color:@white; - text-decoration:none; -} - -#shortcut ul li .jarvismetro-tile:active, #shortcut ul li .jarvismetro-tile:focus { - left:0; - top:0; -} - -.shortcut-on #response-btn { - display:none !important; - -} - -.shortcut-on #main .navbar, .shortcut-on #left-bar .navbar { - border:none !important; -} - -/* - * ARROW BOX - */ - - -.arrow-box-up:after, .arrow-box-up:before { - bottom: 100%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} - -.arrow-box-up:after { - border-color: rgba(red(@white), green(@white), blue(@white), 0); - border-bottom-color: @white; - border-width: 7px; - left: 50%; - margin-left: -7px; -} - -.arrow-box-up:before { - border-color: rgba(131, 131, 131, 0); - border-bottom-color: #838383; - border-width: 8px; - left: 50%; - margin-left: -8px; -} - - /* - * right - */ - - .arrow-box-up-right:after, .arrow-box-up-right:before { - bottom: 100%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - } - - .arrow-box-up-right:after { - border-color: rgba(red(@white), green(@white), blue(@white), 0); - border-bottom-color: @white; - border-width: 7px; - right: 10px; - margin-left: -7px; - } - - .arrow-box-up-right:before { - border-color: rgba(131, 131, 131, 0); - border-bottom-color: #838383; - border-width: 8px; - right: 9px; - margin-left: -8px; - } - - /* - * BOOTSTRAP TOOLTIP - */ - .tooltip-inner { - padding: 5px 10px; - font-size:@tooltip-font-size; - font-family:Arial, Helvetica, sans-serif; - font-weight:bold; - border-radius: 0px; - } - - -/* - * SPARKLINE - */ -.jqstooltip { - padding: 7px !important; - border-radius:3px !important; - -webkit-border-radius:3px !important; - -moz-border-radius:3px !important; - border:none !important; - background-color: rgba(red(@black), green(@black), blue(@black), 1) !important; - box-sizing:content-box; - -moz-box-sizing:content-box; - -webkit-box-sizing:content-box; - -} - -.jqstooltip .jqsfield { - font-family:"Segoe UI","Open Sans",Calibri,Candara,Arial,sans-serif; - font-size:@sparkline-font-size; -} - -#sparks { - display: block; - list-style: none; - margin: 10px 0 0; - padding: 0; - text-align: right; -} - - #sparks li { - display: inline-block; - max-height: 47px; - overflow: hidden; - text-align: left; - box-sizing:content-box; - -moz-box-sizing:content-box; - -webkit-box-sizing:content-box; - } - - #sparks li h5 { - color: #555; - float: left; - font-size: 11px; - font-weight: normal; - margin: -3px 0 0 0; - padding: 0; - border: none; - text-transform: uppercase; - } - - #sparks li span { - color: #636363; - display: block; - } - - #sparks li { - border-left: 1px dotted #c7c7c7; - padding: 0 10px; - } - - #sparks li:last-child { - padding-right: 0; - } - - #sparks li:first-child { - border-left: none; - padding-left: 0; - } - -.sparks-info { - min-width: 70px; -} - - .sparks-info span { - font-size: 18px; - line-height: 20px; - margin: 0; - text-transform: none; - } - - .sparks-info .sparkline { - display: block; - float: right; - margin: 3px 0 0 20px; - } - -/* - * WEBKIT SCROLLING CSS - * Reference: http://stackoverflow.com/questions/10592657/scrollbar-stylesheet - * GitHub Source: https://gist.github.com/jambu/2004633 - */ -.custom-scroll::-webkit-scrollbar { - -webkit-overflow-scrolling: touch; - height: 10px; - width: 10px; -} - - .custom-scroll::-webkit-scrollbar:hover { - background-color: #E9E9E9; - border: 1px solid #dbdbdb; - } - -.custom-scroll::-webkit-scrollbar-button:start:decrement, -.scrollable::-webkit-scrollbar-button:end:increment { - background: transparent; - display: block; - height: 0; -} - -.custom-scroll::-webkit-scrollbar-track { - background-clip: padding-box; - border-width: 0 0 0 4px; - border: solid transparent; -} - -.custom-scroll::-webkit-scrollbar-track-piece { - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - -webkit-border-radius: 0; - background-color: transparent; - border-radius: 0; -} - -.custom-scroll::-webkit-scrollbar-thumb { - -moz-box-shadow: inset 1px 1px 0 rgba(red(@black), green(@black), blue(@black),0.1), inset 0 -1px 0 rgba(red(@black), green(@black), blue(@black),0.07); - -webkit-box-shadow: inset 1px 1px 0 rgba(red(@black), green(@black), blue(@black),0.1), inset 0 -1px 0 rgba(red(@black), green(@black), blue(@black),0.07); - background-clip: padding-box; - background-color: rgba(red(@black), green(@black), blue(@black),0.2); - border-width: 0; - border: none; - box-shadow: inset 1px 1px 0 rgba(red(@black), green(@black), blue(@black),0.1), inset 0 -1px 0 rgba(red(@black), green(@black), blue(@black),0.07); -} - -.custom-scroll::-webkit-scrollbar-thumb:vertical, .scrollable::-webkit-scrollbar-thumb:horizontal { - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - -webkit-border-radius: 0; - background-color: @gray-mid-light; - border-radius: 0; -} - -.custom-scroll::-webkit-scrollbar-thumb:active { - -moz-box-shadow: inset 1px 1px 3px rgba(red(@black), green(@black), blue(@black),0.33); - -webkit-box-shadow: inset 1px 1px 3px rgba(red(@black), green(@black), blue(@black),0.33); - background-color: rgba(red(@black), green(@black), blue(@black),0.44); - box-shadow: inset 1px 1px 3px rgba(red(@black), green(@black), blue(@black),0.33); -} - -.custom-scroll::-webkit-scrollbar-thumb:hover { - background-color: #959595; -} - - - - - -/* - * Air fields - * Description: absolute positioned objects - */ -.air { - position:absolute; - z-index: 5; -} - -.air-bottom { - bottom:0px; -} - -.air-top { - top:0px; -} - -.air-top-right { - top:0px; - right:0px; -} - -.air-top-left { - top:0px; - left:0px; -} - -.air-bottom-left { - bottom:0px; - left:0px; -} - -.air-bottom-right { - bottom:0px; - right:0px; -} - -/* - * Typehead - */ - -.twitter-typeahead .tt-query, -.twitter-typeahead .tt-hint { - margin-bottom: 0; -} - -.tt-dropdown-menu { - min-width: 160px; - margin-top: 2px; - padding: 5px 0; - background-color: @white; - border: 1px solid @gray-mid-light; - border: 1px solid rgba(red(@black), green(@black), blue(@black),.2); - *border-right-width: 2px; - *border-bottom-width: 2px; - -webkit-box-shadow: 0 5px 10px rgba(red(@black), green(@black), blue(@black),.2); - -moz-box-shadow: 0 5px 10px rgba(red(@black), green(@black), blue(@black),.2); - box-shadow: 0 5px 10px rgba(red(@black), green(@black), blue(@black),.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; -} - -.tt-suggestion { - display: block; - padding: 3px 20px; -} - -.tt-suggestion.tt-is-under-cursor { - color: @white; - background-color: #0081c2; -} - -.tt-suggestion.tt-is-under-cursor a { - color: @white; -} - -.tt-suggestion p { - margin: 0; -} - - - - -/* - * Google Maps - */ - -.google_maps { - width:100%; - height:350px; - position:relative; -} - -.google_maps * { - box-sizing:content-box; - -webkit-box-sizing:content-box; - -moz-box-sizing:content-box; -} - -.google_maps img { - max-width: none; /* needed for google map popup*/ -} - -/* - * Header btn - */ - -.header-btn { - margin-top:5px; -} - - -/* - * TREE - */ - -.tree { - min-height:20px; - -webkit-border-radius:4px; - -moz-border-radius:4px; - border-radius:4px; -} -.tree li { - list-style-type:none; - margin:0; - padding:5px; - position:relative -} - -.tree ul ul li:hover { - background:rgba(red(@black), green(@black), blue(@black),.015); -} - -.tree li:before, .tree li:after { - content:''; - left:-20px; - position:absolute; - right:auto -} -.tree li:before { - border-left:1px solid @gray-light; - bottom:50px; - height:100%; - top:-11px; - width:1px; - -webkit-transition: "border-color 0.1s ease 0.1s"; --moz-transition: "border-color 0.1s ease 0.1s"; --o-transition: "border-color 0.1s ease 0.1s"; -transition: "border-color 0.1s ease 0.1s"; -} -.tree li:after { - border-top:1px solid @gray-light; - height:20px; - top:18px; - width:25px -} -.tree li span { - -moz-border-radius:5px; - -webkit-border-radius:5px; - border:1px dotted @gray-light; - border-radius:5px; - display:inline-block; - padding:3px 8px; - text-decoration:none; - -webkit-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s; - -moz-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s; - -o-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s; - transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s; -} -.tree li.parent_li>span { - cursor:pointer; - padding:7px; -} -.tree>ul>li:before, .tree>ul>li::after { - border:0 -} -.tree li:last-child::before { - height:30px -} -.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span { - background:#eee; - border:1px solid #94a0b4; - color:#000 -} - -.tree > ul { - padding-left:0px; -} - -.tree ul ul { - padding-left: 34px; - padding-top: 10px; -} - -.tree li.parent_li>span:hover { -background-color: #DF8505; -border: 1px solid #C67605; -color: @white; -} - - -.tree li.parent_li>span:hover+ul li::before { -border-left-color: #F89406; -} - -.tree li.parent_li>span:hover+ul li::after { -border-top-color: #F89406; -} - -.tree li.parent_li>span:hover+ul li span { - background: #FDDFB3 !important; - border: 1px solid #FAA937; - color: #000; -} - - - -/* - * VECTOR MAP - */ - - .jvectormap-label { - position: absolute; - display: none; - border: solid 1px #CDCDCD; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background: #292929; - color: white; - font-family: sans-serif, Verdana; - font-size: smaller; - padding: 3px; -} - -.jvectormap-zoomin, .jvectormap-zoomout { - position: absolute; - background: #292929; - padding: 4px; - width: 22px; - height: 22px; - cursor: pointer; - line-height: 10px; - text-align: center; - font-size: 14px; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - -moz-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - -webkit-box-shadow: inset 0 -2px 0 rgba(red(@black), green(@black), blue(@black), 0.05); - background-color: @white; - border: 1px solid @gray-mid-light; -} - -.jvectormap-zoomin:hover, .jvectormap-zoomout:hover { - background:@gray-lighter; - border-color:lighten(@gray-light, 25%); -} - - -.jvectormap-zoomin { - top: 0px; -} - -.jvectormap-zoomout { - top: 24px; -} - - -.vector-map { - height:300px; - width:100%; - padding:10px; -} - -#heat-fill { - display:block; - position: relative; - margin-bottom:20px; - background:@gray-dark; - height:7px; - width:200px; - background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAABCAIAAAAU3Xa1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMDE4MkZGMzMzOTgxMUUzODZBQUNFQUNFOTk0NEUxRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMDE4MkZGNDMzOTgxMUUzODZBQUNFQUNFOTk0NEUxRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAwMTgyRkYxMzM5ODExRTM4NkFBQ0VBQ0U5OTQ0RTFGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwMTgyRkYyMzM5ODExRTM4NkFBQ0VBQ0U5OTQ0RTFGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rG8MDAAAAM5JREFUeNpUUtESwyAIg8ft9v8/W4ElBPWKV1AIiKEeEWVuVlWjINSVONBnirQDxukNgcuyTQsBzLHMDsLIQQw+nIL71JqNJ5GZJXApFNpmtlagQjfS2xGbkFA4Iwu+hu0sK3Wl3nOwNv7TvPrWk3X0eW9dK1pU9hK2eTuWb2ySJmlziutA3iBxmblPNvA5PNsuUpoDY80+Z0SW1IRpDEqwC58C14tsr1f8le8si0aojdADr/1UjaclsFashX8GGkL9wDxtRsV6ft/PX4ABADRzhOVIOJaAAAAAAElFTkSuQmCC) -} - -.fill-a, .fill-b { - width:20px; - text-align: right; - overflow:hidden; - text-overflow:ellipsis; - display:block; - background:@white; - padding-right:4px; - position:absolute; - left:0px; - margin-top:-7px; - font-weight:bold; - -}.fill-b { - text-align:left; - position:absolute; - right:0px; - left:auto; - top:0px; - width:60px; - padding-left:4px; - padding-right:0px; - -} - - -/* - * CKEDITOR - */ - -.cke_top { - background: rgba(248, 248, 248, 0.9) !important; - background-image:none !important; -} - - -/* - * PACE PROGRESS BAR - */ - -.pace { - -webkit-pointer-events: none; - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.pace-inactive { - display: none; -} - -.pace .pace-progress { - background: @blueStandard; - position: fixed; - z-index: @pace-zindex; - top: 0; - left: 0; - height: 2px; - - -webkit-transition: width 1s; - -moz-transition: width 1s; - -o-transition: width 1s; - transition: width 1s; -} - -.pace .pace-progress-inner { - display: block; - position: absolute; - right: 0px; - width: 100px; - height: 100%; - box-shadow: 0 0 10px #29d, 0 0 5px #29d; - opacity: 1.0; - -webkit-transform: rotate(3deg) translate(0px, -4px); - -moz-transform: rotate(3deg) translate(0px, -4px); - -ms-transform: rotate(3deg) translate(0px, -4px); - -o-transform: rotate(3deg) translate(0px, -4px); - transform: rotate(3deg) translate(0px, -4px); -} - -.pace .pace-activity { - display: block; - position: fixed; - z-index: 2000; - top: 63px; - right: 40px; - width: 14px; - height: 14px; - border: solid 2px transparent; - border-top-color: #29d; - border-left-color: #29d; - border-radius: 10px; - -webkit-animation: pace-spinner 400ms linear infinite; - -moz-animation: pace-spinner 400ms linear infinite; - -ms-animation: pace-spinner 400ms linear infinite; - -o-animation: pace-spinner 400ms linear infinite; - animation: pace-spinner 400ms linear infinite; -} - -@-webkit-keyframes pace-spinner { - 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } -} -@-moz-keyframes pace-spinner { - 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } -} -@-o-keyframes pace-spinner { - 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } -} -@-ms-keyframes pace-spinner { - 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } -} -@keyframes pace-spinner { - 0% { transform: rotate(0deg); transform: rotate(0deg); } - 100% { transform: rotate(360deg); transform: rotate(360deg); } -} - -/* - * BS Multiselect - * TODO: - */ - -.multiselect-container { - position: absolute; - list-style-type: none; - margin: 0; - padding: 0 -} -.multiselect-container .input-group { - margin: 5px -} -.multiselect-container > li { - padding: 0 -} -.multiselect-container > li > a.multiselect-all label { - font-weight: bold -} -.multiselect-container > li > label.multiselect-group { - margin: 0; - padding: 3px 20px 3px 20px; - height: 100%; - font-weight: bold -} -.multiselect-container > li > a > label { - margin: 0; - height: 100%; - cursor: pointer; - font-weight: normal -} -.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox { - margin: 0 -} -.multiselect-container > li > a > label > input[type="checkbox"] { - margin-bottom: 5px -} -.btn-group > .btn-group:nth-child(2)> .multiselect.btn { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px -} diff --git a/src/main/webapp/less/smartadmin/notifications.less b/src/main/webapp/less/smartadmin/notifications.less @@ -1,679 +0,0 @@ - /*Messagebox */ - -.divMessageBox{ - width:100%; - height:100%; - position:fixed; - top:0; - left:0; - - background: rgba(0,0,0,0.6); - z-index:100000; -} -/* -.MessageIE{ - background-image: url("@{base-url}/bg.png"); - -}*/ - -.MessageBoxContainer{ - position: relative; - top: 35%; - color: white; - position: relative; - width: 100%; - background-color:#232323; - background-color: rgba(0, 0, 0, 0.8); - padding:20px; -} - -.MessageBoxMiddle{ - position: relative; - left: 20%; - width: 60%; -} - -.MessageBoxMiddle .MsgTitle{ - letter-spacing: -1px; - font-size: 24px; - font-weight:300; -} - -.MessageBoxMiddle .pText{ - font-style: 30px; -} - -.MessageBoxContainer input{ - width: 50%; - padding: 5px; -} - -.MessageBoxContainer select{ - width: 50%; - padding: 5px; -} - - -.MessageBoxButtonSection{ - width: 100%; - height: 30px; -} - -.MessageBoxButtonSection button{ - float: right; - margin-right: 7px; - padding-left: 15px; - padding-right: 15px; - font-size: 14px; - font-weight: bold; -} - -/* End of MessageBox */ - - - -.LoadingBoxContainer{ - position: relative; - top: 20%; - color: white; - position: relative; - width: 100%; - background-color:#232323; -} - -.LoadingBoxMiddle{ - position: relative; - left: 20%; - width: 50%; - padding: 10px; -} - -.LoadingBoxContainer .MsgTitle{ - font-size: 26px; -} - -.LoadingBoxContainer .pText{ - font-style: 30px; -} - -#LoadingPoints{ - position: absolute; - -} - -/* bigBoxes */ -.bigBox{ - position: fixed; - right: 10px; - bottom: 10px; - background-color: #004d60; - padding-left: 10px; - padding-top: 10px; - padding-right: 10px; - padding-bottom: 5px; - width: 390px; - height: 150px; - color: white; - z-index: 99999; - box-sizing:content-box; - -webkit-box-sizing:content-box; - -moz-box-sizing:content-box; - border-left: 5px solid rgba(0, 0, 0, 0.15); - overflow:hidden; -} - -.bigBox span{ - font-size: 17px; - font-weight: 300; - letter-spacing: -1px; - padding: 5px 0 !important; - display: block; -} -.bigBox p{ - font-size: 13px; - margin-top: 10px; -} - -#divMiniIcons{ - position: fixed; - width: 415px; - right: 10px; - bottom: 180px; - z-index: 9999; - float:right; - -} - -.botClose{ - position: absolute; - right: 10px; - height: 16px; - width: 15px; - cursor: pointer; - font-size: 18px; - opacity: .5; - display: block; - top: 15px; -} - -.botClose:hover { - opacity: 1; -} - -#divMiniIcons .cajita{ - text-align: center; - vertical-align: middle; - padding: 4px 6px; - color: #FFF; - float: right; - cursor: pointer; - display: block; - background-color: #F00; - font-size: 17px; - margin-left: 4px; - margin-top: 5px; -} - -#divMiniIcons .cajita:active { - top:1px; - left:1px; - position:relative; -} - -.cajita img{ - width: 23px; - height: 23px; - padding-left: 3px; - padding-top: 3px; -} - -.bigBox .bigboxicon{ - font-size: 30px; - text-align: left; - position: absolute; - top: 120px; - left: 6px; - z-index: 0; -} - -.bigBox .bigboxnumber{ - width: 100%; - text-align: right; - font-size: 25px; -} - -/* End of bigBoxes */ - -/* SmallBox */ -#divSmallBoxes{ - - position: fixed; - right: 0; - top: 0; - z-index: 9999; - -} - -.SmallBox{ - position: absolute; - right: 5px; - top: 20px; - width: 420px; - color: white; - z-index: 9999; - overflow:hidden; - border:1px solid transparent; -} - -.SmallBox:hover{ - border:1px solid #fff; - cursor: pointer; -} - - -.SmallBox .foto{ - font-size: 50px; - position: absolute; - left: 17px; -} - -.SmallBox .textoFull{ - width: 93%; - float: left; - padding-left: 20px; -} - -.SmallBox .textoFoto{ - width: 78%; - margin: 3px 20px 3px 80px; - float: left; -} - -.miniPic { - position: absolute; - bottom: 8px; - right: 9px; -} - -.miniIcono{ - height: 100%; - font-size:20px; -} - - -.SmallBox span{ - font-size: 17px; - font-weight: 300; - letter-spacing: -1px; - display:block; - margin:4px 0; -} -.SmallBox p{ - font-size: 13px; - margin-top: 2px; -} - - -/* End of SmallBox */ - -#pageslide { - /* These styles MUST be included. Do not change. */ - display: none; - position: absolute; - position: fixed; - top: 0; - height: 100%; - z-index: 999999; - - /* Specify the width of your pageslide here */ - width: 305px; - padding: 20px; - - /* These styles are optional, and describe how the pageslide will look */ - background-color: #004d60; - color: #FFF; - -webkit-box-shadow: inset 0 0 5px 5px #222; - -moz-shadow: inset 0 0 0px 0px #222; - box-shadow: inset 0 0 0px 0px #222; -} - -.purehtml{ - color: white; - font-size: 16px; -} - - -/* Mobile Phones */ -@media screen and (max-width: 450px) and (max-width: 767px) { - -/* SmallBox Responsive */ -#divSmallBoxes{ - - position: fixed; - width: 90%; - right: 0; - top: 0; - -} - -.SmallBox{ - width: 95%; -} - -.SmallBox:hover{ - box-shadow: 0px 0px 10px #888888; - cursor: pointer; -} - -.SmallBox span{ - font-size: 16px; - /*font-weight:bold;*/ -} -.SmallBox p{ - font-size: 12px; - margin-top: 2px; -} - - -.SmallBox .textoFull{ - width: 93%; - float: left; - padding-left: 20px; -} - -.SmallBox .textoFoto{ - width: 55%; - margin: 3px 20px 3px 80px; - float: left; -} - - -/* End of SmallBox Responsive*/ - - -/* bigBoxes Responsive */ -.bigBox{ - position: fixed; - right: 10px; - bottom: 10px; - background-color: #004d60; - padding-left: 10px; - padding-top: 10px; - padding-right: 10px; - padding-bottom: 5px; - width: 88%; - height: 150px; - color: white; - z-index: 99999; -} - - -/* End of bigBoxes Responsive */ - - - /*Messagebox Responsive */ - -.divMessageBox{ - width:100%; - height:100%; - position:fixed; - top:0; - left:0; - background: rgba(0,0,0,0.6); - z-index:100000; -} - -.MessageBoxContainer{ - position: relative; - top: 25%; - color: white; - position: relative; - width: 100%; - background-color:#232323; -} - -.MessageBoxMiddle{ - position: relative; - left: 0; - width: 100%; - padding: 3px; -} - -.MessageBoxMiddle .MsgTitle{ - font-size: 22px; -} - -.MessageBoxMiddle .pText{ - font-style: 10px; -} - -.MessageBoxContainer input{ - width: 50%; - padding: 5px; -} - -.MessageBoxContainer select{ - width: 50%; - padding: 5px; -} - - -.MessageBoxButtonSection{ - width: 100%; - height: 30px; -} - -.MessageBoxButtonSection button{ - float: right; - margin-right: 5px; - padding-left: 15px; - padding-right: 15px; -} - - -/* End of MessageBox Responsive */ - - -} - - - - -/* Animations */ - -.animated { - -webkit-animation-duration: 1s; - -moz-animation-duration: 1s; - -o-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - -o-animation-fill-mode: both; - animation-fill-mode: both; -} - -.animated.fast { - -webkit-animation-duration: 0.4s; - -moz-animation-duration: 0.4s; - -ms-animation-duration: 0.4s; - -o-animation-duration: 0.4s; - animation-duration: 0.4s; -} - -@-webkit-keyframes fadeIn { - 0% {opacity: 0;} - 100% {opacity: 1;} -} - -@-moz-keyframes fadeIn { - 0% {opacity: 0;} - 100% {opacity: 1;} -} - -@-o-keyframes fadeIn { - 0% {opacity: 0;} - 100% {opacity: 1;} -} - -@keyframes fadeIn { - 0% {opacity: 0;} - 100% {opacity: 1;} -} - -.fadeIn { - -webkit-animation-name: fadeIn; - -moz-animation-name: fadeIn; - -o-animation-name: fadeIn; - animation-name: fadeIn; -} - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateX(0); - } -} - -@-moz-keyframes fadeInRight { - 0% { - opacity: 0; - -moz-transform: translateX(20px); - } - - 100% { - opacity: 1; - -moz-transform: translateX(0); - } -} - -@-o-keyframes fadeInRight { - 0% { - opacity: 0; - -o-transform: translateX(20px); - } - - 100% { - opacity: 1; - -o-transform: translateX(0); - } -} - -@keyframes fadeInRight { - 0% { - opacity: 0; - transform: translateX(20px); - } - - 100% { - opacity: 1; - transform: translateX(0); - } -} - -.fadeInRight { - -webkit-animation-name: fadeInRight; - -moz-animation-name: fadeInRight; - -o-animation-name: fadeInRight; - animation-name: fadeInRight; -} - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - } - - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} - -@-moz-keyframes fadeInUp { - 0% { - opacity: 0; - -moz-transform: translateY(20px); - } - - 100% { - opacity: 1; - -moz-transform: translateY(0); - } -} - -@-o-keyframes fadeInUp { - 0% { - opacity: 0; - -o-transform: translateY(20px); - } - - 100% { - opacity: 1; - -o-transform: translateY(0); - } -} - -@keyframes fadeInUp { - 0% { - opacity: 0; - transform: translateY(20px); - } - - 100% { - opacity: 1; - transform: translateY(0); - } -} - -.fadeInUp { - -webkit-animation-name: fadeInUp; - -moz-animation-name: fadeInUp; - -o-animation-name: fadeInUp; - animation-name: fadeInUp; -} - -@-webkit-keyframes fadeOut { - 0% {opacity: 1;} - 100% {opacity: 0;} -} - -@-moz-keyframes fadeOut { - 0% {opacity: 1;} - 100% {opacity: 0;} -} - -@-o-keyframes fadeOut { - 0% {opacity: 1;} - 100% {opacity: 0;} -} - -@keyframes fadeOut { - 0% {opacity: 1;} - 100% {opacity: 0;} -} - -.fadeOut { - -webkit-animation-name: fadeOut; - -moz-animation-name: fadeOut; - -o-animation-name: fadeOut; - animation-name: fadeOut; -} -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - } - - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - } -} - -@-moz-keyframes fadeOutLeft { - 0% { - opacity: 1; - -moz-transform: translateX(0); - } - - 100% { - opacity: 0; - -moz-transform: translateX(-20px); - } -} - -@-o-keyframes fadeOutLeft { - 0% { - opacity: 1; - -o-transform: translateX(0); - } - - 100% { - opacity: 0; - -o-transform: translateX(-20px); - } -} - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - transform: translateX(0); - } - - 100% { - opacity: 0; - transform: translateX(-20px); - } -} - -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - -moz-animation-name: fadeOutLeft; - -o-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; -} diff --git a/src/main/webapp/less/smartadmin/page-error.less b/src/main/webapp/less/smartadmin/page-error.less @@ -1,23 +0,0 @@ -/* - * Error Page - */ -.error-box { - max-width: 900px; - margin: 0 auto; -} -.error-text { - font-weight: 400; - color: @white; - letter-spacing: -4px; - font-size: 700%; - margin-bottom:30px; - text-shadow: 0 1px 0 #CCC, 0 2px 0 @gray-mid-light, 0 3px 0 #BBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAA, 0 6px 1px rgba(red(@black), green(@black), blue(@black), 0.1), 0 0 5px rgba(red(@black), green(@black), blue(@black), 0.1), 0 1px 3px rgba(red(@black), green(@black), blue(@black), 0.3), 0 3px 5px rgba(red(@black), green(@black), blue(@black), 0.2), 0 5px 10px rgba(red(@black), green(@black), blue(@black), 0.25), 0 10px 10px rgba(red(@black), green(@black), blue(@black), 0.2), 0 20px 20px rgba(red(@black), green(@black), blue(@black), 0.15); -} -.error-search { - width: 300px; - margin: 0 auto 20px; -} - -.error-icon-shadow { - text-shadow: 0 1px 0 #803838, 0 2px 0 #A85D5D, 0 3px 0 #B86565, 0 4px 0 #D86F6F, 0 5px 0 #B3A5A5, 0 6px 1px rgba(131, 51, 51, 0.1), 0 0 5px rgba(102, 30, 30, 0.1), 0 1px 3px rgba(95, 15, 15, 0.3), 0 3px 5px rgba(100, 23, 23, 0.2), 0 5px 10px rgba(114, 30, 30, 0.25), 0 10px 10px rgba(94, 15, 15, 0.2), 0 20px 20px rgba(121, 38, 38, 0.15); -} -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/page-login.less b/src/main/webapp/less/smartadmin/page-login.less @@ -1,136 +0,0 @@ -/* - * LOGIN/REGISTER PAGE - */ - -.display-image { - margin-top:-60px; - margin-right:20px; -} - -.terms-body { - max-height:400px; - overflow:auto; -} - -#login { - background:@white; - overflow:visible; -} -#login .container { - border:none; -} - -#login #header { - margin:0; - height: 71px; - border-bottom: 1px solid @gray-lighter !important; - overflow: hidden; - padding: 0 30px; - background-clip: padding-box; - border-width: 0; - min-height: 28px; - background: @gray-lightest !important; - margin-bottom:20px; - -} - -#login #header #logo { - margin-top:22px; - margin-left:0px; -} - -#login #header #logo img { - width:137px; -} - -#login-header-space { - float:right; - text-align:right; - display:block; - vertical-align:middle; - line-height:71px; -} - -#login-header-space >:first-child { - font-size: 13px; - margin-right: 14px; - vertical-align: -3px; - font-weight:400; -} - -#login-header-space .btn { - font-weight:bold; - text-transform: uppercase; -} - -#login-header-space > * { - display:inline-block; -} - -#login #main { - background:@white; - margin:0; -} - -#login .hero { - background-image: url("@{base-url}/gradient/login.png"); - background-repeat: no-repeat; - background-position: 0 137px; - height: 360px; - width: 100%; - float:left; -} - -#login h4.paragraph-header { - color: #565656; - font-size: 15px; - font-weight: normal; - line-height: 22px; - margin-top: 15px; - width: 270px; -} - -#login h5.about-heading { - color: #565656; - font-size: 15px; - font-weight: bold; - line-height: 24px; - margin: 0 0 5px; -} - -#login .login-header-big { - font-weight:400; -} - -#login .login-desc-box-l{ - min-height:350px; - width: 50%; -} - -#login .login-app-icons { - vertical-align: top; - margin-top: 90px; - width: 300px; -} - - - -@media (min-width: 768px) and (max-width: 880px) { - #login #header { - padding: 0 5px !important; - } -} - -@media only screen and (min-width: 0px) and (max-width: 679px) { - #login #header { - padding: 0 5px !important; - } - - #login #header #logo img { - width: 135px; - } - - #login #header #logo { - margin-top: 22px; - } -} -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/pricing-table.less b/src/main/webapp/less/smartadmin/pricing-table.less @@ -1,120 +0,0 @@ -/* - * CSS TABLES - */ - - - -.the-price { - background-color: rgba(220,220,220,.17); - box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff; - padding: 20px; - margin: 0; -} - -.the-price h1 { - line-height: 1em; - padding: 0; - margin: 0; -} - -.subscript { - font-size: 21px; - color:#999; -} - - -/* - * RIBBON - */ - -.ribbon { - position: absolute; - right: 9px; - top: -4px; -} - - -/* - * Price BIG - */ - -.pricing-big { - border:none !important; -} - -.pricing-big .panel-heading { - border-radius: 5px 5px 0 0; -} - -.pricing-big .panel-title { - text-transform: capitalize; - font-size: 18px; - padding: 20px 0; - text-align: center; - border-radius: 5px 5px 0 0; - margin:0; - font-weight:bold; -} - -.pricing-big .the-price { - padding: 20px 0; - background: #333; - text-align: center; - font-size: 24px; - font-weight: bold; - color: #FFF; - box-shadow:none !important; - -moz-box-shadow:none !important; -} - -.pricing-big .subscript { - font-size: 18px; - color: #999; - margin-left: 5px; -} - -.price-features { - background: #FAFAFA; - padding: 20px 15px; - min-height: 230px; - font-size:13.5px; -} - - -.price-features li + li { - margin-top: 10px; -} - -.pricing-big .panel-footer { - border-radius: 0 0 5px 5px; -} - -.pricing-big .panel-footer .btn { - padding: 15px 0; - border-radius:3px; - font-weight:bold; - font-size:14px; -} - -.pricing-big .panel-footer .btn span { - font-weight:normal; - font-style:italic; -} - -.pricing-big .panel-footer { - background-color:#F2F2F2 !important; -} - - -.pricing-big .panel-footer > div { - padding:15px 0 10px; - display:block; - font-size:13px; -} - -.pricing-big table { - background: #FAFAFA; - padding: 20px 15px; - height: 230px; - text-align:left; -} diff --git a/src/main/webapp/less/smartadmin/section-calendar.less b/src/main/webapp/less/smartadmin/section-calendar.less @@ -1,116 +0,0 @@ -/* - * FULL CALENDAR - */ - -#calendar-container { - position:relative; -} - -html .fc, .fc table { - font-size:12px; -} - -.dt-header.calender-spacer { - height:46px; - display:block; -} - -.jarviswidget #calendar { - margin-top:-18px; -} - -.fc-widget-header, .fc-widget-content { - border-right: none; -} - -tr.fc-first th.fc-first, tr td.fc-first{ - border-left:none; -} - -tr.fc-last td { - border-bottom:none; -} - -.jarviswidget .fc-header-title h2 { - text-shadow: 0 1px 0 @white; - margin-top: -12px; - margin-left: 10px; - font-size: 14px; - font-weight: bold; - margin-bottom:0px; -} - -.fc-event-time, .fc-event-title { - padding: 3px 0px 2px 3px; - display: inline-block; - line-height: 16px; - font-weight: bold; - font-size: 11px; - box-sizing:border-box; -} - -/* calendar button */ -#calendar-buttons { - position: absolute; - right: 14px; - top: 5px; -} - -/* other month */ -td.fc-other-month, .dropzone { - background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(red(@black), green(@black), blue(@black), 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(red(@black), green(@black), blue(@black), 0.03)), color-stop(0.75, rgba(red(@black), green(@black), blue(@black), 0.03)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(135deg, rgba(red(@black), green(@black), blue(@black), 0.03) 25%, transparent 25%, transparent 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(135deg, rgba(red(@black), green(@black), blue(@black), 0.03) 25%, transparent 25%, transparent 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 75%, transparent 75%, transparent); - background-image: -ms-linear-gradient(135deg, rgba(red(@black), green(@black), blue(@black), 0.03) 25%, transparent 25%, transparent 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(135deg, rgba(red(@black), green(@black), blue(@black), 0.03) 25%, transparent 25%, transparent 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 75%, transparent 75%, transparent); - background-image: linear-gradient(135deg, rgba(red(@black), green(@black), blue(@black), 0.03) 25%, transparent 25%, transparent 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 50%, rgba(red(@black), green(@black), blue(@black), 0.03) 75%, transparent 75%, transparent); - background-color: #FAFCFD; - background-size: 16px 16px; -} - -.fc-corner-right .fc-event-inner { - padding-right:15px; -} - - -/* - * Select color - */ - -.btn-select-tick i { - display:none; -}.btn-select-tick .btn:hover i { - opacity:.3; - display:block; -} - -.btn-select-tick .active i { - display:block; - opacity:1 !important; -} - -/* - * Drag and drop events - */ -#external-events > li { - margin: 6px 4px 6px 0; - display: inline-block; -} -#external-events > li >:first-child { - padding:5px 10px 10px; - cursor:move; - display:block; -} - -#external-events > li >:first-child:after { - display:block; - color:@white; - color: rgba(red(@white), green(@white), blue(@white),0.7); - content: attr(data-description); - font-size: 11px; - font-weight: 400; - display: block; - line-height: 0; - margin: 7px 0; - text-transform: lowercase; -} -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/section-inbox.less b/src/main/webapp/less/smartadmin/section-inbox.less @@ -1,419 +0,0 @@ -/* - * INBOX - */ -.table-wrap { - overflow: auto; - -} -.inbox-body {position:relative} - -.inbox-body .table-wrap { - background:@white; - padding:10px 14px 7px; - position:relative; - margin-left:200px; -} -.inbox-body.no-content-padding { - margin-top:0; - background:@white; -} - -.inbox-nav-bar { - height: 70px; - margin-bottom: 0; - /*border-bottom: 1px solid #CECECE;*/ - padding: 20px 14px; - background:@white; - -} - -.inbox-nav-bar .page-title { - display: inline-block; - margin: 0; - width: 196px; - line-height: 33px; - vertical-align: middle; -} - -.inbox-footer { - height: 52px; - padding: 15px 14px 0; - border-top: 1px solid #CECECE; - background: @asideColor-start; - position: absolute; - bottom: -53px; - width: 100%; -} -.inbox-paging { - margin-left:10px; -} - -.inbox-footer .btn-group { - margin-left:10px; -} - -#inbox-table { - font-size: 13px; - border-top: none; - border-left-color: transparent !important; - border-right-color: transparent !important; -} - - -#inbox-table tbody tr:hover { - cursor: pointer; - background:#E4E4E4; -} - -#inbox-table tr td { - border-right: none; - border-left: none; - line-height:26px; - padding:6px 4px 7px !important; -} - -#inbox-table .inbox-table-icon { - padding-left:15px !important; -} - -#inbox-table tbody tr th { - overflow: hidden; -} - -#inbox-table.table tbody>tr>td { - border-color:#fff !important; -} - -#inbox-table .radio, #inbox-table .checkbox { - margin-top:-1px; - margin-bottom:0px; -} - -.inbox-table-icon, .inbox-data-attachment { - width: 28px; - text-align: left; - padding-left: 12px !important; - padding-right: 0px !important; -} - -.inbox-table-icon, .inbox-data-attachment > :first-child { - -} - -.inbox-data-from { - width: 200px; -} - -.inbox-data-from > :first-child { - width: 200px; - display:block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.inbox-data-date { - width: 80px; - padding-left: 7px !important; - padding-right: 0px !important; -} -.inbox-data-message > :first-child { - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - height: 27px; - color:#8A8A8A; -} .inbox-data-message > :first-child span { - color:#111; -}.inbox-data-message > :first-child span.label { - color:@white; -} - -.inbox-data-message > :first-child > :first-child:after { - content: " - "; -} - - .unread td { - background: @white; - } - - .unread .inbox-data-message > :first-child > :first-child, .unread .inbox-data-from > :first-child, .unread .inbox-data-date > :first-child { - font-weight: bold; - } - - tr.highlight td, tr.unread.highlight td { - background: #ffffcc !important; /*#ffffcc;*/ - color: @gray-dark; - } - -.inbox-checkbox-triggered { - display:inline-block; -} - -.inbox-checkbox-triggered > .btn-group { - margin-right:10px; -} - -.inbox-checkbox-triggered > .btn-group .btn { - padding-left:14px; - padding-right:14px; -} - -.inbox-side-bar { - height:100%; - position:absolute; - background:@white; - display:block; - width:200px; - padding: 10px 0 10px 14px; -} - -.inbox-side-bar h6 { - font-weight:normal; - font-size:11px; - display:block; - padding:0px 15px; - text-transform:uppercase; - color: #838383; -} -.inbox-side-bar h6 a { - font-size: @font-size-base + 1px; - margin-top:-2px; - -} -.inbox-side-bar h6 .tooltip { - text-transform:none !important; -} - -.inbox-side-bar > .btn { - margin-bottom:35px; -} -.inbox-side-bar .input-group { - margin-bottom:25px; -} - -#compose-mail-mini { - margin-left:4px; -} - -.inbox-space { - display:block; - width:185px; -} - -.inbox-space > .progress { - margin-top:5px; -} - -.inbox-menu-lg { - list-style:none; - padding:0; - margin: 0 0 20px 0; -}.inbox-menu-lg li a { - display:block; - padding: 6px 15px 7px; - font-size: @font-size-base; - color:@gray-dark; -}.inbox-menu-lg li { - display:block; - width:100%; -}.inbox-menu-lg li a:hover { - text-decoration:none; - background: @gray-lightest; -}.inbox-menu-lg li.active a { - font-weight:bold; - background: #F0F0F0; - border-bottom: 1px solid #E7E7E7; - color:@blueStandard; -} - -.inbox-menu-sm { - list-style:none; - padding:0; - margin: 0 0 20px 0; -}.inbox-menu-sm li a { - display:block; - padding:8px 15px 10px; - font-size: @font-size-base; - color:@gray-dark; -}.inbox-menu-sm li { - display:block; - width:100%; -}.inbox-menu-sm li a:hover { - text-decoration:none; - background: @gray-lightest; -}.inbox-menu-sm li.active a { - font-weight:bold; - background: #F0F0F0; - border-bottom: 1px solid #E7E7E7; - color:@blueStandard; -} - -/* - * Email opened - */ - -.email-open-header { - margin: -10px 0 0 0; - font-size: 20px; - border-bottom: 1px solid @gray-mid-light; - border-top: 1px solid @gray-lighter; - padding: 15px 3px; -} .email-open-header > span { - font-size:10px; - font-weight:normal; - padding:3px 5px; - letter-spacing:normal; - text-transform: uppercase; - vertical-align: middle; - line-height: 33px; - background:#ACACAC; -} - -.inbox-info-bar { - padding:10px 0px; - border-bottom: 1px solid @gray-mid-light; -} - -.inbox-info-bar img { - width: 35px; - height: auto; - display: inline-block; - vertical-align: middle; - margin-right: 7px; - margin-left: 2px; - border-left: 3px solid #FFF -} - -.inbox-message, .inbox-download { - padding:15px 4px; - border-bottom: 1px solid @gray-mid-light; -} - -.inbox-download-list { - list-style:none; - margin:5px 0 0; - padding:0; -}.inbox-download-list li { - display:inline-block; - margin:0 5px 0 0; - vertical-align:top; -}.inbox-download-list li>:first-child { - margin-bottom:0; - width: 150px; - overflow:hidden; -}.inbox-download-list li>:first-child:hover { - background:@white; - border-color:#C0C0C0; -} - -.inbox-download-list li>:first-child >:first-child { - text-align:center; - display:block; - color: #D6D6D6; -}.inbox-download-list li>:first-child >:first-child > .fa{ - font-size: 150px; -} -.inbox-download-list li>:first-child >:first-child > img { - max-width:120px; -} - -.inbox-compose-footer { - padding:10px; - background:#F5F5F5; - border-bottom:1px solid #A9A9A9; -} - -/* added space for large width devices */ - - -.inbox-info-bar, .inbox-message, .inbox-download, .inbox-compose-footer { - margin-right:240px; - position:relative; -} - -.email-infobox { - display:block; - width:180px; - border-bottom:1px solid @gray-mid-light; - padding-bottom:0px; - padding-top:15px; - position:absolute; - top:65px; - right:15px; -} - -/* compose email */ - -.inbox-info-bar .form-group { - margin:0; -} - -.inbox-info-bar .form-group input, .inbox-info-bar .select2-container-multi .select2-choices { - border-color: @white !important; -} - -.inbox-info-bar .select2-choices > div { - display:none -} - -.inbox-info-bar .col-md-1, .inbox-info-bar .col-md-11 { - padding-left:0px; - padding-right:0px; -} - -.fileinput { - padding-top:3px; -} - -.hidden { - display:none; -} - -.inbox-info-bar em { - position: absolute; - top: 6px; - right: 20px; - text-align:right; - font-style:normal; -} - -/* email reply text */ - -.email-reply-text > div { - border-left:1px solid #D6D6D6; - padding-left:10px; - margin-left:50px; - color:#A9A9A9; -} - -.email-reply-text >:first-child { - padding-left: 45px; -} - -@media (max-width: 1280px) { - - .inbox-info-bar, .inbox-message, .inbox-compose-footer { - margin-right:0px; - } - - .email-infobox { - display:none; - } - -} - -@media (max-width: 1024px) { - .inbox-side-bar { - display:none !important; - } - .inbox-body .table-wrap { - margin-left:0px !important; - } - - .inbox-info-bar .col-md-1, .inbox-info-bar .col-md-11 { - padding-left:26px; - padding-right:26px; - } -} -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/section-nestables.less b/src/main/webapp/less/smartadmin/section-nestables.less @@ -1,256 +0,0 @@ -/* - * NESTABLES - */ - -.dd { - position: relative; - display: block; - margin: 0; - padding: 0; - max-width: 600px; - list-style: none; - font-size: 13px; - line-height: 20px; -} - -.dd-list { - display: block; - position: relative; - margin: 0; - padding: 0; - list-style: none; -} -.dd-list .dd-list { - padding-left: 30px; -} -.dd-collapsed .dd-list { - display: none; -} - -.dd-item, .dd-empty, .dd-placeholder { - display: block; - position: relative; - margin: 0; - padding: 0; - min-height: 20px; - font-size: 13px; - line-height: 20px; -} - -.dd-handle { - display: block; - font-size: 15px; - margin: 5px 0; - padding: 7px 15px; - color: @gray-dark; - text-decoration: none; - border: 1px solid lighten(@gray-mid-light, 6%); - background: lighten( @gray-lightest, 3%); -} -.dd-handle:hover { - color: #2ea8e5; - background: @white; -} - -.dd-item > button { - position: relative; - cursor: pointer; - float: left; - width: 25px; - height: 20px; - margin: 7px 10px; - line-height: 22px !important; - padding: 0; - text-indent: 100%; - white-space: nowrap; - overflow: hidden; - border: 0; - background: rgba(red(@black), green(@black), blue(@black), 0); - text-align: center; -} -.dd-item > button { - display: inline-block; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-size: 18px; -} -.dd-item > button:before { - content: '\f055'; - display: block; - position: absolute; - width: 100%; - text-align: center; - text-indent: 0; - color:@blueSky; -} -.dd-item > button[data-action="collapse"]:before { - content: '\f056'; - color: @brand-danger; -} - -.dd-placeholder, .dd-empty { - margin: 5px 0; - padding: 0; - min-height: 30px; - background: #f2fbff; - border: 1px dashed #b6bcbf; - box-sizing: border-box; - -moz-box-sizing: border-box; -} -.dd-empty { - border: 1px dashed #bbb; - min-height: 100px; - background-color: @gray-lighter; - background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); - background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); - background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); - background-size: 60px 60px; - background-position: 0 0, 30px 30px; -} - -.dd-dragel { - position: absolute; - pointer-events: none; - z-index: 9999; -} -.dd-dragel > .dd-item .dd-handle { - margin-top: 0; -} -.dd-dragel .dd-handle { - -webkit-box-shadow: 2px 4px 6px 0 rgba(red(@black), green(@black), blue(@black),.1); - box-shadow: 2px 4px 6px 0 rgba(red(@black), green(@black), blue(@black),.1); -} - -/** - * Nestable Extras - */ - -.nestable-lists { - display: block; - clear: both; - padding: 30px 0; - width: 100%; - border: 0; - border-top: 2px solid @gray-mid-light; - border-bottom: 2px solid @gray-mid-light; -} - -#nestable-menu { - padding: 0; - margin: 10px 0 20px; -} - -#nestable-output, #nestable2-output { - width: 100%; - padding: 5px; -} - -@media only screen and (min-width: 700px) { - - .dd { - float: left; - width: 100%; - } - .dd + .dd { - margin-left: 2%; - } - -} - -.dd-hover > .dd-handle { - background: #2ea8e5 !important; -} - -/** - * Nestable Draggable Handles - */ - -.dd3-content { - display: block; - margin: 5px 0; - padding: 6px 10px 8px 40px; - font-size: 15px; - color: @gray-dark; - text-decoration: none; - border: 1px solid lighten(@gray-mid-light, 6%); - background: lighten( @gray-lightest, 3%); -} -.dd3-content:hover { - color: #2ea8e5; - background: @white; -} - -.dd-dragel > .dd3-item > .dd3-content { - margin: 0; -} - -.dd3-item > button { - margin-left: 38px; -} - -.dd3-handle { - position: absolute; - margin: 0; - left: 0; - top: 0; - cursor: move; - width: 30px; - text-indent: 100%; - white-space: nowrap; - overflow: hidden; - border: 1px solid #aaa; - background: @gray-mid-light; - background: -webkit-linear-gradient(top, darken(@gray-lighter, 7%) 0%, #bbb 100%); - background: -moz-linear-gradient(top, darken(@gray-lighter, 7%) 0%, #bbb 100%); - background: linear-gradient(top, darken(@gray-lighter, 7%) 0%, #bbb 100%); - display: inline-block; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-size: 18px; - padding: 8px 15px; -} -.dd3-handle:before { - content: '\f0c9'; - display: block; - position: absolute; - left: 0; - top: 3px; - width: 100%; - text-align: center; - text-indent: 0; - color: #818181; - font-weight: normal; - line-height: 28px; -} -.dd3-handle:hover:before { - color: #C27616; -} - -.dd-handle:hover + .dd-list .dd-handle, .dd-handle:hover { - background: #FDDFB3 !important; - border: 1px solid #FAA937; - color: #333 !important; -} - -.dd-handle > span { - font-size: 13px; - color: #777; -} -.dd-dragel > .dd-item > .dd-handle { - border-left-width: 4px; -} - -.dd-dragel > li.dd-item.dd3-item { - position: relative; - top: 10px; - left: 10px; - z-index: 999; -} -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/section-profile.less b/src/main/webapp/less/smartadmin/section-profile.less @@ -1,31 +0,0 @@ -/* - * PROFILE PAGE - */ -.profile-pic { - text-align:right; -} -.profile-pic > img{ - border-radius: 0%; - position: relative; - border: 5px solid @white; - top: -30px; - display: inline-block; - text-align: right; - z-index: 4; - width: 120px; - margin-bottom:-30px; -} - -.profile-carousel .carousel-inner { - max-height:150px; -} - -.friends-list li { - margin-bottom:10px; -} - -.friends-list img { - width:35px; - border:1px solid @white; - outline:1px solid @gray-mid-light; -} diff --git a/src/main/webapp/less/smartadmin/section-search.less b/src/main/webapp/less/smartadmin/section-search.less @@ -1,43 +0,0 @@ -/* - * SEARCH RESULTS - */ - -.search-results { - padding: 18px 5px; -} - -.search-results + .search-results { - border-top: 1px dashed #E3E3E3; -} -.search-results>:first-child { - margin-bottom:4px; - font-weight:400; -} - -.search-results>:first-child a { - text-decoration:underline; -} -.search-results .url { - font-style: normal; - font-size:14px; -} -.search-results img { - display: inline-block; - margin-top:4px; - margin-right: 4px; - width: 80px; -} -.search-results > div { - display:inline-block; - vertical-align:top; -} -.search-results .note { - margin:0; - line-height:normal; -} -.search-results .note a { - text-decoration:none !important; - color:@gray-dark; -}.search-results .note a:hover { - color:#ed1c24; -} diff --git a/src/main/webapp/less/smartadmin/section-select2.less b/src/main/webapp/less/smartadmin/section-select2.less @@ -1,620 +0,0 @@ -/* -Version: 3.4.5 Timestamp: Mon Nov 4 08:22:42 PST 2013 -*/ -.select2-container { - margin: 0; - position: relative; - display: inline-block; - /* inline-block for ie7 */ - zoom: 1; - *display: inline; - vertical-align: middle; -} - -.select2-container, -.select2-drop, -.select2-search, -.select2-search input { - /* - Force border-box so that % widths fit the parent - container without overlap because of margin/padding. - - More Info : http://www.quirksmode.org/css/box.html - */ - -webkit-box-sizing: border-box; /* webkit */ - -moz-box-sizing: border-box; /* firefox */ - box-sizing: border-box; /* css3 */ -} - -.select2-container .select2-choice { - display: block; - height: 32px; - padding: 0 0 0 8px; - overflow: hidden; - position: relative; - - border: 1px solid #ccc; - white-space: nowrap; - line-height: 32px; - color: #444; - text-decoration: none; - - - background-clip: padding-box; - - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - - background-color: #fff; -} - -.select2-container.select2-drop-above .select2-choice { - border-bottom-color: #ccc; -} - -.select2-container.select2-allowclear .select2-choice .select2-chosen { - margin-right: 42px; -} - -.select2-container .select2-choice > .select2-chosen { - margin-right: 26px; - display: block; - overflow: hidden; - - white-space: nowrap; - - text-overflow: ellipsis; -} - -.select2-container .select2-choice abbr { - display: none; - width: 12px; - height: 12px; - position: absolute; - right: 24px; - top: 8px; - - font-size: 1px; - text-decoration: none; - - border: 0; - /*background: url('@{base-url}/select2.png') right top no-repeat;*/ - cursor: pointer; - outline: 0; -} - -.select2-container.select2-allowclear .select2-choice abbr { - display: inline-block; -} - -.select2-container .select2-choice abbr:hover { - /*background-position: right -11px;*/ - cursor: pointer; -} - -.select2-drop-mask { - border: 0; - margin: 0; - padding: 0; - position: fixed; - left: 0; - top: 0; - min-height: 100%; - min-width: 100%; - height: auto; - width: auto; - opacity: 0; - z-index: 9998; - /* styles required for IE to work */ - background: #fff; - filter: alpha(opacity=0); -} - -.select2-drop { - margin-top:-1px; - - width: 100%; - position: absolute; - z-index: 9999; - top: 100%; - - background: #fff; - color: #000; - border: 1px solid #ccc; - border-top: 0; - - -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); - box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -} - -.select2-drop-auto-width { - border-top: 1px solid #ccc; - width: auto; -} - -.select2-drop-auto-width .select2-search { - padding-top: 4px; -} - -.select2-drop.select2-drop-above { - margin-bottom: 0px; - border-top: 1px solid #5D98CC; - border-top-width: 3px; - border-bottom: 0; - -webkit-box-shadow: 0 -4px 5px rgba(0,0,0,.15); - box-shadow: 0 -4px 5px rgba(0,0,0,.15); -} - -.select2-drop-active { - border: 1px solid #5D98CC; - border-top: none; - border-bottom-width:3px; -} - -.select2-drop.select2-drop-above.select2-drop-active { - border-top-width: 3px; -} - -.select2-container .select2-choice .select2-arrow { - display: inline-block; - width: 34px; - height: 100%; - position: absolute; - right: 0; - top: 0; - - border-left: 1px solid #ccc; - - background-clip: padding-box; - - background: #eee; -} - -.select2-container .select2-choice .select2-arrow b { - display: block; - width: 100%; - height: 100%; - display: inline-block; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: relative; - font-size:14px; -}.select2-container .select2-choice .select2-arrow b:before { - content: "\f107"; - width: 100%; - height: 100%; - text-align:center; - display:block; -} - -.select2-search { - display: inline-block; - width: 100%; - min-height: 26px; - margin: 0; - padding-left: 4px; - padding-right: 4px; - - position: relative; - z-index: 10000; - - white-space: nowrap; -} - -.select2-search input { - width: 100%; - height: auto !important; - min-height: 29px; - padding: 6px 20px 5px 10px; - margin: 0; - - outline: 0; - font-family: sans-serif; - font-size: 1em; - - border: 1px solid #aaa; - - -webkit-box-shadow: none; - box-shadow: none; - - background: #fff; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); - background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); - background: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); - background: linear-gradient(top, #fff 85%, #eee 99%); -} - -.select2-search:before { - display: inline-block; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position:absolute; - content: "\f002"; - top: 25%; - right: 10px; - color: #686868 !important; -} - -.select2-drop.select2-drop-above .select2-search input { - margin-top: 4px; -} - -.select2-drop.select2-drop-above .select2-search:before { - top: 34%; -} - -.select2-search input.select2-active { - background: #fff url('@{base-url}/select2-spinner.gif') no-repeat 100%; - background: url('@{base-url}/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); - background: url('@{base-url}/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); - background: url('@{base-url}/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); - background: url('@{base-url}/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); -} - -.select2-container-active .select2-choice, -.select2-container-active .select2-choices { - border: 1px solid #5D98CC; - outline: none; - -} - -.select2-dropdown-open .select2-choice { - border-bottom-color: transparent; - -webkit-box-shadow: 0 1px 0 #fff inset; - box-shadow: 0 1px 0 #fff inset; - - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - - background-color: #fff; -} - -.select2-dropdown-open.select2-drop-above .select2-choice, -.select2-dropdown-open.select2-drop-above .select2-choices { - border: 1px solid #5D98CC; - border-top-color: transparent; -} - -.select2-dropdown-open .select2-choice .select2-arrow { - background: transparent; - border-left: none; - filter: none; -} -.select2-dropdown-open .select2-choice .select2-arrow b { - background-position: -18px 1px; -} - -/* results */ -.select2-results { - max-height: 200px; - padding: 0 0 0 4px; - margin: 4px 4px 4px 0; - position: relative; - overflow-x: hidden; - overflow-y: auto; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -.select2-results ul.select2-result-sub { - margin: 0; - padding-left: 0; -} - -.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px } -.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px } -.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px } -.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px } -.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px } -.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px } -.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px } - -.select2-results li { - list-style: none; - display: list-item; - background-image: none; -} - -.select2-results li.select2-result-with-children > .select2-result-label { - font-weight: bold; -} - -.select2-results .select2-result-label { - padding: 3px 7px 4px; - margin: 0; - cursor: pointer; - - min-height: 1em; - - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.select2-results .select2-highlighted { - background: @blueStandard; - color: #fff; -} - -.select2-results li em { - background: #feffde; - font-style: normal; -} - -.select2-results .select2-highlighted em { - background: transparent; -} - -.select2-results .select2-highlighted ul { - background: #fff; - color: #000; -} - - -.select2-results .select2-no-results, -.select2-results .select2-searching, -.select2-results .select2-selection-limit { - background: #f4f4f4; - display: list-item; - padding:3px 5px; -} - -.select2-no-results { - padding-left:20px; -} - -.select2-no-results:before { - display: inline-block; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: "\f05a"; - margin-right:5px; -} - -/* -disabled look for disabled choices in the results dropdown -*/ -.select2-results .select2-disabled.select2-highlighted { - color: #666; - background: #f4f4f4; - display: list-item; - cursor: default; -} -.select2-results .select2-disabled { - background: #f4f4f4; - display: list-item; - cursor: default; -} - -.select2-results .select2-selected { - display: none; -} - -.select2-more-results.select2-active { - background: #f4f4f4 url('@{base-url}/select2-spinner.gif') no-repeat 100%; -} - -.select2-more-results { - background: #f4f4f4; - display: list-item; -} - -/* disabled styles */ - -.select2-container.select2-container-disabled .select2-choice { - background-color: #f4f4f4; - background-image: none; - border: 1px solid #ddd; - cursor: default; -} - -.select2-container.select2-container-disabled .select2-choice .select2-arrow { - background-color: #f4f4f4; - background-image: none; - border-left: 0; -} - -.select2-container.select2-container-disabled .select2-choice abbr { - display: none; -} - - -/* multiselect */ - -.select2-container-multi .select2-choices { - height: auto !important; - height: 1%; - margin: 0; - padding: 0; - position: relative; - - border: 1px solid #ccc; - cursor: text; - overflow: hidden; - - background-color: #fff; -} - -.select2-locked { - padding: 3px 5px 3px 5px !important; -} - -.select2-container-multi .select2-choices { - min-height: 26px; -} - -.select2-container-multi.select2-container-active .select2-choices { - border: 1px solid #5D98CC; - outline: none; - - -} -.select2-container-multi .select2-choices li { - float: left; - list-style: none; -} -.select2-container-multi .select2-choices .select2-search-field { - margin: 0; - padding: 0; - white-space: nowrap; -} - -.select2-container-multi .select2-choices .select2-search-field input { - padding: 5px; - margin: 1px 0; - - font-family: sans-serif; - font-size: 100%; - color: #666; - outline: 0; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - background: transparent !important; -} - -.select2-container-multi .select2-choices .select2-search-field input.select2-active { - background: #fff url('@{base-url}/select2-spinner.gif') no-repeat 100% !important; -} - -.select2-default { - color: #999 !important; -} - -.select2-container-multi .select2-choices .select2-search-choice { - padding: 1px 28px 1px 8px; - margin: 4px 0 3px 5px; - position: relative; - line-height: 18px; - color: #fff; - cursor: default; - border: 1px solid darken(@blueStandard, 7%); - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-color: @blueStandard; -} -.select2-container-multi .select2-choices .select2-search-choice .select2-chosen { - cursor: default; -} -.select2-container-multi .select2-choices .select2-search-choice-focus { - opacity:.8; -} - -.select2-search-choice-close { - display: block; - min-width: 21px; - min-height: 20px; - position: absolute; - right: 3px; - top: 3px; - margin: 0; - padding: 0; - font-size: 15px; - line-height: 12px; - text-decoration: none!important; - - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -}.select2-search-choice-close:before { - color:@white; - content: "\f057"; -} - -.select2-container-multi .select2-search-choice-close { - display: block; - top: 0; - right: 0; - padding: 3px 4px 3px 6px; -} -.select2-container-multi .select2-search-choice-close:hover{ - background:rgba(0,0,0,.3); -} -/* -.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { - background-position: right -11px; -} -.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { - background-position: right -11px; -}*/ - -/* disabled styles */ -.select2-container-multi.select2-container-disabled .select2-choices { - background-color: #f4f4f4; - background-image: none; - border: 1px solid #ddd; - cursor: default; -} - -.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { - padding: 3px 5px; - border: 1px solid lighten(@blueStandard, 10%); - background-image: none; - background-color: lighten(@blueStandard, 25%); - cursor:not-allowed; -} - -.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; - background: none; -} -/* end multiselect */ - - -.select2-result-selectable .select2-match, -.select2-result-unselectable .select2-match { - text-decoration: underline; -} - -.select2-offscreen, .select2-offscreen:focus { - clip: rect(0 0 0 0) !important; - width: 1px !important; - height: 1px !important; - border: 0 !important; - margin: 0 !important; - padding: 0 !important; - overflow: hidden !important; - position: absolute !important; - outline: 0 !important; - left: 0px !important; - top: 0px !important; -} - -.select2-display-none { - display: none; -} - -.select2-measure-scrollbar { - position: absolute; - top: -10000px; - left: -10000px; - width: 100px; - height: 100px; - overflow: scroll; -} - - diff --git a/src/main/webapp/less/smartadmin/section-todo.less b/src/main/webapp/less/smartadmin/section-todo.less @@ -1,90 +0,0 @@ -/* - * TODO's - */ - -.todo-group-title { - margin:0; - line-height:31px; - padding: 0 0 0 10px; - background:lighten( @gray-lightest, 2.5%); - border-bottom:1px solid darken(@gray-lighter, 3%); - border-top:1px solid @gray-lightest; - color:@gray-light; -} - -.todo { - margin:0; - padding:0; - min-height:5px; - list-style:none; -} - -.todo > li { - display:block; - position:relative; - overflow:hidden; - border-bottom:1px solid darken(@gray-lighter, 3%); - margin:0 5px; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQCAYAAADagWXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkQ1OEY4NTM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkQ1OEY4NjM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRDU4RjgzMzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRDU4Rjg0Mzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pTD+wgAAACtJREFUeNpimDBhwn8gYABhdDYjiIELMDHgAUwTJ06Ea0VnjxpLO2MBAgwAGYZLegQbQ3UAAAAASUVORK5CYII=) 1px 11px no-repeat; - -} - -.todo > li:last-child, .todo > li:only-child { - border-bottom:none; -} - -.todo > li >:first-child { - display: block; - border-right: 1px solid #FFE1EB; - height: 100%; - padding: 6px 11px 6px 18px; - width: 20px; - vertical-align: top; - position: absolute; -}.todo > li >:first-child:hover { - cursor: move; -}.todo > li.complete >:first-child:hover { - cursor:default; -}.todo > li.complete { - background:none; -} - -.todo > li > p { - height: 100%; - margin-left: 52px; - border-left: 1px solid #FFE1EB; - display: inline-block; - padding: 8px 0px 6px 7px; - margin-bottom: 0; - min-height: 37px; - line-height: normal; - font-size:14px; - font-weight: 500; - color: @gray-dark; -} - -.todo > li > p > span { - display:block; - line-height:12px; - font-size:10px; - font-weight: normal; -} -.todo > li > p >:first-child { - margin-top:-5px; - color:@gray-light; - margin-bottom:4px; -} -.todo > li > p > .date { - color:@gray-mid-light; -} - -.todo > li.complete >* { - text-decoration:line-through; - font-style:italic -} - -/* drag */ -.todo > li.ui-sortable-helper { - border-top:1px solid @gray-lighter; - background:rgba(113, 132, 63,0.1); -} diff --git a/src/main/webapp/less/smartadmin/smart-chat.less b/src/main/webapp/less/smartadmin/smart-chat.less @@ -1,391 +0,0 @@ - #chat-container *, #chat-container *:after, #chat-container *:before { - box-sizing:content-box; - -moz-box-sizing:content-box; - -webkit-box-sizing:content-box; - } - - #chat-container input[type='text'] { - box-sizing:border-box; - -moz-box-sizing:border-box; - -webkit-box-sizing:border-box; - } - - #chat-container { - position: absolute; - background: #fff; - width: 250px; - height: 270px; - z-index: 2; - border-left: 1px solid #CDCECF; - right: -251px; - top: 0px; - background: #fff; - transition-duration: .25s; - -webkit-transition-duration:.25s; - -moz-transition-duration:.25s; - -o-transition-duration:.25s; - -ms-transition-duration:.25s; - - } - - #chat-container:hover, #chat-container:hover .chat-list-open-close { - border-color: #A7A7A7; - } - - #chat-container.open { - right: 0px; - top: 0px; - } - - #chat-container .chat-list-open-close { - display: block; - width: 25px; - height: 25px; - border: 1px solid #CDCECF; - border-right: 1px solid #f2f4f8 !important; - position: absolute; - left: -32px; - top: 7%; - border-radius: 50% 0 0 50%; - background: #FFF; - padding: 3px 1px 3px 5px; - font-size: 21px; - line-height: 22px; - cursor: pointer; - color: #868686; - box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 0.2em 0 rgba(0, 0, 0, 0.05); - background:#f2f4f8; - text-align:center; - } - - #chat-container .chat-list-open-close b { - position: absolute; - right: 0px; - background: #ed1c24; - line-height: 9px; - height: 10px; - width: 10px; - font-size: 0; - top: 3px; - border: 1px solid #FFF; - border-radius: 3px; - font-size: 9px; - text-align: center; - vertical-align: middle; - color: #fff; - font-weight: normal; - } - - #chat-container.open .chat-list-open-close i:before { - content: "\f00d" !important; - } - - #chat-container.open .chat-list-open-close b { - display:none; - } - - #chat-container .chat-list-body { - height: 217px; - overflow-y: scroll; - overflow-x:hidden; - display:block; - padding:0; - box-sizing:border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - background:#f2f4f8; - } - - #chat-container #chat-users { - list-style:none; - margin:10px 0; - padding:0; - } - #chat-container #chat-users li { - margin-bottom:3px; - margin-left:5px; - } - - #chat-container #chat-users li a { - display:block; - font-size:13px; - color:#3d3d3d; - text-decoration:none !important; - box-sizing:border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - padding:3px 8px 3px 3px; - line-height:33px; - vertical-align:middle; - } - #chat-container #chat-users li a:hover { - background:#e0e4ee; - } - - #chat-container #chat-users li a img { - width:33px; - height:auto; - margin-right:10px; - } - #chat-container #chat-users li a i { - color:#ACACAC; - font-size:8px; - line-height:34px; - font-style:normal; - } - #chat-container #chat-users li a i.last-online { - font-size:12px; - letter-spacing:-1px; - } - - #chat-container .chat-list-footer { - overflow: hidden; - border-top:1px solid #CCC; - padding:10px; - box-sizing:border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - } - - #chat-container .chat-list-footer input[type="text"] { - border: 1px solid #bababa !important; - } - - #chat-container .control-group { - padding:0px; - } - - .chat-body { - background: #FAFAFA; - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); - background: -moz-linear-gradient(top, #FAFAFA 0%, #FFF 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#FFF)); - background: -webkit-linear-gradient(top, #FAFAFA 0%,#FFF 100%); - background: -o-linear-gradient(top, #FAFAFA 0%,#FFF 100%); - background: -ms-linear-gradient(top, #FAFAFA 0%,#FFF 100%); - background: linear-gradient(to bottom, #F5FCFF 0%,#FFF 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); - box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); - -moz-box-shadow: inset -2px -2px 5px rgba(0, 0, 0, 0.04); - display: block; - height: 270px; - overflow-y: scroll; - overflow-x:hidden; - padding:10px; - box-sizing:border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - border:1px solid #fff; - border-top:none; - } - - .chat-body ul { - margin:0; - padding:0; - } - - .chat-body li.message { - display:block; - position:relative; - margin:20px 20px 0; - } - .chat-body li:first-child { - margin-top:10px; - } - .chat-body li.message img { - display:inline-block; - border-left:4px solid #fff; - position:absolute; - } - .chat-body li.message img.online { - border-left-color:#00a300; - } - .chat-body li.message img.offline { - border-left-color:#ddd; - } - .chat-body li.message img.busy { - border-left-color:#A90329; - } - .chat-body li.message img.away { - border-left-color:#ffc40d; - } - .chat-body li.message .message-text { - display:inline-block; - vertical-align:top; - box-sizing:border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - padding:0; - margin-left: 65px; - line-height: normal; - } - .chat-body li.message .message-text time { - position:absolute; - top:1px; - right:0px; - font-size:10px; - line-height:10px; - color:#AFAFAF; - } - .chat-body li.message .message-text .chat-file:nth-child(3){ - margin-top:15px; - } - .chat-body li.message .message-text .chat-file { - display:block; - margin:3px 0; - padding:4px; - border:1px dotted #ddd; - background:rgba(0,0,0,.05); - border-radius:4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - text-align:right; - box-sizing:border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - } - .chat-body li.message .message-text .chat-file.row-fluid [class*="span"] { - min-height:10px !important; - } - .chat-body li.message .message-text .chat-file b { - font-style:italic; - white-space: nowrap; - width: 250px; - overflow: hidden; - text-overflow: ellipsis; - text-align:left; - } - - .chat-body li.message .message-text a.username { - display:block; - font-weight:bold; - margin-bottom:4px; - vertical-align:top; - line-height:14px; - font-size:14px; - letter-spacing:-1px; - text-decoration:none !important; - } - - /* message reply */ - - .profile-message { - background:none !important; - height:auto !important; - box-shadow:none !important; - -moz-box-shadow:none !important; - -webkit-box-shadow:none !important; - overflow:hidden; - } - - .profile-message li.message.message-reply { - margin-left: 85px !important; - background: #F7F7F7; - padding: 10px; - margin: 3px 0 0 20px; - }.profile-message li.message.message-reply img { - width: 35px !important; - }.profile-message li.message.message-reply .message-text { - margin-left:45px !important; - } - - .profile-message .wall-comment-reply { - margin-left:85px; - margin-bottom:20px; - } - - - - .chat-footer { - border-top: 1px solid rgba(0, 0, 0, 0.1); - background: rgba(248, 248, 248, 0.9); - padding: 0 10px 15px; - position: relative; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - } - .textarea-div { - background-color: #FFF; - border: 1px solid #CCC; - border-bottom: none; - margin: 10px 0 0; - } - .typearea { - cursor: text; - overflow-x: hidden; - overflow-y: auto; - max-height: 90px; - padding: 5px 25px 5px 5px; - position: relative; - border-bottom: 1px solid #EEE; - } - .typearea textarea { - width: 100%; - border-color: transparent !important; - box-sizing: border-box; - box-shadow: none; - -moz-box-shadow: none ; - -moz-box-sizing :border-box; - -webkit-box-sizing: border-box; - -webkit-box-shadow: none; - overflow: hidden; - resize: none; - padding: 0; - margin: 0; - -webkit-transition: height 0.2s; - -moz-transition: height 0.2s; - transition: height 0.2s; - outline: none; - resize: none; - min-height:61px; - } - - textarea.clone { - position: absolute; - visibility: hidden; - } - - .textarea-controls { - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - padding: 5px; - display: block; - background-color: #FFF; - border: 1px solid #CCC; - border-top: none; - height: 43px; - line-height:33px; - overflow: hidden; - } - - .textarea-controls > label { - margin:3px 10px 0 10px; - } - - .textarea-controls .smart-form .checkbox { - padding-left: 22px !important; - } - - @media (min-width: 768px) and (max-width: 880px) { - .chat-body li.message .message-text .chat-file b { - width: 150px; - } - } - - @media only screen and (min-width: 320px) and (max-width: 479px) { - .chat-body li.message .message-text .chat-file b { - width: 150px; - } - } - - @media (max-width: 480px) { - .chat-body li.message .message-text .chat-file b { - width: 150px; - } - } - - - diff --git a/src/main/webapp/less/smartadmin/smart-forms.less b/src/main/webapp/less/smartadmin/smart-forms.less @@ -1,1028 +0,0 @@ - - - /* - * SMART FORMS - */ - - .smart-form *, .smart-form *:after, .smart-form *:before { - margin: 0; - padding: 0; - box-sizing: content-box; - -moz-box-sizing: content-box; - } - - .smart-form .btn { - box-sizing:border-box; - -moz-box-sizing: border-box; - } - - .smart-form .radio + .radio, .smart-form .checkbox + .checkbox { - margin-top: 0; - } - - .smart-form footer .btn { - float: right; - height: 31px; - margin: 10px 0 0 5px; - padding: 0 22px; - font: 300 15px/29px 'Open Sans', Helvetica, Arial, sans-serif; - cursor: pointer; - } - - .smart-form legend { - padding-top:15px; - } - - .smart-form { - margin: 0; - outline: none; - color: #666; - position: relative; - } - - .smart-form header { - display: block; - padding: 8px 0; - border-bottom: 1px dashed rgba(0, 0, 0, .2); - background: white; - font-size: 16px; - font-weight: 300; - color: #232323; - margin: 10px 14px 0; - } - .smart-form fieldset { - display: block; - padding: 25px 14px 5px; - border: none; - background: rgba(255,255,255,.9); - position: relative; - } - .smart-form fieldset + fieldset { - border-top: 1px solid rgba(0,0,0,.1); - } - .smart-form section { - margin-bottom: 15px; - position: relative; - } - .smart-form footer { - display: block; - padding: 7px 14px 15px; - border-top: 1px solid rgba(0,0,0,.1); - background: rgba(248,248,248,.9); - } - .smart-form footer:after { - content: ''; - display: table; - clear: both; - } - - .smart-form .label { - display: block; - margin-bottom: 6px; - line-height: 19px; - font-weight: 400; - font-size: 13px; - color: #333; - text-align: left; - } - .smart-form .label.col { - margin: 0; - padding-top: 7px; - } - .smart-form .note, .note { - margin-top: 6px; - padding: 0 1px; - font-size: 11px; - line-height: 15px; - color: #999; - }.note {margin-top:2px; font-size:10px;} - .smart-form .note a { - font-size:13px; - } - - .smart-form .input, .smart-form .select, .smart-form .textarea, .smart-form .radio, .smart-form .checkbox, .smart-form .toggle, .smart-form .button { - position: relative; - display: block; - font-weight: 400; - } - .smart-form .input input, .smart-form .select select, .smart-form .textarea textarea { - display: block; - box-sizing: border-box; - -moz-box-sizing: border-box; - width: 100%; - height: 32px; - padding: 8px 10px; - outline: none; - border-width: 1px; - border-style: solid; - border-radius: 0; - background: #fff; - font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif; - color: #404040; - appearance: normal; - -moz-appearance: none; - -webkit-appearance: none; - } - - /* - * File inputs - */ - .smart-form .input-file .button { - position: absolute; - top: 4px; - right: 4px; - float: none; - height: 22px; - margin: 0; - padding: 0 14px; - font-size: 13px; - line-height: 22px; - } - .smart-form .input-file .button:hover { - box-shadow: none; - } - .smart-form .input-file .button input { - position: absolute; - top: 0; - right: 0; - padding: 0; - font-size: 30px; - cursor: pointer; - opacity: 0; - } - - /* - * Selects - */ - .smart-form .select i { - position: absolute; - top: 10px; - right: 11px; - width: 5px; - height: 11px; - background: white; - box-shadow: 0 0 0 9px white; - } - .smart-form .select i:after, .smart-form .select i:before { - content: ''; - position: absolute; - right: 0; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - } - .smart-form .select i:after { - bottom: 0; - border-top: 4px solid #404040; - } - .smart-form .select i:before { - top: 0; - border-bottom: 4px solid #404040; - } - .smart-form .select-multiple select { - height: auto; - } - - /* - * Text areas - */ - .smart-form .textarea textarea { - height: auto; - resize: none; - } - .smart-form .textarea-resizable textarea { - resize: vertical; - } - .smart-form .textarea-expandable textarea { - height: 31px; - } - .smart-form .textarea-expandable textarea:focus { - height: auto; - } - - /* - * Radio and checkboxes - */ - .smart-form .radio, .smart-form .checkbox { - margin-bottom: 4px; - padding-left: 25px; - font-size: 15px; - line-height: 25px; - color: #404040; - cursor: pointer; - font-size: 13px; - } - .smart-form .radio:last-child, .smart-form .checkbox:last-child { - margin-bottom: 0; - } - .smart-form .radio input, .smart-form .checkbox input { - position: absolute; - left: -9999px; - } - .smart-form .radio i, .smart-form .checkbox i { - position: absolute; - top: 3px; - left: 0; - display: block; - width: 17px; - height: 17px; - outline: none; - border-width: 1px; - border-style: solid; - background: #FFF; - } - .smart-form .radio i { - border-radius: 50%; - } - .smart-form .radio input + i:after, .smart-form .checkbox input + i:after { - position: absolute; - opacity: 0; - transition: opacity 0.1s; - -o-transition: opacity 0.1s; - -ms-transition: opacity 0.1s; - -moz-transition: opacity 0.1s; - -webkit-transition: opacity 0.1s; - } - .smart-form .radio input + i:after { - content: ''; - top: 4px; - left: 4px; - width: 9px; - height: 9px; - border-radius: 50%; - } - .smart-form .checkbox input + i:after { - content: '\f00c'; - top: -1px; - left: 1px; - width: 15px; - height: 15px; - font: normal 16px/19px FontAwesome; - text-align: center; - } - - .smart-form .checkbox input:checked:hover + i:after { - //content: '\f00d'; - } - - .smart-form .checkbox input:checked:disabled:hover + i:after { - content: '\f00c'; - } - - .smart-form .radio input:checked + i:after, .smart-form .checkbox input:checked + i:after { - opacity: 1; - } - .smart-form .inline-group { - margin: 0 -30px -4px 0; - } - .smart-form .inline-group:after { - content: ''; - display: table; - clear: both; - } - .smart-form .inline-group .radio, .smart-form .inline-group .checkbox { - float: left; - margin-right: 30px; - } - .smart-form .inline-group .radio:last-child, .smart-form .inline-group .checkbox:last-child { - margin-bottom: 4px; - } - - /* - * toggles - */ - .smart-form .toggle { - margin-bottom: 4px; - padding-right: 61px; - font-size: 15px; - line-height: 25px; - color: #404040; - cursor: pointer; - } - .smart-form .toggle:last-child { - margin-bottom: 0; - } - .smart-form .toggle input { - position: absolute; - left: -9999px; - } - .smart-form .toggle i { - content: ''; - position: absolute; - top: 4px; - right: 0; - display: block; - width: 49px; - height: 17px; - border-width: 1px; - border-style: solid; - border-radius: 12px; - background: #fff; - } - .smart-form .toggle i:after { - content: attr(data-swchoff-text); - position: absolute; - top: 2px; - right: 8px; - left: 8px; - font-style: normal; - font-size: 9px; - line-height: 13px; - font-weight: 700; - text-align: left; - color: #5f5f5f; - } - .smart-form .toggle i:before { - content: ''; - position: absolute; - z-index: 1; - top: 4px; - right: 4px; - display: block; - width: 9px; - height: 9px; - border-radius: 50%; - opacity: 1; - transition: right 0.2s; - -o-transition: right 0.2s; - -ms-transition: right 0.2s; - -moz-transition: right 0.2s; - -webkit-transition: right 0.2s; - } - .smart-form .toggle input:checked + i:after { - content: attr(data-swchon-text); - text-align: right; - } - .smart-form .toggle input:checked + i:before { - right: 36px; - } - - /* - * ratings - */ - .smart-form .rating { - margin-bottom: 4px; - font-size: 13px; - line-height: 25px; - color: #404040; - } - .smart-form .rating:last-child { - margin-bottom: 0; - } - .smart-form .rating input { - position: absolute; - left: -9999px; - } - .smart-form .rating label { - display: block; - float: right; - height: 17px; - margin-top: 5px; - padding: 0 2px; - font-size: 17px; - line-height: 17px; - cursor: pointer; - } - - /* - * buttons - */ - .smart-form .button { - float: right; - height: 31px; - overflow: hidden; - margin: 10px 0 0 5px; - padding: 0 25px; - outline: none; - border: 0; - font: 300 15px/31px 'Open Sans', Helvetica, Arial, sans-serif; - text-decoration: none; - color: #fff; - cursor: pointer; - } - - .smart-form .icon-append, .smart-form .icon-prepend { - position: absolute; - top: 5px; - width: 22px; - height: 22px; - font-size: 14px; - line-height: 22px; - text-align: center; - } - .smart-form .icon-append { - right: 5px; - padding-left: 3px; - border-left-width: 1px; - border-left-style: solid; - } - .smart-form .icon-prepend { - left: 5px; - padding-right: 3px; - border-right-width: 1px; - border-right-style: solid; - } - .smart-form .input .icon-prepend + input, .smart-form .textarea .icon-prepend + textarea { - padding-left: 37px; - } - .smart-form .input .icon-append + input, .smart-form .textarea .icon-append + textarea { - padding-right: 37px; - } - .smart-form .input .icon-prepend + .icon-append + input, .smart-form .textarea .icon-prepend + .icon-append + textarea { - padding-left: 37px; - } - - /* - * grid - */ - .smart-form .row { - margin: 0 -15px; - } - .smart-form .row:after { - content: ''; - display: table; - clear: both; - } - .smart-form .col { - float: left; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; - box-sizing: border-box; - -moz-box-sizing: border-box; - } - .smart-form .col-1 { - width: 8.33%; - } - .smart-form .col-2 { - width: 16.66%; - } - .smart-form .col-3 { - width: 25%; - } - .smart-form .col-4 { - width: 33.33%; - } - .smart-form .col-5 { - width: 41.66%; - } - .smart-form .col-6 { - width: 50%; - } - .smart-form .col-8 { - width: 66.67%; - } - .smart-form .col-9 { - width: 75%; - } - .smart-form .col-10 { - width: 83.33%; - } - @media screen and (max-width: 600px) { - .smart-form .col { - float: none; - width: 100%; - } - } - - /* - * tooltips - */ - .smart-form .select select { - padding: 5px; - } - .smart-form .tooltip { - position: absolute; - z-index: 99999; - left: -9999px; - padding: 2px 8px 3px; - font-size: 11px; - line-height: 16px; - font-weight: 400; - background: rgba(0,0,0,0.9); - color: #fff; - opacity: 0; - transition: margin 0.3s, opacity 0.3s; - -o-transition: margin 0.3s, opacity 0.3s; - -ms-transition: margin 0.3s, opacity 0.3s; - -moz-transition: margin 0.3s, opacity 0.3s; - -webkit-transition: margin 0.3s, opacity 0.3s; - } - .smart-form .tooltip:after { - content: ''; - position: absolute; - } - .smart-form .input input:focus + .tooltip, .smart-form .textarea textarea:focus + .tooltip { - opacity: 1; - } - - .smart-form .tooltip-top-right { - bottom: 100%; - margin-bottom: 15px; - } - .smart-form .tooltip-top-right:after { - top: 100%; - right: 11px; - border-top: 4px solid rgba(0,0,0,0.9); - border-right: 4px solid transparent; - border-left: 4px solid transparent; - } - .smart-form .input input:focus + .tooltip-top-right, .smart-form .textarea textarea:focus + .tooltip-top-right { - right: 0; - left: auto; - margin-bottom: 5px; - } - - .smart-form .tooltip-top-left { - bottom: 100%; - margin-bottom: 15px; - } - .smart-form .tooltip-top-left:after { - top: 100%; - left: 11px; - border-top: 4px solid rgba(0,0,0,0.9); - border-right: 4px solid transparent; - border-left: 4px solid transparent; - } - .smart-form .input input:focus + .tooltip-top-left, .smart-form .textarea textarea:focus + .tooltip-top-left { - right: auto; - left: 0; - margin-bottom: 5px; - } - - .smart-form .tooltip-right { - top: 4px; - white-space: nowrap; - margin-left: 15px; - } - .smart-form .tooltip-right:after { - top: 6px; - right: 100%; - border-top: 4px solid transparent; - border-right: 4px solid rgba(0,0,0,0.9); - border-bottom: 4px solid transparent; - } - .smart-form .input input:focus + .tooltip-right, .smart-form .textarea textarea:focus + .tooltip-right { - left: 100%; - margin-left: 5px; - } - - .smart-form .tooltip-left { - top: 4px; - white-space: nowrap; - margin-right: 15px; - } - .smart-form .tooltip-left:after { - top: 6px; - left: 100%; - border-top: 4px solid transparent; - border-bottom: 4px solid transparent; - border-left: 4px solid rgba(0,0,0,0.9); - } - .smart-form .input input:focus + .tooltip-left, .smart-form .textarea textarea:focus + .tooltip-left { - right: 100%; - left: auto; - margin-right: 5px; - } - - .smart-form .tooltip-bottom-right { - top: 100%; - margin-top: 15px; - } - .smart-form .tooltip-bottom-right:after { - bottom: 100%; - right: 11px; - border-right: 4px solid transparent; - border-bottom: 4px solid rgba(0,0,0,0.9); - border-left: 4px solid transparent; - } - .smart-form .input input:focus + .tooltip-bottom-right, .smart-form .textarea textarea:focus + .tooltip-bottom-right { - right: 0; - left: auto; - margin-top: 5px; - } - - .smart-form .tooltip-bottom-left { - top: 100%; - margin-top: 15px; - } - .smart-form .tooltip-bottom-left:after { - bottom: 100%; - left: 11px; - border-right: 4px solid transparent; - border-bottom: 4px solid rgba(0,0,0,0.9); - border-left: 4px solid transparent; - } - .smart-form .input input:focus + .tooltip-bottom-left, .smart-form .textarea textarea:focus + .tooltip-bottom-left { - right: auto; - left: 0; - margin-top: 5px; - } - - /* - * normal state - */ - .smart-form .input input, .smart-form .select select, .smart-form .textarea textarea, .smart-form .radio i, .smart-form .checkbox i, .smart-form .toggle i, .smart-form .icon-append, .smart-form .icon-prepend { - border-color: #BDBDBD; - transition: border-color 0.3s; - -o-transition: border-color 0.3s; - -ms-transition: border-color 0.3s; - -moz-transition: border-color 0.3s; - -webkit-transition: border-color 0.3s; - } - .smart-form .toggle i:before { - background-color: #3276B1; - } - .smart-form .rating label { - color: #ccc; - transition: color 0.3s; - -o-transition: color 0.3s; - -ms-transition: color 0.3s; - -moz-transition: color 0.3s; - -webkit-transition: color 0.3s; - } - .smart-form .button { - background-color: #3276B1; - opacity: 0.8; - transition: opacity 0.2s; - -o-transition: opacity 0.2s; - -ms-transition: opacity 0.2s; - -moz-transition: opacity 0.2s; - -webkit-transition: opacity 0.2s; - } - .smart-form .button.button-secondary { - background-color: #b3b3b3; - } - .smart-form .icon-append, .smart-form .icon-prepend { - color: #A2A2A2; - } - - /* - * hover state - */ - .smart-form .input:hover input, .smart-form .select:hover select, .smart-form .textarea:hover textarea, .smart-form .radio:hover i, .smart-form .checkbox:hover i, .smart-form .toggle:hover i { - border-color: #5D98CC; - } - .smart-form .rating input + label:hover, - .smart-form .rating input + label:hover ~ - label { - color: #3276B1; - } - .smart-form .button:hover { - opacity: 1; - } - - .smart-form .radio:hover i, - .smart-form .checkbox:hover i, - .smart-form .toggle:hover i { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); - } - - /* - * radio/toggle/checkbox active state - */ - .smart-form .radio:active i, - .smart-form .checkbox:active i, - .smart-form .toggle:active i { - background: #F0F0F0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); - } - - - /* - * focus state - */ - .smart-form .input input:focus, .smart-form .select select:focus, .smart-form .textarea textarea:focus, .smart-form .radio input:focus + i, .smart-form .checkbox input:focus + i, .smart-form .toggle input:focus + i { - border-color: #3276B1; - } - - /* - * checked state - */ - .smart-form .radio input + i:after { - background-color: #3276B1; - } - .smart-form .checkbox input + i:after { - color: #3276B1; - } - .smart-form .radio input:checked + i, .smart-form .checkbox input:checked + i, .smart-form .toggle input:checked + i { - border-color: #3276B1; - } - .smart-form .rating input:checked ~ - label { - color: #3276B1; - } - - /* - * error state - */ - .smart-form .state-error input, .smart-form .state-error select, .smart-form .state-error textarea, .smart-form .radio.state-error i, .smart-form .checkbox.state-error i, .smart-form .toggle.state-error i { - background: #fff0f0; - border-color: #A90329; - } - - .smart-form .toggle.state-error input:checked + i { - background: #fff0f0; - } - .smart-form .state-error + em { - display: block; - margin-top: 6px; - padding: 0 1px; - font-style: normal; - font-size: 11px; - line-height: 15px; - color: #D56161; - } - .smart-form .rating.state-error + em { - margin-top: -4px; - margin-bottom: 4px; - } - - .smart-form .state-error select + i { - background: #FFF0F0; - box-shadow: 0 0 0 9px #FFF0F0; - } - - .state-error .icon-append, .state-error .icon-prepend { - color:#ed1c24; - } - - /* - * success state - */ - .smart-form .state-success input, .smart-form .state-success select, .smart-form .state-success textarea, .smart-form .radio.state-success i, .smart-form .checkbox.state-success i, .smart-form .toggle.state-success i { - background: #f0fff0; - border-color: #7DC27D; - } - - .smart-form .toggle.state-success input:checked + i { - background: #f0fff0; - } - .smart-form .note-success { - color: #6fb679; - } - - .smart-form .state-success select + i { - background: honeyDew; - box-shadow: 0 0 0 9px honeyDew; - } - - /* - * disable state - */ - .smart-form .input.state-disabled input, .smart-form .select.state-disabled, .smart-form .textarea.state-disabled, .smart-form .radio.state-disabled, .smart-form .checkbox.state-disabled, .smart-form .toggle.state-disabled, .smart-form .button.state-disabled { - cursor: default !important; - opacity: 0.6 !important; - } - .smart-form .input.state-disabled:hover input, .smart-form .select.state-disabled:hover select, .smart-form .textarea.state-disabled:hover textarea, .smart-form .radio.state-disabled:hover i, .smart-form .checkbox.state-disabled:hover i, .smart-form .toggle.state-disabled:hover i { - border-color: #e5e5e5 !important; - } - - - .smart-form .state-disabled.radio input:checked + i, - .smart-form .state-disabled.checkbox input:checked + i, - .smart-form .state-disabled.toggle input:checked + i, - .smart-form .state-disabled.checkbox input + i:after, - .smart-form .state-disabled.radio input + i:after { - border-color: #e5e5e5 !important; - color: #333 !important; - - } - - .smart-form .state-disabled.radio input + i:after { - background-color: #333; - } - - /* - * submit state - */ - .smart-form .message { - display: none; - color: #6fb679; - } - .smart-form .message i { - display: block; - margin: 0 auto 20px; - width: 81px; - height: 81px; - border: 1px solid #6fb679; - border-radius: 50%; - font-size: 30px; - line-height: 81px; - } - .smart-form.submited fieldset, .smart-form.submited footer { - display: none; - } - .smart-form.submited .message { - display: block; - padding: 25px 30px; - background: rgba(255,255,255,.9); - font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif; - text-align: center; - } - - /* - * JQUERY UI UPDATE - */ - - .smart-form .ui-widget-content .ui-spinner-input { - margin:0px; - border:0px; - box-shadow:none !important; - height:29px; - } - - /* - * date picker - - .ui-datepicker { - display: none; - padding: 10px 12px; - background: #fff; - box-shadow: 0 0 10px rgba(0,0,0,.3); - font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif; - text-align: center; - color: #666; - } - .ui-datepicker a { - color: #404040; - } - .ui-datepicker-header { - position: relative; - margin: -10px -12px 10px; - padding: 10px; - border-bottom: 1px solid rgba(0,0,0,.1); - font-size: 15px; - line-height: 27px; - } - .ui-datepicker-prev, .ui-datepicker-next { - position: absolute; - top: 0; - display: block; - width: 47px; - height: 47px; - font-size: 15px; - line-height: 47px; - text-decoration: none; - cursor: pointer; - } - .ui-datepicker-prev { - left: 0; - } - .ui-datepicker-next { - right: 0; - } - .ui-datepicker-calendar { - border-collapse: collapse; - font-size: 13px; - line-height: 27px; - } - .ui-datepicker-calendar th { - color: #999; - } - .ui-datepicker-calendar a, .ui-datepicker-calendar span { - display: block; - width: 31px; - margin: auto; - text-decoration: none; - color: #404040; - text-align:center; - } - .ui-datepicker-unselectable.ui-state-disabled { - - } - .ui-datepicker-unselectable.ui-state-disabled > span { - color:#bfbfbf; - background-color: #FAFCFD; - } - - .ui-datepicker-calendar a:hover { - background: #3276B1; - color:#fff; - } - .ui-datepicker-calendar span { - - } - .ui-datepicker-today a { - font-weight: 700; - } - .ui-datepicker-calendar .ui-state-active { - background: rgba(0,0,0,.05); - cursor: default; - } - .ui-datepicker-inline { - border: 2px solid #e5e5e5; - background: #fff; - box-shadow: none; - } - .ui-datepicker-inline .ui-datepicker-calendar { - width: 100%; - } */ - - /* - * model - */ - .smart-form-modal { - position: fixed; - z-index: 1; - display: none; - width: 400px; - } - .smart-form-modal-overlay { - position: fixed; - top: 0; - left: 0; - display: none; - width: 100%; - height: 100%; - background: rgba(0,0,0,0.7); - } - - /* - * Time picker - */ - - .ui-timepicker-div .ui-widget-header { - margin-bottom: 8px; - } - .ui-timepicker-div dl { - text-align: left; - } - .ui-timepicker-div dl dt { - float: left; - clear: left; - padding: 0 0 0 5px; - } - .ui-timepicker-div dl dd { - margin: 17px 10px 12px 40%; - } - .ui-timepicker-div td { - font-size: 90%; - } - .ui-tpicker-grid-label { - background: none; - border: none; - margin: 0; - padding: 0; - } - - .ui-timepicker-rtl { - direction: rtl; - } - .ui-timepicker-rtl dl { - text-align: right; - padding: 0 5px 0 0; - } - .ui-timepicker-rtl dl dt { - float: right; - clear: right; - } - .ui-timepicker-rtl dl dd { - margin: 0 40% 10px 10px; - } - - /* - * Large, small and extra small fields - */ - - .smart-form input.input-lg { - height: 44px; - padding: 10px 16px; - font-size: 17px; - line-height: 1.33; - } - - .smart-form input.input-sm { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - } - - .smart-form input.input-xs { - height: 24px; - padding: 2px 10px; - font-size: 11px; - line-height: 1.5; - } - - /* SELECT */ - - .smart-form select.input-sm { - height: 30px; - line-height: 15px; - font-size: 12px; - } - .smart-form select.input-sm + i { - height: 10px; - } - - .smart-form select.input-lg { - height: 44px; - line-height: 22px; - font-size: 17px; - }.smart-form select.input-lg + i { - height: 11px; - top: 17px; - } -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/summernote.less b/src/main/webapp/less/smartadmin/summernote.less @@ -1,24 +0,0 @@ -.note-editor{border:1px solid #a9a9a9}.note-editor.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%}.note-editor.fullscreen .note-editable{background-color:white}.note-editor.fullscreen .note-resizebar{display:none}.note-editor.codeview .note-editable{display:none}.note-editor.codeview .note-codeable{display:block}.note-editor .note-toolbar{padding-bottom:5px;padding-left:5px;margin:0;background-color:#f5f5f5;border-bottom:1px solid #a9a9a9}.note-editor .note-toolbar>.btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-editor .note-toolbar .note-table .dropdown-menu{min-width:0;padding:5px}.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker{font-size:18px}.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-editor .note-toolbar .note-style h1,.note-editor .note-toolbar .note-style h2,.note-editor .note-toolbar .note-style h3,.note-editor .note-toolbar .note-style h4,.note-editor .note-toolbar .note-style h5,.note-editor .note-toolbar .note-style h6,.note-editor .note-toolbar .note-style blockquote{margin:0}.note-editor .note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-editor .note-toolbar .note-color .dropdown-menu{min-width:290px}.note-editor .note-toolbar .note-color .dropdown-menu .btn-group{margin:0}.note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child{margin:0 5px}.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{padding:0 3px;margin:5px;font-size:12px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover{background:#eee}.note-editor .note-toolbar .note-para .dropdown-menu{min-width:153px;padding:5px}.note-editor .note-toolbar .note-para li:first-child{margin-bottom:5px}.note-editor .note-statusbar{background-color:#f5f5f5}.note-editor .note-statusbar .note-resizebar{width:100%;height:8px;cursor:s-resize;border-top:1px solid #a9a9a9}.note-editor .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor .note-popover .popover{max-width:none}.note-editor .note-popover .popover .popover-content{padding:5px}.note-editor .note-popover .popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-editor .note-popover .popover .popover-content .btn-group+.btn-group{margin-left:5px}.note-editor .note-popover .popover .arrow{left:20px}.note-editor .note-handle .note-control-selection{position:absolute;display:none;border:1px solid black}.note-editor .note-handle .note-control-selection>div{position:absolute}.note-editor .note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:black;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-editor .note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid black}.note-editor .note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid black}.note-editor .note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:white;border:1px solid black}.note-editor .note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-editor .note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-editor .note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-editor .note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-editor .note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:white;background-color:black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}.note-editor .note-dialog>div{display:none}.note-editor .note-dialog .note-image-dialog .note-dropzone{min-height:200px;font-size:30px;line-height:6;color:lightgray;text-align:center;border:4px dashed lightgray}.note-editor .note-dialog .note-help-dialog{font-size:12px;color:#ccc;background:transparent;background-color:#222!important;border:0;-webkit-opacity:.9;-khtml-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:alpha(opacity=90);filter:alpha(opacity=90)}.note-editor .note-dialog .note-help-dialog .modal-content{background:transparent;border:1px solid white;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.note-editor .note-dialog .note-help-dialog a{font-size:12px;color:white}.note-editor .note-dialog .note-help-dialog .title{padding-bottom:5px;font-size:14px;font-weight:bold;color:white;border-bottom:white 1px solid}.note-editor .note-dialog .note-help-dialog .modal-close{font-size:14px;color:#dd0;cursor:pointer}.note-editor .note-dialog .note-help-dialog .note-shortcut-layout{width:100%}.note-editor .note-dialog .note-help-dialog .note-shortcut-layout td{vertical-align:top}.note-editor .note-dialog .note-help-dialog .note-shortcut{margin-top:8px}.note-editor .note-dialog .note-help-dialog .note-shortcut th{font-size:13px;color:#dd0;text-align:left}.note-editor .note-dialog .note-help-dialog .note-shortcut td:first-child{min-width:110px;padding-right:10px;font-family:"Courier New";color:#dd0;text-align:right}.note-editor .note-editable{padding:10px;overflow:scroll;outline:0}.note-editor .note-codeable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-editor .dropdown-menu{min-width:90px}.note-editor .dropdown-menu.right{right:0;left:auto}.note-editor .dropdown-menu.right::before{right:9px;left:auto!important}.note-editor .dropdown-menu.right::after{right:10px;left:auto!important}.note-editor .dropdown-menu li a i{color:deepskyblue;visibility:hidden}.note-editor .dropdown-menu li a.checked i{visibility:visible}.note-editor .note-color-palette{line-height:1}.note-editor .note-color-palette div .note-color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff}.note-editor .note-color-palette div .note-color-btn:hover{border:1px solid #000} - -/* adjustment */ -.no-padding .note-editor { - border:none; -} - -.note-editor .note-editable { - background-color: rgba(48, 126, 204, 0.05); -} -.note-editor .note-editable:focus { - background-color:#fff; -} - -.note-editor .note-statusbar .note-resizebar { - border-top: 1px solid #DBDBDB; -} - -.note-editor .note-statusbar:hover { - background:#EEE; -} -.note-editor .note-statusbar:active { - background:#eaeaea; -} -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/superbox.less b/src/main/webapp/less/smartadmin/superbox.less @@ -1,133 +0,0 @@ -/* - Important this file is beeen modified by Webarch -*/ - -/*------------------------------------*\ - SuperBox -\*------------------------------------*/ -.superbox *, -.superbox *:after, -.superbox *:before { - margin:0; - padding:0; - box-sizing:border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - -webkit-font-smoothing:antialiased; - -moz-font-smoothing:antialiased; - -o-font-smoothing:antialiased; - font-smoothing:antialiased; - text-rendering:optimizeLegibility; -} - -/* SuperBox */ -.superbox-list { - display:inline-block; - *display:inline; - zoom:1; - width:12.5%; - padding:5px; - position:relative; -} -.superbox-list.active:before { - content: "\f0d8"; - font-family: FontAwesome; - display: block; - position: absolute; - left: 43%; - bottom: -34px; - z-index: 2; - text-align: center; - font-size: 45px; - color: @gray-darker; -} - -.superbox-img { - max-width:100%; - width:100%; - cursor:pointer; -} -.superbox-show { - text-align:left; - position:relative; - background-color: @gray-darker; - width:100%; - float:left; - padding:25px 0 12px 25px; - display:none; - margin: 5px 0; -} -.superbox-current-img { - max-width:100%; - float:left; - padding-right:25px; - padding-bottom:13px; -} -.superbox-img:hover { - opacity:0.8; -} -.superbox-float { - float:left; -} -.superbox-close { - opacity:0.7; - cursor:pointer; - position:absolute; - top:15px; - right:15px; - transition: all 0.1s linear 0s; -} -.superbox-close:hover { - opacity:1; -} - -.superbox-imageinfo { - display:inline-block; - max-width:500px; - color:#fff; - padding:0 25px 0 0; -} - -.superbox-imageinfo span { - font-size:13px; - color: lighten(@asideColor-start, 45%); - margin-right:-2px; - padding-top:10px; - display:inline-block; - padding-bottom:13px; -} - -.superbox-imageinfo >:first-child { - margin-bottom:10px; - font-weight:bold; -} - -.superbox-imageinfo span p:last-child { - margin-top:30px; -} - -@media only screen and (min-width: 320px) { - .superbox-list { - width:50%; - } -} -@media only screen and (min-width: 486px) { - .superbox-list { - width:25%; - } -} -@media only screen and (min-width: 768px) { - .superbox-list { - width:16.66666667%; - } -} -@media only screen and (min-width: 1025px) { - .superbox-list { - width:12.5%; - } -} -@media only screen and (min-width: 1824px) { - .superbox-list { - width:12.5%; - } -} -\ No newline at end of file diff --git a/src/main/webapp/less/smartadmin/x-editable.less b/src/main/webapp/less/smartadmin/x-editable.less @@ -1,361 +0,0 @@ -/*! X-editable - v1.5.0 -* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery -* http://github.com/vitalets/x-editable -* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ -.editableform { - margin-bottom: 0; /* overwrites bootstrap margin */ -} - -.editableform .control-group { - margin-bottom: 0; /* overwrites bootstrap margin */ - white-space: nowrap; /* prevent wrapping buttons on new line */ -} - -.editable-buttons { - display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ - vertical-align: top; - margin-left: 7px; - /* inline-block emulation for IE7*/ - zoom: 1; - *display: inline; -} - -.editable-buttons.editable-buttons-bottom { - display: block; - margin-top: 7px; - margin-left: 0; -} - -.editable-input { - vertical-align: top; - display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ - width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ - white-space: normal; /* reset white-space decalred in parent*/ - /* display-inline emulation for IE7*/ - zoom: 1; - *display: inline; -} - -.editable-buttons .editable-cancel { - margin-left: 7px; -} - -/*for jquery-ui buttons need set height to look more pretty*/ -.editable-buttons button.ui-button-icon-only { - height: 24px; - width: 30px; -} - -.editableform-loading { - background: url('@{base-url}/loading.gif') center center no-repeat; - height: 25px; - width: auto; - min-width: 25px; -} - -.editable-inline .editableform-loading { - background-position: left 5px; -} - - .editable-error-block { - max-width: 300px; - margin: 5px 0 0 0; - width: auto; - white-space: normal; -} - -/*add padding for jquery ui*/ -.editable-error-block.ui-state-error { - padding: 3px; -} - -.editable-error { - color: red; -} - -/* ---- For specific types ---- */ - -.editableform .editable-date { - padding: 0; - margin: 0; - float: left; -} - -/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ -.editable-inline .add-on .icon-th { - margin-top: 3px; - margin-left: 1px; -} - - -/* checklist vertical alignment */ -.editable-checklist label input[type="checkbox"], -.editable-checklist label span { - vertical-align: middle; - margin: 0; -} - -.editable-checklist label { - white-space: nowrap; -} - -/* set exact width of textarea to fit buttons toolbar */ -.editable-wysihtml5 { - width: 566px; - height: 250px; -} - -/* clear button shown as link in date inputs */ -.editable-clear { - clear: both; - font-size: 0.9em; - text-decoration: none; - text-align: right; -} - -/* IOS-style clear button for text inputs */ -.editable-clear-x { - background: url('@{base-url}/clear.png') center center no-repeat; - display: block; - width: 13px; - height: 13px; - position: absolute; - opacity: 0.6; - z-index: 100; - - top: 50%; - right: 6px; - margin-top: -6px; - -} - -.editable-clear-x:hover { - opacity: 1; -} - -.editable-pre-wrapped { - white-space: pre-wrap; -} -.editable-container.editable-popup { - max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ -} - -.editable-container.popover { - width: auto; /* without this rule popover does not stretch */ -} - -.editable-container.editable-inline { - display: inline-block; - vertical-align: middle; - width: auto; - /* inline-block emulation for IE7*/ - zoom: 1; - *display: inline; -} - -.editable-container.ui-widget { - font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ - z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ -} -.editable-click, -a.editable-click, -a.editable-click:hover { - text-decoration: none; - border-bottom: dashed 1px #0088cc; -} - -.editable-click.editable-disabled, -a.editable-click.editable-disabled, -a.editable-click.editable-disabled:hover { - color: #585858; - cursor: default; - border-bottom: none; -} - -.editable-empty, .editable-empty:hover, .editable-empty:focus{ - font-style: italic; - color: #DD1144; - /* border-bottom: none; */ - text-decoration: none; -} - -.editable-unsaved { - font-weight: bold; -} - -.editable-unsaved:after { -/* content: '*'*/ -} - -.editable-bg-transition { - -webkit-transition: background-color 1400ms ease-out; - -moz-transition: background-color 1400ms ease-out; - -o-transition: background-color 1400ms ease-out; - -ms-transition: background-color 1400ms ease-out; - transition: background-color 1400ms ease-out; -} - -/*see https://github.com/vitalets/x-editable/issues/139 */ -.form-horizontal .editable -{ - padding-top: 5px; - display:inline-block; -} - - -/* - * x-editable CSS - */ - -.editable-address { - display: block; - margin-bottom: 5px; -} - -.editable-address span { - width: 70px; - display: inline-block; -} - - - -/*! - * Datepicker for Bootstrap - * - * Copyright 2012 Stefan Petre - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - */ - -.datepicker { - top: 0; - left: 0; - padding: 4px; - margin-top: 1px; - &:before { - content: ''; - display: inline-block; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; - border-bottom-color: rgba(0,0,0,.2); - position: absolute; - top: -7px; - left: 6px; - } - &:after { - content: ''; - display: inline-block; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid @white; - position: absolute; - top: -6px; - left: 7px; - } - >div { - display: none; - } - table{ - width: 100%; - min-width: 214px; - margin: 0; - } - td, - th{ - text-align: center; - width: 24px; - height: 20px; - } - td { - &.day:hover { - background: @gray-lighter; - cursor: pointer; - } - &.day.disabled { - color: @gray; - } - &.old, - &.new { - color: @gray; - } - &.active, - &.active:hover { - background:@brand-primary; - color: #fff; - text-shadow: 0 -1px 0 rgba(0,0,0,.25); - border-radius:3px; - } - span { - display: block; - width: 47px; - height: 54px; - line-height: 54px; - float: left; - margin: 2px; - cursor: pointer; - &:hover { - background: @gray-lighter; - } - &.active { - background:@brand-primary; - color: #fff; - text-shadow: 0 -1px 0 rgba(0,0,0,.25); - border-radius:3px; - } - &.old { - color: @gray; - } - } - } - - th { - &.switch { - width: 145px; - } - &.next, - &.prev { - font-size: @font-size-base * 1.5; - } - } - - thead tr:first-child th { - cursor: pointer; - &:hover{ - background: @gray-lighter; - } - } - /*.dow { - border-top: 1px solid #ddd !important; - }*/ -} -.input-append, -.input-prepend { - &.date { - .add-on i { - display: block; - cursor: pointer; - width: 16px; - height: 16px; - } - } -} - -.datepicker .next i, .datepicker .prev i { - display: inline-block; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-size:14px; -} - -.datepicker .prev i:before { - content: "\f060"; -} -.datepicker .next i:before { - content: "\f061"; -} diff --git a/src/main/webapp/less/styles.less b/src/main/webapp/less/styles.less @@ -1,68 +1,26 @@ +@import "variables.less"; + /*********************************************************** - * Import the files you want to use. This is a custom - * version of bootstrap.less with responsive - * support included. + * Bootstrap Core. ********************************************************** */ -@BootstrapPath: "./3.03"; - -// Core variables and mixins -@import "variables.less"; +@BootstrapPath: "./libs/3.03"; @import "@{BootstrapPath}/mixins.less"; - -// Reset @import "@{BootstrapPath}/normalize.less"; @import "@{BootstrapPath}/print.less"; - -// Core CSS @import "@{BootstrapPath}/scaffolding.less"; @import "@{BootstrapPath}/type.less"; - //@import "@{BootstrapPath}/code.less"; -@import "@{BootstrapPath}/grid.less"; - //@import "@{BootstrapPath}/tables.less"; @import "@{BootstrapPath}/forms.less"; @import "@{BootstrapPath}/buttons.less"; - -// Components -@import "@{BootstrapPath}/component-animations.less"; - //@import "@{BootstrapPath}/glyphicons.less"; - //@import "@{BootstrapPath}/dropdowns.less"; - //@import "@{BootstrapPath}/button-groups.less"; - //@import "@{BootstrapPath}/input-groups.less"; -@import "@{BootstrapPath}/navs.less"; -@import "@{BootstrapPath}/navbar.less"; - //@import "@{BootstrapPath}/breadcrumbs.less"; - //@import "@{BootstrapPath}/pagination.less"; - //@import "@{BootstrapPath}/pager.less"; -@import "@{BootstrapPath}/labels.less"; - //@import "@{BootstrapPath}/badges.less"; -@import "@{BootstrapPath}/jumbotron.less"; -@import "@{BootstrapPath}/thumbnails.less"; -@import "@{BootstrapPath}/alerts.less"; - //@import "@{BootstrapPath}/progress-bars.less"; - //@import "@{BootstrapPath}/media.less"; - //@import "@{BootstrapPath}/list-group.less"; - //@import "@{BootstrapPath}/panels.less"; -@import "@{BootstrapPath}/wells.less"; @import "@{BootstrapPath}/close.less"; - -// Components w/ JavaScript - //@import "@{BootstrapPath}/modals.less"; - //@import "@{BootstrapPath}/tooltip.less"; - //@import "@{BootstrapPath}/popovers.less"; - //@import "@{BootstrapPath}/carousel.less"; - -// Utility classes @import "@{BootstrapPath}/utilities.less"; -@import "@{BootstrapPath}/responsive-utilities.less"; /********************************************************* * Font Awesome ******************************************************** */ -@FontAwesomePath: "./fontawesome"; - +@FontAwesomePath: "./libs/fontawesome"; @import "@{FontAwesomePath}/variables"; @import "@{FontAwesomePath}/mixins"; @import "@{FontAwesomePath}/path"; @@ -76,84 +34,22 @@ @import "@{FontAwesomePath}/stacked"; @import "@{FontAwesomePath}/icons"; -/*********************************************************** - * Custom styles - ********************************************************** - */ -@import "custom.less"; /********************************************************* - * Smart Admin Template - ******************************************************* - */ -@SmartAdminPath: "./smartadmin"; - - //@import "@{SmartAdminPath}/jarvis-widgets.less"; -@import "@{SmartAdminPath}/smart-forms.less"; - //@import "@{SmartAdminPath}/x-editable.less"; - //@import "@{SmartAdminPath}/fullcalendar.less"; - //@import "@{SmartAdminPath}/colorpicker.less"; - //@import "@{SmartAdminPath}/bootstrap-timepicker.less"; - //@import "@{SmartAdminPath}/animated.less"; - //@import "@{SmartAdminPath}/summernote.less"; - //@import "@{SmartAdminPath}/bootstrap-markdown.less"; - //@import "@{SmartAdminPath}/dropzone.less"; - //@import "@{SmartAdminPath}/pricing-table.less"; - //@import "@{SmartAdminPath}/superbox.less"; - //@import "@{SmartAdminPath}/bootstrap-tagsinput.less"; - //@import "@{SmartAdminPath}/DT_bootstrap.less"; - //@import "@{SmartAdminPath}/TableTools.less"; - //@import "@{SmartAdminPath}/fd-slider.less"; - //@import "@{SmartAdminPath}/bootstrap-slider.less"; - //@import "@{SmartAdminPath}/jquery-ui-1.10.3.custom.less"; - //@import "@{SmartAdminPath}/smart-chat.less"; - //@import "@{SmartAdminPath}/notifications.less"; -@import "@{SmartAdminPath}/colorpallet.less"; - -// Individual pages, sections, and components. You can remove any of these sections you don't use - -// Components - //@import "@{SmartAdminPath}/component-ion.less"; - //@import "@{SmartAdminPath}/component-jqueryui.less"; - //@import "@{SmartAdminPath}/component-radiocheck.less"; - -// Pages - //@import "@{SmartAdminPath}/page-error.less"; - //@import "@{SmartAdminPath}/page-login.less"; - -// Sections - //@import "@{SmartAdminPath}/section-nestables.less"; - //@import "@{SmartAdminPath}/section-calendar.less"; - //@import "@{SmartAdminPath}/section-inbox.less"; - //@import "@{SmartAdminPath}/section-profile.less"; - //@import "@{SmartAdminPath}/section-search.less"; - //@import "@{SmartAdminPath}/section-select2.less"; - //@import "@{SmartAdminPath}/section-todo.less"; - -// Main THEME - //@import "@{SmartAdminPath}/main.less"; - //@import "@{SmartAdminPath}/main-responsive.less"; - //@import "@{SmartAdminPath}/main-animated.less"; -@import "@{SmartAdminPath}/main-custom.less"; - -/********************************************************* - * Extras - ******************************************************* + * Animate + ******************************************************** */ -@ExtrasPath: "./extras"; +@import "./libs/animate.less"; -@import "@{ExtrasPath}/angular-wizard.less"; -/********************************************************* - * My Pages - ******************************************************* +/*********************************************************** + * Custom styles + ********************************************************** */ -@PagesPath: "./pages"; +@ScreensPath: "./screen"; +@PartsPath: "./part"; -@import "@{PagesPath}/qr-scanner-wizard.less"; - -/********************************************************* - * Overrides - ******************************************************* - */ +@import "custom.less"; +@import "@{ScreensPath}/scanqr.less"; +@import "@{PartsPath}/loading.less"; @import "overrides.less"; diff --git a/src/main/webapp/less/variables.less b/src/main/webapp/less/variables.less @@ -1,72 +1,40 @@ -/// +// // Variables // -------------------------------------------------- +// Nexus 7 G1 Measurements +@screen-width: 4.5in; +@screen-height: 7in; + // Global values // -------------------------------------------------- - -// Brand colors +// Grays // ------------------------- -// Grays +@gray-darker: lighten(#000, 13.5%); // #222 +@gray-dark: lighten(#000, 20%); // #333 +@gray: lighten(#000, 33.5%); // #555 +@gray-light: lighten(#000, 60%); // #999 +@gray-lighter: lighten(#000, 93.5%); // #eee + +// Brand colors // ------------------------- -@black: #000; -@gray-darkest: lighten(@black, 5.5%); // #111'ish? -@gray-darker: lighten(@black, 13.5%); // #222 -@gray-dark: lighten(@black, 20%); // #333 -@gray: lighten(@black, 33.5%); // #555 -@gray-light: lighten(@black, 60%); // #999 -@gray-mid-light: lighten(@black, 75%); // #CCC'ish? -@gray-lighter: lighten(@black, 93.5%); // #eee -@gray-lightest: lighten(@black, 95.5%); // #fafafa'ish? - -// COLOR PALLET -// -------------------------------------------------- -@blueStandard: #3276B1; -@blueSky: #0091D9; -@blue: #57889C; -@blueLight: #92A2A8; -@blueDark: #4c4f53; -@green: #356e35; -@greenLight: #71843f; -@greenDark: #496949; -@greenBright: #40AC2B; -@red: #a90329; -@yellow: #b09b5b; -@orange: #F79220; //#f7921d; //#C79121; -@orangeDark: #A57225; -@pink: #ac5287; -@pinkDark: #a8829f; -@purple: #6E587A; -@darken: #404040; -@lighten: #d5e7ec; -@white: #ffffff; -@greyDark: #525252; -@magenta: #6e3671; -@teal: #568a89; -@redLight: #a65858; -@redBright: #ed1c24; -@tealLight: #0AA66E; - -//@brand-primary: #3276B1; -//@brand-primary: #446E9B; @brand-primary: #3E648D; @brand-primary-light: lighten(@brand-primary, 55%); // #EDF2F7; -@brand-secondary: @orange; +@brand-secondary: #F79220; @brand-tertiary: #95A9C1; @brand-success: #739E73; -@brand-warning: @orange; -@brand-danger: @red; -@brand-info: @blue; -@bitcoin-color: @orange; +@brand-warning: #f0ad4e; +@brand-danger: #a90329; +@brand-info: #57889C; // Scaffolding // ------------------------- -@body-bg: @white; +@body-bg: #fff; @text-color: @gray-dark; // Links @@ -78,39 +46,34 @@ // Typography // ------------------------- -@font-family-sans-serif: "Open Sans", Helvetica, Arial, Sans-Serif; -@font-family-serif: "Optima", Georgia, "Times New Roman", Times, serif; -@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace; +@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; +@font-family-serif: Georgia, "Times New Roman", Times, serif; +@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; @font-family-base: @font-family-sans-serif; -@font-size-base: 14px; -@font-size-large: ceil(@font-size-base * 1.24); // ~16px -@font-size-small: ceil(@font-size-base * 0.85); // ~11px +@font-size-base: 36pt; +@font-size-large: ceil(@font-size-base * 1.25); +@font-size-small: ceil(@font-size-base * 0.85); -@font-size-h1: floor(@font-size-base * 1.85);// ~24px -@font-size-h2: floor(@font-size-base * 1.7);// ~22px -@font-size-h3: ceil(@font-size-base * 1.385); // ~18px -@font-size-h4: ceil(@font-size-base * 1.32); // ~17px -@font-size-h5: ceil(@font-size-base * 1.24); // ~16px -@font-size-h6: ceil(@font-size-base * 1.08); // ~14px +@font-size-h1: floor(@font-size-base * 2.6); +@font-size-h2: floor(@font-size-base * 2.15); +@font-size-h3: ceil(@font-size-base * 1.7); +@font-size-h4: ceil(@font-size-base * 1.25); +@font-size-h5: @font-size-base; +@font-size-h6: ceil(@font-size-base * 0.85); @line-height-base: 1.428571429; // 20/14 @line-height-computed: floor(@font-size-base * @line-height-base); // ~20px @headings-font-family: @font-family-base; -@headings-font-weight: 300; +@headings-font-weight: 500; @headings-line-height: 1.1; @headings-color: inherit; -// Iconography -// ------------------------- - -@icon-font-path: "../fonts"; - // Components // ------------------------- -// Based on 13px font-size and 1.428 line-height (~20px to start) +// Based on 14px font-size and 1.428 line-height (~20px to start) @padding-base-vertical: 6px; @padding-base-horizontal: 12px; @@ -127,9 +90,9 @@ @line-height-large: 1.33; @line-height-small: 1.5; -@border-radius-base: 2px; -@border-radius-large: 3px; -@border-radius-small: 2px; +@border-radius-base: 4px; +@border-radius-large: 6px; +@border-radius-small: 3px; @component-active-color: #fff; @component-active-bg: @brand-primary; @@ -145,7 +108,7 @@ @table-bg: transparent; // overall background-color @table-bg-accent: #f9f9f9; // for striping -@table-bg-hover: #ecf3f8; +@table-bg-hover: #f5f5f5; @table-bg-active: @table-bg-hover; @table-border-color: #ddd; // table and cell border @@ -191,13 +154,13 @@ @input-color: @gray; @input-border: #ccc; -@input-border-radius: 0px; -@input-border-focus: @brand-primary; +@input-border-radius: @border-radius-base; +@input-border-focus: #66afe9; @input-color-placeholder: @gray-light; @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); -@input-height-large: (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); +@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); @legend-color: @gray-dark; @@ -215,19 +178,17 @@ @dropdown-fallback-border: #ccc; @dropdown-divider-bg: #e5e5e5; -@dropdown-link-active-color: #fff; -@dropdown-link-active-bg: @component-active-bg; - @dropdown-link-color: @gray-dark; -@dropdown-link-hover-color: #fff; -@dropdown-link-hover-bg: @dropdown-link-active-bg; +@dropdown-link-hover-color: darken(@gray-dark, 5%); +@dropdown-link-hover-bg: #f5f5f5; + +@dropdown-link-active-color: @component-active-color; +@dropdown-link-active-bg: @component-active-bg; @dropdown-link-disabled-color: @gray-light; @dropdown-header-color: @gray-light; -@dropdown-caret-color: #000; - // COMPONENT VARIABLES // -------------------------------------------------- @@ -235,424 +196,36 @@ // Z-index master list // ------------------------- -// Used for a bird's eye view of components dependent on the z-axis -// Try to avoid customizing these :) - -@zindex-navbar: 1000; -@zindex-dropdown: 1000; -@zindex-popover: 1010; -@zindex-tooltip: 1030; -@zindex-navbar-fixed: 1030; -@zindex-modal-background: 1040; -@zindex-modal: 1050; - -// Media queries breakpoints -// -------------------------------------------------- - -// Extra small screen / phone -// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1 -@screen-xs: 480px; -@screen-xs-min: @screen-xs; -@screen-phone: @screen-xs-min; - -// Small screen / tablet -// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1 -@screen-sm: 768px; -@screen-sm-min: @screen-sm; -@screen-tablet: @screen-sm-min; - -// Medium screen / desktop -// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1 -@screen-md: 992px; -@screen-md-min: @screen-md; -@screen-desktop: @screen-md-min; - -// Large screen / wide desktop -// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1 -@screen-lg: 1200px; -@screen-lg-min: @screen-lg; -@screen-lg-desktop: @screen-lg-min; - -// So media queries don't overlap when required, provide a maximum -@screen-xs-max: (@screen-sm-min - 1); -@screen-sm-max: (@screen-md-min - 1); -@screen-md-max: (@screen-lg-min - 1); - - -// Grid system -// -------------------------------------------------- - -// Number of columns in the grid system -@grid-columns: 12; -// Padding, to be divided by two and applied to the left and right of all columns -@grid-gutter-width: 26px; - -// Navbar collapse - -// Point at which the navbar becomes uncollapsed -@grid-float-breakpoint: @screen-sm-min; -// Point at which the navbar begins collapsing -@grid-float-breakpoint-max: (@grid-float-breakpoint - 1); -// Navbar -// ------------------------- - -// Basics of a navbar -@navbar-height: 80px; -@navbar-container-height: @navbar-height + 20; -@navbar-margin-bottom: @line-height-computed /2; -@navbar-default-color: #777; -@navbar-default-bg: #f8f8f8; -@navbar-default-border: darken(@navbar-default-bg, 6.5%); -@navbar-border-radius: @border-radius-base; -@navbar-padding-horizontal: floor(@grid-gutter-width / 2); -@navbar-padding-vertical: ((@navbar-container-height - @line-height-computed) / 2); - -// Navbar links -@navbar-default-link-color: #777; -@navbar-default-link-hover-color: #333; -@navbar-default-link-hover-bg: transparent; -@navbar-default-link-active-color: #555; -@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); -@navbar-default-link-disabled-color: #ccc; -@navbar-default-link-disabled-bg: transparent; - -// Navbar brand label -@navbar-default-brand-color: @navbar-default-link-color; -@navbar-default-brand-hover-color: darken(@navbar-default-link-color, 10%); -@navbar-default-brand-hover-bg: transparent; - -// Navbar toggle -@navbar-default-toggle-hover-bg: #ddd; -@navbar-default-toggle-icon-bar-bg: #ccc; -@navbar-default-toggle-border-color: #ddd; - - -// Inverted navbar -// -// Reset inverted navbar basics -@navbar-inverse-color: @gray-light; -@navbar-inverse-bg: #222; -@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); - -// Inverted navbar links -@navbar-inverse-link-color: @gray-light; -@navbar-inverse-link-hover-color: #fff; -@navbar-inverse-link-hover-bg: transparent; -@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; -@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); -@navbar-inverse-link-disabled-color: #444; -@navbar-inverse-link-disabled-bg: transparent; - -// Inverted navbar brand label -@navbar-inverse-brand-color: @navbar-inverse-link-color; -@navbar-inverse-brand-hover-color: #fff; -@navbar-inverse-brand-hover-bg: transparent; - -// Inverted navbar search -// Normal navbar needs no special styles or vars -@navbar-inverse-search-bg: lighten(@navbar-inverse-bg, 25%); -@navbar-inverse-search-bg-focus: #fff; -@navbar-inverse-search-border: @navbar-inverse-bg; -@navbar-inverse-search-placeholder-color: #ccc; - -// Inverted navbar toggle -@navbar-inverse-toggle-hover-bg: #333; -@navbar-inverse-toggle-icon-bar-bg: #fff; -@navbar-inverse-toggle-border-color: #333; - - -// Navs -// ------------------------- - -@nav-link-padding: 9px 10px 10px; -@nav-link-hover-bg: @gray-lighter; - -@nav-disabled-link-color: @gray-light; -@nav-disabled-link-hover-color: @gray-light; - -@nav-open-link-hover-color: #fff; -@nav-open-caret-border-color: #fff; - -// Tabs -@nav-tabs-border-color: #ddd; - -@nav-tabs-link-hover-border-color: @gray-lighter; - -@nav-tabs-active-link-hover-bg: @body-bg; -@nav-tabs-active-link-hover-color: @gray; -@nav-tabs-active-link-hover-border-color: #ddd; - -@nav-tabs-justified-link-border-color: #ddd; -@nav-tabs-justified-active-link-border-color: @body-bg; - -// Pills -@nav-pills-border-radius: @border-radius-base; -@nav-pills-active-link-hover-bg: @component-active-bg; -@nav-pills-active-link-hover-color: @component-active-color; - - -// Pagination -// ------------------------- - -@pagination-bg: #fff; -@pagination-border: #ddd; - -@pagination-hover-bg: @gray-lighter; - -@pagination-active-bg: @brand-primary; -@pagination-active-color: #fff; - -@pagination-disabled-color: @gray-light; - - -// Pager -// ------------------------- - -@pager-border-radius: 15px; -@pager-disabled-color: @gray-light; - - -// Jumbotron -// ------------------------- - -@jumbotron-padding: 30px; -@jumbotron-color: inherit; -@jumbotron-bg: @white; -@jumbotron-heading-color: inherit; -@jumbotron-font-size: ceil(@font-size-base * 1.5); - // Form states and alerts // ------------------------- -@state-warning-text: #6B6D31; -@state-warning-bg: #ECDFB0; -@state-warning-border: darken(spin(@state-warning-bg, -10), 7%); - -@state-danger-text: @brand-danger; -@state-danger-bg: #C46A69; -@state-danger-border: darken(spin(@state-danger-bg, -10), 18%); - -@state-success-text: #296829; -@state-success-bg: #CEE0CF; -@state-success-border: darken(spin(@state-success-bg, -10), 22%); - -@state-info-text: #346597; -@state-info-bg: #D6DDE7; -@state-info-border: darken(spin(@state-info-bg, -10), 18%); - - -// Tooltips -// ------------------------- -@tooltip-max-width: 200px; -@tooltip-color: #fff; -@tooltip-bg: #000; - -@tooltip-arrow-width: 5px; -@tooltip-arrow-color: @tooltip-bg; - - -// Popovers -// ------------------------- -@popover-bg: #fff; -@popover-max-width: 276px; -@popover-border-color: rgba(0,0,0,.2); -@popover-fallback-border-color: #ccc; - -@popover-title-bg: darken(@popover-bg, 3%); - -@popover-arrow-width: 10px; -@popover-arrow-color: #fff; - -@popover-arrow-outer-width: (@popover-arrow-width + 1); -@popover-arrow-outer-color: rgba(0,0,0,.25); -@popover-arrow-outer-fallback-color: #999; - - -// Labels -// ------------------------- - -@label-default-bg: @gray-light; -@label-primary-bg: @brand-primary; -@label-success-bg: @brand-success; -@label-info-bg: @brand-info; -@label-warning-bg: @brand-warning; -@label-danger-bg: @brand-danger; - -@label-color: #fff; -@label-link-hover-color: #fff; - - -// Modals -// ------------------------- -@modal-inner-padding: 20px; - -@modal-title-padding: 15px; -@modal-title-line-height: @line-height-base; - -@modal-content-bg: #fff; -@modal-content-border-color: rgba(0,0,0,.2); -@modal-content-fallback-border-color: #999; - -@modal-backdrop-bg: #000; -@modal-header-border-color: #e5e5e5; -@modal-footer-border-color: @modal-header-border-color; - - -// Alerts -// ------------------------- -@alert-padding: 15px; -@alert-border-radius: @border-radius-base; -@alert-link-font-weight: bold; - -@alert-success-bg: @state-success-bg; -@alert-success-text: @state-success-text; -@alert-success-border: @state-success-border; - -@alert-info-bg: @state-info-bg; -@alert-info-text: @state-info-text; -@alert-info-border: @state-info-border; - -@alert-warning-bg: @state-warning-bg; -@alert-warning-text: @state-warning-text; -@alert-warning-border: @state-warning-border; - -@alert-danger-bg: @state-danger-bg; -@alert-danger-text: @state-danger-text; -@alert-danger-border: @state-danger-border; - - -// Progress bars -// ------------------------- -@progress-bg: #f5f5f5; -@progress-bar-color: #fff; - -@progress-bar-bg: @brand-primary; -@progress-bar-success-bg: @brand-success; -@progress-bar-warning-bg: @brand-warning; -@progress-bar-danger-bg: @brand-danger; -@progress-bar-info-bg: @brand-info; - - -// List group -// ------------------------- -@list-group-bg: #fff; -@list-group-border: #ddd; -@list-group-border-radius: @border-radius-base; - -@list-group-hover-bg: #f5f5f5; -@list-group-active-color: #fff; -@list-group-active-bg: @component-active-bg; -@list-group-active-border: @list-group-active-bg; - -@list-group-link-color: #555; -@list-group-link-heading-color: #333; - - -// Panels -// ------------------------- -@panel-bg: #fff; -@panel-inner-border: #ddd; -@panel-border-radius: @border-radius-base; -@panel-footer-bg: #f5f5f5; - -@panel-default-text: @gray-dark; -@panel-default-border: #ddd; -@panel-default-heading-bg: #f5f5f5; +@state-success-text: #3c763d; +@state-success-bg: #dff0d8; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); -@panel-primary-text: #fff; -@panel-primary-border: @brand-primary; -@panel-primary-heading-bg: @brand-primary; +@state-info-text: #31708f; +@state-info-bg: #d9edf7; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); -@panel-success-text: @state-success-text; -@panel-success-border: @state-success-border; -@panel-success-heading-bg: @state-success-bg; - -@panel-warning-text: @state-warning-text; -@panel-warning-border: @state-warning-border; -@panel-warning-heading-bg: @state-warning-bg; - -@panel-danger-text: @state-danger-text; -@panel-danger-border: @state-danger-border; -@panel-danger-heading-bg: @state-danger-bg; - -@panel-info-text: @state-info-text; -@panel-info-border: @state-info-border; -@panel-info-heading-bg: @state-info-bg; - - -// Thumbnails -// ------------------------- -@thumbnail-padding: 4px; -@thumbnail-bg: @body-bg; -@thumbnail-border: #ddd; -@thumbnail-border-radius: @border-radius-base; +@state-warning-text: #8a6d3b; +@state-warning-bg: #fcf8e3; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); -@thumbnail-caption-color: @text-color; -@thumbnail-caption-padding: 9px; - - -// Wells -// ------------------------- -@well-bg: #f5f5f5; - - -// Badges -// ------------------------- -@badge-color: #fff; -@badge-link-hover-color: #fff; -@badge-bg: @gray-light; - -@badge-active-color: @link-color; -@badge-active-bg: #fff; - -@badge-font-weight: bold; -@badge-line-height: 1; -@badge-border-radius: 10px; - - -// Breadcrumbs -// ------------------------- -@breadcrumb-bg: #f5f5f5; -@breadcrumb-color: #ccc; -@breadcrumb-active-color: @gray-light; -@breadcrumb-separator: "/"; - -// Carousel -// ------------------------ - -@carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); - -@carousel-control-color: #fff; -@carousel-control-width: 15%; -@carousel-control-opacity: .5; -@carousel-control-font-size: 20px; - -@carousel-indicator-active-bg: #fff; -@carousel-indicator-border-color: #fff; - -@carousel-caption-color: #fff; +@state-danger-text: #a94442; +@state-danger-bg: #f2dede; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); // Close // ------------------------ -@close-color: #000; @close-font-weight: bold; +@close-color: #000; @close-text-shadow: 0 1px 0 #fff; -// Code -// ------------------------ -@code-color: #c7254e; -@code-bg: #f9f2f4; - -@pre-bg: #f5f5f5; -@pre-color: @gray-dark; -@pre-border-color: #ccc; -@pre-scrollable-max-height: 340px; - // Type // ------------------------ @text-muted: @gray-light; @@ -670,142 +243,3 @@ // Horizontal forms & lists @component-offset-horizontal: 180px; - - -// Container sizes -// -------------------------------------------------- - -// Small screen / tablet -@container-tablet: ((720px + @grid-gutter-width)); -@container-sm: @container-tablet; - -// Medium screen / desktop -@container-desktop: ((940px + @grid-gutter-width)); -@container-md: @container-desktop; - -// Large screen / wide desktop -@container-large-desktop: ((1140px + @grid-gutter-width)); -@container-lg: @container-large-desktop; - - -/* - * SMARTADMIN VARIABLES - */ - -// IMAGE PATH & BACKGROUNDS -// -------------------------------------------------- - -@base-url: "../img"; -//urage: background-image: url("@{base-url}/images/bg.png"); - -@html-background-image: "mybg-null.png"; -@html-background-color: @body-bg; - -@body-background-image: "mybg.png"; -@body-background-color: @body-bg; - - -// HEADER -// -------------------------------------------------- -@smart-navbar-height: 49px; // also be sure to change [$.navbar_height] variable in the app.js -@smart-navbar-color-start: #f3f3f3; -@smart-navbar-color-end: #e2e2e2; - -// RIBBON -// -------------------------------------------------- -@ribbon-height: 40px; -@ribbonBGColor: #474544; - -// AJAX DROPDOWN -// -------------------------------------------------- - -@dropdownbtn-icon-color: #C4BAB6; - -@ajaxdrop-arrow-top-color: @white; -@ajaxdrop-arrow-bottom-color: #838383; -@ajaxdropdown-arrow-size: 7px; -@ajaxdropdown-arrow-bottom: @ajaxdropdown-arrow-size + 1; -@ajaxdropdown-height: 365px; - -// ASIDE WIDTH (NAVIGATION WIDTH & COLOR) -// -------------------------------------------------- - -// careful when you are resizing this as it may affect lower resoltions -@asideWidth: 220px; - -@asideDataURL: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiMzYTM2MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmEyNzI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg=="; -@asideColor-start: #2A2725; /* left side */ -@asideColor-end: #3A3633; /* right side */ - -@asideLinkColor: #A8A8A8; -@asideLinkColorHover: @white; -@asideLinkColorFocus: #C9C9C9; -@asideNavActiveBGColor: #616161; /* the color that flashes when you click on the first nav element */ -@asideNavFontSize: @font-size-base+1; // 14px~ -@asideNavFontSizeSecondLevel: @asideNavFontSize; -@asideNavFontSizeThirdLevel: @asideNavFontSize; - - -// SMARTADMIN ZINDEX -// ------------------------- -// Used for a bird's eye view of components dependent on the z-axis -// Try to avoid customizing these :) - -@fixed-navigation-zindex: 998; -@fixed-ribbon-zindex: 999; -@morris-hover: 1001; -@left-panel-zindex: 1002; -@hidden-lefthand-menu-zindex: @left-panel-zindex; -@ajax-dropdown-zindex: 1003; -@pace-zindex: 2000; -@tooltip-zindex: 9999; - -// BOOTSTRAP WIZARD -// ------------------------- - -@wizard-step-complete: @tealLight; -@wizard-step-active: @blueSky; - - -// TOOLTIP FONT -// ------------------------- - -@tooltip-font-size: @font-size-base - 2; -@sparkline-font-size: @tooltip-font-size; - - -// SLIDERS -// ------------------------- - -@slider-bar-color: @blueStandard; -@handle-bg-color: #858585; - - -// SWITCH BG -// ------------------------- - -@onOffSwitchBG: @blueStandard; - - -// PROGRESS BARS SIZES -// ------------------------- - -@progressbar-radius: 0px; -@progressbar-micro: 3px; -@progressbar-xs: 7px; -@progressbar-sm: 14px; -@progressbar-lg: 30px; - -// TABLES -// ------------------------- - -@table-header-color-start: #f2f2f2; -@table-header-color-end: #fafafa; - - - -//-------------CUSTOMS - -@gmap-overlay-zindex: 500; -@gmap-text-overlay-zindex: 520; -@alert-zindex: 550; diff --git a/src/main/webapp/templates-hidden/base-default.html b/src/main/webapp/templates-hidden/base-default.html @@ -1,12 +0,0 @@ -<div data-lift="surround?with=base-wrap;at=content"> - <lift:head> - <title data-lift="Menu.title">PYC: %*%</title> - </lift:head> - <div class="row"> - <div class="col-xs-10 col-xs-offset-1"> - <div class="main-content"> - <div id="content"></div> - </div> - </div> - </div> -</div> diff --git a/src/main/webapp/templates-hidden/base-wrap.html b/src/main/webapp/templates-hidden/base-wrap.html @@ -2,41 +2,11 @@ <html lang="en" ng-app="app"> <head> <meta charset="utf-8"> -<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> -<meta name="description" content="PYC is an ATM service operator for the bitcoin currency. We enable customers to retrieve bitcoin instantly, just as they retrieve cash from a bank ATM."> -<meta name="author" content="PYC"> <meta name="Copyright" content="Copyright PYC Inc 2014. All Rights Reserved."> -<meta name="fragment" content="!" /> -<title data-lift="Menu.title">PYC: %*%</title> - <link data-lift="Assets.css" rel="stylesheet"> - -<!--[if lt IE 9]> -<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> -<![endif]--> </head> <body> - -<div class="navbar-fixed-bottom container navbar-container"> - <div id="navbar-main" class="navbar navbar-default" role="navigation"> - <div class="container-fluid"> - <div class="navbar-header"> - <a class="navbar-brand"><img src="/img/logo.png"></a> - </div> - <div class="navbar-price pull-right" ng-controller="PriceTickerCtrl" ng-cloak> - <span class="lead">$ {{price}} / BTC</span> - </div> - </div> - </div> -</div> -<div class="container"> - <div id="content"></div> -</div> - +<div id="content"></div> <script data-lift="Assets.js" type="text/javascript"></script> - -<!-- Comets --> -<script data-lift="Redirect"></script> - </body> </html> diff --git a/src/main/webapp/templates-hidden/part/loading.html b/src/main/webapp/templates-hidden/part/loading.html @@ -0,0 +1,17 @@ +<div class="loading-bitcoins"> + <div class="loading-container"> + <img class="bitcoin one" src="/img/bitcoin.png" /> + </div> + <div class="loading-container"> + <img class="bitcoin two" src="/img/bitcoin.png" /> + </div> + <div class="loading-container"> + <img class="bitcoin three" src="/img/bitcoin.png" /> + </div> + <div class="loading-container"> + <img class="bitcoin four" src="/img/bitcoin.png" /> + </div> + <div class="loading-container"> + <img class="bitcoin five" src="/img/bitcoin.png" /> + </div> +</div> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/CashInsert.html b/src/main/webapp/templates-hidden/screen/CashInsert.html @@ -0,0 +1,10 @@ +<wz-step title="CashInsert"> + <h1>Cash Insert</h1> + <div>{{ transaction.address }}</div> + <div>{{ transaction.price.prie }}</div> + <div>{{ transaction.limit }}</div> + <div>Total: {{ transaction.currencySymbol + transaction.total }}</div> + <div>bitcoin: <i class="fa fa-btc"></i>{{ transaction.bitcoins }}</div> + + <input ng-click="buy" value="Buy" class="btn btn-primary" /> +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/ErrorState.html b/src/main/webapp/templates-hidden/screen/ErrorState.html @@ -0,0 +1,3 @@ +<wz-step title="ErrorState"> + +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/Idle.html b/src/main/webapp/templates-hidden/screen/Idle.html @@ -0,0 +1,7 @@ +<wz-step title="Idle"> + <a type="submit" wz-next class="no-design"> + <h1>Buy bitcoin</h1> + <img src="/img/bitcoin.png" width="350" /> + <p class="lead">Tap on the bitcoin to get started</p> + </a> +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/InsufficientFunds.html b/src/main/webapp/templates-hidden/screen/InsufficientFunds.html @@ -0,0 +1,3 @@ +<wz-step title="InsufficientFunds"> + +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/LimitReached.html b/src/main/webapp/templates-hidden/screen/LimitReached.html @@ -0,0 +1,3 @@ +<wz-step title="LimitReached"> + +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/Malfunctioning.html b/src/main/webapp/templates-hidden/screen/Malfunctioning.html @@ -0,0 +1,3 @@ +<wz-step title="Malfunctioning"> + +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/PreparingTx.html b/src/main/webapp/templates-hidden/screen/PreparingTx.html @@ -0,0 +1,3 @@ +<wz-step title="PreparingTx"> + +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/Receipt.html b/src/main/webapp/templates-hidden/screen/Receipt.html @@ -0,0 +1,3 @@ +<wz-step title="Receipt"> + +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/ScanQr.html b/src/main/webapp/templates-hidden/screen/ScanQr.html @@ -0,0 +1,10 @@ +<wz-step title="ScanQr"> + <h1>Scan your Bitcoin Wallet - QR Code</h1> + + <div id="wallet-scanner"> + <qr-scanner ng-success="onSuccess(data)" width="400" height="300"></qr> + <div ng-show="qr_error" class="padding-top-20 text-center text-danger"> + Invalid Bitcoin Address + </div> + </div> +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/Sending.html b/src/main/webapp/templates-hidden/screen/Sending.html @@ -0,0 +1,3 @@ +<wz-step title="Sending"> + +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/screen/ThankYou.html b/src/main/webapp/templates-hidden/screen/ThankYou.html @@ -0,0 +1,3 @@ +<wz-step title="ThankYou"> + +</wz-step> +\ No newline at end of file diff --git a/src/main/webapp/vendor/ui-bootstrap-tpls.js b/src/main/webapp/vendor/ui-bootstrap-tpls.js @@ -5,8 +5,7 @@ * Version: 0.11.0-SNAPSHOT - 2014-04-03 * License: MIT */ -angular.module("ui.bootstrap", ["ui.bootstrap.tpls", "ui.bootstrap.bindHtml","ui.bootstrap.transition","ui.bootstrap.collapse","ui.bootstrap.alert"]); -angular.module("ui.bootstrap.tpls", ["template/alert/alert.html"]); +angular.module("ui.bootstrap", ["ui.bootstrap.tpls", "ui.bootstrap.bindHtml","ui.bootstrap.transition"]); angular.module('ui.bootstrap.bindHtml', []) .directive('bindHtmlUnsafe', function () { @@ -98,112 +97,4 @@ angular.module('ui.bootstrap.transition', []) $transition.transitionEndEventName = findEndEventName(transitionEndEventNames); $transition.animationEndEventName = findEndEventName(animationEndEventNames); return $transition; -}]); - -angular.module('ui.bootstrap.collapse', ['ui.bootstrap.transition']) - - .directive('collapse', ['$transition', function ($transition) { - - return { - link: function (scope, element, attrs) { - - var initialAnimSkip = true; - var currentTransition; - - function doTransition(change) { - var newTransition = $transition(element, change); - if (currentTransition) { - currentTransition.cancel(); - } - currentTransition = newTransition; - newTransition.then(newTransitionDone, newTransitionDone); - return newTransition; - - function newTransitionDone() { - // Make sure it's this transition, otherwise, leave it alone. - if (currentTransition === newTransition) { - currentTransition = undefined; - } - } - } - - function expand() { - if (initialAnimSkip) { - initialAnimSkip = false; - expandDone(); - } else { - element.removeClass('collapse').addClass('collapsing'); - doTransition({ height: element[0].scrollHeight + 'px' }).then(expandDone); - } - } - - function expandDone() { - element.removeClass('collapsing'); - element.addClass('collapse in'); - element.css({height: 'auto'}); - } - - function collapse() { - if (initialAnimSkip) { - initialAnimSkip = false; - collapseDone(); - element.css({height: 0}); - } else { - // CSS transitions don't work with height: auto, so we have to manually change the height to a specific value - element.css({ height: element[0].scrollHeight + 'px' }); - //trigger reflow so a browser realizes that height was updated from auto to a specific value - var x = element[0].offsetWidth; - - element.removeClass('collapse in').addClass('collapsing'); - - doTransition({ height: 0 }).then(collapseDone); - } - } - - function collapseDone() { - element.removeClass('collapsing'); - element.addClass('collapse'); - } - - scope.$watch(attrs.collapse, function (shouldCollapse) { - if (shouldCollapse) { - collapse(); - } else { - expand(); - } - }); - } - }; - }]); - -angular.module('ui.bootstrap.alert', []) - -.controller('AlertController', ['$scope', '$attrs', function ($scope, $attrs) { - $scope.closeable = 'close' in $attrs; -}]) - -.directive('alert', function () { - return { - restrict:'EA', - controller:'AlertController', - templateUrl:'template/alert/alert.html', - transclude:true, - replace:true, - scope: { - type: '@', - close: '&' - } - }; -}); - -angular.module("template/alert/alert.html", []).run(["$templateCache", function($templateCache) { - $templateCache.put("template/alert/alert.html", - "<div ng-class=\"{'alert-dismissable': closeable}\" role=\"alert\">\n" + - " <button ng-show=\"closeable\" type=\"button\" class=\"close\" ng-click=\"close()\">\n" + - " <span aria-hidden=\"true\">×</span>\n" + - " <span class=\"sr-only\">Close</span>\n" + - " </button>\n" + - " <div ng-transclude></div>\n" + - "</div>\n" + - ""); }]); \ No newline at end of file