diff --git a/.idea/.name b/.idea/.name new file mode 100644 index 00000000..c0b3fed0 --- /dev/null +++ b/.idea/.name @@ -0,0 +1 @@ +pathfinder \ No newline at end of file diff --git a/.idea/dictionaries/exodus4d.xml b/.idea/dictionaries/exodus4d.xml new file mode 100644 index 00000000..b62edeb4 --- /dev/null +++ b/.idea/dictionaries/exodus4d.xml @@ -0,0 +1,16 @@ + + + + addclass + fontawesome + jqueryui + killboard + nonblock + scrollbar + scrollbars + slidebar + slidebars + textarea + + + \ No newline at end of file diff --git a/.idea/encodings.xml b/.idea/encodings.xml new file mode 100644 index 00000000..e206d70d --- /dev/null +++ b/.idea/encodings.xml @@ -0,0 +1,5 @@ + + + + + diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 00000000..9cc3673b --- /dev/null +++ b/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,7 @@ + + + + \ No newline at end of file diff --git a/.idea/inspectionProfiles/profiles_settings.xml b/.idea/inspectionProfiles/profiles_settings.xml new file mode 100644 index 00000000..3b312839 --- /dev/null +++ b/.idea/inspectionProfiles/profiles_settings.xml @@ -0,0 +1,7 @@ + + + + \ No newline at end of file diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml new file mode 100644 index 00000000..3c9863f1 --- /dev/null +++ b/.idea/jsLibraryMappings.xml @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/.idea/jsLinters/jslint.xml b/.idea/jsLinters/jslint.xml new file mode 100644 index 00000000..0c7e3202 --- /dev/null +++ b/.idea/jsLinters/jslint.xml @@ -0,0 +1,8 @@ + + + + + + diff --git a/.idea/libraries/compass_library.xml b/.idea/libraries/compass_library.xml new file mode 100644 index 00000000..a7ea0981 --- /dev/null +++ b/.idea/libraries/compass_library.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 00000000..1162f438 --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,5 @@ + + + + + diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 00000000..e0e2e3d5 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/.idea/pathfinder.iml b/.idea/pathfinder.iml new file mode 100644 index 00000000..5167a48b --- /dev/null +++ b/.idea/pathfinder.iml @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + diff --git a/.idea/scopes/scope_settings.xml b/.idea/scopes/scope_settings.xml new file mode 100644 index 00000000..922003b8 --- /dev/null +++ b/.idea/scopes/scope_settings.xml @@ -0,0 +1,5 @@ + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 00000000..276779e8 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/.idea/watcherTasks.xml b/.idea/watcherTasks.xml new file mode 100644 index 00000000..1efaeb8f --- /dev/null +++ b/.idea/watcherTasks.xml @@ -0,0 +1,26 @@ + + + + + + + + + diff --git a/index.htm b/index.htm index da75842f..625cc28e 100644 --- a/index.htm +++ b/index.htm @@ -3,23 +3,18 @@ - + + + + + Pathfinder - mapping tool - - - - - - + -
- -
- diff --git a/js/app.js b/js/app.js index 9e7ba1b2..5d768cc4 100644 --- a/js/app.js +++ b/js/app.js @@ -1,23 +1,34 @@ requirejs.config({ - "baseUrl": "js", // user build_js files, change to "js" for un-compressed source - "paths": { - layout: "layout", - jquery: "lib/jquery-1.11.1.min", + baseUrl: 'js', // user build_js files, change to "js" for un-compressed source + paths: { + layout: 'layout', + jquery: 'lib/jquery-1.11.1.min', //jquery: "lib/jquery-2.1.1.min", //jqueryUI: "lib/jquery-ui.min", - jqueryUI: "lib/jquery-ui-custom.min", // custom script (without tooltip -> conflict with bootstrap) - bootstrap: "lib/bootstrap.min", - text: "lib/requirejs/text", - templates: "../templates", - jsPlumb: "lib/jsPlumb-1.6.4-min", // main map draw plugin - customScrollbar: "lib/jquery.mCustomScrollbar.concat.min", // custom scroll bars - datatables: "lib/jquery.dataTables.min", // tables - datatablesBootstrap: "lib/dataTables.bootstrap", // not used (bootstrap style) - xEditable: "lib/bootstrap-editable.min", // in placed editing - morris: "lib/morris.min", // graphs - raphael: "lib/raphael-min", // required for morris (dependency) - bootbox: "lib/bootbox.min" // custom dialogs + jqueryUI: 'lib/jquery-ui-custom.min', // custom script (without tooltip -> conflict with bootstrap) + bootstrap: 'lib/bootstrap.min', // Bootstrap js code - http://getbootstrap.com/javascript/ + text: 'lib/requirejs/text', // A RequireJS/AMD loader plugin for loading text resources. + templates: '../templates', // template dir + slidebars: 'lib/slidebars', // Slidebars - side menu plugin http://plugins.adchsm.me/slidebars/ + jsPlumb: 'lib/jsPlumb-1.6.4-min', // jsPlumb - main map draw plugin http://www.jsplumb.org/ + customScrollbar: 'lib/jquery.mCustomScrollbar.concat.min', // Custom scroll bars - http://manos.malihu.gr/ + datatables: 'lib/jquery.dataTables.min', // DataTables - tables + datatablesBootstrap: 'lib/dataTables.bootstrap', // DataTables - not used (bootstrap style) + xEditable: 'lib/bootstrap-editable.min', // X-editable - in placed editing + morris: 'lib/morris.min', // Morris.js - graphs and charts + raphael: 'lib/raphael-min', // Raphaƫl - required for morris (dependency) + bootbox: 'lib/bootbox.min', // Bootbox.js - custom dialogs + + pnotify: 'lib/pnotify/pnotify.core', // PNotify - notification core file + //'pnotify.buttons': 'lib/pnotify/pnotify.buttons', // PNotify - buttons notification extension + //'pnotify.confirm': 'lib/pnotify/pnotify.confirm', // PNotify - confirmation notification extension + 'pnotify.nonblock': 'lib/pnotify/pnotify.nonblock', // PNotify - notification non-block extension (hover effect) + 'pnotify.desktop': 'lib/pnotify/pnotify.desktop', // PNotify - desktop push notification extension + //'pnotify.history': 'lib/pnotify/pnotify.history', // PNotify - history push notification history extension + 'pnotify.callbacks': 'lib/pnotify/pnotify.callbacks' // PNotify - callbacks push notification extension + // 'pnotify.reference': 'lib/pnotify/pnotify.reference' // PNotify - reference push notification extension + }, shim: { jqueryUI: { @@ -27,6 +38,9 @@ requirejs.config({ bootstrap: { deps: ['jquery', 'jqueryUI'] }, + slidebars: { + deps: ['jquery'] + }, customScrollbar: { deps: ['jquery'] }, @@ -46,6 +60,9 @@ requirejs.config({ morris: { deps: ['jquery', 'raphael'], exports: 'Morris' + }, + pnotify: { + deps : ['jquery'] } } }); @@ -54,5 +71,5 @@ requirejs.config({ requirejs(['jquery', 'xEditable'], function($, ) { }); */ -// Load the main app module to start the app +// load the main app module in order to start the app requirejs(["app/main"]); diff --git a/js/app/counter.js b/js/app/counter.js index b2e8dc7a..9443ad61 100644 --- a/js/app/counter.js +++ b/js/app/counter.js @@ -46,15 +46,15 @@ define(["jquery"], function($) { ){ value.push('' + min + 'm' + ''); } + if( - leftSec > 0 || + leftSec >= 0 || value.length > 0 ){ value.push('' + leftSec + 's' + ''); } - //console.log(timediff.getSeconds()) element.html(value.join(' ')); }; @@ -64,17 +64,26 @@ define(["jquery"], function($) { */ $.fn.initSignatureCounter = function(){ + + return this.each(function(){ var element = $(this); - var timestamp = parseInt( $(this).text() ); + var timestamp = parseInt( element.text() ); + // do not init twice if(timestamp > 0){ + // mark as init + element.attr('data-counter', 'init'); + var date = new Date( timestamp * 1000); + updateDateDiff(element, date); - window.setInterval(function(){ updateDateDiff(element, date); }, 1000); + var refreshIntervallId = window.setInterval(function(){ + updateDateDiff(element, date); + }, 100); } diff --git a/js/app/init.js b/js/app/init.js index 47e1ce40..22107f6a 100644 --- a/js/app/init.js +++ b/js/app/init.js @@ -7,7 +7,6 @@ define(["jquery"], function($) { "use strict"; var Config = { - // baseUrl: "http://localhost/exodus4d/pathfinder/" // TODO: change baseURL url:{ zKillboard: 'https://zkillboard.com/api/', eveCentral: 'http://api.eve-central.com/api/' @@ -44,76 +43,76 @@ define(["jquery"], function($) { class: 'pf-system-effect-blackhole', name: 'black hole' } - }, - // system security - systemSecurity: { - security: { - class: 'pf-system-sec' - }, - 'H': { - class: 'pf-system-sec-highSec' - }, - 'L': { - class: 'pf-system-sec-lowSec' - }, - '0.0': { - class: 'pf-system-sec-nullSec' - }, - 'C6': { - class: 'pf-system-sec-high' - }, - 'C5': { - class: 'pf-system-sec-high' - }, - 'C4': { - class: 'pf-system-sec-mid' - }, - 'C3': { - class: 'pf-system-sec-mid' - }, - 'C2': { - class: 'pf-system-sec-low' - }, - 'C1': { - class: 'pf-system-sec-low' - } - }, - // true sec - trueSec: { - '0.0': { - class: 'pf-system-security-0-0' - }, - '0.1': { - class: 'pf-system-security-0-1' - }, - '0.2': { - class: 'pf-system-security-0-2' - }, - '0.3': { - class: 'pf-system-security-0-3' - }, - '0.4': { - class: 'pf-system-security-0-4' - }, - '0.5': { - class: 'pf-system-security-0-5' - }, - '0.6': { - class: 'pf-system-security-0-6' - }, - '0.7': { - class: 'pf-system-security-0-7' - }, - '0.8': { - class: 'pf-system-security-0-8' - }, - '0.9': { - class: 'pf-system-security-0-9' - }, - '1.0': { - class: 'pf-system-security-1-0' - } - }, + }, + // system security + systemSecurity: { + security: { + class: 'pf-system-sec' + }, + 'H': { + class: 'pf-system-sec-highSec' + }, + 'L': { + class: 'pf-system-sec-lowSec' + }, + '0.0': { + class: 'pf-system-sec-nullSec' + }, + 'C6': { + class: 'pf-system-sec-high' + }, + 'C5': { + class: 'pf-system-sec-high' + }, + 'C4': { + class: 'pf-system-sec-mid' + }, + 'C3': { + class: 'pf-system-sec-mid' + }, + 'C2': { + class: 'pf-system-sec-low' + }, + 'C1': { + class: 'pf-system-sec-low' + } + }, + // true sec + trueSec: { + '0.0': { + class: 'pf-system-security-0-0' + }, + '0.1': { + class: 'pf-system-security-0-1' + }, + '0.2': { + class: 'pf-system-security-0-2' + }, + '0.3': { + class: 'pf-system-security-0-3' + }, + '0.4': { + class: 'pf-system-security-0-4' + }, + '0.5': { + class: 'pf-system-security-0-5' + }, + '0.6': { + class: 'pf-system-security-0-6' + }, + '0.7': { + class: 'pf-system-security-0-7' + }, + '0.8': { + class: 'pf-system-security-0-8' + }, + '0.9': { + class: 'pf-system-security-0-9' + }, + '1.0': { + class: 'pf-system-security-1-0' + } + }, // system status systemStatus: { unknown: { @@ -142,12 +141,149 @@ define(["jquery"], function($) { } } + }, + // signature groups + signatureGroups: { + 1: { + name: 'combat site', + label: 'Combat' + }, + 2: { + name: 'relic site', + label: 'Relict' + }, + 3: { + name: 'data site', + label: 'Data' + }, + 4: { + name: 'gas site', + label: 'Gas' + }, + 5: { + name: 'wormhole', + label: 'Wormhole' + } + }, + // signature Type + signatureTypes: { + wh: { // system type + 1: { // C1 (area id) + 1: { // Combat + 1: 'Perimeter Ambush Point', + 2: 'Perimeter Camp', + 3: 'Phase Catalyst Node', + 4: 'The Line' + }, + 2: { // Relic + 1: 'Forgotten Perimeter Coronation Platform' + }, + 3: { // Data + 1: 'Unsecured Perimeter Amplifier', + 2: 'Unsecured Perimeter Information Center ' + }, + 5: { // Wormhole + 1: 'Wormhole' + } + }, + 2: { // C2 + 1: { // Combat + 1: 'Perimeter Checkpoint', + 2: 'Perimeter Hangar', + 3: 'The Ruins of Enclave Cohort 27', + 4: 'Sleeper Data Sanctuary' + }, + 2: { // Relic + 1: 'Forgotten Perimeter Gateway', + 2: 'Forgotten Perimeter Habitation Coils' + }, + 3: { // Data + 1: 'Unsecured Perimeter Comms Relay', + 2: 'Unsecured Perimeter Transponder Farm ' + }, + 5: { // Wormhole + 1: 'Wormhole' + } + }, + 3: { // C3 + 1: { // Combat + 1: 'Fortification Frontier Stronghold', + 2: 'Outpost Frontier Stronghold', + 3: 'Solar Cell', + 4: 'The Oruze Construct' + }, + 2: { // Relic + 1: 'Forgotten Frontier Quarantine Outpost', + 2: 'Forgotten Frontier Recursive Depot' + }, + 3: { // Data + 1: 'Unsecured Frontier Database', + 2: 'Unsecured Frontier Receiver' + }, + 5: { // Wormhole + 1: 'Wormhole' + } + }, + 4: { // C4 + 1: { // Combat + 1: 'Frontier Barracks', + 2: 'Frontier Command Post', + 3: 'Integrated Terminus', + 4: 'Sleeper Information Sanctum' + }, + 2: { // Relic + 1: 'Forgotten Frontier Conversion Module', + 2: 'Forgotten Frontier Evacuation Center' + }, + 3: { // Data + 1: 'Unsecured Frontier Digital Nexus', + 2: 'Unsecured Frontier Trinary Hub' + }, + 5: { // Wormhole + 1: 'Wormhole' + } + }, + 5: { // C5 + 1: { // Combat + 1: 'Core Garrison', + 2: 'Core Stronghold', + 3: 'Oruze Osobnyk', + 4: 'Quarantine Area' + }, + 2: { // Relic + 1: 'Forgotten Core Data Field', + 2: 'Forgotten Core Information Pen' + }, + 3: { // Data + 1: 'Unsecured Frontier Enclave Relay', + 2: 'Unsecured Frontier Server Bank' + }, + 5: { // Wormhole + 1: 'Wormhole' + } + }, + 6: { // C6 + 1: { // Combat + 1: 'Core Citadel', + 2: 'Core Bastion', + 3: 'Strange Energy Readings', + 4: 'The Mirror' + }, + 2: { // Relic + 1: 'Forgotten Core Assembly Hall', + 2: 'Forgotten Core Circuitry Disassembler' + }, + 3: { // Data + 1: 'Unsecured Core Backup Array', + 2: 'Unsecured Core Emergence' + }, + 5: { // Wormhole + 1: 'Wormhole' + } + } + } } - - - - }; return Config; diff --git a/js/app/main.js b/js/app/main.js index 0c5cc937..4568a7c9 100644 --- a/js/app/main.js +++ b/js/app/main.js @@ -1,15 +1,120 @@ -define(["jquery", "app/render", "app/ccp", "app/module_map"], function($, Render, CCP) { +define(['jquery', 'app/render', 'app/ccp', 'slidebars', 'app/module_map'], function($, Render, CCP) { - "use strict"; + 'use strict'; var config = { - mapModuleId: 'pf-map-module' + + // page structure slidebars-menu classes + pageId: 'sb-site', + pageSlidebarClass: 'sb-slidebar', + pageSlidebarLeftClass: 'sb-left', + pageSlidebarRightClass: 'sb-right', + pageSlideLeftWidth: '150px', + pageSlideRightWidth: '150px', + + // page structure + pageClass: 'pf-site', + pageHeaderId: 'pf-site-head', + + // header + headClass: 'pf-head', + headMenuClass: 'pf-head-menu', + headMapClass: 'pf-head-map', + + // map module + mapModuleId: 'pf-map-module', + + // helper element + dynamicElementWrapperId: 'pf-dialog-wrapper' }; + /** + * load main page structure elements and navigation container into body + */ + $.fn.loadPageStructure = function(){ + + // menu right + $(this).prepend( + $('
', { + class: [config.pageSlidebarClass, config.pageSlidebarRightClass, 'sb-style-push', 'sb-width-custom'].join(' ') + }).attr('data-sb-width', config.pageSlideRightWidth).text('right') + ); + + // menu left + $(this).prepend( + $('
', { + class: [config.pageSlidebarClass, config.pageSlidebarLeftClass, 'sb-style-push', 'sb-width-custom'].join(' ') + }).attr('data-sb-width', config.pageSlideLeftWidth).text('left') + ); + + // main page + $(this).prepend( + $('
', { + id: config.pageId, + class: config.pageClass + }).append( + $('
', { + id: config.mapModuleId + }) + ).append( + $('
', { + id: config.dynamicElementWrapperId + }) + ) + ); + + // load header + $('.' + config.pageClass).loadHeader(); + + }; + + /** + * load page header + */ + $.fn.loadHeader = function(){ + + var pageElement = $(this); + + var moduleConfig = { + name: 'modules/header', + position: pageElement, + link: 'prepend', + functions: { + after: function(){ + + // init slide menus + var slideMenu = new $.slidebars({ + scrollLock: false + }); + $('.' + config.headMenuClass).on('click', function() { + slideMenu.slidebars.toggle('left'); + }); + + $('.' + config.headMapClass).on('click', function() { + slideMenu.slidebars.toggle('right'); + }); + } + } + }; + + var moduleData = { + id: config.pageHeaderId, + userName: 'Exodus 4D' + }; + + Render.showModule(moduleConfig, moduleData); + + }; + + + + $(function() { CCP.requestTrust(); + $('body').loadPageStructure(); + // Map init options var mapData =[{ map: {}, @@ -17,7 +122,7 @@ define(["jquery", "app/render", "app/ccp", "app/module_map"], function($, Render name: 'Polaris', id: 1, scope: 'wormhole', - icon: 'fa-desktop', + icon: 'fa-globe', type: 'alliance' // global, alliance, private }, data: { @@ -179,7 +284,7 @@ define(["jquery", "app/render", "app/ccp", "app/module_map"], function($, Render name: 'Exodus 4D', id: 3, scope: 'wormhole', - icon: 'fa-cube', + icon: 'fa-sitemap', type: 'private' }, data: { @@ -193,6 +298,7 @@ define(["jquery", "app/render", "app/ccp", "app/module_map"], function($, Render var userData ={ currentUserData: { ship: 'Legion', + name: 'Exodus 4D', system: { name: 'J115844', id: 4 @@ -244,7 +350,7 @@ define(["jquery", "app/render", "app/ccp", "app/module_map"], function($, Render // update map module ======================================== setTimeout( function() { - $('#' + config.mapModuleId).updateMapModule(userData); + // $('#' + config.mapModuleId).updateMapModule(userData); console.log('update map done'); }, 500); diff --git a/js/app/map/map.js b/js/app/map/map.js index 113d3338..dba1c44b 100644 --- a/js/app/map/map.js +++ b/js/app/map/map.js @@ -5,6 +5,7 @@ define([ 'app/render', 'bootbox', 'jsPlumb', + 'customScrollbar', 'app/map/contextmenu' ], function($, Init, Util, Render, bootbox) { @@ -18,7 +19,6 @@ define([ x: 150, y: 0 }, - formEditableFieldClass: 'pf-editable', // Class for all xEditable fields mapTabContentClass: 'pf-map-tab-content', // Tab-Content element (parent element) mapWrapperClass: 'pf-map-wrapper', // wrapper div (scrollable) @@ -27,10 +27,10 @@ define([ systemIdPrefix: 'pf-system-', // id prefix for a system systemClass: 'pf-system', // class for all systems systemActiveClass: 'pf-system-active', // class for an active system in a map - systemHeadClass: 'pf-system-head', - systemHeadNameClass: 'pf-system-head-name', - systemHeadExpandClass: 'pf-system-head-expand', - systemBodyClass: 'pf-system-body', + systemHeadClass: 'pf-system-head', // class for system head + systemHeadNameClass: 'pf-system-head-name', // class for system name + systemHeadExpandClass: 'pf-system-head-expand', // class for system head expand arrow + systemBodyClass: 'pf-system-body', // class for system body systemBodyItemClass: 'pf-system-body-item', systemBodyItemStatusClass: 'pf-user-status', systemBodyRightClass: 'pf-system-body-right', @@ -46,13 +46,7 @@ define([ systemContextMenuId: 'pf-map-system-contextmenu', // dialogs - confirmDeleteConnectionDialogId: 'pf-delete-dialog-connection', - confirmDeleteSystemDialogId: 'pf-delete-dialog-system', systemDialogId: 'pf-system-dialog', - errorConnectDialogId: 'pf-error-dialog-loopback', - - // system effect classes - // system security classes systemSec: 'pf-system-sec', @@ -63,8 +57,6 @@ define([ systemSecWHMid: 'pf-system-sec-mid', systemSecWHLow: 'pf-system-sec-low', - - // user status userStatus: { 'corp': { @@ -833,12 +825,13 @@ define([ break; case 'delete_system': - // confirm dialog - bootbox.confirm('Delete system with all its connections?', function(result) { if(result){ + var systemName = currentSystem.getSystemInfo(['name']); deleteSystem(map, currentSystem); + + Util.showNotify({title: 'System deleted', text: systemName, type: 'success'}); } }); @@ -1039,9 +1032,35 @@ define([ system.addClass(config.systemActiveClass); }; + /** + * get system data out of its object + * @param info + * @returns {*} + */ + $.fn.getSystemInfo = function(info){ + + var systemInfo = []; + + for(var i = 0; i < info.length; i++){ + switch(info[i]){ + case 'name': + systemInfo.push( $(this).find('.' + config.systemHeadNameClass).text() ); + break; + } + + } + + if(systemInfo.length === 1){ + return systemInfo[0]; + }else{ + return systemInfo; + } + + }; + /** * open "new system" dialog and add the system to map - * optional the new system is connected to "currentSystem" (if available) + * optional the new system is connected to a "sourceSystem" (if available) * * @param map * @param options @@ -1068,7 +1087,7 @@ define([ var content = Mustache.render(template, data); - var test = bootbox.dialog({ + var systemDialog = bootbox.dialog({ title: 'Add new system', message: content, buttons: { @@ -1076,7 +1095,7 @@ define([ label: 'cancel', className: 'btn-default', callback: function(){ - $(test).modal('hide'); + $(systemDialog).modal('hide'); } }, success: { @@ -1087,16 +1106,7 @@ define([ // get form Values var form = $('#' + config.systemDialogId).find('form'); - var newSystemData = {}; - - $.each(form.serializeArray(), function(i, field) { - newSystemData[field.name] = field.value; - }); - - // add editable fields - var editableValues = $('#' + config.systemDialogId).find('.' + config.formEditableFieldClass).editable('getValue'); - - newSystemData = $.extend(newSystemData, editableValues); + var newSystemData = $(form).getFormValues(); var currentX = 0; var currentY = 0; @@ -1131,17 +1141,12 @@ define([ x: options.position.x, y: options.position.y }; - } - newSystemData.position = newPositon; - // draw new system to map drawSystem(map, newSystemData, sourceSystem); - - } } @@ -1149,8 +1154,6 @@ define([ } ); - - // make editable var modalFields = $('.bootbox .modal-dialog').find('.pf-editable-system-status'); @@ -1288,6 +1291,12 @@ define([ // mapConfig.map.bind("beforeDrop", function(info) { // manually connect // }); + + // init custom scrollbars + parentElement.initMapScrollbar() + + Util.showNotify({title: 'Map initialized', text: mapConfig.config.name + ' - loaded', type: 'success'}); + } @@ -1296,4 +1305,69 @@ define([ }; + + /** + * init scrollbar for Map element + */ + $.fn.initMapScrollbar = function(){ + // get Map Scrollbar + var scrollableElement = $(this).find('.' + config.mapWrapperClass); + initCutomScrollbar( scrollableElement ); + }; + + /** + * init a custom scrollbar + * @param scrollableElement + */ + var initCutomScrollbar = function( scrollableElement ){ + + // prevent multiple initialization + $(scrollableElement).mCustomScrollbar('destroy'); + + // init custom scrollbars + $(scrollableElement).mCustomScrollbar({ + axis: 'x', + theme: 'light-thick', + scrollInertia: 300, + autoExpandScrollbar: false, + scrollButtons:{ + scrollAmount: 30, + enable: true + }, + callbacks:{ + onTotalScrollOffset: 0, + onTotalScrollBackOffset: 0, + alwaysTriggerOffsets:true + }, + + advanced: { + updateOnBrowserResize: true, + updateOnContentResize: true, + autoExpandHorizontalScroll: true + }, + mouseWheel:{ + enable:true, + scrollAmount:"auto", + axis:"x" + }, + scrollbarPosition: "inside", + autoDraggerLength: true + //autoHideScrollbar: false + }); + }; + + + /** + * scroll to a specific position in the map + * @returns {*} // string or id + */ + $.fn.scrollTo = function(position){ + return this.each(function(){ + // todo re-comment + //$(this).mCustomScrollbar('scrollTo', position); + }); + }; + + + }); \ No newline at end of file diff --git a/js/app/module_map.js b/js/app/module_map.js index 2d6cefb5..6d994bc9 100644 --- a/js/app/module_map.js +++ b/js/app/module_map.js @@ -8,11 +8,10 @@ define([ 'datatables', 'xEditable', 'app/map/map', - 'customScrollbar', 'app/counter' ], function($, Config, Util, Render, bootbox, Morris) { - "use strict"; + 'use strict'; var config = { dynamicElementWrapperId: 'pf-dialog-wrapper', // parent Element for dynamic content (dialoges,..) @@ -23,7 +22,10 @@ define([ mapTabContentSystemInfoClass: 'pf-map-tab-content-system', mapWrapperClass: 'pf-map-wrapper', // scrollable mapClass: 'pf-map', // class for each map - newMapDialogId: 'pf-map-new-dialog', + + // dialogs + newMapDialogId: 'pf-map-new-dialog', // id for system dialog + signatureReaderDialogId: 'pf-signature-reader-dialog', // id for signature reader dialog // TabContentStructure mapTabContentRow: 'pf-map-content-row', // main row for Tab content (grid) @@ -77,108 +79,9 @@ define([ {class: 'fa-warning', label: 'warning'}, {class: 'fa-plane', label: 'plane'}, {class: 'fa-rocket', label: 'rocket'} - ], + ] + - // Signature Type - signatureTypes: { - wh: { // system type - 1: { // C1 (area id) - 1: { // Combat - 1: 'Perimeter Ambush Point', - 2: 'Perimeter Camp', - 3: 'Phase Catalyst Node', - 4: 'The Line' - }, - 2: { // Relict - 1: 'Forgotten Perimeter Coronation Platform' - }, - 3: { // Data - 1: 'Unsecured Perimeter Amplifier ', - 2: 'Unsecured Perimeter Information Center ' - } - }, - 2: { // C2 - 1: { // Combat - 1: 'Perimeter Checkpoint', - 2: 'Perimeter Hangar', - 3: 'The Ruins of Enclave Cohort 27', - 4: 'Sleeper Data Sanctuary' - }, - 2: { // Relict - 1: 'Forgotten Perimeter Gateway', - 2: 'Forgotten Perimeter Habitation Coils' - }, - 3: { // Data - 1: 'Unsecured Perimeter Comms Relay', - 2: 'Unsecured Perimeter Transponder Farm ' - } - }, - 3: { // C3 - 1: { // Combat - 1: 'Fortification Frontier Stronghold', - 2: 'Outpost Frontier Stronghold', - 3: 'Solar Cell', - 4: 'The Oruze Construct' - }, - 2: { // Relict - 1: 'Forgotten Frontier Quarantine Outpost', - 2: 'Forgotten Frontier Recursive Depot' - }, - 3: { // Data - 1: 'Unsecured Frontier Database', - 2: 'Unsecured Frontier Receiver' - } - }, - 4: { // C4 - 1: { // Combat - 1: 'Frontier Barracks', - 2: 'Frontier Command Post', - 3: 'Integrated Terminus', - 4: 'Sleeper Information Sanctum' - }, - 2: { // Relict - 1: 'Forgotten Frontier Conversion Module', - 2: 'Forgotten Frontier Evacuation Center' - }, - 3: { // Data - 1: 'Unsecured Frontier Digital Nexus', - 2: 'Unsecured Frontier Trinary Hub' - } - }, - 5: { // C5 - 1: { // Combat - 1: 'Core Garrison', - 2: 'Core Stronghold', - 3: 'Oruze Osobnyk', - 4: 'Quarantine Area' - }, - 2: { // Relict - 1: 'Forgotten Core Data Field', - 2: 'Forgotten Core Information Pen' - }, - 3: { // Data - 1: 'Unsecured Frontier Enclave Relay', - 2: 'Unsecured Frontier Server Bank' - } - }, - 6: { // C6 - 1: { // Combat - 1: 'Core Citadel', - 2: 'Core Bastion', - 3: 'Strange Energy Readings', - 4: 'The Mirror' - }, - 2: { // Relict - 1: 'Forgotten Core Assembly Hall', - 2: 'Forgotten Core Circuitry Disassembler' - }, - 3: { // Data - 1: 'Unsecured Core Backup Array', - 2: 'Unsecured Core Emergence ' - } - } - } - } }; @@ -312,7 +215,7 @@ define([ mapId: parseInt( $( mapData.system).attr('data-mapid') ) }; - updateSystemInfoElement($( e.target ), systemInfoData); + drawSystemInfoElement($( e.target ), systemInfoData); }); // highlite a mapTab @@ -363,21 +266,139 @@ define([ }; + /** + * open "signature reader" dialog for signature table + */ + $.fn.showSignatureReaderDialog = function(systemData){ + + var moduleElement = $(this); + + var data = { + id: config.signatureReaderDialogId + }; + + requirejs(['text!templates/modules/signature_reader_dialog.html', 'lib/mustache'], function(template, Mustache) { + + var content = Mustache.render(template, data); + + var signatureReaderDialog = bootbox.dialog({ + title: 'Signature reader', + message: content, + buttons: { + close: { + label: 'cancel', + className: 'btn-default', + callback: function(){ + $(signatureReaderDialog).modal('hide'); + } + }, + success: { + label: 'update signatures', + className: 'btn-primary', + callback: function () { + // get form Values + var form = $('#' + config.signatureReaderDialogId).find('form'); + + var formData = $(form).getFormValues(); + + moduleElement.updateSignatureTableByClipboard(systemData, formData.clipboard); + } + } + } + }); + + }); + }; + + /** + * updates + * @param systemData + * @param clipboard data stream + */ + $.fn.updateSignatureTableByClipboard = function(systemData, clipboard){ + + var moduleElement = $(this); + + // parse input stream + var signatureData = parseSignatureString(systemData, clipboard); + + // TODO save data and get date with ID updatedBy names etc. + + // updates table with new signature information + moduleElement.updateSignatureTable(signatureData); + + }; + + /** + * parses a copy&paste string from ingame scanning window and parses it + * @param systemData + * @param clipbaord + * @returns {Array} + */ + var parseSignatureString = function(systemData, clipbaord){ + + var signatureData = []; + var signatureRows = clipbaord.split('\r\n'); + + var signatureGroupOptions = Util.getSignatureGroupInfo('name'); + + for(var i = 0; i < signatureRows.length; i++){ + var rowData = signatureRows[i].split('\t'); + + if(rowData.length === 6){ + + // check if sig Type = anomaly or combat site + if( + rowData[1] === 'Cosmic Anomaly' || + rowData[1] === 'Cosmic Signature' + ){ + var sigGroup = rowData[2].trim().toLowerCase(); + + var sigGroupId = 0; + // get groupId by groupName + for (var prop in signatureGroupOptions) { + if(signatureGroupOptions.hasOwnProperty(prop)){ + if(signatureGroupOptions[prop] === sigGroup){ + sigGroupId = parseInt( prop ); + break; + } + } + } + + var typeId = Util.getSignatureTypeIdByName( systemData, sigGroupId, rowData[3].trim() ); + + // map array values to signature Object + var signatureObj = { + name: rowData[0].substr(0, 3).trim().toLowerCase(), + groupId: sigGroupId, + typeId: typeId + }; + + signatureData.push(signatureObj); + } + } + } + + return signatureData; + }; + /** * draw signature table toolbar (add signature button, scan progress bar + * @param systemData * @param emptySignatureData */ - $.fn.drawSignatureTableToolbar = function(emptySignatureData){ + $.fn.drawSignatureTableToolbar = function(systemData, emptySignatureData){ - var systemCell = $(this); + var moduleElement = $(this); // add toolbar buttons for table ------------------------------------- var tableToolbar = $('
', { class: config.sigTableToolsClass }).append( - $('', { + $('').appendTo(notice.container); + // Since our button is floated, we have to add a clearing div. + notice.container.append('
') + + // Now we're going to enable the button on mouseenter. + notice.elem.on({ + "mouseenter": function(e){ + // Enable the button. + // Notice that we have to use "that" to access thingElem, because + // we are in a different scope inside this function. + that.thingElem.prop("disabled", false); + }, + "mouseleave": function(e){ + // Disable the button. + that.thingElem.prop("disabled", true); + } + }); + + // Now we're going to make our button do something. + this.thingElem.on("click", function(){ + // Spin the notice around. + var cur_angle = 0; + var timer = setInterval(function(){ + cur_angle += 10; + if (cur_angle == 360) { + cur_angle = 0; + clearInterval(timer); + } + notice.elem.css({ + '-moz-transform': ('rotate('+cur_angle+'deg)'), + '-webkit-transform': ('rotate('+cur_angle+'deg)'), + '-o-transform': ('rotate('+cur_angle+'deg)'), + '-ms-transform': ('rotate('+cur_angle+'deg)'), + 'filter': ('progid:DXImageTransform.Microsoft.BasicImage(rotation='+(cur_angle / 360 * 4)+')') + }); + }, 20); + }); + }, + + // This is called when the notice is updating its options. + update: function(notice, options /* the new options for our module */, oldOpts /* the old options for our module */){ + // We need to remove the button if it's now disabled, and show it again if it's enabled. + if (options.putThing && this.thingElem) + this.thingElem.show(); + else if (!options.putThing && this.thingElem) + this.thingElem.hide(); + // You may notice that if the user creates a notice without our button, + // then updates it to enable our button, they will be out of luck. + // Whatever, I don't want to write that much code. + + // Now we update the icon, which may have changed. + // Note that as of right now, PNotify doesn't support updating styling. + if (this.thingElem) + this.thingElem.find('i').attr("class", notice.styles.athing); + }, + // I have nothing to put in these, just showing you that they exist. You + // won't need to include them if you aren't using them. + beforeOpen: function(notice, options){ + // Called before the notice is opened. + }, + afterOpen: function(notice, options){ + // Called after the notice is opened. + }, + beforeClose: function(notice, options){ + // Called before the notice is closed. + }, + afterClose: function(notice, options){ + // Called after the notice is closed. + }, + beforeDestroy: function(notice, options){ + // Called before the notice is destroyed. + }, + afterDestroy: function(notice, options){ + // Called after the notice is destroyed. + } + }; + // This is where you would add any styling options you are using in your code. + $.extend(PNotify.styling.jqueryui, { + athing: "ui-icon ui-icon-refresh" + }); + $.extend(PNotify.styling.bootstrap2, { + athing: "icon-refresh" + }); + $.extend(PNotify.styling.bootstrap3, { + athing: "glyphicon glyphicon-refresh" + }); + $.extend(PNotify.styling.fontawesome, { + athing: "fa fa-refresh" + }); +})); diff --git a/js/lib/slidebars.js b/js/lib/slidebars.js new file mode 100644 index 00000000..cf24fbba --- /dev/null +++ b/js/lib/slidebars.js @@ -0,0 +1,349 @@ +// ----------------------------------- +// Slidebars +// Version 0.10 +// http://plugins.adchsm.me/slidebars/ +// +// Written by Adam Smith +// http://www.adchsm.me/ +// +// Released under MIT License +// http://plugins.adchsm.me/slidebars/license.txt +// +// --------------------- +// Index of Slidebars.js +// +// 001 - Default Settings +// 002 - Feature Detection +// 003 - User Agents +// 004 - Setup +// 005 - Animation +// 006 - Operations +// 007 - API +// 008 - User Input + +;(function($) { + + $.slidebars = function(options) { + + // ---------------------- + // 001 - Default Settings + + var settings = $.extend({ + siteClose: true, // true or false - Enable closing of Slidebars by clicking on #sb-site. + scrollLock: false, // true or false - Prevent scrolling of site when a Slidebar is open. + disableOver: false, // integer or false - Hide Slidebars over a specific width. + hideControlClasses: false // true or false - Hide controls at same width as disableOver. + }, options); + + // ----------------------- + // 002 - Feature Detection + + var test = document.createElement('div').style, // Create element to test on. + supportTransition = false, // Variable for testing transitions. + supportTransform = false; // variable for testing transforms. + + // Test for CSS Transitions + if (test.MozTransition === '' || test.WebkitTransition === '' || test.OTransition === '' || test.transition === '') supportTransition = true; + + // Test for CSS Transforms + if (test.MozTransform === '' || test.WebkitTransform === '' || test.OTransform === '' || test.transform === '') supportTransform = true; + + // ----------------- + // 003 - User Agents + + var ua = navigator.userAgent, // Get user agent string. + android = false, // Variable for storing android version. + iOS = false; // Variable for storing iOS version. + + if (/Android/.test(ua)) { // Detect Android in user agent string. + android = ua.substr(ua.indexOf('Android')+8, 3); // Set version of Android. + } else if (/(iPhone|iPod|iPad)/.test(ua)) { // Detect iOS in user agent string. + iOS = ua.substr(ua.indexOf('OS ')+3, 3).replace('_', '.'); // Set version of iOS. + } + + if (android && android < 3 || iOS && iOS < 5) $('html').addClass('sb-static'); // Add helper class for older versions of Android & iOS. + + // ----------- + // 004 - Setup + + // Site container + var $site = $('#sb-site, .sb-site-container'); // Cache the selector. + + // Left Slidebar + if ($('.sb-left').length) { // Check if the left Slidebar exists. + var $left = $('.sb-left'), // Cache the selector. + leftActive = false; // Used to check whether the left Slidebar is open or closed. + } + + // Right Slidebar + if ($('.sb-right').length) { // Check if the right Slidebar exists. + var $right = $('.sb-right'), // Cache the selector. + rightActive = false; // Used to check whether the right Slidebar is open or closed. + } + + var init = false, // Initialisation variable. + windowWidth = $(window).width(), // Get width of window. + $controls = $('.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close'), // Cache the control classes. + $slide = $('.sb-slide'); // Cache users elements to animate. + + // Initailise Slidebars + function initialise() { + if (!settings.disableOver || (typeof settings.disableOver === 'number' && settings.disableOver >= windowWidth)) { // False or larger than window size. + init = true; // true enabled Slidebars to open. + $('html').addClass('sb-init'); // Add helper class. + if (settings.hideControlClasses) $controls.removeClass('sb-hide'); // Remove class just incase Slidebars was originally disabled. + css(); // Set required inline styles. + } else if (typeof settings.disableOver === 'number' && settings.disableOver < windowWidth) { // Less than window size. + init = false; // false stop Slidebars from opening. + $('html').removeClass('sb-init'); // Remove helper class. + if (settings.hideControlClasses) $controls.addClass('sb-hide'); // Hide controls + $site.css('minHeight', ''); // Remove minimum height. + if (leftActive || rightActive) close(); // Close Slidebars if open. + } + } + initialise(); + + // Inline CSS + function css() { + // Set minimum height. + $site.css('minHeight', ''); // Reset minimum height. + $site.css('minHeight', $('html').height() + 'px'); // Set minimum height of the site to the minimum height of the html. + + // Custom Slidebar widths. + if ($left && $left.hasClass('sb-width-custom')) $left.css('width', $left.attr('data-sb-width')); // Set user custom width. + if ($right && $right.hasClass('sb-width-custom')) $right.css('width', $right.attr('data-sb-width')); // Set user custom width. + + // Set off-canvas margins for Slidebars with push and overlay animations. + if ($left && ($left.hasClass('sb-style-push') || $left.hasClass('sb-style-overlay'))) $left.css('marginLeft', '-' + $left.css('width')); + if ($right && ($right.hasClass('sb-style-push') || $right.hasClass('sb-style-overlay'))) $right.css('marginRight', '-' + $right.css('width')); + + // Site scroll locking. + if (settings.scrollLock) $('html').addClass('sb-scroll-lock'); + } + + // Resize Functions + $(window).resize(function() { + var resizedWindowWidth = $(window).width(); // Get resized window width. + if (windowWidth !== resizedWindowWidth) { // Slidebars is running and window was actually resized. + windowWidth = resizedWindowWidth; // Set the new window width. + initialise(); // Call initalise to see if Slidebars should still be running. + if (leftActive) open('left'); // If left Slidebar is open, calling open will ensure it is the correct size. + if (rightActive) open('right'); // If right Slidebar is open, calling open will ensure it is the correct size. + } + }); + // I may include a height check along side a width check here in future. + + // --------------- + // 005 - Animation + + var animation; // Animation type. + + // Set animation type. + if (supportTransition && supportTransform) { // Browser supports css transitions and transforms. + animation = 'translate'; // Translate for browsers that support it. + if (android && android < 4.4) animation = 'side'; // Android supports both, but can't translate any fixed positions, so use left instead. + } else { + animation = 'jQuery'; // Browsers that don't support css transitions and transitions. + } + + // Animate mixin. + function animate(object, amount, side) { + // Choose selectors depending on animation style. + var selector; + + if (object.hasClass('sb-style-push')) { + selector = $site.add(object).add($slide); // Push - Animate site, Slidebar and user elements. + } else if (object.hasClass('sb-style-overlay')) { + selector = object; // Overlay - Animate Slidebar only. + } else { + selector = $site.add($slide); // Reveal - Animate site and user elements. + } + + // Apply animation + if (animation === 'translate') { + selector.css('transform', 'translate(' + amount + ')'); // Apply the animation. + + } else if (animation === 'side') { + if (amount[0] === '-') amount = amount.substr(1); // Remove the '-' from the passed amount for side animations. + if (amount !== '0px') selector.css(side, '0px'); // Add a 0 value so css transition works. + setTimeout(function() { // Set a timeout to allow the 0 value to be applied above. + selector.css(side, amount); // Apply the animation. + }, 1); + + } else if (animation === 'jQuery') { + if (amount[0] === '-') amount = amount.substr(1); // Remove the '-' from the passed amount for jQuery animations. + var properties = {}; + properties[side] = amount; + selector.stop().animate(properties, 400); // Stop any current jQuery animation before starting another. + } + + // If closed, remove the inline styling on completion of the animation. + setTimeout(function() { + if (amount === '0px') { + selector.removeAttr('style'); + css(); + } + }, 400); + } + + // ---------------- + // 006 - Operations + + // Open a Slidebar + function open(side) { + // Check to see if opposite Slidebar is open. + if (side === 'left' && $left && rightActive || side === 'right' && $right && leftActive) { // It's open, close it, then continue. + close(); + setTimeout(proceed, 400); + } else { // Its not open, continue. + proceed(); + } + + // Open + function proceed() { + if (init && side === 'left' && $left) { // Slidebars is initiated, left is in use and called to open. + $('html').addClass('sb-active sb-active-left'); // Add active classes. + $left.addClass('sb-active'); + animate($left, $left.css('width'), 'left'); // Animation + setTimeout(function() { leftActive = true; }, 400); // Set active variables. + } else if (init && side === 'right' && $right) { // Slidebars is initiated, right is in use and called to open. + $('html').addClass('sb-active sb-active-right'); // Add active classes. + $right.addClass('sb-active'); + animate($right, '-' + $right.css('width'), 'right'); // Animation + setTimeout(function() { rightActive = true; }, 400); // Set active variables. + } + } + } + + // Close either Slidebar + function close(link) { + if (leftActive || rightActive) { // If a Slidebar is open. + if (leftActive) { + animate($left, '0px', 'left'); // Animation + leftActive = false; + } + if (rightActive) { + animate($right, '0px', 'right'); // Animation + rightActive = false; + } + + setTimeout(function() { // Wait for closing animation to finish. + $('html').removeClass('sb-active sb-active-left sb-active-right'); // Remove active classes. + if ($left) $left.removeClass('sb-active'); + if ($right) $right.removeClass('sb-active'); + if (typeof link !== 'undefined') window.location = link; // If a link has been passed to the function, go to it. + }, 400); + } + } + + // Toggle either Slidebar + function toggle(side) { + if (side === 'left' && $left) { // If left Slidebar is called and in use. + if (!leftActive) { + open('left'); // Slidebar is closed, open it. + } else { + close(); // Slidebar is open, close it. + } + } + if (side === 'right' && $right) { // If right Slidebar is called and in use. + if (!rightActive) { + open('right'); // Slidebar is closed, open it. + } else { + close(); // Slidebar is open, close it. + } + } + } + + // --------- + // 007 - API + + this.slidebars = { + open: open, // Maps user variable name to the open method. + close: close, // Maps user variable name to the close method. + toggle: toggle, // Maps user variable name to the toggle method. + init: function() { // Returns true or false whether Slidebars are running or not. + return init; // Returns true or false whether Slidebars are running. + }, + active: function(side) { // Returns true or false whether Slidebar is open or closed. + if (side === 'left' && $left) return leftActive; + if (side === 'right' && $right) return rightActive; + }, + destroy: function(side) { // Removes the Slidebar from the DOM. + if (side === 'left' && $left) { + if (leftActive) close(); // Close if its open. + setTimeout(function() { + $left.remove(); // Remove it. + $left = false; // Set variable to false so it cannot be opened again. + }, 400); + } + if (side === 'right' && $right) { + if (rightActive) close(); // Close if its open. + setTimeout(function() { + $right.remove(); // Remove it. + $right = false; // Set variable to false so it cannot be opened again. + }, 400); + } + } + }; + + // ---------------- + // 008 - User Input + + function eventHandler(event, selector) { + event.stopPropagation(); // Stop event bubbling. + event.preventDefault(); // Prevent default behaviour + if (event.type === 'touchend') selector.off('click'); // If event type was touch turn off clicks to prevent phantom clicks. + } + + // Toggle left Slidebar + $('.sb-toggle-left').on('touchend click', function(event) { + eventHandler(event, $(this)); // Handle the event. + toggle('left'); // Toggle the left Slidbar. + }); + + // Toggle right Slidebar + $('.sb-toggle-right').on('touchend click', function(event) { + eventHandler(event, $(this)); // Handle the event. + toggle('right'); // Toggle the right Slidbar. + }); + + // Open left Slidebar + $('.sb-open-left').on('touchend click', function(event) { + eventHandler(event, $(this)); // Handle the event. + open('left'); // Open the left Slidebar. + }); + + // Open right Slidebar + $('.sb-open-right').on('touchend click', function(event) { + eventHandler(event, $(this)); // Handle the event. + open('right'); // Open the right Slidebar. + }); + + // Close a Slidebar + $('.sb-close').on('touchend click', function(event) { + eventHandler(event, $(this)); // Handle the event. + var link; + + // Close Slidebar via link + if ( $(this).parents('.sb-slidebar') ) { + if ( $(this).is('a') ) { + link = $(this).attr('href'); + } else if ( $(this).children('a') ) { + link = $(this).children('a').attr('href'); + } + } + + close(link); // Close Slidebar and pass link. + }); + + // Close Slidebar via site + $site.on('touchend click', function(event) { + if (settings.siteClose && (leftActive || rightActive)) { // If settings permit closing by site and left or right Slidebar is open. + eventHandler(event, $(this)); // Handle the event. + close(); // Close it. + } + }); + + }; // End Slidebars function. + +}) (jQuery); \ No newline at end of file diff --git a/sass/bootstrap.scss b/sass/_bootstrap.scss similarity index 97% rename from sass/bootstrap.scss rename to sass/_bootstrap.scss index 1b555f1b..176b5670 100644 --- a/sass/bootstrap.scss +++ b/sass/_bootstrap.scss @@ -9,8 +9,8 @@ */ // Core variables and mixins -@import "colors"; -@import "variables"; +// @import "colors"; +// @import "variables"; @import "bootstrap/mixins"; // Reset diff --git a/sass/_colors.scss b/sass/_colors.scss index dfc4d54f..bc6e3972 100644 --- a/sass/_colors.scss +++ b/sass/_colors.scss @@ -70,6 +70,6 @@ $system-color-sec-1-0: #28c0bf; $brand-primary: $teal-darker !default; $brand-success: $green-dark !default; -$brand-info: #5bc0de !default; +$brand-info: $blue !default; $brand-warning: $orange !default; $brand-danger: $red-darker !default; \ No newline at end of file diff --git a/sass/font-awesome.scss b/sass/_font-awesome.scss similarity index 100% rename from sass/font-awesome.scss rename to sass/_font-awesome.scss diff --git a/sass/_variables.scss b/sass/_variables.scss index 23558a9d..67636946 100644 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -15,7 +15,7 @@ $bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("") // ## Settings for some of the most global styles. //** Background color for ``. -$body-bg: $gray-light; +$body-bg: $gray-dark; //** Global text color on ``. $text-color: $gray-dark; @@ -147,19 +147,19 @@ $btn-primary-color: $gray-lightest; $btn-primary-bg: $brand-primary; $btn-primary-border: darken($btn-primary-bg, 5%); -$btn-success-color: #fff; +$btn-success-color: $gray-lightest; $btn-success-bg: $brand-success; $btn-success-border: darken($btn-success-bg, 5%); -$btn-info-color: #fff; +$btn-info-color: $gray-lightest; $btn-info-bg: $brand-info; $btn-info-border: darken($btn-info-bg, 5%); -$btn-warning-color: #fff; +$btn-warning-color: $gray-lightest; $btn-warning-bg: $brand-warning; $btn-warning-border: darken($btn-warning-bg, 5%); -$btn-danger-color: #fff; +$btn-danger-color: $gray-lightest; $btn-danger-bg: $brand-danger; $btn-danger-border: darken($btn-danger-bg, 5%); @@ -303,16 +303,17 @@ $container-lg: $container-large-desktop; //## // Basics of a navbar -$navbar-height: 50px; +$navbar-height: 30px; $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-collapse-max-height: 340px; -$navbar-default-color: #777; -$navbar-default-bg: #f8f8f8; -$navbar-default-border: darken($navbar-default-bg, 6.5%); +$navbar-default-color: $gray-light; +$navbar-default-bg: $gray-darker; +$navbar-default-opacity: 0.9; +$navbar-default-border: none; // Navbar links $navbar-default-link-color: #777; @@ -325,13 +326,13 @@ $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-color: $teal-dark; $navbar-default-brand-hover-bg: transparent; // Navbar toggle -$navbar-default-toggle-hover-bg: #ddd; +$navbar-default-toggle-hover-bg: lighten($gray-lighter, 5%); $navbar-default-toggle-icon-bar-bg: #ccc; -$navbar-default-toggle-border-color: #ddd; +$navbar-default-toggle-border-color: darken($gray-lighter, 5%); // Inverted navbar @@ -443,21 +444,21 @@ $jumbotron-font-size: ceil(($font-size-base * 1.5)); // //## Define colors for form feedback states and, by default, alerts. -$state-success-text: #468847; -$state-success-bg: #dff0d8; -$state-success-border: #468847; +$state-success-text: $gray-darker; +$state-success-bg: lighten($brand-success, 50%); +$state-success-border: $brand-success; -$state-info-text: #346597; -$state-info-bg: #d6dde7; -$state-info-border: darken(adjust-hue($state-info-bg, -10), 18%); +$state-info-text: $gray-darker; +$state-info-bg: lighten($brand-info, 40%); +$state-info-border: $brand-info; -$state-warning-text: #c09853; -$state-warning-bg: #fcf8e3; -$state-warning-border: #dbab57; +$state-warning-text: $gray-darker; +$state-warning-bg: lighten($brand-warning, 50%); +$state-warning-border: $brand-warning; -$state-danger-text: #b94a48; -$state-danger-bg: #f2dede; -$state-danger-border: #b94a48; +$state-danger-text: $gray-darker; +$state-danger-bg: lighten($brand-danger, 50%); +$state-danger-border: $brand-danger; //== Tooltips @@ -760,7 +761,7 @@ $greenDark: #496949; $greenBright: #40ac2b; //$red: #a90329; $yellow: #b09b5b; -$orangeDark: #a57225; +$orangeDark: $orange-dark; $pinkDark: #a8829f; $purple: #6e587a; $darken: #404040; diff --git a/sass/bootstrap/_navbar.scss b/sass/bootstrap/_navbar.scss index 8ad94374..fdb00e4a 100644 --- a/sass/bootstrap/_navbar.scss +++ b/sass/bootstrap/_navbar.scss @@ -12,7 +12,7 @@ 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; + border-bottom: 1px solid $gray-dark; // Prevent floats from breaking the navbar @include clearfix(); @@ -180,12 +180,13 @@ position: relative; float: right; margin-right: $navbar-padding-horizontal; - padding: 9px 10px; + margin-left: $navbar-padding-horizontal; + padding: 6px 12px; @include navbar-vertical-align(34px); - background-color: transparent; + background-color: $gray-lighter; 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; + border: 1px solid darken($gray-lighter, 5%); + @include border-radius(2px); // We remove the `outline` here, but later compensate by attaching `:hover` // styles to `:focus`. @@ -381,8 +382,8 @@ // Default navbar .navbar-default { - background-color: $navbar-default-bg; - border-color: $navbar-default-border; + background: rgba( $navbar-default-bg, $navbar-default-opacity ); + border-color: $navbar-default-border; .navbar-brand { color: $navbar-default-brand-color; @@ -427,9 +428,11 @@ .navbar-toggle { border-color: $navbar-default-toggle-border-color; + color: $gray-darker; + &:hover, &:focus { - background-color: $navbar-default-toggle-hover-bg; + background-color: lighten($gray-lighter, 5%); } .icon-bar { background-color: $navbar-default-toggle-icon-bar-bg; diff --git a/sass/bootstrap/_popovers.scss b/sass/bootstrap/_popovers.scss index fde5e7c0..83c7e68d 100644 --- a/sass/bootstrap/_popovers.scss +++ b/sass/bootstrap/_popovers.scss @@ -42,7 +42,7 @@ } .popover-content { - padding: 9px 14px; + padding: 7px 10px; } // Arrows diff --git a/sass/bootstrap/_variables.scss b/sass/bootstrap/_variables.scss index 74b15cbb..f0d32fa6 100644 --- a/sass/bootstrap/_variables.scss +++ b/sass/bootstrap/_variables.scss @@ -316,7 +316,7 @@ $container-lg: $container-large-desktop !default; //## // Basics of a navbar -$navbar-height: 50px !default; +$navbar-height: 60px !default; $navbar-margin-bottom: $line-height-computed !default; $navbar-border-radius: $border-radius-base !default; $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; diff --git a/sass/layout/_main.scss b/sass/layout/_main.scss index 14e98045..d3412c93 100644 --- a/sass/layout/_main.scss +++ b/sass/layout/_main.scss @@ -37,18 +37,20 @@ a{ left: 0; bottom: 0; right: 0; - } } - .pf-loading-overlay-visible{ opacity: 0.5; } +// page structure ================================================ +.pf-site{ + +} + // Maps module =================================================== #pf-map-module{ - margin: 30px 0 0 0; // Tabs (colored) #pf-map-tabs { diff --git a/sass/layout/_map.scss b/sass/layout/_map.scss index 88111d75..90f94e08 100644 --- a/sass/layout/_map.scss +++ b/sass/layout/_map.scss @@ -83,7 +83,7 @@ .pf-system-head-expand{ margin-left: 5px; - color: $gray-lighter; + color: $gray-light; display: none; // triggered by JS } } diff --git a/sass/layout/_system-info.scss b/sass/layout/_system-info.scss index 5ee0b983..57b2b49f 100644 --- a/sass/layout/_system-info.scss +++ b/sass/layout/_system-info.scss @@ -13,7 +13,7 @@ // system info killboard graph =========================================== .pf-system-info-graphs > div{ width: 100%; - height: 130px; + height: 150px; padding: 10px 0; position: relative; } @@ -27,11 +27,70 @@ .pf-sig-table{ font-size: 10px; + + .pf-sig-table-edit-name-input{ + text-transform: uppercase; + } + + // signature timer/date counter head + th.pf-sig-table-counter{ + padding-right: 20px !important; + } + + // signature timer/date counter + .pf-sig-table-counter{ + text-align: right; + + .pf-digit-counter-small{ + width: 20px; + display: inline-block; + font-size: 10px; + } + + .pf-digit-counter-large{ + width: 26px; + display: inline-block; + font-size: 10px; + } + } + + // row Tooltip + .popover-content{ + table{ + border-spacing: 0; + tr{ + background-color: $gray; + + &:not(:last-child){ + + td{ + border-bottom: 1px solid $gray-dark; + } + } + + td{ + padding: 2px 5px; + + &:first-child{ + color: $gray-light; + } + + &:last-child{ + color: $gray-lighter; + } + } + } + } + } } // table icon toolbar .pf-sig-table-tools{ height: 45px; + + .btn:not(:last-child){ + margin-right: 10px; + } } .pf-sig-table-tools-action{ @@ -39,24 +98,4 @@ display: none; // triggered by js } -// signature timer/date counter head -th.pf-sig-table-counter{ - padding-right: 20px !important; -} -// signature timer/date counter -.pf-sig-table-counter{ - text-align: right; - - .pf-digit-counter-small{ - width: 20px; - display: inline-block; - font-size: 10px; - } - - .pf-digit-counter-large{ - width: 26px; - display: inline-block; - font-size: 10px; - } -} diff --git a/sass/library/data-tables/_dataTables.scss b/sass/library/data-tables/_dataTables.scss index 6768a313..88afe6f5 100644 --- a/sass/library/data-tables/_dataTables.scss +++ b/sass/library/data-tables/_dataTables.scss @@ -97,11 +97,14 @@ table.dataTable.display tbody tr.even:hover { background-color: $orange; color: $gray-darker; - a { color: $gray-darker !important; //border-bottom: dashed 1px $gray-darker !important; } + + td > .btn{ + color: $gray-lightest !important; + } } table.dataTable.hover tbody tr:hover.selected, table.dataTable.hover tbody tr.odd:hover.selected, diff --git a/sass/library/pnotify/_pnotify.buttons.scss b/sass/library/pnotify/_pnotify.buttons.scss new file mode 100644 index 00000000..3739d64f --- /dev/null +++ b/sass/library/pnotify/_pnotify.buttons.scss @@ -0,0 +1,4 @@ +.ui-pnotify-closer, .ui-pnotify-sticker { + float: right; + margin-left: .2em; +} diff --git a/sass/library/pnotify/_pnotify.core.scss b/sass/library/pnotify/_pnotify.core.scss new file mode 100644 index 00000000..c44b53c4 --- /dev/null +++ b/sass/library/pnotify/_pnotify.core.scss @@ -0,0 +1,56 @@ +/* +Author : Hunter Perrin +Version : 2.0.1 +Link : http://sciactive.com/pnotify/ +*/ +/* -- Notice */ +.ui-pnotify { + top: 25px; + right: 25px; + position: absolute; + height: auto; + /* Ensures notices are above everything */ + z-index: 9999; +} +/* Hides position: fixed from IE6 */ +html > body > .ui-pnotify { + position: fixed; +} +.ui-pnotify .ui-pnotify-shadow { + -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); + -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0,0,0,0.2); +} +.ui-pnotify-container { + background-position: 0 0; + padding: .8em; + height: 100%; + margin: 0; +} +.ui-pnotify-sharp { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.ui-pnotify-title { + display: block; + margin-bottom: .4em; + margin-top: 0; +} +.ui-pnotify-text { + display: block; +} +.ui-pnotify-icon, .ui-pnotify-icon span { + display: block; + float: left; + margin-right: .2em; +} +/* Alternate stack initial positioning. */ +.ui-pnotify.stack-topleft, .ui-pnotify.stack-bottomleft { + left: 25px; + right: auto; +} +.ui-pnotify.stack-bottomright, .ui-pnotify.stack-bottomleft { + bottom: 25px; + top: auto; +} diff --git a/sass/library/slidebars/_slidebars.scss b/sass/library/slidebars/_slidebars.scss new file mode 100644 index 00000000..77f76283 --- /dev/null +++ b/sass/library/slidebars/_slidebars.scss @@ -0,0 +1,211 @@ +/* ----------------------------------- + * Slidebars + * Version 0..10 + * http://plugins.adchsm.me/slidebars/ + * + * Written by Adam Smith + * http://www.adchsm.me/ + * + * Released under MIT License + * http://plugins.adchsm.me/slidebars/license.txt + * + * ------------------- + * Slidebars CSS Index + * + * 001 - Box Model, Html & Body + * 002 - Site + * 003 - Slidebars + * 004 - Animation + * 005 - Helper Classes + * + * ---------------------------- + * 001 - Box Model, Html & Body + */ + +html, body, #sb-site, .sb-site-container, .sb-slidebar { + /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */ + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html, body { + width: 100%; + overflow-x: hidden; /* Stops horizontal scrolling. */ +} + +html { + height: 100%; /* Site is as tall as device. */ +} + +body { + min-height: 100%; + height: auto; + position: relative; /* Required for static Slidebars to function properly. */ +} + +html.sb-scroll-lock.sb-active:not(.sb-static) { + overflow: hidden; /* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */ +} + +/* ---------- + * 002 - Site + */ + +#sb-site, .sb-site-container { + /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */ + width: 100%; + position: relative; + z-index: 1; /* Site sits above Slidebars */ + + background:url("#{$base-url}/#{$body-background-image}") $body-background-color; + background-repeat: no-repeat; +} + +/* --------------- + * 003 - Slidebars + */ + +.sb-slidebar { + height: 100%; + overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */ + position: fixed; + top: 0; + z-index: 0; /* Slidebars sit behind sb-site. */ + display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */ + background-color: $gray-dark; /* Default Slidebars background colour, overwrite this with your own css. */ + -webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */ +} + +.sb-left { + left: 0; /* Set Slidebar to the left. */ + @include box-shadow(inset -5px 0px 10px 0px rgba(0,0,0,0.4)); +} + +.sb-right { + right: 0; /* Set Slidebar to the right. */ + @include box-shadow(inset 5px 0px 10px 0px rgba(0,0,0,0.4)); +} + +html.sb-static .sb-slidebar, +.sb-slidebar.sb-static { + position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ +} + +.sb-slidebar.sb-active { + display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ +} + +.sb-style-overlay { + z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */ +} + +.sb-momentum-scrolling { + -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */ +} + +/* Slidebar widths for browsers/devices that don't support media queries. */ +.sb-slidebar { + width: 30%; +} + +.sb-width-thin { + width: 15%; +} + +.sb-width-wide { + width: 45%; +} + +@media (max-width: 480px) { /* Slidebar widths on extra small screens. */ + .sb-slidebar { + width: 70%; + } + + .sb-width-thin { + width: 55%; + } + + .sb-width-wide { + width: 85%; + } +} + +@media (min-width: 481px) { /* Slidebar widths on small screens. */ + .sb-slidebar { + width: 55%; + } + + .sb-width-thin { + width: 40%; + } + + .sb-width-wide { + width: 70%; + } +} + +@media (min-width: 768px) { /* Slidebar widths on medium screens. */ + .sb-slidebar { + width: 40%; + } + + .sb-width-thin { + width: 25%; + } + + .sb-width-wide { + width: 55%; + } +} + +@media (min-width: 992px) { /* Slidebar widths on large screens. */ + .sb-slidebar { + width: 30%; + } + + .sb-width-thin { + width: 15%; + } + + .sb-width-wide { + width: 45%; + } +} + +@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */ + .sb-slidebar { + width: 20%; + } + + .sb-width-thin { + width: 5%; + } + + .sb-width-wide { + width: 35%; + } +} + +/* --------------- + * 004 - Animation + */ + +.sb-slide, #sb-site, .sb-site-container, .sb-slidebar { + -webkit-transition: -webkit-transform 400ms ease; + -moz-transition: -moz-transform 400ms ease; + -o-transition: -o-transform 400ms ease; + transition: transform 400ms ease; + -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */ + -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ +} + +/* -------------------- + * 005 - Helper Classes + */ + +.sb-hide { + display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ +} \ No newline at end of file diff --git a/sass/pathfinder.scss b/sass/pathfinder.scss new file mode 100644 index 00000000..24a98de8 --- /dev/null +++ b/sass/pathfinder.scss @@ -0,0 +1,31 @@ +@import "compass/css3"; +@import "compass/css3/border-radius"; +@import "compass/css3/box-shadow"; + +// Core variables and mixins +@import "colors"; +@import "variables"; + +// load bootstrap with all its dependencies +@import "bootstrap"; + +// load Font Awesome with all its dependencies +@import "font-awesome"; + +// Libraries (Remove if not needed) +@import "library/animation/animation-engine"; +@import "library/jqueryui/jquery-ui-1.10.3.custom"; +@import "library/custom-scrollbar/_mCustomScrollbar"; // malihu-custom-scrollbar-plugin +@import "library/data-tables/_dataTables"; // DataTables 1.10.3 +@import "library/data-tables/_dataTables-bootstrap"; // DataTables 1.10.3 bootsrap integration +@import "library/data-tables/_dataTables-fontAwesome"; // DataTables 1.10.3 fontAwesome support (sort icons) +@import "library/x-editable/_bootstrap-editable"; // X-editable - v1.5.0 +@import "library/pnotify/_pnotify.core"; // PNotify styles +@import "library/slidebars/_slidebars"; // Slidebars Navigation + +// Main THEME (Imports by order - do not change order) +@import "smartadmin/main"; +@import "smartadmin/main-colorpallet"; + +// my modules +@import "layout/all"; diff --git a/sass/production.scss b/sass/production.scss deleted file mode 100644 index 06ca79ef..00000000 --- a/sass/production.scss +++ /dev/null @@ -1,89 +0,0 @@ -@import "compass/css3/border-radius"; - -// Core variables and mixins -@import "colors"; -@import "variables"; -@import "bootstrap/mixins"; - - -// Plugins imported alphabatically and by order (remove if not needed) - -// @import "smartadmin/plugin-bootstrap-markdown"; -// @import "smartadmin/plugin-bootstrap-slider"; -// @import "smartadmin/plugin-bootstrap-tagsinput"; -// @import "smartadmin/plugin-bootstrap-timepicker"; -// @import "smartadmin/plugin-clockpicker"; -// @import "smartadmin/plugin-colorpicker"; -// @import "smartadmin/plugin-dataTables.bootstrap"; -// @import "smartadmin/plugin-dataTables.colReorder"; -// @import "smartadmin/plugin-dataTables.colVis"; -// @import "smartadmin/plugin-dataTables.tableTools"; -// @import "smartadmin/plugin-dataTables.responsive"; -// @import "smartadmin/plugin-dataTables-cust"; -// @import "smartadmin/plugin-dropzone"; -// @import "smartadmin/plugin-fd-slider"; -// @import "smartadmin/plugin-fullcalendar"; -// @import "smartadmin/plugin-ion"; -// @import "smartadmin/plugin-jarviswidget"; -// @import "smartadmin/plugin-jcrop"; -// @import "smartadmin/plugin-jqgrid"; -// @import "smartadmin/plugin-select2"; -// @import "smartadmin/plugin-xeditable"; -// @import "smartadmin/plugin-smart-notifications"; -// @import "smartadmin/plugin-summernote"; -// @import "smartadmin/plugin-superbox"; -// @import "smartadmin/plugin-voicecommand"; - -// Libraries (Remove if not needed) -@import "library/animation/animation-engine"; -@import "library/jqueryui/jquery-ui-1.10.3.custom"; -@import "library/custom-scrollbar/_mCustomScrollbar"; // malihu-custom-scrollbar-plugin -@import "library/data-tables/_dataTables"; // DataTables 1.10.3 -@import "library/data-tables/_dataTables-bootstrap"; // DataTables 1.10.3 bootsrap integration -@import "library/data-tables/_dataTables-fontAwesome"; // DataTables 1.10.3 fontAwesome support (sort icons) -@import "library/x-editable/_bootstrap-editable"; // X-editable - v1.5.0 - -// Individual pages, sections, and components. You can remove any of these sections you don't use - -// Components -// @import "smartadmin/component-fullscreen"; - @import "smartadmin/component-jqueryui"; // dependency: jquery-ui-1.10.3.custom -// @import "smartadmin/component-pricingtable"; -// @import "smartadmin/component-pace"; -// @import "smartadmin/component-smartchat"; -// @import "smartadmin/component-smartforms"; - -// Pages -// @import "smartadmin/page-error"; -// @import "smartadmin/page-extr"; - -// Sections -// @import "smartadmin/section-nestables"; -// @import "smartadmin/section-calendar"; -// @import "smartadmin/section-inbox"; -// @import "smartadmin/section-profile"; -// @import "smartadmin/section-search"; -// @import "smartadmin/section-todo"; -// @import "smartadmin/section-timeline"; -// @import "smartadmin/section-forum"; -// @import "smartadmin/section-ajax-msg"; - -// Main THEME (Imports by order - do not change order) -@import "smartadmin/main"; -// @import "smartadmin/main-container-fix"; -// @import "smartadmin/main-special-class"; -// @import "smartadmin/main-form-radiocheck"; -// @import "smartadmin/main-animated"; -// @import "smartadmin/main-colorpallet"; -// @import "smartadmin/main-page-footer"; -// @import "smartadmin/main-responsive"; - -// Patches -// @import "smartadmin/ie-fix"; - -// UI (overrides and new) -//@import "smartadmin/top-menu"; - - -// my modules -@import "layout/all"; diff --git a/sass/smartadmin/_component-fullscreen.scss b/sass/smartadmin/_component-fullscreen.scss deleted file mode 100644 index 7535a953..00000000 --- a/sass/smartadmin/_component-fullscreen.scss +++ /dev/null @@ -1,104 +0,0 @@ -:-webkit-full-screen { - /* properties */ - #fullscreen > :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 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); - color: $white; - border-color: #494949; - } -} - -:-moz-full-screen { - /* properties */ - #fullscreen > :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 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); - color: $white; - border-color: #494949; - } -} - -:-ms-fullscreen { - /* properties */ - #fullscreen > :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 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); - color: $white; - border-color: #494949; - } -} - -:full-screen { /*pre-spec */ - /* properties */ - #fullscreen > :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 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); - color: $white; - border-color: #494949; - } -} - -:fullscreen { /* spec */ - /* properties */ - #fullscreen > :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 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); - color: $white; - border-color: #494949; - } -} - -/* deeper elements */ -:-webkit-full-screen video { - width: 100%; - height: 100%; -} - -/* styling the backdrop*/ -::backdrop { - /* properties */ -} -::-ms-backdrop { - /* properties */ -} - diff --git a/sass/smartadmin/_component-jqueryui.scss b/sass/smartadmin/_component-jqueryui.scss deleted file mode 100644 index 08d6bc6e..00000000 --- a/sass/smartadmin/_component-jqueryui.scss +++ /dev/null @@ -1,450 +0,0 @@ -/* - * JQUI STUFF - */ - -/* Overlay */ -.ui-widget{ - font-family: 'Oxygen Bold'; -} - -.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { - font-family: 'Oxygen Bold'; -} - -.ui-widget-overlay { - background-image: none; - background: #aaa; - height: 100%; - z-index: $ui-widget-overlay !important; - position: fixed; - top: 0px; - left: 0px; -} - -/* Slider */ -.slider { - margin-top: 0px; - margin-bottom: 30px; - - &.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-state-disabled { - margin: .4em 0 .2em !important; - background: none !important; - color: #999 !important; - font-weight: normal !important; - cursor: default; - } - - .ui-menu-item a .ui-menu-icon { - width: auto; - height:auto; - top: 0px; - left: auto; - right: auto; - bottom: auto; - text-indent: 0px; - } -} - -.ui-icon-carat-1-e:before { - content: "\f105"; - font-family: FontAwesome; - font-size: $font-size-base + 1px; - display: inline; -} - - -/* 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; -} -.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { - background: none !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; - &: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; - - &: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; -} - -/* 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); - color: $gray-light; - background-color: $gray-lighter; -} - -.widget-header >:first-child { - margin: 13px 0; -} - -.ui-widget-overlay { - z-index: 999; -} - -.ui-dialog .ui-dialog-titlebar { - padding: 0 10px; - background: $gray-dark; - border-bottom-color: $gray-lighter; -} - -.ui-dialog .ui-dialog-title { - margin: 0; - color: $gray-lighter; -} - -.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; - color: $gray-lighter; - -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: 10px 10px 10px; - text-align: right; - border-top: 1px solid $gray-darkest; - background-color: $gray-light; -} - -.ui-autocomplete { - z-index: $ajax-dropdown-zindex !important; -} - diff --git a/sass/smartadmin/_component-pace.scss b/sass/smartadmin/_component-pace.scss deleted file mode 100644 index adb6cba8..00000000 --- a/sass/smartadmin/_component-pace.scss +++ /dev/null @@ -1,84 +0,0 @@ -/* - * PACE PROGRESS BAR - */ -@-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); } -} - -.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: $pace-zindex; - 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; -} - diff --git a/sass/smartadmin/_component-pricingtable.scss b/sass/smartadmin/_component-pricingtable.scss deleted file mode 100644 index 291894b7..00000000 --- a/sass/smartadmin/_component-pricingtable.scss +++ /dev/null @@ -1,105 +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; - - 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; - - .panel-heading { - border-radius: 5px 5px 0 0; - } - - .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; - } - - .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; - } - - .subscript { - font-size: 18px; - color: #999; - margin-left: 5px; - } - - .panel-footer { - border-radius: 0 0 5px 5px; - background-color: #f2f2f2 !important; - - > div { - padding:15px 0 10px; - display:block; - font-size:13px; - } - - .btn { - padding: 15px 0; - border-radius:3px; - font-weight:bold; - font-size:14px; - span { - font-weight:normal; - font-style:italic; - } - } - } - - table { - background: #FAFAFA; - padding: 20px 15px; - height: 230px; - text-align:left; - } -} - -.price-features { - background: #fafafa; - padding: 20px 15px; - min-height: 230px; - font-size: 13.5px; - - li + li { margin-top: 10px; } -} - diff --git a/sass/smartadmin/_component-smartchat.scss b/sass/smartadmin/_component-smartchat.scss deleted file mode 100644 index f2e5f068..00000000 --- a/sass/smartadmin/_component-smartchat.scss +++ /dev/null @@ -1,344 +0,0 @@ -#chat-container { - *, *:after, *:before { - box-sizing: content-box; - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - } - input[type='text'] { - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - } - 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; - - &:hover, &:hover .chat-list-open-close { - border-color: #a7a7a7; - } - &.open { - right: 0px; - top: 0px; - .chat-list-open-close i:before { content: "\f00d" !important; } - .chat-list-open-close b { display:none; } - } - .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; - - 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-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-users { - list-style: none; - margin: 10px 0; - padding: 0; - - li { - margin-bottom: 3px; - margin-left: 5px; - - 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; - &:hover { background:#e0e4ee; } - img { - width: 33px; - height: auto; - margin-right: 10px; - } - i { - color: #acacac; - font-size: 8px; - line-height: 34px; - font-style: normal; - - &.last-online { - font-size: 12px; - letter-spacing: -1px; - } - } - } - } - } - .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; - - input[type="text"] { border: 1px solid #bababa !important; } - } - .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; - - ul { - margin: 0; - padding: 0; - } - - li.message { - display: block; - position: relative; - margin: 20px 20px 0; - img { - display: inline-block; - border-left: 4px solid #fff; - position: absolute; - &.online { border-left-color: #00a300; } - &.offline { border-left-color: #ddd; } - &.busy { border-left-color: #a90329; } - &.away { border-left-color: #ffc40d; } - } - .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; - - time { - position: absolute; - top: 1px; - right: 0px; - font-size: 10px; - line-height: 10px; - color: #afafaf; - } - .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; - - &:nth-child(3) { margin-top: 15px; } - &.row-fluid [class*="span"] { min-height: 10px !important; } - b { - font-style: italic; - white-space: nowrap; - width: 250px; - overflow: hidden; - text-overflow: ellipsis; - text-align: left; - } - } - 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; - } - } - } - li:first-child { - margin-top:10px; - } -} - -.profile-message { - background: none !important; - height: auto !important; - box-shadow:none !important; - -moz-box-shadow: none !important; - -webkit-box-shadow: none !important; - overflow: hidden; - - li.message.message-reply { - margin-left: 85px !important; - background: #f7f7f7; - padding: 10px; - margin: 3px 0 0 20px; - - img { width: 35px !important; } - .message-text { margin-left: 45px !important; } - } - - .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; - - 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; - - > label { margin: 3px 10px 0 10px; } - .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/sass/smartadmin/_component-smartforms.scss b/sass/smartadmin/_component-smartforms.scss deleted file mode 100644 index a78a1a21..00000000 --- a/sass/smartadmin/_component-smartforms.scss +++ /dev/null @@ -1,1010 +0,0 @@ -/* - * SMART FORMS - */ - -.smart-form { - *, *:after, *:before { - margin: 0; - padding: 0; - box-sizing: content-box; - -moz-box-sizing: content-box; - } - .btn { - box-sizing: border-box; - -moz-box-sizing: border-box; - } - .radio + .radio, .checkbox + .checkbox { margin-top: 0; } - 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; - } - display: block; - padding: 7px 14px 15px; - border-top: 1px solid rgba(0,0,0,.1); - background: rgba(248,248,248,.9); - - &:after { - content: ''; - display: table; - clear: both; - } - } - legend { padding-top: 15px; } - - margin: 0; - outline: none; - color: #666; - position: relative; - - 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; - } - fieldset { - display: block; - padding: 25px 14px 5px; - border: none; - background: rgba(255,255,255,.9); - position: relative; - - + fieldset { border-top: 1px solid rgba(0,0,0,.1); } - } - section { - margin-bottom: 15px; - position: relative; - } - - .label { - display: block; - margin-bottom: 6px; - line-height: 19px; - font-weight: 400; - font-size: 13px; - color: #333; - text-align: left; - &.col { - margin: 0; - padding-top: 7px; - } - } - .input, .select, .textarea, .radio, .checkbox, .toggle, .button { - position: relative; - display: block; - font-weight: 400; - } - .input input, .select select, .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; - } - -} - -.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; } - -/* - * 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; - &:hover { - box-shadow: none; - } - 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; - &:after, &:before { - content: ''; - position: absolute; - right: 0; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - } - &:after { - bottom: 0; - border-top: 4px solid #404040; - } - &: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; - - &:last-child { margin-bottom: 0; } - - input { - position: absolute; - left: -9999px; - + 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; - } - } - - 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 { - 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 -15px -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; - - &:last-child { margin-bottom: 0; } - - input { - position: absolute; - left: -9999px; - &:checked + i:after { - content: attr(data-swchon-text); - text-align: right; - } - &:checked + i:before { - right: 36px; - } - } - - 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; - &: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; - } - &: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; - } - } -} - -/* - * ratings - */ -.smart-form .rating { - margin-bottom: 4px; - font-size: 13px; - line-height: 25px; - color: #404040; - - &:last-child { - margin-bottom: 0; - } - input { - position: absolute; - left: -9999px; - } - 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; - &: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; - } - - &.col-1 { width: 8.33%; } - &.col-2 { width: 16.66%; } - &.col-3 { width: 25%; } - &.col-4 { width: 33.33%; } - &.col-5 { width: 41.66%; } - &.col-6 { width: 50%; } - &.col-8 { width: 66.67%; } - &.col-9 { width: 75%; } - &.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; - - &: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; - - &: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; - - &: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; - - &: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; - &: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; - &: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; - - &: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; -} - -/* aep fix for aspnet mvc - from abelepereira */ -.smart-form .checkbox input + input[type=hidden] + 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 + input[type=hidden] +i:after { - content: '\f00d'; -} - -.smart-form .checkbox input:checked:disabled:hover + input[type=hidden] + i:after { - content: '\f00c'; -} - -.smart-form .checkbox input:checked + input[type=hidden] + i:after { - opacity: 1; -} - -/* toogle fix */ -.smart-form .toggle input:checked + input[type=hidden] + i:after { - content: attr(data-swchon-text); - text-align: right; -} -.smart-form .toggle input:checked + input[type=hidden] + i:before { - right: 36px; -} -/* end of fix */ - diff --git a/sass/smartadmin/_main-animated.scss b/sass/smartadmin/_main-animated.scss deleted file mode 100644 index 84ab0ac2..00000000 --- a/sass/smartadmin/_main-animated.scss +++ /dev/null @@ -1,55 +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: $animation-type; - -moz-animation-name: $animation-type; - -o-animation-name: $animation-type; - animation-name: $animation-type; -} - -.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: $animation-ajax-dropdown; - -moz-animation-name: $animation-ajax-dropdown; - -o-animation-name: $animation-ajax-dropdown; - animation-name: $animation-ajax-dropdown; - -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/sass/smartadmin/_main-colorpallet.scss b/sass/smartadmin/_main-colorpallet.scss index b2b39793..20126b09 100644 --- a/sass/smartadmin/_main-colorpallet.scss +++ b/sass/smartadmin/_main-colorpallet.scss @@ -1,43 +1,29 @@ -/* - * 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 { - &.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; } + &.txt-color-blue { color: $blue !important; } + &.txt-color-blueLight { color:$blueLight !important; } + &.txt-color-blueDark { color: $blueDark !important; } + &.txt-color-grayLightest { color: $gray-lightest !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 diff --git a/sass/smartadmin/_main-form-radiocheck.scss b/sass/smartadmin/_main-form-radiocheck.scss deleted file mode 100644 index c1258862..00000000 --- a/sass/smartadmin/_main-form-radiocheck.scss +++ /dev/null @@ -1,389 +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; -} - diff --git a/sass/smartadmin/_main-responsive.scss b/sass/smartadmin/_main-responsive.scss deleted file mode 100644 index 5ed1812a..00000000 --- a/sass/smartadmin/_main-responsive.scss +++ /dev/null @@ -1,918 +0,0 @@ -/* - * GENERAL MOBILE (Applies to all resolutions below 979px) - */ - -@media (max-width: 979px) { - - /* mobile lock x-scroll for menu */ - html.hidden-menu-mobile-lock { overflow-x: hidden; } - - /* Force content to spread 100% */ - #main { width: 100% !important; } - - /* Footer */ - .page-footer { padding: 15px 14px 0; } - - /* Profile Page */ - .profile-pic { - float: left; - > img { - width: 110px; - margin-right: 10px; - } - + div, + div + div { - padding-left: 30px; - padding-right: 30px; - } - } - - /* added new class per version 1.3 - html, body { - overflow-x: hidden !important; - }*/ - - #fullscreen > :first-child > a { - display: none !important; - } - - body.container { - border: none !important; - width: 100% !important; - } - - .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; - padding-left: 5px !important; - padding-right: 5px !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; - } - - .jarviswidget header h2 { - width: 310px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - - /* dropzone image fix */ - .dropzone .dz-default.dz-message { - background-size: 100%; - width: 200px; - height: 43px; - margin-left: -112px; - margin-top: -23.5px; - } -} - -/* 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: 0; } - - /* 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; - width: 100%; - } - .fixed-ribbon #ribbon { left: 0px; } - - .jarviswidget header h2 { - width: 200px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - - /* - * 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; - overflow-x: hidden; - } - - #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: 0; - } - - /* 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; - 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: 0; - } - - .hidden-menu #main { - position: relative; - left: $asideWidth - 10px; - } - - .hidden-menu.fixed-ribbon #ribbon { - left: $asideWidth; - width: 100%; - } - .fixed-ribbon #ribbon { - left: 0; - } - - .jarviswidget header h2 { - width: 180px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - - /* - * Header search - */ - .header-search > input[type="text"] { - margin-top: 9px; - } - -} - -/* - * OTHER DEVICES - */ - - -@media (max-width: 767px) { - - /* Profile Page */ - .profile-pic > img { - width: 100px; - } - - #main::after { - /*content: "OTHER DEVICES";*/ - } - #main { - margin-left: 0px; - overflow-x: hidden; - } - #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: 0; - } - - /* 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; - 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: 0; - } - - .hidden-menu #main { - position: relative; - left: $asideWidth - 10px; - } - - .hidden-menu.fixed-ribbon #ribbon { - left: $asideWidth; - width: 100%; - } - .fixed-ribbon #ribbon { - left: 0; - } - - /*.fixed-navigation #left-panel { - position:absolute !important; - }*/ - - body.fixed-navigation.hidden-menu { - overflow: hidden !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; - } - - .jarviswidget header h2 { - width: 250px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } -} - -/* - * ANDROID - */ -@media only screen and (min-width: 0px) and (max-width: 679px) { - - /* Profile Page */ - .profile-pic > img { - width: 90px; - } - - #main::after { - /*content: "ANDROID";*/ - } - #main { - margin-left: 0; - overflow-x: hidden; - } - #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: 0; - } - - /* 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; - 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; - width: 100%; - } - .fixed-ribbon #ribbon { - left: 0; - } - - /* - * 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; - } - - - .hidden-tablet { - display: none !important; - } - - .jarviswidget header h2 { - width: 300px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } -} - -/* - * IPHONE - */ -@media only screen and (min-width: 320px) and (max-width: 479px) { - - /* Hide headings on phones as its not needed*/ - - .page-title { - display:none; - } - - /* Profile Page */ - .profile-pic { - text-align: left; - } - .profile-pic>img { - width: 90px; - margin-left: 0px; - top: -25px; - margin-right: 0px; - } - .profile-pic + div > h1 { - font-size: 20px; - - } - .profile-pic + div > h1 small { - font-size: 16px; - } - - .profile-carousel .carousel-indicators { - top: 10px; - } - - #main::after { - /*content: "IPHONE";*/ - } - #main { - margin-left: 0; - overflow-x: hidden; - } - #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: 0; - } - - /* 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; - } - - /* 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; - 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: 0; - } - - .hidden-menu #main { - position: relative; - left: $asideWidth - 10px; - } - - .hidden-menu.fixed-ribbon #ribbon { - left: $asideWidth; - width: 100%; - } - .fixed-ribbon #ribbon { - left: 0px; - } - - /* #*$^& 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; - } - -} - diff --git a/sass/smartadmin/_main-special-class.scss b/sass/smartadmin/_main-special-class.scss deleted file mode 100644 index 6264b7f9..00000000 --- a/sass/smartadmin/_main-special-class.scss +++ /dev/null @@ -1,184 +0,0 @@ -/* - * No Padding - */ - -.no-content-padding { - margin: -10px -14px 0 -14px; /*used with content >:first-child */ -} - -.no-padding { - padding: 0px !important; - > pre { - margin: 30px; - } -} -.no-padding > table, .no-padding .dataTables_wrapper table { - border: none !important; - margin-bottom: 0px !important; - border-bottom-width: 0px !important; -} -.no-padding-bottom { - padding-bottom: 0px !important; -} - -.padding-5 { padding: 5px !important; } -.padding-7 { padding: 7px !important; } -.padding-10 { padding: 10px !important; } -.padding-gutter { padding: $grid-gutter-width/2 !important; } -.padding-top-10 { padding-top: 10px !important; } -.padding-top-15 { padding-top: 15px !important; } -.padding-bottom-10 { padding-bottom:10px !important; } -.padding-bottom-0 { padding-bottom: 0px !important; } -.padding-top-0 { padding-top: 0px !important; } - -.no-padding > table tr td:last-child,.no-padding > table tr th:last-child,.no-padding .dataTables_wrapper table tr td:last-child,.no-padding .dataTables_wrapper table tr th:last-child { - border-right: none !important; -} - -.no-padding > table tr td:first-child,.no-padding > table tr th:first-child,.no-padding .dataTables_wrapper table tr td:first-child,.no-padding .dataTables_wrapper table tr th:first-child { - border-left: none !important; -} - -.no-padding { - .dataTables_wrapper { - table { - tbody { - tr:last-child { - td { - border-bottom: 0; - } - } - } - } - } -} - - -/* - * 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; } - -/* - * 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-top-0 { margin-top: 0px !important } -.margin-bottom-0 { margin-bottom: 0px !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; } - -/* - * CURSORS - */ -.cursor-pointer { cursor: pointer; } - -/* - * Images - */ -.hover-transparent { opacity: .5; } -.hover-transparent:hover { opacity: 1; } - -/* - * 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 } - -/* - * HR - */ -hr.simple { - margin-top: 10px; - margin-bottom: 10px; - border-style: dashed; -} - -/* - * SHORT CUTS - */ -.pull-right { float: right !Important; } -.pull-left { float: left !Important; } - -/* - * 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; -} - -/* - * Display none - */ - -.display-none { - display:none !important; -} diff --git a/sass/smartadmin/_main.scss b/sass/smartadmin/_main.scss index e331d2a0..e6eb6fba 100644 --- a/sass/smartadmin/_main.scss +++ b/sass/smartadmin/_main.scss @@ -9,8 +9,6 @@ body { margin: 0; padding: 0; min-height: 100%; - background:url("#{$base-url}/#{$body-background-image}") $body-background-color; - background-repeat: no-repeat; direction:ltr; } @@ -125,23 +123,6 @@ input[type="color"]:focus, } } -#content { - padding:10px 14px; - position:relative; - /*position:relative; - left:0px;*/ -} - -body.container { - position:absolute; - left:0; - right:0; - 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); -} - /* * Headers @@ -216,739 +197,6 @@ h6 { } -/* - * 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); -} - - - -/* - * *************************************************** - * MAIN LAYOUT START - * *************************************************** - */ - -aside { - display: block; - overflow: hidden; - 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; - 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; - position: relative; - z-index: $left-panel-zindex+1; -} - -#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: $left-panel-zindex+1; - top:0px; - border-bottom:2px solid $gray-light; - border-bottom: 1px solid rgba(0,0,0,.3); - box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.1); -} - -/* as per version 1.3 */ -.fixed-header.fixed-ribbon #header { - border-bottom:none; - box-shadow:none; -} - -.container.fixed-header #header { - max-width: 1164px; -} - -.fixed-header #header .ajax-dropdown { - z-index: $left-panel-zindex+2; -} - -.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 b.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, - .project-context { - display: inline-block; - padding: 7px 13px 0; - position:relative; - } - - #project-context > span, - .project-context > span { - display: block; - } - - #project-context > :first-child, - .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, - .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, - .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: 0px; - left: 0px; - z-index: $left-panel-zindex; - padding-top:$smart-navbar-height; -} - -/* - * MAIN PANEL - */ - -#main { - margin-left: $asideWidth; - padding: 0; - padding-bottom:$smart-footer-height; - 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 { - height:100%; - position:fixed; - /*z-index: $fixed-navigation-zindex; */ -} - -/* Add this if not using slimscroll*/ - -.fixed-navigation nav { - -webkit-overflow-scrolling: touch; - overflow-y: auto; - height: 100%; - padding-bottom: 49px; -} - -.fixed-navigation nav > ul { - padding-right: 15px; - position: relative; - height: 100%; - width: 114%; - overflow-x: hidden; - overflow-y: scroll; -} - -.mobile-detected.fixed-navigation nav > ul { - padding-right: 30px !important; -} - -/* Slimscrol CSS change: delete this if not using slimscroll - -.fixed-navigation nav { - padding-bottom: 49px; -} - -.fixed-navigation nav > ul { - position: relative; -} - -.slimScrollBar, -.slimScrollRail { - display:none !important; -} - -.fixed-navigation .slimScrollBar, -.fixed-navigation .slimScrollRail { - display:block !important; -} - -.minified .slimScrollBar { - display:none !important; -}*/ - -/* end slimscroll css change*/ - -.minified.fixed-navigation nav { - -webkit-overflow-scrolling: none; - overflow:visible; - height: auto; - padding-bottom: 0px; -} - -.minified.fixed-navigation nav > ul { - overflow:visible; - padding-right:0px; - width:100%; -} - -/* 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: ""; -} - -nav > ul > li:last-child.open { - border-bottom:1px solid rgba(255,255,255,0.15); -} - -/* 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; - position:relative; -} - -/* 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: $asideExpanIconSize; - margin-top: $asideExpanIconMT; -} - -/* 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 b { - position: absolute !important; - right: $asideNavExpanIconPush-x; - top: $asideNavExpanIconPush-y; -} - -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; - vertical-align:0 !important; - line-height:1 !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 60px; - 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: 80px; -} - -/* Fifth Level: A */ -nav ul ul ul ul ul li a { - padding-left: 100px; -} - -/* Sixth Level: A */ -nav ul ul ul ul ul ul li a { - padding-left: 120px; -} - -/* 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 @@ -1438,54 +686,32 @@ input[type="text"]:focus + .input-group-addon { } -/* - * 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-bottom: 10px; margin-top: 0px; padding: 5px 15px 5px 34px; color:#675100; border-width:0px; - border-left-width:5px; + border-left-width: 3px; padding:10px; - border-radius:0px; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; + + .ui-pnotify-title{ + line-height: 12px; + } + + .ui-pnotify-text{ + font-size: 10px; + } + .close { top: 0px; right: -5px; line-height: 20px; } - } .alert-heading { @@ -1493,83 +719,46 @@ input[type="text"]:focus + .input-group-addon { } .alert-danger { - border-color: darken($state-danger-border, 10%); - color: $white; - background: darken($state-danger-bg, 33%); + border-color: $state-danger-border; + color: $state-danger-text; + background: $state-danger-bg; text-shadow:none; + + .ui-pnotify-icon{ + color: $state-danger-border; + } } .alert-warning { - border-color:lighten($state-warning-border,5%); - color: darken($state-warning-text, 19%); - background: spin(lighten($state-warning-border, 22%), 8); + border-color: $state-warning-border; + color: $state-warning-text; + background: $state-warning-bg; + + .ui-pnotify-icon{ + color: $state-warning-border; + } } .alert-success { - border-color: lighten($state-success-border,25%); - color: darken($state-success-text,10%); - background: spin(darken(lighten($state-success-text, 50%), 8%), -20); + border-color: $state-success-border; + color: $state-success-text; + background: $state-success-bg; + + .ui-pnotify-icon{ + color: $state-success-border; + } } .alert-info { border-color: $state-info-border; - color: darken($state-info-text, 3%); + color: $state-info-text; background: $state-info-bg; + + .ui-pnotify-icon{ + color: $state-info-border; + } } -/* - * 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 @@ -1823,20 +1012,6 @@ input[type="text"]:focus + .input-group-addon { float: none; } - -/* - * BAR HOLDER - */ -.bar-holder:first-child { - border-top: none; -} -.bar-holder { - padding: 18px 15px; -} -.bar-holder .progress { - margin:0; -} - /* * TABS */ @@ -2049,620 +1224,6 @@ input[type="text"]:focus + .input-group-addon { 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-light; - margin-top: 5px; - margin-right: -10px; -} - -.dropdown-submenu:hover>a:after { - border-left-color: $gray-light; -} - -.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, -.no-padding > .table-responsive > .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, -.no-padding > .table-responsive > .table-bordered thead tr th:first-child, -.no-padding > .table-responsive > .table-bordered thead tr td:first-child, -.no-padding > .table-responsive > .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, -.no-padding > .table-responsive > .table-bordered thead tr th:last-child, -.no-padding > .table-responsive > .table-bordered tbody tr td:last-child { - border-right-width:0px !important; -} - -.no-padding > .table-bordered tbody tr:last-child td, -.no-padding > .table-responsive > .table-bordered tbody tr:last-child td { - border-bottom-width:0px !important; -} - -.no-padding .table-responsive .table{ - margin-bottom:0; -} - -.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; -} - -/* condenced table */ - -.table-condensed.table>tbody>tr>td, -.table-condensed.table>tbody>tr>th, -.table-condensed.table>tfoot>tr>td, -.table-condensed.table>tfoot>tr>th, -.table-condensed.table>thead>tr>td, -.table-condensed.table>thead>tr>th { - padding: 2px 0px !important; - border: none; - line-height: 20px; - border-bottom: 1px solid $gray-darker; -} - -.table-condensed.table tr td:first-child{ - color: $gray; -} - - -/* - * 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; - 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 a { - text-decoration:none !important; - color: $asideLinkColor; - display: inline-block; - margin-top: 6px; -} - -.login-info a span { - text-transform: capitalize; - font-size: $font-size-base + 1px; /* 14px~ */ - display: inline-block; - text-decoration: none; - max-width: 150px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: middle; -} -.login-info a span + i { - vertical-align:middle; -} - -.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: 1px; - margin-right: 5px; - margin-left: 0px; - border-left: 3px solid $white; -} - -img.online, img.busy, img.offline, img.away { - border-left:3px solid #fff; -} - -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 span, .minified .login-info a i { - display: none; -} - -.minified .login-info span { - padding: 0px 5px; - text-align:center; -} -.minified .login-info img { - margin: -2px 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; -} - - -/* - * 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 */ @@ -2936,95 +1497,9 @@ img.away { font-size: $font-size-base + 1; } -/* - * ANIMATION - */ - -#left-panel { - -webkit-transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1); - transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1); - -webkit-transform: translate(0px, 0px) translateZ(0px); -} - -#main { - -webkit-transition: all .2s ease-out; - transition: all .2s ease-out; -} /* - * CHARTS - */ - -.chart-small, .chart-large, .chart-xl { - overflow:hidden; -} - -.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 Charts */ .morris-hover.morris-default-style { @@ -3040,7 +1515,7 @@ img.away { .morris-hover-row-label { font-weight: bold; // margin: 0.25em 0; - } + } .morris-hover-point { white-space: nowrap; // margin: 0.1em 0; @@ -3054,1595 +1529,4 @@ img.away { z-index: $fixed-footer-zindex - 1; } -/* - * Flot Chart - */ -.chart { - overflow: hidden; /*- disabled for widget chrome bug */ - 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 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); - color: $white; - border-color:#494949; -} - -.hidden-menu #hide-menu > :first-child > a:active, .full-screen #fullscreen > :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; -} - -/* better for 3 childs*/ - -.ajax-dropdown .btn-group >:nth-child(2) { - border-right-width:0px; - border-left-width:0px; -} - -.ajax-dropdown .btn-group >:last-child { - border-right-width:1px !important; -} - -/* better for 4+ childs -.ajax-dropdown .btn-group >:first-child { - border-right-width:1px; -} - -.ajax-dropdown .btn-group >:nth-child(n+2) { - border-left-width:0px; -} - -.ajax-dropdown .btn-group >:last-child { - border-right-width:1px !important; -} */ - -.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 { - position:relative; -} - -.selected:before { - display:block; - position: absolute; - content: "\f00c"; - color: $white; - right: 4px; - top: 3px; - font-family: FontAwesome; - z-index: 2; -} - -.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: 1; -} - -/* - * 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: $ajax-dropdown-zindex+2; - 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, -.custom-scroll::-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, -.custom-scroll::-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; -} - - -/* - * 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; -} - -/* - * 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 -} - -/* - * FORMS: INPUT WITH ICONS - */ - - -.input-group .icon-addon .form-control { - border-radius: 0; -} - -.icon-addon { - position: relative; - color: #555; - display: block; -} - -.icon-addon:after, -.icon-addon:before { - display: table; - content: " "; -} - -.icon-addon:after { - clear: both; -} - -.icon-addon.addon-md .glyphicon, -.icon-addon .glyphicon, -.icon-addon.addon-md .fa, -.icon-addon .fa { - position: absolute; - z-index: 2; - left: 10px; - width: 20px; - margin-left: -2.5px; - text-align: center; - padding: 10px 0; - top: 1px -} - -.icon-addon.addon-lg .form-control { - line-height: 1.33; - height: 46px; - font-size: 18px; - padding: 10px 16px 10px 40px; -} - -.input-group-lg .icon-addon.addon-lg + .input-group-btn>.btn { - height:46px; -} - -.icon-addon.addon-sm .form-control { - height: 30px; - padding: 5px 10px 5px 28px; - font-size: 12px; - line-height: 1.5; -} - -.icon-addon.addon-lg .fa, -.icon-addon.addon-lg .glyphicon { - font-size: 18px; - margin-left: 0; - left: 11px; - top: 4px; -} - -.icon-addon.addon-md .form-control, -.icon-addon .form-control { - padding-left: 30px; - float: left; - font-weight: normal; -} - -.icon-addon.addon-sm .fa, -.icon-addon.addon-sm .glyphicon { - margin-left: 0; - font-size: 12px; - left: 5px; - top: -1px -} - -.icon-addon .form-control:focus + .glyphicon, -.icon-addon:hover .glyphicon, -.icon-addon .form-control:focus + .fa, -.icon-addon:hover .fa { - color: #2580db; -} - -.icon-addon input:disabled + .glyphicon, -.icon-addon select:disabled + .glyphicon, -.icon-addon input:disabled + .fa, -.icon-addon select:disabled + .fa { - color:#ccc; -} diff --git a/sass/smartadmin/_page-error.scss b/sass/smartadmin/_page-error.scss deleted file mode 100644 index 1f3b29e6..00000000 --- a/sass/smartadmin/_page-error.scss +++ /dev/null @@ -1,24 +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); -} - diff --git a/sass/smartadmin/_page-extr.scss b/sass/smartadmin/_page-extr.scss deleted file mode 100644 index 254f0dcf..00000000 --- a/sass/smartadmin/_page-extr.scss +++ /dev/null @@ -1,121 +0,0 @@ -/* - * LOGIN/REGISTER/EXTR PAGE - */ - -.display-image { - margin-top: -60px; - margin-right: 20px; -} - -.terms-body { - max-height: 400px; - overflow: auto; -} - -#extr-page { - background: $white; - overflow: visible; - - .container { - border: none; - } - - #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; - /*margin-bottom: 20px;*/ - background: $white; - - #logo { - margin-top: 22px; - margin-left: 0px; - - img { width: 137px; } - } - } - - #main { - padding-top: 20px; - } - - .hero { - background-image: url("#{$base-url}/gradient/login.png"); - background-repeat: no-repeat; - background-position: 0 137px; - height: 360px; - width: 100%; - float: left; - } - - h4.paragraph-header { - color: #565656; - font-size: 15px; - font-weight: normal; - line-height: 22px; - margin-top: 15px; - width: 270px; - } - - h5.about-heading { - color: #565656; - font-size: 15px; - font-weight: bold; - line-height: 24px; - margin: 0 0 5px; - } - - .login-header-big { - font-weight: 400; - } - - .login-desc-box-l{ - min-height: 350px; - width: 50%; - } - - .login-app-icons { - vertical-align: top; - margin-top: 90px; - width: 300px; - } -} - -#extr-page-header-space { - float: right; - text-align: right; - display: block; - vertical-align: middle; - line-height: 71px; - - >:first-child { - font-size: 13px; - margin-right: 14px; - vertical-align: -3px; - font-weight: 400; - } - .btn { - font-weight: bold; - text-transform: uppercase; - } - > * { display: inline-block; } -} - -@media (min-width: 768px) and (max-width: 880px) { - #extr-page #header { - padding: 0 5px !important; - } -} - -@media only screen and (min-width: 0px) and (max-width: 679px) { - #extr-page #header { - padding: 0 5px !important; - #logo { margin-top: 22px; } - #logo img { width: 135px; } - } -} diff --git a/sass/smartadmin/_plugin-bootstrap-markdown.scss b/sass/smartadmin/_plugin-bootstrap-markdown.scss deleted file mode 100644 index a81f3429..00000000 --- a/sass/smartadmin/_plugin-bootstrap-markdown.scss +++ /dev/null @@ -1,61 +0,0 @@ -/** - * Bootstrap-Markdown.sass - * - * @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; - margin:0px; - } - - > .md-header >:first-child { - margin-left:0px; - } - - > .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; - } -} \ No newline at end of file diff --git a/sass/smartadmin/_plugin-bootstrap-slider.scss b/sass/smartadmin/_plugin-bootstrap-slider.scss deleted file mode 100644 index d4f8c918..00000000 --- a/sass/smartadmin/_plugin-bootstrap-slider.scss +++ /dev/null @@ -1,157 +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-horizontal { - width: 100% !important; - height: 20px; - .slider-track { - height: 10px; - width: 100%; - margin-top: -5px; - top: 50%; - left: 0; - } - .slider-selection { - height: 100%; - top: 0; - bottom: 0; - + .slider-handle.triangle + .slider-handle.triangle:before { content:"\f0d9"; } - } - .slider-handle { - margin-left: -10px; - margin-top: -5px; - &.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); - &:before { - content:"\f0da"; - font-size:34px; - } - } - } - } - &.slider-vertical { - height: 210px; - width: 20px; - .slider-track { - width: 10px; - height: 100%; - margin-left: -5px; - left: 50%; - top: 0; - } - .slider-selection { - width: 100%; - left: 0; - top: 0; - bottom: 0; - + .slider-handle.triangle + .slider-handle.triangle:before { - content:"\f0d8"; - text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8); - } - } - .slider-handle { - margin-left: -5px; - margin-top: -10px; - &.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); - &:before { - content: "\f0d7"; - font-size:32px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); - } - } - } - } - input { display: none; } - .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); - &:before { - content: "\f0c9"; - } - &.round { - -webkit-border-radius: 20px; - -moz-border-radius: 20px; - border-radius: 20px; - width: 20px; - height: 20px; - } - &.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; } diff --git a/sass/smartadmin/_plugin-bootstrap-tagsinput.scss b/sass/smartadmin/_plugin-bootstrap-tagsinput.scss deleted file mode 100644 index 00d00e2f..00000000 --- a/sass/smartadmin/_plugin-bootstrap-tagsinput.scss +++ /dev/null @@ -1,64 +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; - > span { - border-radius: 0px !important; - font-weight: normal; - padding: 3px 28px 4px 8px; - font-size: 13px; - border: 1px solid #285E8E; - background: #3276B1; - } - input { - border: none; - box-shadow: none; - outline: none; - background-color: transparent; - padding: 0; - margin: 0; - width: auto !important; - max-width: inherit; - &:focus { - border: none; - box-shadow: none; - } - } - .tag { - color: #FFF; - position: relative; - margin: 3px 0 3px 2px; - display: inline-block; - [data-role="remove"] { - display: block; - top: -1px; - right: 0px; - padding: 3px 4px 3px 5px; - width: 23px; - height: 22px; - position: absolute; - cursor: pointer; - &:hover { background: rgba(0, 0, 0, 0.3); } - &:after { - content: "\f057"; - font-family: fontAwesome; - padding: 2px 1px; - line-height: 17px; - font-size: 15px; - text-align: center; - } - &:hover { - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - &:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - } - } - } -} diff --git a/sass/smartadmin/_plugin-bootstrap-timepicker.scss b/sass/smartadmin/_plugin-bootstrap-timepicker.scss deleted file mode 100644 index 73a206be..00000000 --- a/sass/smartadmin/_plugin-bootstrap-timepicker.scss +++ /dev/null @@ -1,125 +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; - &.pull-right .bootstrap-timepicker-widget.dropdown-menu { - left: auto; - right: 0; - &:before { - left: auto; - right: 12px; - } - &:after { - left: auto; - right: 13px; - } - } - .add-on { - cursor: pointer; - i { - display: inline-block; - width: 16px; - height: 16px; - } - } -} -.bootstrap-timepicker-widget.dropdown-menu { - padding: 4px; - &.open { display: inline-block; } - &: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; - } - &:after { - border-bottom: 6px solid #FFFFFF; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - content: ""; - display: inline-block; - position: absolute; - } - &.timepicker-orient-left:before { left: 6px; } - &.timepicker-orient-left:after { left: 7px; } - &.timepicker-orient-right:before { right: 6px; } - &.timepicker-orient-right:after { right: 7px; } - &.timepicker-orient-top:before { top: -7px; } - &.timepicker-orient-top:after { top: -6px; } - &.timepicker-orient-bottom:before { - bottom: -7px; - border-bottom: 0; - border-top: 7px solid #999; - } - &.timepicker-orient-bottom:after { - bottom: -6px; - border-bottom: 0; - border-top: 6px solid #ffffff; - } - a.btn, input { border-radius: 4px; } - table { - width: 100%; - margin: 0; - td { - text-align: center; - height: 30px; - margin: 0; - padding: 2px; - &:not(.separator) { - min-width: 30px; - } - span { width: 100%; } - a { - border: 1px transparent solid; - width: 100%; - display: inline-block; - margin: 0; - padding: 8px 0; - outline: 0; - color: #333; - i { - margin-top: 2px; - font-size: 18px; - } - &:hover { - text-decoration: none; - background-color: #eee; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - border-color: #ddd; - } - } - input { - width: 25px; - margin: 0; - text-align: center; - } - } - } - .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%; - .dropdown-menu { - width: 100%; - } - } -} diff --git a/sass/smartadmin/_plugin-clockpicker.scss b/sass/smartadmin/_plugin-clockpicker.scss deleted file mode 100644 index febd9915..00000000 --- a/sass/smartadmin/_plugin-clockpicker.scss +++ /dev/null @@ -1,138 +0,0 @@ -/*! - * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/) - * Copyright 2014 Wang Shenwei. - * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/master/LICENSE) - */ - -.clockpicker .input-group-addon { cursor: pointer; } -.clockpicker-moving { cursor: move; } -.clockpicker-align-left.popover > .arrow { left: 25px; } -.clockpicker-align-top.popover > .arrow { top: 17px; } -.clockpicker-align-right.popover > .arrow { - left: auto; - right: 25px; -} -.clockpicker-align-bottom.popover > .arrow { - top: auto; - bottom: 6px; -} -.clockpicker-popover { - .popover-title { - background-color: #fff; - color: #999; - font-size: 24px; - font-weight: bold; - line-height: 30px; - text-align: center; - span { cursor: pointer; } - } - .popover-content { - background-color: #f8f8f8; - padding: 12px; - } -} -.popover-content:last-child { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} -.clockpicker-plate { - background-color: #fff; - border: 1px solid #ccc; - border-radius: 50%; - width: 200px; - height: 200px; - overflow: visible; - position: relative; - /* Disable text selection highlighting. Thanks to Hermanya */ - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.clockpicker-canvas, .clockpicker-dial { - width: 200px; - height: 200px; - position: absolute; - left: -1px; - top: -1px; -} -.clockpicker-minutes { - visibility: hidden; -} -.clockpicker-tick { - border-radius: 50%; - color: #666; - line-height: 26px; - text-align: center; - width: 26px; - height: 26px; - position: absolute; - cursor: pointer; - &.active, &:hover { - background-color: rgb(192, 229, 247); - background-color: rgba(0, 149, 221, .25); - } -} -.clockpicker-button { - background-image: none; - background-color: #fff; - border-width: 1px 0 0; - border-top-left-radius: 0; - border-top-right-radius: 0; - margin: 0; - padding: 10px 0; - &:hover { - background-image: none; - background-color: #ebebeb; - } - &:focus { outline: none!important; } -} -.clockpicker-dial { - -webkit-transition: -webkit-transform 350ms, opacity 350ms; - -moz-transition: -moz-transform 350ms, opacity 350ms; - -ms-transition: -ms-transform 350ms, opacity 350ms; - -o-transition: -o-transform 350ms, opacity 350ms; - transition: transform 350ms, opacity 350ms; -} -.clockpicker-dial-out { opacity: 0; } -.clockpicker-hours.clockpicker-dial-out { - -webkit-transform: scale(1.2, 1.2); - -moz-transform: scale(1.2, 1.2); - -ms-transform: scale(1.2, 1.2); - -o-transform: scale(1.2, 1.2); - transform: scale(1.2, 1.2); -} -.clockpicker-minutes.clockpicker-dial-out { - -webkit-transform: scale(.8, .8); - -moz-transform: scale(.8, .8); - -ms-transform: scale(.8, .8); - -o-transform: scale(.8, .8); - transform: scale(.8, .8); -} -.clockpicker-canvas { - -webkit-transition: opacity 175ms; - -moz-transition: opacity 175ms; - -ms-transition: opacity 175ms; - -o-transition: opacity 175ms; - transition: opacity 175ms; - line { - stroke: rgb(0, 149, 221); - stroke-width: 1; - stroke-linecap: round; - /*shape-rendering: crispEdges;*/ - } -} -.clockpicker-canvas-out { opacity: 0.25; } -.clockpicker-canvas-bearing, .clockpicker-canvas-fg { - stroke: none; - fill: rgb(0, 149, 221); -} -.clockpicker-canvas-bg { - stroke: none; - fill: rgb(192, 229, 247); -} -.clockpicker-canvas-bg-trans { - fill: rgba(0, 149, 221, .25); -} diff --git a/sass/smartadmin/_plugin-colorpicker.scss b/sass/smartadmin/_plugin-colorpicker.scss deleted file mode 100644 index 5dd2a0d5..00000000 --- a/sass/smartadmin/_plugin-colorpicker.scss +++ /dev/null @@ -1,113 +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 { - @include clearfix(); - top: 0; - left: 0; - padding: 4px; - min-width: 120px; - margin-top: 1px; - border-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; - } - } -} diff --git a/sass/smartadmin/_plugin-dataTables-cust.scss b/sass/smartadmin/_plugin-dataTables-cust.scss deleted file mode 100644 index cfd83cf0..00000000 --- a/sass/smartadmin/_plugin-dataTables-cust.scss +++ /dev/null @@ -1,149 +0,0 @@ -.dt-toolbar { - display: block; - position: relative; - padding: 6px 7px 1px; - width: 100%; - float: left; - border-bottom: 1px solid #ccc; - background: #fafafa; -} -.dt-toolbar-footer { - 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; -} -.dt-toolbar, .dt-toolbar-footer { - >:first-child { padding-left: 0px !important; } - >:last-child { padding-right: 0px !important; } -} - -table.dataTable { - thead { - .sorting { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right; } - .sorting_asc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC) no-repeat center right; } - .sorting_desc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center right; } - .sorting_asc_disabled { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAdSURBVAjXY8AJHID4AQMD4wcGBuYfDAzsfxgIAQCkSQQQkGx5MAAAAABJRU5ErkJggg==) no-repeat center right; } - .sorting_desc_disabled { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAcSURBVAjXYyAE2P8wMDD/YGBg/ADkPABiB5xKAZDZBBBG27rUAAAAAElFTkSuQmCC) no-repeat center right; } - .sorting_asc, .sorting_desc { background-color: rgb(238, 238, 238); } - > tr { - > th.hasinput { padding: 6px !important; } - > th.sorting_disabled { padding-right: 9px !important; } - } - } - thead, tfoot { - > tr { - > th { - padding-left: 9px !important; - input { - width: 100% !important; - font-weight: normal; - } - } - } - } -} - -.dataTables_empty { - padding: 20px 10px !important; - font-size: 14px; - text-align: center; - color: #575757; -} - -.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { - padding: 8px 10px; -} - -div.dataTables_info { - padding-top: 9px; - font-size: 13px; - font-weight: bold; - font-style: italic; - color: #969696; -} - -/* -* Double lines in thead tfoot -*/ -.dataTable thead>tr>th { - border-left:none !important; -} - -/* checkbox */ -.dataTable input[type=checkbox].checkbox, -.dataTable input[type=radio].radiobox { - position: relative !important; -} - -/* -* DT FIlter -*/ -.dataTables_filter { - float:left; - width:100%; - .input-group-addon { - width: 32px; - margin-top: 0px; - float: left; - height: 32px; - padding-top: 8px; - + .form-control { - float:left; - } - } -} - -/* -* LTR filter position -*/ -.dt-toolbar { - >:first-child { - .dataTables_filter >:only-child, .DTTT, .pagination, .dataTables_length { float: left !important; } - } - >:last-child { - .dataTables_filter >:only-child, .DTTT, .pagination, .dataTables_length { float: right; } - } -} - -/* bottom portion */ -.dt-toolbar-footer { - >:first-child { - .dataTables_filter >:only-child, .DTTT, .pagination, .dataTables_length { float: left; } - } - >:last-child { - .dataTables_filter >:only-child, .DTTT, .pagination, .dataTables_length { float: right; } - } -} - -/* -* PRINT -*/ - -body.DTTT_Print { background:#fff !important; } -.DTTT_Print #main { margin:0px !important; } -.DTTT_PrintMessage { - font-size: 20px; - display: block; - width: 100%; - text-align: center; - padding-top: 10px; - font-weight: bold; -} -.DTTT_Print table.dataTable { margin-top:0px !important; } -.DTTT_Print .dataTables_wrapper table { border: 1px solid #C7C7C7 !important; } - -/* -* COLUMN SHOW/HIDE -*/ -div.ColVis { margin-bottom:0px !important; } -ul.ColVis_collection { - width: 127px; - span { vertical-align: 3px; } - label { margin-bottom:0px !important; } -} diff --git a/sass/smartadmin/_plugin-dataTables.bootstrap.scss b/sass/smartadmin/_plugin-dataTables.bootstrap.scss deleted file mode 100644 index 428b0e12..00000000 --- a/sass/smartadmin/_plugin-dataTables.bootstrap.scss +++ /dev/null @@ -1,229 +0,0 @@ -div { - &.dataTables_length { - label { - font-weight: normal; - float: left; - text-align: left; - } - select { - width: 75px; - } - } - &.dataTables_filter { - label { - font-weight: normal; - float: right; - } - input { - width: 16em; - } - } - &.dataTables_info { - padding-top: 8px; - } - &.dataTables_paginate { - float: right; - margin: 0; - ul.pagination { - margin: 2px 0; - white-space: nowrap; - } - } -} - -table.dataTable { - clear: both; - margin-top: 6px !important; - margin-bottom: 6px !important; - max-width: none !important; - td, th { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - } - thead { - .sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled { cursor: pointer; } - .sorting { background: url("#{$base-url}/sort_both.png") no-repeat center right; } - .sorting_asc { background: url("#{$base-url}/sort_asc.png") no-repeat center right; } - .sorting_desc { background: url("#{$base-url}/sort_desc.png") no-repeat center right; } - .sorting_asc_disabled { background: url("#{$base-url}/sort_asc_disabled.png") no-repeat center right; } - .sorting_desc_disabled { background: url("#{$base-url}/sort_desc_disabled.png") no-repeat center right; } - > tr > th { - padding-left: 18px; - padding-right: 18px; - } - } - th:active { - outline: none; - } -} - -/* Scrolling */ -div.dataTables_scrollHead { - table { - margin-bottom: 0 !important; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - thead tr:last-child th:first-child, thead tr:last-child td:first-child { - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; - } - } -} - -div.dataTables_scrollBody { - table { - border-top: none; - margin-top: 0 !important; - margin-bottom: 0 !important; - } - tbody tr:first-child th, tbody tr:first-child td { border-top: none; } -} - -div.dataTables_scrollFoot table { - margin-top: 0 !important; - border-top: none; -} - -/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column - width calculations when using scrolling impossible to align columns. We have - to use separate -*/ -table.table-bordered { - &.dataTable { - border-collapse: separate !important; - } - thead th, thead td { - border-left-width: 0; - border-top-width: 0; - } - tbody th, tbody td { - border-left-width: 0; - border-bottom-width: 0; - } - th:last-child, td:last-child { border-right-width: 0; } -} -div.dataTables_scrollHead table.table-bordered { - border-bottom-width: 0; -} - -/* -* TableTools styles -*/ - -/* conflicting styles with bootstrap -.table tbody tr.active td, -.table tbody tr.active th { - background-color: #08C; - color: white; -} - -.table tbody tr.active:hover td, -.table tbody tr.active:hover th { - background-color: #0075b0; -} - -.table tbody tr.active a { - color: white; -} - -.table-striped tbody tr.active:nth-child(odd) td, -.table-striped tbody tr.active:nth-child(odd) th { - background-color: #017ebc; -} */ - -table.DTTT_selectable tbody tr { - cursor: pointer; -} - -div.DTTT .btn { - color: #333 !important; - font-size: 12px; - &:hover { - text-decoration: none !important; - } -} - -ul.DTTT_dropdown.dropdown-menu { - z-index: 2003; - a { color: #333 !important; /* needed only when demo_page.css is included */ } - li { - position: relative; - &:hover a { - background-color: #0088cc; - color: white !important; - } - } -} - -div.DTTT_collection_background { z-index: 2002; } -/* TableTools information display */ -div.DTTT_print_info { - &.modal { - height: 150px; - margin-top: -75px; - text-align: center; - } - h6 { - font-weight: normal; - font-size: 28px; - line-height: 28px; - margin: 1em; - } - p { - font-size: 14px; - line-height: 20px; - } -} - -/* -* FixedColumns styles -*/ -div.DTFC_LeftHeadWrapper table, -div.DTFC_LeftFootWrapper table, -div.DTFC_RightHeadWrapper table, -div.DTFC_RightFootWrapper table, -table.DTFC_Cloned tr.even { - background-color: white; - margin-bottom: 0; -} - -div.DTFC_RightHeadWrapper table , -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.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, -div.DTFC_RightHeadWrapper 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.DTFC_RightBodyWrapper table, -div.DTFC_LeftBodyWrapper table { - border-top: none; - margin: 0 !important; -} - -div.DTFC_RightBodyWrapper tbody tr:first-child th, -div.DTFC_RightBodyWrapper tbody tr:first-child td, -div.DTFC_LeftBodyWrapper tbody tr:first-child th, -div.DTFC_LeftBodyWrapper tbody tr:first-child td { - border-top: none; -} - -div.DTFC_RightFootWrapper table, -div.DTFC_LeftFootWrapper table { - border-top: none; -} - - -/* -* FixedHeader styles -*/ -div.FixedHeader_Cloned table { margin: 0 !important } diff --git a/sass/smartadmin/_plugin-dataTables.colReorder.scss b/sass/smartadmin/_plugin-dataTables.colReorder.scss deleted file mode 100644 index dc17143f..00000000 --- a/sass/smartadmin/_plugin-dataTables.colReorder.scss +++ /dev/null @@ -1,14 +0,0 @@ -/* - * Namespace DTCR - "DataTables ColReorder" plug-in - */ - -table.DTCR_clonedTable { - background-color: rgba(255, 255, 255, 0.7); - z-index: 202; -} - -div.DTCR_pointer { - width: 1px; - background-color: #0259C4; - z-index: 201; -} diff --git a/sass/smartadmin/_plugin-dataTables.colVis.scss b/sass/smartadmin/_plugin-dataTables.colVis.scss deleted file mode 100644 index 8da103e4..00000000 --- a/sass/smartadmin/_plugin-dataTables.colVis.scss +++ /dev/null @@ -1,168 +0,0 @@ -/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -* ColVis styles -*/ -div.ColVis { - float: right; - margin-bottom: 1em; -} - -button.ColVis_Button, -ul.ColVis_collection li { - 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; - white-space: nowrap; - - -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 */ -} - -.ColVis_Button:hover, -ul.ColVis_collection li: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.ColVis_Button { - height: 30px; - padding: 3px 8px; - &:active { outline: none; } -} -button.ColVis_Button::-moz-focus-inner { - border: none !important; - padding: 0; -} - -div.ColVis_collectionBackground { - position: fixed; - top: 0; - left: 0; - height: 100%; - width: 100%; - background-color: black; - z-index: 1100; -} - -ul.ColVis_collection { - width: 150px; - padding: 8px 8px 4px 8px; - margin: 0; - 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); - li { - position: relative; - height: auto; - left: 0; - right: 0; - padding: 0.5em; - - 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; - - text-align: left; - &.ColVis_Button:hover { - border: 1px solid #999; - background-color: #f0f0f0; - } - } -} - -ul.ColVis_collection li { - span { - display: inline-block; - padding-left: 0.5em; - cursor: pointer; - } - &.ColVis_Special { - border-color: #555; - background: rgb(237,237,237); /* Old browsers */ - background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 77%, rgba(232,232,232,1) 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* IE10+ */ - background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */ - background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 77%,rgba(232,232,232,1) 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ - &:hover { - background: #e2e2e2; /* Old browsers */ - background: -webkit-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* IE10+ */ - background: -o-linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* Opera 11.10+ */ - background: linear-gradient(top, #d0d0d0 0%,#d5d5d5 89%,#e2e2e2 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ - } - } -} - -span.ColVis_radio { - display: inline-block; - width: 20px; -} - -div.ColVis_catcher { - position: absolute; - z-index: 1101; -} - -.disabled { color: #999; } diff --git a/sass/smartadmin/_plugin-dataTables.responsive.scss b/sass/smartadmin/_plugin-dataTables.responsive.scss deleted file mode 100644 index 54f7a06e..00000000 --- a/sass/smartadmin/_plugin-dataTables.responsive.scss +++ /dev/null @@ -1,23 +0,0 @@ -table.has-columns-hidden > tbody > tr > td > span.responsiveExpander { - background: url('../img/plus.png') no-repeat 5px center; - padding-left: 32px; - cursor: pointer; -} - -table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander { - background: url('../img/minus.png') no-repeat 5px center; -} - -table.has-columns-hidden > tbody > tr.row-detail > td { - background: #eee; -} - -table.has-columns-hidden > tbody > tr.row-detail > td > ul { - list-style: none; - margin: 0; - padding: 0; -} - -table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle { - font-weight: bold; -} diff --git a/sass/smartadmin/_plugin-dataTables.tableTools.scss b/sass/smartadmin/_plugin-dataTables.tableTools.scss deleted file mode 100644 index 9c9687fb..00000000 --- a/sass/smartadmin/_plugin-dataTables.tableTools.scss +++ /dev/null @@ -1,300 +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; -} - -@media screen and (max-width: 640px) { - div.DTTT_container { - float: none !important; - text-align: center; - &:after { - visibility: hidden; - display: block; - content: ""; - clear: both; - height: 0; - } - } -} - - -button.DTTT_button, -div.DTTT_button, -a.DTTT_button { - position: relative; - display: inline-block; - 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 */ - &: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 */ - } -} - - -/* 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_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 - -a.DTTT_button_csv, -a.DTTT_button_xls, -a.DTTT_button_copy, -a.DTTT_button_pdf, -a.DTTT_button_print { - padding-right: 0px; -} - -a.DTTT_button_csv span, -a.DTTT_button_xls span, -a.DTTT_button_copy span, -a.DTTT_button_pdf span, -a.DTTT_button_print span { - display: inline-block; - height: 24px; - line-height: 24px; - padding-right: 30px; -} - -a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; } -a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; } - -a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; } -a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; } - -a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; } -a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; } - -a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; } -a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; } - -a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; } -a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; } - - */ - -button.DTTT_button_collection span { - padding-right: 17px; - background: url("#{$base-url}/collection.png") no-repeat center right; -} - -button.DTTT_button_collection:hover span { - padding-right: 17px; - background: #f0f0f0 url("#{$base-url}/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("#{$base-url}/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); - h6 { - font-weight: normal; - font-size: 28px; - line-height: 28px; - margin: 1em; - } - - p { - font-size: 14px; - line-height: 20px; - } -} diff --git a/sass/smartadmin/_plugin-dropzone.scss b/sass/smartadmin/_plugin-dropzone.scss deleted file mode 100644 index 83c25610..00000000 --- a/sass/smartadmin/_plugin-dropzone.scss +++ /dev/null @@ -1,503 +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; } -} - -/* 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 { - border-color: rgba(0,0,0,0.15); - background: rgba(0,0,0,0.04); -} -.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: 17px; - 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; -} diff --git a/sass/smartadmin/_plugin-fd-slider.scss b/sass/smartadmin/_plugin-fd-slider.scss deleted file mode 100644 index 783f020b..00000000 --- a/sass/smartadmin/_plugin-fd-slider.scss +++ /dev/null @@ -1,177 +0,0 @@ -.fd-form-element-hidden { display: none; } -.fd-slider { - width: 100%; - height: 20px; - margin: 0; -} -.fd-slider-vertical { - width: 20px; - height: 100%; - margin: 0 10px 10px 0; -} -.fd-slider, .fd-slider-vertical { - display: block; - 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 { display: none; } -.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; -} -.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; -} -.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 { - outline: 0 none; - border: 0 none; - -moz-user-focus: normal; - &::-moz-focus-inner { - border-color: transparent; - } - } -} - -body.fd-slider-drag-vertical, body.fd-slider-drag-vertical * { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; -} -body.fd-slider-drag-horizontal, body.fd-slider-drag-horizontal * { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; -} - -.fd-slider-handle:before, .fd-slider-handle:after { - opacity: 0; - /* 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; -} -.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; - content: attr(aria-valuetext); - -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; - opacity: 1; -} -.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; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - -moz-box-shadow: 0 0 4px #aaa; - -webkit-box-shadow: 0 0 4px #aaa; - box-shadow: 0 0 4px #aaa; - clip: rect(4px, 14px, 14px, 4px); - opacity: 1; -} -.oldie .fd-slider-handle:before, .oldie .fd-slider-handle:after { - display: none; -} diff --git a/sass/smartadmin/_plugin-fullcalendar.scss b/sass/smartadmin/_plugin-fullcalendar.scss deleted file mode 100644 index 60a324c6..00000000 --- a/sass/smartadmin/_plugin-fullcalendar.scss +++ /dev/null @@ -1,366 +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; - table { - border-collapse: collapse; - border-spacing: 0; - } - td, th { - padding: 0; - vertical-align: top; - } - html &, table { - font-size: 1em; - } -} - -/* 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 */ -.fcheader { - .fc-button { margin-right: -1px; } - .fc-corner-right { margin-right: 1px; /* back to normal */ } - .ui-corner-right { margin-right: 0; /* back to normal */ } - .fc-state-hover, .ui-state-hover { z-index: 2; } - .fc-state-down { z-index: 3; } - .fc-state-active, .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, .fc-widget-content { border: 1px solid #ccc; } -.fc-state-highlight { background: #ffc; } -.fc-cell-overlay { - 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 { - 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; } - -/* 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, .fc-select-helper .fc-event-bg { display: none\9; } - -/* 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 { _overflow: hidden; } diff --git a/sass/smartadmin/_plugin-ion.scss b/sass/smartadmin/_plugin-ion.scss deleted file mode 100644 index 98f5361e..00000000 --- a/sass/smartadmin/_plugin-ion.scss +++ /dev/null @@ -1,202 +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; - &.single { - left: 10px; - &:before { - position: absolute; - display: block; - content: ""; - top: -50%; - left: -150%; - width: 400%; - height: 200%; - background: rgba(red($black), green($black), blue($black),0.0); - } - } - &.from { - left: 100px; - &:before { - position: absolute; - display: block; - content: ""; - top: -50%; - left: -300%; - width: 400%; - height: 200%; - background: rgba(red($black), green($black), blue($black),0.0); - } - } - &.to { - left: 300px; - &:before { - position: absolute; - display: block; - content: ""; - top: -50%; - left: 0; - width: 400%; - height: 200%; - background: rgba(red($black), green($black), blue($black),0.0); - } - } - &.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; - &.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; - &: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/sass/smartadmin/_plugin-jarviswidget.scss b/sass/smartadmin/_plugin-jarviswidget.scss deleted file mode 100644 index 836a8b7f..00000000 --- a/sass/smartadmin/_plugin-jarviswidget.scss +++ /dev/null @@ -1,870 +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; - .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; - >:first-child.widget-icon { margin-left:0; } - .jarviswidget-icon { - width: 16px; - height: 16px; - float: left; - margin: 12px 10px 0 0; - display: block; - zoom: 1; - z-index: 4000 - } - > .widget-icon { - display:block; - width: 30px; - height: 32px; - position:relative; - float:left; - font-size: 111%; - line-height:32px; - text-align:center; - margin-right:-10px; - } - > h2 { - margin-left:10px; - float:left; - } - h2 { - height: 100%; - width: auto; - display:inline-block; - font-size: 14px; - position: relative; - margin: 0; - line-height: 34px; - font-weight:normal; - letter-spacing: 0px; - } -} -.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-collapsed > header { - -moz-border-radius: 0px; - -khtml-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; - } -} - -.jarviswidget-ctrls { - width: auto; - float: right; - padding: 0; - margin: 0; - .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); - &: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; - /* as per version 1.3 */ - overflow: $widgetContentOverflow; - } - .widget-body { - min-height:100px; - position:relative; - padding-bottom:13px; - &.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; - > div{ - border:none !important; - box-shadow:none !important; - -webkit-box-shadow:none !important; - -moz-box-shadow:none !important; - } - 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 & { margin:0; } - &.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 { - margin: 0; - -moz-border-radius: 0; - -khtml-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - > div { - overflow-y: scroll; - -moz-border-radius: 0; - -khtml-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - > 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; - } - > div { background-color: #fff !important; } -} - -.jarviswidget-editbox { - border-bottom: 1px solid #B1B1B1; - background-color: #fff; - margin: -13px -13px 13px; - .no-padding & { 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; - li { - display:block; - margin:2px; - float:left; - span:hover { border:3px solid rgba(0,0,0,.2); } - } -} - -.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-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; - &:hover, .open & { outline: 1px solid rgba(0,0,0,.1) !important; } - &:hover { - -webkit-transform: scale(1.07); - -moz-transform: scale(1.07); - } - &:active { - top:1px; - left:1px; - } - - .widget-toolbar > & { - margin-top: 7px; - width: 18px; - height: 18px; - outline: 1px solid rgba(0, 0, 0, 0.2); - &:hover, &:active, &: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; - h2 { - float: right; - text-align: right - } - .jarviswidget-icon { - float: right; - margin: 12px 0 0 7px; - } - } - .jarviswidget-ctrls { - float: left; - padding: 10px 0 0 3px; - margin: 0; - .button-icon { margin: 0 0 5px 5px; } - } - .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; - >:first-child { text-align:left; } -} - -/* - * WIDGET TOOLBAR COMPONENTS - */ - -/* - * TABS - */ -.jarviswidget header .nav-tabs { - border-bottom-color:transparent; - > li { - > a { - border-radius: 0px; - border: none; - padding: 7px 15px 6px; - } - &.active { - > a, > a:hover, > 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; - li { - padding-left:0; - a { - color:#333; - } - } - &.pull-right li:last-child a { - margin-right:0px !important; - border-right:none !important; - } -} - -/* - * PILLS - */ -.jarviswidget header .nav-pills { - margin:3px; - > 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; - > 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/sass/smartadmin/_plugin-jcrop.scss b/sass/smartadmin/_plugin-jcrop.scss deleted file mode 100644 index 641e50aa..00000000 --- a/sass/smartadmin/_plugin-jcrop.scss +++ /dev/null @@ -1,169 +0,0 @@ -/* jquery.Jcrop.css v0.9.12 - MIT License */ -/* - The outer-most container in a typical Jcrop instance - If you are having difficulty with formatting related to styles - on a parent element, place any fixes here or in a like selector - - You can also style this element if you want to add a border, etc - A better method for styling can be seen below with .jcrop-light - (Add a class to the holder and style elements for that extended class) -*/ -.jcrop-holder { - direction: ltr; - text-align: left; -} -/* Selection Border */ -.jcrop-vline, .jcrop-hline { - background: #ffffff url("#{$base-url}/jcrop/Jcrop.gif"); - font-size: 0; - position: absolute; -} -.jcrop-vline { - height: 100%; - width: 1px !important; - &.right { right: 0; } -} -.jcrop-hline { - height: 1px !important; - width: 100%; - &.bottom { bottom: 0; } -} -.jcrop-tracker { - height: 100%; - width: 100%; - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; - -webkit-user-select: none; -} -.jcrop-handle { - background-color: #333333; - border: 1px #eeeeee solid; - width: 7px; - height: 7px; - font-size: 1px; - &.ord-n { - left: 50%; - margin-left: -4px; - margin-top: -4px; - top: 0; - } - &.ord-s { - bottom: 0; - left: 50%; - margin-bottom: -4px; - margin-left: -4px; - } - &.ord-e { - margin-right: -4px; - margin-top: -4px; - right: 0; - top: 50%; - } - &.ord-w { - left: 0; - margin-left: -4px; - margin-top: -4px; - top: 50%; - } - &.ord-nw { - left: 0; - margin-left: -4px; - margin-top: -4px; - top: 0; - } - &.ord-ne { - margin-right: -4px; - margin-top: -4px; - right: 0; - top: 0; - } - &.ord-se { - bottom: 0; - margin-bottom: -4px; - margin-right: -4px; - right: 0; - } - &.ord-sw { - bottom: 0; - left: 0; - margin-bottom: -4px; - margin-left: -4px; - } -} -/* Dragbars */ -.jcrop-dragbar { - &.ord-n, &.ord-s { - height: 7px; - width: 100%; - } - &.ord-e, &.ord-w { - height: 100%; - width: 7px; - } - &.ord-n { - margin-top: -4px; - } - &.ord-s { - bottom: 0; - margin-bottom: -4px; - } - &.ord-e { - margin-right: -4px; - right: 0; - } - &.ord-w { - margin-left: -4px; - } -} - -/* The "jcrop-light" class/extension */ -.jcrop-light { - .jcrop-vline, .jcrop-hline { - background: #ffffff; - filter: alpha(opacity=70) !important; - opacity: .70!important; - } - .jcrop-handle { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - background-color: #000000; - border-color: #ffffff; - border-radius: 3px; - } -} - -/* The "jcrop-dark" class/extension */ -.jcrop-dark { - .jcrop-vline, .jcrop-hline { - background: #000000; - filter: alpha(opacity=70) !important; - opacity: 0.7 !important; - } - .jcrop-handle { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - background-color: #ffffff; - border-color: #000000; - border-radius: 3px; - } -} - -/* Simple macro to turn off the antlines */ -.solid-line { - .jcrop-vline, .jcrop-hline { background: #ffffff; } -} -/* Fix for twitter bootstrap et al. */ -.jcrop-holder { - display:inline-block; - float:left; - margin-bottom:20px; - .modal & { - display:block; - float:none !important; - margin:0px !important; - } -} - -.jcrop-holder img, img.jcrop-preview { - max-width: none; -} diff --git a/sass/smartadmin/_plugin-jqgrid.scss b/sass/smartadmin/_plugin-jqgrid.scss deleted file mode 100644 index 7d2f9a0a..00000000 --- a/sass/smartadmin/_plugin-jqgrid.scss +++ /dev/null @@ -1,727 +0,0 @@ -/* Grid */ -.ui-jqgrid { - position: relative; - margin: 0px; - overflow: hidden; - border: 1px solid #ccc !important; - .ui-jqgrid-view { - position: relative; - left: 0; - top: 0; - padding: 0; - font-size: 11px; - input { margin:0px !important; } - button, input, select, textarea { - font-size: 11px - /*font-size: 13px; - padding: 4px; - margin: 5px 2px;*/ - } - } - /* caption */ - .ui-jqgrid-titlebar { - padding: 12px 13px; - position: relative; - font-size: 12px; - border-left: 0 none; - border-right: 0 none; - border-top: 0 none; - background-color: #f3f3f3; - background-image: -moz-linear-gradient(top,#f3f3f3,#e2e2e2); - background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3f3f3),to(#e2e2e2)); - background-image: -webkit-linear-gradient(top,#f3f3f3,#e2e2e2); - background-image: -o-linear-gradient(top,#f3f3f3,#e2e2e2); - background-image: linear-gradient(to bottom,#f3f3f3,#e2e2e2); - background-repeat: repeat-x; - border-bottom: 1px solid #BEBEBE; - } - .ui-jqgrid-caption { - text-align: left; - } - .ui-jqgrid-title { - font-size: 15px; - color: #333; - } - .ui-jqgrid-titlebar-close { - position: absolute; - top: 50%; - width: 19px; - margin: -10px 0 0 0; - padding: 1px; - right:10px !important; - cursor: pointer; - span { - display: block; - margin: 1px; - } - &:hover { - padding: 0; - } - } - /* header */ - .ui-jqgrid-hdiv { - position: relative; - margin: 0; - padding: 0; - overflow-x: hidden; - border-left: 0 none !important; - border-top: 0 none !important; - border-right: 0 none !important; - } - .ui-jqgrid-hbox { - float: left; - padding-right: 20px; - } - .ui-jqgrid-htable { - table-layout: fixed; - margin: 0; - th { - padding: 0 2px 0 2px; - background-color: #eee; - background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa)); - background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%); - background-image: -moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%); - background-image: -ms-linear-gradient(top,#f2f2f2 0,#fafafa 100%); - background-image: -o-linear-gradient(top,#f2f2f2 0,#fafafa 100%); - background-image: -linear-gradient(top,#f2f2f2 0,#fafafa 100%); - div { - overflow: hidden; - position: relative; - padding-right: 0px; - padding-top: 5px; - padding-bottom: 5px; - font-weight: bold; - background: none; - } - } - } - .ui-jqgrid-bdiv { - position: relative; - margin: 0; - padding: 0; - overflow: auto; - text-align: left; - overflow-x: hidden; - height: 300px !important; - background: #fff; - } - .ui-jqgrid-btable { - table-layout: fixed; - margin: 0; - outline-style: none; - } - .ui-th-div-ie { - white-space: nowrap; - zoom: 1; - } - .ui-jqgrid-resize { - height: 20px !important; - position: relative; - cursor: e-resize; - display: inline; - overflow: hidden; - } - .ui-grid-ico-sort { - overflow: hidden; - position: absolute; - display: inline; - cursor: pointer !important; - right: 0px; - } - .ui-icon-asc { - margin-top: -4px; - right: -1px; - } - .ui-icon-desc { - margin-top: 3px; - height: 12px; - } - .ui-i-asc { - margin-top: 0; - height: 16px; - } - .ui-i-desc { - margin-top: 0; - margin-left: 13px; - height: 16px; - } - .ui-jqgrid-sortable { - cursor: pointer; - } - tr.ui-search-toolbar th { - border-top-width: 1px !important; - border-top-color: inherit !important; - border-top-style: ridge !important - } - .ui-state-hover td { background: #ecf3f8 !important; } - .ui-pg-button { height: auto !important; } - .ui-pg-input, .ui-pg-selbox { - height: auto; - font-size: inherit; - } - .ui-state-highlight { - td { - color: #3a87ad !important; - background-color: #d9edf7 !important; - border-color: #bce8f1 !important; - } - + .ui-widget-content > td { - border-top-color: #bce8f1; - } - } - .ui-jqgrid-pager { - border-left: 0 none !important; - border-right: 0 none !important; - border-bottom: 0 none !important; - margin: 0 !important; - position: relative; - white-space: nowrap; - overflow: hidden; - border-top: 1px solid #D3D3D3; - font-size: 12px; - height:auto; - padding:4px !important; - .ui-pg-div { - padding: 1px 0; - float: left; - position: relative; - span.ui-icon { - float: left; - margin: 0 2px; - } - } - .ui-pg-button { - cursor: pointer; - } - } - .ui-search-table { - padding: 0; - border: 0 none; - height: 20px; - width: 100%; - .ui-search-oper { - width: 20px; - } - .ui-search-input > input, .ui-search-input > select { - display: block; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } - } - .ui-jqgrid-caption-rtl { text-align: right; } - .ui-jqgrid-hbox-rtl { - float: right; - padding-left: 20px; - } - .ui-jqgrid-resize-ltr { - float: right; - margin: -2px -2px -2px 0; - } - .ui-jqgrid-resize-rtl { - float: left; - margin: -2px 0 -1px -3px; - } - .ui-sort-rtl { left: 0; } - .tree-wrap-ltr { float: left; } - .tree-wrap-rtl { float: right; } - .ui-ellipsis { - -moz-text-overflow: ellipsis; - text-overflow: ellipsis; - } - tr.ui-row-ltr td, tr.ui-row-ltr, table { border-left:none !important; } - tr.ui-row-ltr td { - text-align: left; - padding: 6px 4px; - font-size:13px !important; - } - tr.ui-row-rtl td { - text-align: right; - } - tr.jqgfirstrow { - td { - padding: 0 2px 0 2px; - border-right-width: 1px; - border-right-style: solid; - } - } - tr.jqgrow { - outline-style: none; - height: 30px; - font-size: 12px; - td { - font-weight: normal; - overflow: hidden; - white-space: pre; - } - } - tr.jqgroup { - outline-style: none; - td { - font-weight: normal; - overflow: hidden; - white-space: pre; - } - } - tr.jqfoot { - td { - font-weight: bold; - overflow: hidden; - white-space: pre; - } - } - td.jqgrid-rownum { - padding: 0 2px 0 2px; - margin: 0; - border: 0 none; - } - .ui-jqgrid-resize-mark { - width: 2px; - left: 0; - background-color: #777; - cursor: col-resize; - position: absolute; - top: 0; - height: 100px; - overflow: hidden; - display: none; - border: 0 none; - z-index: 99999; - } - .ui-jqgrid-sdiv { - position: relative; - margin: 0; - padding: 0; - overflow: hidden; - border-left: 0 none !important; - border-top: 0 none !important; - border-right: 0 none !important; - } - .ui-jqgrid-ftable { - table-layout: fixed; - margin-bottom: 0; - } - tr.footrow td { - font-weight: bold; - overflow: hidden; - white-space: nowrap; - height: 21px; - padding: 0 2px 0 2px; - } - tr.footrow-ltr td { - text-align: left; - border-right-width: 1px; - border-right-color: inherit; - border-right-style: solid; - } - tr.footrow-rtl td { - text-align: right; - border-left-width: 1px; - border-left-color: inherit; - border-left-style: solid; - } -} - -.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { - background: none; - border:none; -} - -tr.ui-jqgrid-labels { - background-color: #eee; - background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa)); - background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%); - background-image: -moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%); - background-image: -ms-linear-gradient(top,#f2f2f2 0,#fafafa 100%); - background-image: -o-linear-gradient(top,#f2f2f2 0,#fafafa 100%); - background-image: -linear-gradient(top,#f2f2f2 0,#fafafa 100%); - font-size: 12px; -} - -.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { - overflow: hidden; - white-space: nowrap; - text-align: center; - border-top: 0 none; - border-bottom: 0 none; -} -.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { border-left: 0 none; } -.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl { border-right: 0 none; } -.ui-first-th-ltr { border-right: 1px solid; } -.ui-first-th-rtl { border-left: 1px solid; } -tr.ui-search-toolbar input { margin: 1px 0 0 0; } -tr.ui-search-toolbar select { margin: 1px 0 0 0; } - -/* Pager*/ -.ui-jqgrid .ui-pager-control { - position: relative; -} -.ui-jqgrid .ui-pg-table { - position: relative; - padding-bottom: 2px; - width: auto; - margin: 0; - td { - font-weight: normal; - vertical-align: middle; - padding: 1px; - } -} -.ui-jqgrid .ui-pg-button { - height: 19px !important; - span { - display: block; - margin: 1px; - float: left; - } - &:hover { - /*padding: 0;*/ - } -} -.ui-jqgrid .ui-state-disabled:hover { - padding: 1px; -} -.ui-jqgrid .ui-pg-input { - height: 13px; - font-size: .8em; - margin: 0; -} -.ui-jqgrid .ui-pg-selbox { - font-size: .8em; - line-height: 18px; - display: block; - height: 18px; - margin: 0; -} -.ui-jqgrid .ui-separator { - height: 18px; - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; - margin: 1px; - float: right; -} -.ui-jqgrid .ui-paging-info { - font-weight: normal; - height: 19px; - margin-top: 3px; - margin-right: 4px; -} -.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea { - margin: 0; -} -.ui-jqgrid td textarea { - width: auto; - height: auto; -} -.ui-jqgrid .ui-jqgrid-toppager { - border-left: 0 none !important; - border-right: 0 none !important; - border-top: 0 none !important; - margin: 0 !important; - padding: 0 !important; - position: relative; - height: 25px !important; - white-space: nowrap; - overflow: hidden; - .ui-pg-div { - padding: 1px 0; - float: left; - position: relative; - span.ui-icon { - float: left; - margin: 0 2px; - } - } - .ui-pg-button { - cursor: pointer; - } -} -/*subgrid*/ -.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span { - display: block; -} -.ui-jqgrid .ui-subgrid { - margin: 0; - padding: 0; - width: 100%; - table { table-layout: fixed; } - tr.ui-subtblcell td { - height: 18px; - border-right-width: 1px; - border-right-color: inherit; - border-right-style: solid; - border-bottom-width: 1px; - border-bottom-color: inherit; - border-bottom-style: solid; - } - td.subgrid-data { border-top: 0 none !important; } - td.subgrid-cell { border-width: 0 0 1px 0; } -} -.ui-jqgrid .ui-th-subgrid { height: 20px; } -/* loading */ -.ui-jqgrid .loading { - position: absolute; - top: 45%; - left: 45%; - width: auto; - z-index: 101; - padding: 6px; - margin: 5px; - text-align: center; - font-weight: bold; - display: none; - border-width: 2px !important; - font-size: 11px; -} -.ui-jqgrid .jqgrid-overlay { - display: none; - z-index: 100; -} -/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */ -* .jqgrid-overlay iframe { - position: absolute; - top: 0; - left: 0; - z-index: -1; -} -/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/ -/* end loading div */ -/* toolbar */ -.ui-jqgrid .ui-userdata { - border-left: 0 none; - border-right: 0 none; - height: 21px; - overflow: hidden; -} -/*Modal Window */ -.ui-jqdialog { - display: none; - width: 300px; - position: absolute; - padding: .2em; - font-size: 11px; - overflow: visible; - .ui-jqdialog-titlebar { - padding: .3em .2em; - position: relative; - } - .ui-jqdialog-title { - margin: .1em 0 .2em; - } - .ui-jqdialog-titlebar-close { - position: absolute; - top: 50%; - width: 19px; - margin: -10px 0 0 0; - padding: 1px; - height: 18px; - cursor: pointer; - &:hover, &:focus { - padding: 0; - } - span { - display: block; - margin: 1px; - } - } - .ui-jqconfirm { - padding: .4em 1em; - border-width: 3px; - position: absolute; - bottom: 10px; - right: 10px; - overflow: visible; - display: none; - height: 80px; - width: 220px; - text-align: center; - } - > .ui-resizable-se { - bottom: -3px; - right: -3px - } -} - -.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { - border: 0; - background: none; - height: auto; -} -.ui-jqgrid > .ui-resizable-se { - bottom: -3px; - right: -3px -} -/* end Modal window*/ -/* Form edit */ -.ui-jqdialog-content { - .FormGrid { - margin: 0; - } - .EditTable { - width: 100%; - margin-bottom: 0; - } - .DelTable { - width: 100%; - margin-bottom: 0; - } - td.EditButton { - text-align: right; - border-top: 0 none; - border-left: 0 none; - border-right: 0 none; - padding-bottom: 5px; - padding-top: 5px; - } - td.navButton { - text-align: center; - border-left: 0 none; - border-top: 0 none; - border-right: 0 none; - padding-bottom: 5px; - padding-top: 5px; - } - input.FormElement { - padding: .3em - } - select.FormElement { - padding: .3em - } - .data-line { - padding-top: .1em; - border: 0 none; - } - .CaptionTD { - vertical-align: middle; - border: 0 none; - padding: 2px; - white-space: nowrap; - } - .DataTD { - padding: 2px; - border: 0 none; - vertical-align: top; - } - .form-view-data { - white-space: pre - } -} -.EditTable td input, .EditTable td select, .EditTable td textarea { margin: 0; } -.EditTable td textarea { - width: auto; - height: auto; -} -.fm-button { - display: inline-block; - margin: 0 4px 0 0; - padding: .4em .5em; - text-decoration: none !important; - cursor: pointer; - position: relative; - text-align: center; - zoom: 1; -} -.fm-button-icon-left { - padding-left: 1.9em; - .ui-icon { - right: auto; - left: .2em; - margin-left: 0; - position: absolute; - top: 50%; - margin-top: -8px; - } -} -.fm-button-icon-right { - padding-right: 1.9em; - .ui-icon { - left: auto; - right: .2em; - margin-left: 0; - position: absolute; - top: 50%; - margin-top: -8px; - } -} -#nData, #pData { - float: left; - margin: 3px; - padding: 0; - width: 15px; -} -/* End Eorm edit */ -/*.ui-jqgrid .edit-cell {}*/ -.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td { - font-style: normal; - border-left: 0 none; -} -/* inline edit actions button*/ -.ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span, .ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span { - margin: -1px; -} -/* Tree Grid */ -.ui-jqgrid { - .tree-wrap { - float: left; - position: relative; - height: 18px; - white-space: nowrap; - overflow: hidden; - } - .tree-minus { - position: absolute; - height: 18px; - width: 18px; - overflow: hidden; - } - .tree-plus { - position: absolute; - height: 18px; - width: 18px; - overflow: hidden; - } - .tree-leaf { - position: absolute; - height: 18px; - width: 18px; - overflow: hidden; - } - .treeclick { - cursor: pointer; - } -} -/* moda dialog */ -* iframe.jqm { - position: absolute; - top: 0; - left: 0; - z-index: -1; -} -/* width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/ -.ui-jqgrid-dnd tr td { - border-right-width: 1px; - border-right-color: inherit; - border-right-style: solid; - height: 20px -} - -/* Toolbar Search Menu */ -.ui-search-menu { - position: absolute; - padding: 2px 5px; -} -a.g-menu-item, a.soptclass, a.clearsearchclass { cursor: pointer; } - -/* - * CUSTOM - */ -.jqgrid-new-row { - color: #1B641B !important; - background-color: #A8E798 !important; - border-color: #7E9E64 !important; -} - -.ui-jqdialog-content .DataTD { - padding-bottom: 5px; - &:last-child { padding-bottom: 10px; } -} diff --git a/sass/smartadmin/_plugin-select2.scss b/sass/smartadmin/_plugin-select2.scss deleted file mode 100644 index f9dca9e5..00000000 --- a/sass/smartadmin/_plugin-select2.scss +++ /dev/null @@ -1,595 +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-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; - 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; - &:hover { - /*background-position: right -11px;*/ - cursor: pointer; - } - } - > .select2-chosen { - margin-right: 26px; - display: block; - overflow: hidden; - - white-space: nowrap; - - text-overflow: ellipsis; - } - .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; - 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; - &:before { - content: "\f107"; - width: 100%; - height: 100%; - text-align:center; - display:block; - } - } - } - } - &.select2-drop-above .select2-choice { - border-bottom-color: #ccc; - } - &.select2-allowclear .select2-choice { - abbr { display: inline-block; } - .select2-chosen { margin-right: 42px; } - } -} - -.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-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-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; - 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%); - } - &: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/sass/smartadmin/_plugin-smart-notifications.scss b/sass/smartadmin/_plugin-smart-notifications.scss deleted file mode 100644 index 22cc7a98..00000000 --- a/sass/smartadmin/_plugin-smart-notifications.scss +++ /dev/null @@ -1,627 +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; - - input { - width: 50%; - padding: 5px; - } - - select { - width: 50%; - padding: 5px; - } -} - -.MessageBoxMiddle { - position: relative; - left: 20%; - width: 60%; - - .MsgTitle { - letter-spacing: -1px; - font-size: 24px; - font-weight: 300; - } - .pText { font-style: 30px; } -} - -.MessageBoxButtonSection { - width: 100%; - height: 30px; - - 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; - - .MsgTitle { font-size: 26px; } - .pText { font-style: 30px; } -} - -.LoadingBoxMiddle { - position: relative; - left: 20%; - width: 50%; - padding: 10px; -} -#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; - - span { - font-size: 17px; - font-weight: 300; - letter-spacing: -1px; - padding: 5px 0 !important; - display: block; - } - p { - font-size: 13px; - margin-top: 10px; - } - .bigboxicon { - font-size: 30px; - text-align: left; - position: absolute; - top: 120px; - left: 6px; - z-index: 0; - } - - .bigboxnumber { - width: 100%; - text-align: right; - font-size: 25px; - } -} - -#divMiniIcons { - position: fixed; - width: 415px; - right: 10px; - bottom: 180px; - z-index: 9999; - float: right; - - .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; - - &:active { - top:1px; - left:1px; - position:relative; - } - } -} - -.botClose { - position: absolute; - right: 10px; - height: 16px; - width: 15px; - cursor: pointer; - font-size: 18px; - opacity: .5; - display: block; - top: 15px; - - &:hover { opacity: 1; } -} - -.cajita img { - width: 23px; - height: 23px; - padding-left: 3px; - padding-top: 3px; -} - -/* 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; - - &:hover { - border: 1px solid #fff; - cursor: pointer; - } - .foto { - font-size: 50px; - position: absolute; - left: 17px; - } - .textoFull { - width: 93%; - float: left; - padding-left: 20px; - } - .textoFoto { - width: 78%; - margin: 3px 20px 3px 80px; - float: left; - } - span { - font-size: 17px; - font-weight: 300; - letter-spacing: -1px; - display: block; - margin: 4px 0; - } - p { - font-size: 13px; - margin-top: 2px; - } -} - -.miniPic { - position: absolute; - bottom: 8px; - right: 9px; -} -.miniIcono { - height: 100%; - font-size: 20px; -} - -/* 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%; - - &:hover { - box-shadow: 0px 0px 10px #888888; - cursor: pointer; - } - - span { - font-size: 16px; - /*font-weight: bold;*/ - } - p { - font-size: 12px; - margin-top: 2px; - } - .textoFull { - width: 93%; - float: left; - padding-left: 20px; - } - - .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/sass/smartadmin/_plugin-summernote.scss b/sass/smartadmin/_plugin-summernote.scss deleted file mode 100644 index b42fb9be..00000000 --- a/sass/smartadmin/_plugin-summernote.scss +++ /dev/null @@ -1,361 +0,0 @@ -.note-editor { - border: 1px solid #a9a9a9; - - &.fullscreen { - position: fixed; - top: 0; - left: 0; - z-index: 1050; - width: 100%; - - .note-editable { background-color: white; } - .note-editor.fullscreen .note-resizebar { display: none; } - } - &.codeview { - .note-editable { display: none; } - .note-codeable { display: block; } - } - .note-toolbar { - padding-bottom: 5px; - padding-left: 5px; - margin: 0; - background-color: #f5f5f5; - border-bottom: 1px solid #a9a9a9; - > .btn-group { - margin-top: 5px; - margin-right: 5px; - margin-left: 0 - } - .note-table { - .dropdown-menu { - min-width: 0; - padding: 5px; - .note-dimension-picker { - font-size: 18px; - .note-dimension-picker-mousecatcher { - position: absolute !important; - z-index: 3; - width: 10em; - height: 10em; - cursor: pointer; - } - .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-dimension-picker-highlighted { - position: absolute !important; - z-index: 2; - width: 1em; - height: 1em; - background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; - } - } - } - } - .note-style { - h1, h2, h3, h4, h5, h6, blockquote { margin: 0; } - } - - .note-color { - .dropdown-toggle { - width: 20px; - padding-left: 5px; - } - .dropdown-menu { - min-width: 290px; - .btn-group { - margin: 0; - &:first-child { - margin: 0 5px; - } - .note-palette-title { - margin: 2px 7px; - font-size: 12px; - text-align: center; - border-bottom: 1px solid #eee; - } - .note-color-reset { - padding: 0 3px; - margin: 5px; - font-size: 12px; - cursor: pointer; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - &:hover { background: #eee; } - } - } - } - } - .note-para { - .dropdown-menu { - min-width: 165px; - padding: 5px - } - li:first-child { - margin-bottom: 5px - } - } - } - .note-statusbar { - background-color: #f5f5f5; - .note-resizebar { - width: 100%; - height: 8px; - cursor: s-resize; - border-top: 1px solid #a9a9a9; - .note-icon-bar { - width: 20px; - margin: 1px auto; - border-top: 1px solid #a9a9a9; - } - } - } - .note-popover { - .popover { - max-width: none; - .popover-content { - padding: 5px; - a { - display: inline-block; - max-width: 200px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - vertical-align: middle; - } - .btn-group + .btn-group { - margin-left: 5px; - } - } - .arrow { left: 20px; } - } - } - .note-handle { - .note-control-selection { - position: absolute; - display: none; - border: 1px solid black; - > div { position: absolute; } - .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-control-handle { - width: 7px; - height: 7px; - border: 1px solid black; - } - .note-control-holder { - width: 7px; - height: 7px; - border: 1px solid black; - } - .note-control-sizing { - width: 7px; - height: 7px; - background-color: white; - border: 1px solid black; - } - .note-control-nw { - top: -5px; - left: -5px; - border-right: 0; - border-bottom: 0; - } - .note-control-ne { - top: -5px; - right: -5px; - border-bottom: 0; - border-left: none; - } - .note-control-sw { - bottom: -5px; - left: -5px; - border-top: 0; - border-right: 0; - } - .note-control-se { - right: -5px; - bottom: -5px; - cursor: se-resize; - } - .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-dialog { - > div { - display: none; - } - .note-image-dialog .note-dropzone { - min-height: 200px; - font-size: 30px; - line-height: 6; - color: lightgray; - text-align: center; - border: 4px dashed lightgray; - } - .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); - .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; - } - a { - font-size: 12px; - color: white; - } - .title { - padding-bottom: 5px; - font-size: 14px; - font-weight: bold; - color: white; - border-bottom: white 1px solid; - } - .modal-close { - font-size: 14px; - color: #dd0; - cursor: pointer; - } - .note-shortcut-layout { - width: 100%; - td { - vertical-align: top; - } - } - .note-shortcut { - margin-top: 8px; - th { - font-size: 13px; - color: #dd0; - text-align: left; - } - td:first-child { - min-width: 110px; - padding-right: 10px; - font-family: "Courier New"; - color: #dd0; - text-align: right; - } - } - } - } - .note-editable { - padding: 10px; - overflow: scroll; - outline: 0; - } - .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; - } - .dropdown-menu { - min-width: 90px; - &.right { - right: 0; - left: auto; - &::before { - right: 9px; - left: auto !important; - } - &::after { - right: 10px; - left: auto !important; - } - } - li a { - i { - color: deepskyblue; - visibility: hidden; - } - &.checked i { - visibility: visible; - } - } - } - .note-color-palette { - line-height: 1; - div { - .note-color-btn { - width: 17px; - height: 17px; - padding: 0; - margin: 0; - border: 1px solid #fff; - &:hover { - border: 1px solid #000; - } - } - } - } - .no-padding & { border: none; } -} - - -/* adjustment */ - -.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; } diff --git a/sass/smartadmin/_plugin-superbox.scss b/sass/smartadmin/_plugin-superbox.scss deleted file mode 100644 index c238fbdc..00000000 --- a/sass/smartadmin/_plugin-superbox.scss +++ /dev/null @@ -1,132 +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; - &.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; - &:hover { - opacity: 0.8; - } -} -.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-float { - float: left; -} -.superbox-close { - opacity: 0.7; - cursor: pointer; - position: absolute; - top: 15px; - right: 15px; - transition: all 0.1s linear 0s; - &:hover { - opacity: 1; - } -} - -.superbox-imageinfo { - display: inline-block; - max-width: 500px; - color: #fff; - padding: 0 25px 0 0; - span { - font-size: 13px; - color: lighten($asideColor-start, 45%); - margin-right: -2px; - padding-top: 10px; - display: inline-block; - padding-bottom: 13px; - p:last-child { - margin-top: 30px; - } - } - - >:first-child { - margin-bottom: 10px; - font-weight: bold; - } -} - - -@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%; - } -} diff --git a/sass/smartadmin/_plugin-voicecommand.scss b/sass/smartadmin/_plugin-voicecommand.scss deleted file mode 100644 index 5596cac1..00000000 --- a/sass/smartadmin/_plugin-voicecommand.scss +++ /dev/null @@ -1,53 +0,0 @@ -#speech-btn >:first-child { - position:relative -} - -.voice-command-active #speech-btn >:first-child > a { - background: #0E70CA; - border: 1px solid #125A9C; - color: rgba(255,255,255,0.9); -} - -.voice-command-active.service-not-allowed #speech-btn >:first-child > a{ - background: #a90329; - border: 1px solid #8B0913; - color: rgba(255,255,255,0.9); -} - -.voice-command-active.service-allowed #speech-btn >:first-child > a{ - background: url('#{$base-url}/voicecommand/active-btn.gif') no-repeat center center #0E70CA; - border: 1px solid #125A9C; - color: rgba(255,255,255,0.9); -} - -#speech-btn >:first-child > a + .popover { - display: none; - top: 42px; - left: -113px; - width: 255px; -} -.popover .vc-title { - margin-bottom:10px !important; - font-size:16px; - line-height: 20px; - text-align: center; -} - -.popover .vc-title-error { - display:none; -} - -.voice-command-active.service-not-allowed .popover .vc-title, -.voice-command-active.service-not-allowed .popover .btn, -.service-not-allowed .popover .vc-title, -.service-not-allowed .popover .btn { - display:none !important; -} - -.voice-command-active.service-not-allowed .vc-title-error { - display:block; -} - -.popover .vc-title > small { - font-size:80%; -} diff --git a/sass/smartadmin/_section-ajax-msg.scss b/sass/smartadmin/_section-ajax-msg.scss deleted file mode 100644 index 912b140e..00000000 --- a/sass/smartadmin/_section-ajax-msg.scss +++ /dev/null @@ -1,19 +0,0 @@ -.ajax-loading-error { - margin-top: 70px; - display: block; - text-align: center; - font-size: 23px; - font-weight: bold; - - .ajax-notifications & { - text-align: center; - margin-top: 20px; - font-size: 15px; - } -} -.ajax-notifications .ajax-loading-animation { - font-size: 15px; - text-align: center; - margin-top: 70px; -} - diff --git a/sass/smartadmin/_section-calendar.scss b/sass/smartadmin/_section-calendar.scss deleted file mode 100644 index 9061177a..00000000 --- a/sass/smartadmin/_section-calendar.scss +++ /dev/null @@ -1,102 +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; - >:first-child { - padding: 5px 10px 10px; - cursor: move; - display: block; - &: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; - } - } -} - - diff --git a/sass/smartadmin/_section-forum.scss b/sass/smartadmin/_section-forum.scss deleted file mode 100644 index 12fb0ab2..00000000 --- a/sass/smartadmin/_section-forum.scss +++ /dev/null @@ -1,53 +0,0 @@ -/* - * FORUM PAGE - */ -.table-forum { - thead tr { - background: none !important; - th { - font-size: $font-size-base + 4; - font-weight: normal; - border-bottom-color: #f1f1f1; - } - } - tr td { - border-top-style: dashed !important; - padding-top: 12px !important; - padding-bottom: 12px !important; - - h4 { - font-size: $font-size-base + 2; - font-weight: 700; - small { - font-size: $font-size-base; - display: block; - margin-top: 2px; - } - } - > i { - margin-top: 4px; - padding-left: 10px; - } - } - tr.closed h4 > a { - &: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: "\f023"; - } - text-decoration:line-through; - color: #848484; - cursor: not-allowed; - } -} - -.forum-attachment { - margin-top: 20px; - display: block; -} - diff --git a/sass/smartadmin/_section-inbox.scss b/sass/smartadmin/_section-inbox.scss deleted file mode 100644 index ede78433..00000000 --- a/sass/smartadmin/_section-inbox.scss +++ /dev/null @@ -1,435 +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; - overflow-x: hidden; -} -.inbox-body.no-content-padding { - margin-top: 0; - background: $white; - overflow: hidden; -} - -.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 { - position: absolute; - bottom: -53px; -} -.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; - - > :first-child:after { content: " - "; } - - span { - color: #111; - &.label { color: $white; } - } -} - -.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; - .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; - overflow-y: auto; - overflow-x: hidden; - -webkit-overflow-scrolling: touch; - -} - -.inbox-side-bar::-webkit-scrollbar { - width: 0 !important; -} - -.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; - li { - display: block; - width: 100%; - a { - display: block; - padding: 6px 15px 7px; - font-size: $font-size-base; - color: $gray-dark; - &:hover { - text-decoration: none; - background: $gray-lightest; - } - } - &.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; - li { - display: block; - width: 100%; - a { - display: block; - padding: 8px 15px 10px; - font-size: $font-size-base; - color: $gray-dark; - &:hover { - text-decoration: none; - background: $gray-lightest; - } - } - } - &.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; - > 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; - - 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; - - >:first-child { - margin-bottom: 0; - width: 150px; - overflow: hidden; - - >:first-child { - text-align: center; - display: block; - color: #d6d6d6; - > .fa { font-size: 150px; } - > img { max-width:120px; } - } - &:hover { - background: $white; - border-color: #c0c0c0; - } - } - } -} - -.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; -} - -/* reply text area */ - -.inbox-body .note-editor .note-editable { - height: 100% important; -} - -.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; - } -} diff --git a/sass/smartadmin/_section-nestables.scss b/sass/smartadmin/_section-nestables.scss deleted file mode 100644 index de4a284a..00000000 --- a/sass/smartadmin/_section-nestables.scss +++ /dev/null @@ -1,251 +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 { padding-left: 30px; } - .dd-collapsed & { 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%); - &: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; -} - diff --git a/sass/smartadmin/_section-profile.scss b/sass/smartadmin/_section-profile.scss deleted file mode 100644 index df52e8b7..00000000 --- a/sass/smartadmin/_section-profile.scss +++ /dev/null @@ -1,116 +0,0 @@ -/* - * PROFILE PAGE - */ -.profile-pic { - text-align: right; - - > img { - border-radius: 0%; - position: relative; - border: 5px solid $white; - top: -30px; - left: 10px; - display: inline-block; - text-align: right; - z-index: 4; - max-width: 100px; - margin-bottom: -30px; - } -} - -.profile-carousel .carousel-inner { - max-height: 150px; -} - -.friends-list { - li { - margin-bottom: 10px; - margin-right: 3px; - padding: 0; - } - img { - width: 35px; - border: 1px solid $white; - outline: 1px solid $gray-mid-light; - } -} - -.profile-link-btn { - color: $gray-light; - font-size: $font-size-base + 1; -} - -/* - * Calendar Icon - */ -time.icon { - font-size: 14px; /* change icon size */ - display: block; - position: relative; - width: 35px; - height: 43px; - background-color: #fff; - margin: 3px auto; - border-radius: 7px; - box-shadow: 0 1px 0 #bdbdbd,0 2px 0 #fff,0 3px 0 #EEE9E9,0 4px 0 #fff,0 5px 0 #FFFFFF,0 0 0 1px #D3D3D3; - overflow: hidden; - - * { - display: block; - width: 100%; - font-size: 10px; - font-weight: bold; - font-style: normal; - text-align: center; - } - strong { - position: absolute; - top: 0; - padding: 2px 0; - color: #fff; - background-color: $asideColor-end; - -webkit-box-shadow: 0 2px 0 $asideColor-end; - box-shadow: 0 2px 0 $asideColor-end; - border-radius: 6px 6px 0 0; - } - em { - position: absolute; - bottom: 3px; - color: $brand-primary; - } - span { - width: 100%; - font-size: 15px; - letter-spacing: -.05em; - padding-top: 21px; - color: #2f2f2f; - } -} - -/* - * New users - */ -.user { - display: block; - float: left; - width: 170px; - margin: 0 15px 15px 0; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - white-space: nowrap; - - img { - float: left; - width: 35px; - margin-right: 5px; - } - .email { - color: #999; - overflow: hidden; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - white-space: nowrap; - } -} - diff --git a/sass/smartadmin/_section-search.scss b/sass/smartadmin/_section-search.scss deleted file mode 100644 index 576a98f3..00000000 --- a/sass/smartadmin/_section-search.scss +++ /dev/null @@ -1,44 +0,0 @@ -/* - * SEARCH RESULTS - */ - -.search-results { - padding: 18px 5px; - - + .search-results { - border-top: 1px dashed #e3e3e3; - } - >:first-child { - margin-bottom: 4px; - font-weight: 400; - a { - text-decoration: underline; - } - } - .url { - font-style: normal; - font-size: 14px; - } - img { - display: inline-block; - margin-top: 4px; - margin-right: 4px; - width: 80px; - } - > div { - display: inline-block; - vertical-align: top; - } - .note { - margin: 0; - line-height: normal; - a { - text-decoration: none !important; - color: $gray-dark; - &:hover { - color: #ed1c24; - } - } - } -} - diff --git a/sass/smartadmin/_section-timeline.scss b/sass/smartadmin/_section-timeline.scss deleted file mode 100644 index c3832ab8..00000000 --- a/sass/smartadmin/_section-timeline.scss +++ /dev/null @@ -1,69 +0,0 @@ -/* - * TIMELINE PAGE - */ - -/* Timeline */ -.smart-timeline { position: relative; } - -.smart-timeline-list { - list-style: none; - margin: 0; - padding: 0; - - &:after { - content: " "; - background-color: $gray-lighter; - position: absolute; - display: block; - width: 2px; - top: 0; - left: 95px; - bottom: 0; - z-index: 1; - } - - li { - position: relative; - margin: 0; - padding: 15px 0; - &:hover { background-color: #f9f9f9; } - - } - > li:hover { background-color: $gray-lightest; } -} - -.smart-timeline-icon { - background: $brand-primary; - color: $white; - border-radius: 50%; - position: absolute; - width: 32px; - height: 32px; - line-height: 28px; - font-size: $font-size-base + 1; - text-align: center; - left: 80px; - top: 10px; - z-index: 100; - padding: 2px; - - > img { - height: 32px; - width: 32px; - border-radius: 50%; - margin-top: -2px; - margin-left: -2px; - border: 2px solid $brand-primary; - } -} - -.smart-timeline-time { - float: left; - width: 70px; - text-align: right; - - > small { font-style: italic; } -} - -.smart-timeline-content { margin-left: 123px; } - diff --git a/sass/smartadmin/_section-todo.scss b/sass/smartadmin/_section-todo.scss deleted file mode 100644 index de889ded..00000000 --- a/sass/smartadmin/_section-todo.scss +++ /dev/null @@ -1,80 +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; - > 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; - - &:last-child, &:only-child { border-bottom: none; } - >:first-child { - display: block; - border-right: 1px solid #FFE1EB; - height: 100%; - padding: 6px 11px 6px 18px; - width: 20px; - vertical-align: top; - position: absolute; - &:hover { cursor: move; } - } - > 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; - - >:first-child { - margin-top: -5px; - color: $gray-light; - margin-bottom: 4px; - } - > .date { color:$gray-mid-light; } - > span { - display: block; - line-height: 12px; - font-size: 10px; - font-weight: normal; - } - } - } - > li.complete { - background: none; - >:first-child:hover { cursor: default; } - > * { - 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/templates/modules/header.html b/templates/modules/header.html new file mode 100644 index 00000000..5251d258 --- /dev/null +++ b/templates/modules/header.html @@ -0,0 +1,78 @@ + \ No newline at end of file diff --git a/templates/modules/signature_reader_dialog.html b/templates/modules/signature_reader_dialog.html new file mode 100644 index 00000000..d71549cb --- /dev/null +++ b/templates/modules/signature_reader_dialog.html @@ -0,0 +1,17 @@ +
+
+
+
+ +
+ + + Copy and paste signatures from your probe scanning window. + Hit + (for copy) + then + (for paste). This tool can add and update signatures. + +
+
+
+
+
\ No newline at end of file