dave/pathfinder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update system-info module

Browse Source
This commit is contained in:
exodus4d
2014-12-09 00:10:04 +01:00
parent 49073e5dd2
commit a930d5d4a0
97 changed files with 4071 additions and 15151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.idea/.name generated Normal file
View File

@@ -0,0 +1 @@
pathfinder

16
.idea/dictionaries/exodus4d.xml generated Normal file
View File

@@ -0,0 +1,16 @@
<component name="ProjectDictionaryState">
<dictionary name="exodus4d">
<words>
<w>addclass</w>
<w>fontawesome</w>
<w>jqueryui</w>
<w>killboard</w>
<w>nonblock</w>
<w>scrollbar</w>
<w>scrollbars</w>
<w>slidebar</w>
<w>slidebars</w>
<w>textarea</w>
</words>
</dictionary>
</component>

5
.idea/encodings.xml generated Normal file
View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="Encoding" useUTFGuessing="true" native2AsciiForPropertiesFiles="false" />
</project>

7
.idea/inspectionProfiles/Project_Default.xml generated Normal file
View File

@@ -0,0 +1,7 @@
<component name="InspectionProjectProfileManager">
<profile version="1.0" is_locked="false">
<option name="myName" value="Project Default" />
<option name="myLocal" value="false" />
<inspection_tool class="JSHint" enabled="true" level="ERROR" enabled_by_default="true" />
</profile>
</component>

7
.idea/inspectionProfiles/profiles_settings.xml generated Normal file
View File

@@ -0,0 +1,7 @@
<component name="InspectionProjectProfileManager">
<settings>
<option name="PROJECT_PROFILE" value="Project Default" />
<option name="USE_PROJECT_PROFILE" value="true" />
<version value="1.0" />
</settings>
</component>

8
.idea/jsLibraryMappings.xml generated Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptLibraryMappings">
<file url="PROJECT" libraries="{Node.js v0.10.32 Core Modules, jQuery-2.0.0}" />
<includedPredefinedLibrary name="Node.js Globals" />
</component>
</project>

8
.idea/jsLinters/jslint.xml generated Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JSLintConfiguration">
<option indent="4" />
<option maxerr="50" />
</component>
</project>

6
.idea/libraries/compass_library.xml generated Normal file
View File

@@ -0,0 +1,6 @@
<component name="libraryTable">
<library name="compass-library">
<CLASSES />
<SOURCES />
</library>
</component>

5
.idea/misc.xml generated Normal file
View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectRootManager" version="2" />
</project>

9
.idea/modules.xml generated Normal file
View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/pathfinder.iml" filepath="$PROJECT_DIR$/.idea/pathfinder.iml" />
</modules>
</component>
</project>

18
.idea/pathfinder.iml generated Normal file
View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="CompassSettings">
<option name="compassConfigPath" value="$MODULE_DIR$/config.rb" />
<option name="compassExecutableFilePath" value="C:/Ruby21-x64/bin/compass" />
<option name="compassSupportEnabled" value="true" />
</component>
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
<orderEntry type="library" name="jQuery-2.0.0" level="application" />
<orderEntry type="library" name="Node.js v0.10.32 Core Modules" level="application" />
<orderEntry type="library" name="compass-library" level="project" />
<orderEntry type="library" name="sass-stdlib" level="application" />
</component>
</module>

5
.idea/scopes/scope_settings.xml generated Normal file
View File

@@ -0,0 +1,5 @@
<component name="DependencyValidationManager">
<state>
<option name="SKIP_IMPORT_STATEMENTS" value="false" />
</state>
</component>

8
.idea/vcs.xml generated Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="" vcs="Git" />
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

26
.idea/watcherTasks.xml generated Normal file
View File

@@ -0,0 +1,26 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectTasksOptions">
<TaskOptions isEnabled="true">
<option name="arguments" value="" />
<option name="checkSyntaxErrors" value="true" />
<option name="description" value="Compiles .scss files into .css files" />
<option name="exitCodeBehavior" value="ALWAYS" />
<option name="fileExtension" value="scss" />
<option name="immediateSync" value="false" />
<option name="name" value="SCSS" />
<option name="output" value="$FileNameWithoutExtension$.css" />
<option name="outputFilters">
<array />
</option>
<option name="outputFromStdout" value="false" />
<option name="passParentEnvs" value="true" />
<option name="program" value="C:/Ruby21-x64/bin/scss.bat" />
<option name="scopeName" value="Project Files" />
<option name="trackOnlyRoot" value="true" />
<option name="workingDir" value="F:\webpages\exodus4d\pathfinder" />
<envs />
</TaskOptions>
</component>
</project>

17
index.htm
View File

@@ -3,23 +3,18 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="EvE-Online wormhole mapping tool">
<meta name="keywords" content="eve,wormhole,mapping,tool,mmo,space,game,igb">
<meta name="author" content="Exodus 4D">
<title>Pathfinder - mapping tool</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/production.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/pathfinder.css">
</head>
<body class="pf-body">
<div id="pf-map-module"/>
<div id="pf-dialog-wrapper"/>
<script data-main="js/app" src="js/lib/require.js"></script>
</body>

51
js/app.js
View File

@@ -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"]);

17
js/app/counter.js
View File

@@ -46,15 +46,15 @@ define(["jquery"], function($) {
){
value.push('<span class="' + config.counterDigitSmallClass + '">' + min + 'm' + '</span>');
}
if(
leftSec > 0 ||
leftSec >= 0 ||
value.length > 0
){
value.push('<span class="' + config.counterDigitSmallClass + '">' + leftSec + 's' + '</span>');
}
//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);
}

286
js/app/init.js
View File

@@ -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;

118
js/app/main.js
View File

@@ -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(
$('<div>', {
class: [config.pageSlidebarClass, config.pageSlidebarRightClass, 'sb-style-push', 'sb-width-custom'].join(' ')
}).attr('data-sb-width', config.pageSlideRightWidth).text('right')
);
// menu left
$(this).prepend(
$('<div>', {
class: [config.pageSlidebarClass, config.pageSlidebarLeftClass, 'sb-style-push', 'sb-width-custom'].join(' ')
}).attr('data-sb-width', config.pageSlideLeftWidth).text('left')
);
// main page
$(this).prepend(
$('<div>', {
id: config.pageId,
class: config.pageClass
}).append(
$('<div>', {
id: config.mapModuleId
})
).append(
$('<div>', {
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);

144
js/app/map/map.js
View File

@@ -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);
});
};
});

934
js/app/module_map.js
View File

File diff suppressed because it is too large Load Diff

106
js/app/notification.js Normal file
View File

@@ -0,0 +1,106 @@
define([
'jquery',
'pnotify',
//'pnotify.buttons',
//'pnotify.confirm',
'pnotify.nonblock',
'pnotify.desktop',
//'pnotify.history',
'pnotify.callbacks',
//'pnotify.reference'
], function($, PNotify) {
'use strict';
var config = {
title: '',
text: '',
type: '', // 'info', 'success', error, 'warning'
icon: false,
opacity: 0.8,
styling: 'fontawesome', // 'fontawesome', 'bootstrap3', 'jqueryui'
animate_speed: 200, // effect animation
position_animate_speed: 100, // animation speed for notifications moving up/down
hide: true, // close after few seconds
delay: 5000, // visible time for notification in browser
mouse_reset: true, // Reset the hide timer if the mouse moves over the notice.
shadow: true,
addclass: 'stack-bottomright',
width: '250px',
// animation settings
animation: {
'effect_in': 'fade',
'options_in': {
easing: 'linear'
},
'effect_out': 'fade',
'options_out': {
easing: 'linear'
}
},
// nonblock extension parameter (click through notifications)
nonblock: {
nonblock: true,
nonblock_opacity: 0.2
},
// desktop extension "Web Notifications"
desktop: {
desktop: false, // change for enable
icon: 'http://eve.damianvila.com/images/eve-logo.png'
}
};
// stack container for all notifications
var stack_bottomright = {
dir1: 'up',
dir2: 'left',
firstpos1: 10,
firstpos2: 10,
spacing1: 5,
spacing2: 5,
push: 'bottom'
};
/**
* show a notification in browser and/or "Web Notifications" in OS
* @param customConfig
*/
var showNotify = function(customConfig){
customConfig = $.extend({}, config, customConfig );
switch(customConfig.type){
case 'info':
customConfig.icon = 'fa fa-info fa-fw fa-lg';
break;
case 'success':
customConfig.icon = 'fa fa-check fa-fw fa-lg';
break;
case 'warning':
customConfig.icon = 'fa fa-exclamation-triangle fa-fw fa-lg';
break;
case 'error':
customConfig.icon = 'fa fa-close fa-fw fa-lg';
break;
default:
customConfig.icon = false;
}
customConfig.stack = stack_bottomright;
if(
customConfig.desktop &&
customConfig.desktop.desktop === true
){
// ask for Web Notifications permission
PNotify.desktop.permission();
}
new PNotify(customConfig);
};
return {
showNotify: showNotify
};
});

152
js/app/util.js
View File

@@ -8,7 +8,10 @@ define(['jquery', 'app/init'], function($, Init) {
var config = {
ajaxOverlayClass: 'pf-loading-overlay',
ajaxOverlayWrapperClass: 'pf-loading-overlay-wrapper',
ajaxOverlayVisibleClass: 'pf-loading-overlay-visible'
ajaxOverlayVisibleClass: 'pf-loading-overlay-visible',
formEditableFieldClass: 'pf-editable' // Class for all xEditable fields
};
/**
@@ -36,6 +39,9 @@ define(['jquery', 'app/init'], function($, Init) {
};
/**
* removes a loading indicator
*/
$.fn.hideLoadingAnimation = function(){
var overlay = $(this).find('.' + config.ajaxOverlayClass );
@@ -48,6 +54,38 @@ define(['jquery', 'app/init'], function($, Init) {
};
/**
* get all form Values as object
* this incluces all xEditable fields
* @returns {{}}
*/
$.fn.getFormValues = function(){
var formData = {};
$.each($(this).serializeArray(), function(i, field) {
formData[field.name] = field.value;
});
// get xEditable values
var editableValues = $(this).find('.' + config.formEditableFieldClass).editable('getValue');
// merge values
formData = $.extend(formData, editableValues);
return formData;
};
var showNotify = function(customConfig){
requirejs(['app/notification'], function(Notification) {
Notification.showNotify(customConfig);
});
};
// ==================================================================================================
/**
* get some info for a given effect string
* @param effect
@@ -118,10 +156,120 @@ define(['jquery', 'app/init'], function($, Init) {
return statusInfo;
};
var getSignatureGroupInfo = function(option){
var groupInfo = {};
for (var prop in Init.signatureGroups) {
if(Init.signatureGroups.hasOwnProperty(prop)){
prop = parseInt(prop);
groupInfo[prop] = Init.signatureGroups[prop][option];
}
}
return groupInfo;
};
/**
* get Signature names out of global
* @param systemType
* @param areaId
* @param sigGroupId
* @returns {{}}
*/
var getAllSignatureNames = function(systemType, areaId, sigGroupId){
var signatureNames = {};
if(
Init.signatureTypes[systemType] &&
Init.signatureTypes[systemType][areaId] &&
Init.signatureTypes[systemType][areaId][sigGroupId]
){
signatureNames = Init.signatureTypes[systemType][areaId][sigGroupId];
}
return signatureNames;
};
/**
* get the typeID of a signature name
* @param systemData
* @param sigGroupId
* @param name
* @returns {number}
*/
var getSignatureTypeIdByName = function(systemData, sigGroupId, name){
var signatureTypeId = 0;
name = name.toLowerCase();
var systemConfig = systemData.config;
var areaId = getAreaIdBySecurity(systemConfig.security);
var signatureNames = getAllSignatureNames(systemConfig.type, areaId, sigGroupId );
for(var prop in signatureNames) {
if(
signatureNames.hasOwnProperty(prop) &&
signatureNames[prop].toLowerCase() === name
){
signatureTypeId = parseInt( prop );
break;
}
}
return signatureTypeId;
};
/**
* get Area ID by security string
* k-space not implemented jet
* @param security
* @returns {*}
*/
var getAreaIdBySecurity = function(security){
var areaId = null;
switch(security){
case 'C1':
areaId = 1;
break;
case 'C2':
areaId = 2;
break;
case 'C3':
areaId = 3;
break;
case 'C4':
areaId = 4;
break;
case 'C5':
areaId = 5;
break;
case 'C6':
areaId = 6;
break;
}
return areaId;
};
return {
showNotify: showNotify,
getEffectInfoForSystem: getEffectInfoForSystem,
getSecurityClassForSystem: getSecurityClassForSystem,
getTrueSecClassForSystem: getTrueSecClassForSystem,
getStatusInfoForSystem: getStatusInfoForSystem
getStatusInfoForSystem: getStatusInfoForSystem,
getSignatureGroupInfo: getSignatureGroupInfo,
getAllSignatureNames: getAllSignatureNames,
getSignatureTypeIdByName: getSignatureTypeIdByName,
getAreaIdBySecurity: getAreaIdBySecurity
};
});

132
js/lib/pnotify/pnotify.buttons.js Normal file
View File

@@ -0,0 +1,132 @@
// Buttons
// Uses AMD or browser globals for jQuery.
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as a module.
define('pnotify.buttons', ['jquery', 'pnotify'], factory);
} else {
// Browser globals
factory(jQuery, PNotify);
}
}(function($, PNotify){
PNotify.prototype.options.buttons = {
// Provide a button for the user to manually close the notice.
closer: true,
// Only show the closer button on hover.
closer_hover: true,
// Provide a button for the user to manually stick the notice.
sticker: true,
// Only show the sticker button on hover.
sticker_hover: true,
// The various displayed text, helps facilitating internationalization.
labels: {
close: "Close",
stick: "Stick"
}
};
PNotify.prototype.modules.buttons = {
// This lets us update the options available in the closures.
myOptions: null,
closer: null,
sticker: null,
init: function(notice, options){
var that = this;
this.myOptions = options;
notice.elem.on({
"mouseenter": function(e){
// Show the buttons.
if (that.myOptions.sticker && !(notice.options.nonblock && notice.options.nonblock.nonblock)) that.sticker.trigger("pnotify_icon").css("visibility", "visible");
if (that.myOptions.closer && !(notice.options.nonblock && notice.options.nonblock.nonblock)) that.closer.css("visibility", "visible");
},
"mouseleave": function(e){
// Hide the buttons.
if (that.myOptions.sticker_hover)
that.sticker.css("visibility", "hidden");
if (that.myOptions.closer_hover)
that.closer.css("visibility", "hidden");
}
});
// Provide a button to stick the notice.
this.sticker = $("<div />", {
"class": "ui-pnotify-sticker",
"css": {"cursor": "pointer", "visibility": options.sticker_hover ? "hidden" : "visible"},
"click": function(){
notice.options.hide = !notice.options.hide;
if (notice.options.hide)
notice.queueRemove();
else
notice.cancelRemove();
$(this).trigger("pnotify_icon");
}
})
.bind("pnotify_icon", function(){
$(this).children().removeClass(notice.styles.pin_up+" "+notice.styles.pin_down).addClass(notice.options.hide ? notice.styles.pin_up : notice.styles.pin_down);
})
.append($("<span />", {"class": notice.styles.pin_up, "title": options.labels.stick}))
.prependTo(notice.container);
if (!options.sticker || (notice.options.nonblock && notice.options.nonblock.nonblock))
this.sticker.css("display", "none");
// Provide a button to close the notice.
this.closer = $("<div />", {
"class": "ui-pnotify-closer",
"css": {"cursor": "pointer", "visibility": options.closer_hover ? "hidden" : "visible"},
"click": function(){
notice.remove(false);
that.sticker.css("visibility", "hidden");
that.closer.css("visibility", "hidden");
}
})
.append($("<span />", {"class": notice.styles.closer, "title": options.labels.close}))
.prependTo(notice.container);
if (!options.closer || (notice.options.nonblock && notice.options.nonblock.nonblock))
this.closer.css("display", "none");
},
update: function(notice, options){
this.myOptions = options;
// Update the sticker and closer buttons.
if (!options.closer || (notice.options.nonblock && notice.options.nonblock.nonblock))
this.closer.css("display", "none");
else if (options.closer)
this.closer.css("display", "block");
if (!options.sticker || (notice.options.nonblock && notice.options.nonblock.nonblock))
this.sticker.css("display", "none");
else if (options.sticker)
this.sticker.css("display", "block");
// Update the sticker icon.
this.sticker.trigger("pnotify_icon");
// Update the hover status of the buttons.
if (options.sticker_hover)
this.sticker.css("visibility", "hidden");
else if (!(notice.options.nonblock && notice.options.nonblock.nonblock))
this.sticker.css("visibility", "visible");
if (options.closer_hover)
this.closer.css("visibility", "hidden");
else if (!(notice.options.nonblock && notice.options.nonblock.nonblock))
this.closer.css("visibility", "visible");
}
};
$.extend(PNotify.styling.jqueryui, {
closer: "ui-icon ui-icon-close",
pin_up: "ui-icon ui-icon-pin-w",
pin_down: "ui-icon ui-icon-pin-s"
});
$.extend(PNotify.styling.bootstrap2, {
closer: "icon-remove",
pin_up: "icon-pause",
pin_down: "icon-play"
});
$.extend(PNotify.styling.bootstrap3, {
closer: "glyphicon glyphicon-remove",
pin_up: "glyphicon glyphicon-pause",
pin_down: "glyphicon glyphicon-play"
});
$.extend(PNotify.styling.fontawesome, {
closer: "fa fa-times",
pin_up: "fa fa-pause",
pin_down: "fa fa-play"
});
}));

48
js/lib/pnotify/pnotify.callbacks.js Normal file
View File

@@ -0,0 +1,48 @@
// Callbacks
// Uses AMD or browser globals for jQuery.
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as a module.
define('pnotify.callbacks', ['jquery', 'pnotify'], factory);
} else {
// Browser globals
factory(jQuery, PNotify);
}
}(function($, PNotify){
var _init = PNotify.prototype.init,
_open = PNotify.prototype.open,
_remove = PNotify.prototype.remove;
PNotify.prototype.init = function(){
if (this.options.before_init) {
this.options.before_init(this.options);
}
_init.apply(this, arguments);
if (this.options.after_init) {
this.options.after_init(this);
}
};
PNotify.prototype.open = function(){
var ret;
if (this.options.before_open) {
ret = this.options.before_open(this);
}
if (ret !== false) {
_open.apply(this, arguments);
if (this.options.after_open) {
this.options.after_open(this);
}
}
};
PNotify.prototype.remove = function(timer_hide){
var ret;
if (this.options.before_close) {
ret = this.options.before_close(this, timer_hide);
}
if (ret !== false) {
_remove.apply(this, arguments);
if (this.options.after_close) {
this.options.after_close(this, timer_hide);
}
}
};
}));

152
js/lib/pnotify/pnotify.confirm.js Normal file
View File

@@ -0,0 +1,152 @@
// Confirm
// Uses AMD or browser globals for jQuery.
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as a module.
define('pnotify.confirm', ['jquery', 'pnotify'], factory);
} else {
// Browser globals
factory(jQuery, PNotify);
}
}(function($, PNotify){
PNotify.prototype.options.confirm = {
// Make a confirmation box.
confirm: false,
// Make a prompt.
prompt: false,
// Classes to add to the input element of the prompt.
prompt_class: "",
// The default value of the prompt.
prompt_default: "",
// Whether the prompt should accept multiple lines of text.
prompt_multi_line: false,
// Where to align the buttons. (right, center, left, justify)
align: "right",
// The buttons to display, and their callbacks.
buttons: [
{
text: "Ok",
addClass: "",
// Whether to trigger this button when the user hits enter in a single line prompt.
promptTrigger: true,
click: function(notice, value){
notice.remove();
notice.get().trigger("pnotify.confirm", [notice, value]);
}
},
{
text: "Cancel",
addClass: "",
click: function(notice){
notice.remove();
notice.get().trigger("pnotify.cancel", notice);
}
}
]
};
PNotify.prototype.modules.confirm = {
// The div that contains the buttons.
container: null,
// The input element of a prompt.
prompt: null,
init: function(notice, options){
this.container = $('<div style="margin-top:5px;clear:both;" />').css('text-align', options.align).appendTo(notice.container);
if (options.confirm || options.prompt)
this.makeDialog(notice, options);
else
this.container.hide();
},
update: function(notice, options){
if (options.confirm) {
this.makeDialog(notice, options);
this.container.show();
} else {
this.container.hide().empty();
}
},
afterOpen: function(notice, options){
if (options.prompt)
this.prompt.focus();
},
makeDialog: function(notice, options) {
var already = false, that = this, btn, elem;
this.container.empty();
if (options.prompt) {
this.prompt = $('<'+(options.prompt_multi_line ? 'textarea rows="5"' : 'input type="text"')+' style="margin-bottom:5px;clear:both;" />')
.addClass(notice.styles.input+' '+options.prompt_class)
.val(options.prompt_default)
.appendTo(this.container);
}
for (var i in options.buttons) {
btn = options.buttons[i];
if (already)
this.container.append(' ');
else
already = true;
elem = $('<button type="button" />')
.addClass(notice.styles.btn+' '+btn.addClass)
.text(btn.text)
.appendTo(this.container)
.on("click", (function(btn){ return function(){
if (typeof btn.click == "function") {
btn.click(notice, options.prompt ? that.prompt.val() : null);
}
}})(btn));
if (options.prompt && !options.prompt_multi_line && btn.promptTrigger)
this.prompt.keypress((function(elem){ return function(e){
if (e.keyCode == 13)
elem.click();
}})(elem));
if (notice.styles.text) {
elem.wrapInner('<span class="'+notice.styles.text+'"></span>');
}
if (notice.styles.btnhover) {
elem.hover((function(elem){ return function(){
elem.addClass(notice.styles.btnhover);
}})(elem), (function(elem){ return function(){
elem.removeClass(notice.styles.btnhover);
}})(elem));
}
if (notice.styles.btnactive) {
elem.on("mousedown", (function(elem){ return function(){
elem.addClass(notice.styles.btnactive);
}})(elem)).on("mouseup", (function(elem){ return function(){
elem.removeClass(notice.styles.btnactive);
}})(elem));
}
if (notice.styles.btnfocus) {
elem.on("focus", (function(elem){ return function(){
elem.addClass(notice.styles.btnfocus);
}})(elem)).on("blur", (function(elem){ return function(){
elem.removeClass(notice.styles.btnfocus);
}})(elem));
}
}
}
};
$.extend(PNotify.styling.jqueryui, {
btn: "ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only",
btnhover: "ui-state-hover",
btnactive: "ui-state-active",
btnfocus: "ui-state-focus",
input: "",
text: "ui-button-text"
});
$.extend(PNotify.styling.bootstrap2, {
btn: "btn",
input: ""
});
$.extend(PNotify.styling.bootstrap3, {
btn: "btn btn-default",
input: "form-control"
});
$.extend(PNotify.styling.fontawesome, {
btn: "btn btn-default",
input: "form-control"
});
}));

778
js/lib/pnotify/pnotify.core.js Normal file
View File

@@ -0,0 +1,778 @@
/*
PNotify 2.0.1 sciactive.com/pnotify/
(C) 2014 Hunter Perrin
license GPL/LGPL/MPL
*/
/*
* ====== PNotify ======
*
* http://sciactive.com/pnotify/
*
* Copyright 2009-2014 Hunter Perrin
*
* Triple licensed under the GPL, LGPL, and MPL.
* http://gnu.org/licenses/gpl.html
* http://gnu.org/licenses/lgpl.html
* http://mozilla.org/MPL/MPL-1.1.html
*/
// Uses AMD or browser globals for jQuery.
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as a module.
define('pnotify', ['jquery'], factory);
} else {
// Browser globals
factory(jQuery);
}
}(function($){
var default_stack = {
dir1: "down",
dir2: "left",
push: "bottom",
spacing1: 25,
spacing2: 25,
context: $("body")
};
var timer, // Position all timer.
body,
jwindow = $(window);
// Set global variables.
var do_when_ready = function(){
body = $("body");
PNotify.prototype.options.stack.context = body;
jwindow = $(window);
// Reposition the notices when the window resizes.
jwindow.bind('resize', function(){
if (timer)
clearTimeout(timer);
timer = setTimeout(function(){ PNotify.positionAll(true) }, 10);
});
};
PNotify = function(options){
this.parseOptions(options);
this.init();
};
$.extend(PNotify.prototype, {
// The current version of PNotify.
version: "2.0.1",
// === Options ===
// Options defaults.
options: {
// The notice's title.
title: false,
// Whether to escape the content of the title. (Not allow HTML.)
title_escape: false,
// The notice's text.
text: false,
// Whether to escape the content of the text. (Not allow HTML.)
text_escape: false,
// What styling classes to use. (Can be either jqueryui or bootstrap.)
styling: "bootstrap3",
// Additional classes to be added to the notice. (For custom styling.)
addclass: "",
// Class to be added to the notice for corner styling.
cornerclass: "",
// Display the notice when it is created.
auto_display: true,
// Width of the notice.
width: "300px",
// Minimum height of the notice. It will expand to fit content.
min_height: "16px",
// Type of the notice. "notice", "info", "success", or "error".
type: "notice",
// Set icon to true to use the default icon for the selected
// style/type, false for no icon, or a string for your own icon class.
icon: true,
// Opacity of the notice.
opacity: 1,
// The animation to use when displaying and hiding the notice. "none",
// "show", "fade", and "slide" are built in to jQuery. Others require jQuery
// UI. Use an object with effect_in and effect_out to use different effects.
animation: "fade",
// Speed at which the notice animates in and out. "slow", "def" or "normal",
// "fast" or number of milliseconds.
animate_speed: "slow",
// Specify a specific duration of position animation
position_animate_speed: 500,
// Display a drop shadow.
shadow: true,
// After a delay, remove the notice.
hide: true,
// Delay in milliseconds before the notice is removed.
delay: 8000,
// Reset the hide timer if the mouse moves over the notice.
mouse_reset: true,
// Remove the notice's elements from the DOM after it is removed.
remove: true,
// Change new lines to br tags.
insert_brs: true,
// Whether to remove notices from the global array.
destroy: true,
// The stack on which the notices will be placed. Also controls the
// direction the notices stack.
stack: default_stack
},
// === Modules ===
// This object holds all the PNotify modules. They are used to provide
// additional functionality.
modules: {},
// This runs an event on all the modules.
runModules: function(event, arg){
var curArg;
for (var module in this.modules) {
curArg = ((typeof arg === "object" && module in arg) ? arg[module] : arg);
if (typeof this.modules[module][event] === 'function')
this.modules[module][event](this, typeof this.options[module] === 'object' ? this.options[module] : {}, curArg);
}
},
// === Class Variables ===
state: "initializing", // The state can be "initializing", "opening", "open", "closing", and "closed".
timer: null, // Auto close timer.
styles: null,
elem: null,
container: null,
title_container: null,
text_container: null,
animating: false, // Stores what is currently being animated (in or out).
timerHide: false, // Stores whether the notice was hidden by a timer.
// === Events ===
init: function(){
var that = this;
// First and foremost, we don't want our module objects all referencing the prototype.
this.modules = {};
$.extend(true, this.modules, PNotify.prototype.modules);
// Get our styling object.
if (typeof this.options.styling === "object") {
this.styles = this.options.styling;
} else {
this.styles = PNotify.styling[this.options.styling];
}
// Create our widget.
// Stop animation, reset the removal timer when the user mouses over.
this.elem = $("<div />", {
"class": "ui-pnotify "+this.options.addclass,
"css": {"display": "none"},
"mouseenter": function(e){
if (that.options.mouse_reset && that.animating === "out") {
if (!that.timerHide)
return;
that.cancelRemove();
}
// Stop the close timer.
if (that.options.hide && that.options.mouse_reset) that.cancelRemove();
},
"mouseleave": function(e){
// Start the close timer.
if (that.options.hide && that.options.mouse_reset) that.queueRemove();
PNotify.positionAll();
}
});
// Create a container for the notice contents.
this.container = $("<div />", {"class": this.styles.container+" ui-pnotify-container "+(this.options.type === "error" ? this.styles.error : (this.options.type === "info" ? this.styles.info : (this.options.type === "success" ? this.styles.success : this.styles.notice)))})
.appendTo(this.elem);
if (this.options.cornerclass !== "")
this.container.removeClass("ui-corner-all").addClass(this.options.cornerclass);
// Create a drop shadow.
if (this.options.shadow)
this.container.addClass("ui-pnotify-shadow");
// Add the appropriate icon.
if (this.options.icon !== false) {
$("<div />", {"class": "ui-pnotify-icon"})
.append($("<span />", {"class": this.options.icon === true ? (this.options.type === "error" ? this.styles.error_icon : (this.options.type === "info" ? this.styles.info_icon : (this.options.type === "success" ? this.styles.success_icon : this.styles.notice_icon))) : this.options.icon}))
.prependTo(this.container);
}
// Add a title.
this.title_container = $("<h4 />", {
"class": "ui-pnotify-title"
})
.appendTo(this.container);
if (this.options.title === false)
this.title_container.hide();
else if (this.options.title_escape)
this.title_container.text(this.options.title);
else
this.title_container.html(this.options.title);
// Add text.
this.text_container = $("<div />", {
"class": "ui-pnotify-text"
})
.appendTo(this.container);
if (this.options.text === false)
this.text_container.hide();
else if (this.options.text_escape)
this.text_container.text(this.options.text);
else
this.text_container.html(this.options.insert_brs ? String(this.options.text).replace(/\n/g, "<br />") : this.options.text);
// Set width and min height.
if (typeof this.options.width === "string")
this.elem.css("width", this.options.width);
if (typeof this.options.min_height === "string")
this.container.css("min-height", this.options.min_height);
// Add the notice to the notice array.
if (this.options.stack.push === "top")
PNotify.notices = $.merge([this], PNotify.notices);
else
PNotify.notices = $.merge(PNotify.notices, [this]);
// Now position all the notices if they are to push to the top.
if (this.options.stack.push === "top")
this.queuePosition(false, 1);
// Mark the stack so it won't animate the new notice.
this.options.stack.animation = false;
// Run the modules.
this.runModules('init');
// Display the notice.
if (this.options.auto_display)
this.open();
return this;
},
// This function is for updating the notice.
update: function(options){
// Save old options.
var oldOpts = this.options;
// Then update to the new options.
this.parseOptions(oldOpts, options);
// Update the corner class.
if (this.options.cornerclass !== oldOpts.cornerclass)
this.container.removeClass("ui-corner-all "+oldOpts.cornerclass).addClass(this.options.cornerclass);
// Update the shadow.
if (this.options.shadow !== oldOpts.shadow) {
if (this.options.shadow)
this.container.addClass("ui-pnotify-shadow");
else
this.container.removeClass("ui-pnotify-shadow");
}
// Update the additional classes.
if (this.options.addclass === false)
this.elem.removeClass(oldOpts.addclass);
else if (this.options.addclass !== oldOpts.addclass)
this.elem.removeClass(oldOpts.addclass).addClass(this.options.addclass);
// Update the title.
if (this.options.title === false)
this.title_container.slideUp("fast");
else if (this.options.title !== oldOpts.title) {
if (this.options.title_escape)
this.title_container.text(this.options.title);
else
this.title_container.html(this.options.title);
if (oldOpts.title === false)
this.title_container.slideDown(200)
}
// Update the text.
if (this.options.text === false) {
this.text_container.slideUp("fast");
} else if (this.options.text !== oldOpts.text) {
if (this.options.text_escape)
this.text_container.text(this.options.text);
else
this.text_container.html(this.options.insert_brs ? String(this.options.text).replace(/\n/g, "<br />") : this.options.text);
if (oldOpts.text === false)
this.text_container.slideDown(200)
}
// Change the notice type.
if (this.options.type !== oldOpts.type)
this.container.removeClass(
this.styles.error+" "+this.styles.notice+" "+this.styles.success+" "+this.styles.info
).addClass(this.options.type === "error" ?
this.styles.error :
(this.options.type === "info" ?
this.styles.info :
(this.options.type === "success" ?
this.styles.success :
this.styles.notice
)
)
);
if (this.options.icon !== oldOpts.icon || (this.options.icon === true && this.options.type !== oldOpts.type)) {
// Remove any old icon.
this.container.find("div.ui-pnotify-icon").remove();
if (this.options.icon !== false) {
// Build the new icon.
$("<div />", {"class": "ui-pnotify-icon"})
.append($("<span />", {"class": this.options.icon === true ? (this.options.type === "error" ? this.styles.error_icon : (this.options.type === "info" ? this.styles.info_icon : (this.options.type === "success" ? this.styles.success_icon : this.styles.notice_icon))) : this.options.icon}))
.prependTo(this.container);
}
}
// Update the width.
if (this.options.width !== oldOpts.width)
this.elem.animate({width: this.options.width});
// Update the minimum height.
if (this.options.min_height !== oldOpts.min_height)
this.container.animate({minHeight: this.options.min_height});
// Update the opacity.
if (this.options.opacity !== oldOpts.opacity)
this.elem.fadeTo(this.options.animate_speed, this.options.opacity);
// Update the timed hiding.
if (!this.options.hide)
this.cancelRemove();
else if (!oldOpts.hide)
this.queueRemove();
this.queuePosition(true);
// Run the modules.
this.runModules('update', oldOpts);
return this;
},
// Display the notice.
open: function(){
this.state = "opening";
// Run the modules.
this.runModules('beforeOpen');
var that = this;
// If the notice is not in the DOM, append it.
if (!this.elem.parent().length)
this.elem.appendTo(this.options.stack.context ? this.options.stack.context : body);
// Try to put it in the right position.
if (this.options.stack.push !== "top")
this.position(true);
// First show it, then set its opacity, then hide it.
if (this.options.animation === "fade" || this.options.animation.effect_in === "fade") {
// If it's fading in, it should start at 0.
this.elem.show().fadeTo(0, 0).hide();
} else {
// Or else it should be set to the opacity.
if (this.options.opacity !== 1)
this.elem.show().fadeTo(0, this.options.opacity).hide();
}
this.animateIn(function(){
that.queuePosition(true);
// Now set it to hide.
if (that.options.hide)
that.queueRemove();
that.state = "open";
// Run the modules.
that.runModules('afterOpen');
});
return this;
},
// Remove the notice.
remove: function(timer_hide) {
this.state = "closing";
this.timerHide = !!timer_hide; // Make sure it's a boolean.
// Run the modules.
this.runModules('beforeClose');
var that = this;
if (this.timer) {
window.clearTimeout(this.timer);
this.timer = null;
}
this.animateOut(function(){
that.state = "closed";
// Run the modules.
that.runModules('afterClose');
that.queuePosition(true);
// If we're supposed to remove the notice from the DOM, do it.
if (that.options.remove)
that.elem.detach();
// Run the modules.
that.runModules('beforeDestroy');
// Remove object from PNotify.notices to prevent memory leak (issue #49)
// unless destroy is off
if (that.options.destroy) {
if (PNotify.notices !== null) {
var idx = $.inArray(that,PNotify.notices);
if (idx !== -1) {
PNotify.notices.splice(idx,1);
}
}
}
// Run the modules.
that.runModules('afterDestroy');
});
return this;
},
// === Class Methods ===
// Get the DOM element.
get: function(){ return this.elem; },
// Put all the options in the right places.
parseOptions: function(options, moreOptions){
this.options = $.extend(true, {}, PNotify.prototype.options);
// This is the only thing that *should* be copied by reference.
this.options.stack = PNotify.prototype.options.stack;
var optArray = [options, moreOptions], curOpts;
for (var curIndex in optArray) {
curOpts = optArray[curIndex];
if (typeof curOpts == "undefined")
break;
if (typeof curOpts !== 'object') {
this.options.text = curOpts;
} else {
for (var option in curOpts) {
if (this.modules[option]) {
// Avoid overwriting module defaults.
$.extend(true, this.options[option], curOpts[option]);
} else {
this.options[option] = curOpts[option];
}
}
}
}
},
// Animate the notice in.
animateIn: function(callback){
// Declare that the notice is animating in. (Or has completed animating in.)
this.animating = "in";
var animation;
if (typeof this.options.animation.effect_in !== "undefined")
animation = this.options.animation.effect_in;
else
animation = this.options.animation;
if (animation === "none") {
this.elem.show();
callback();
} else if (animation === "show")
this.elem.show(this.options.animate_speed, callback);
else if (animation === "fade")
this.elem.show().fadeTo(this.options.animate_speed, this.options.opacity, callback);
else if (animation === "slide")
this.elem.slideDown(this.options.animate_speed, callback);
else if (typeof animation === "function")
animation("in", callback, this.elem);
else
this.elem.show(animation, (typeof this.options.animation.options_in === "object" ? this.options.animation.options_in : {}), this.options.animate_speed, callback);
if (this.elem.parent().hasClass('ui-effects-wrapper'))
this.elem.parent().css({"position": "fixed", "overflow": "visible"});
if (animation !== "slide")
this.elem.css("overflow", "visible");
this.container.css("overflow", "hidden");
},
// Animate the notice out.
animateOut: function(callback){
// Declare that the notice is animating out. (Or has completed animating out.)
this.animating = "out";
var animation;
if (typeof this.options.animation.effect_out !== "undefined")
animation = this.options.animation.effect_out;
else
animation = this.options.animation;
if (animation === "none") {
this.elem.hide();
callback();
} else if (animation === "show")
this.elem.hide(this.options.animate_speed, callback);
else if (animation === "fade")
this.elem.fadeOut(this.options.animate_speed, callback);
else if (animation === "slide")
this.elem.slideUp(this.options.animate_speed, callback);
else if (typeof animation === "function")
animation("out", callback, this.elem);
else
this.elem.hide(animation, (typeof this.options.animation.options_out === "object" ? this.options.animation.options_out : {}), this.options.animate_speed, callback);
if (this.elem.parent().hasClass('ui-effects-wrapper'))
this.elem.parent().css({"position": "fixed", "overflow": "visible"});
if (animation !== "slide")
this.elem.css("overflow", "visible");
this.container.css("overflow", "hidden");
},
// Position the notice. dont_skip_hidden causes the notice to
// position even if it's not visible.
position: function(dontSkipHidden){
// Get the notice's stack.
var s = this.options.stack,
e = this.elem;
if (e.parent().hasClass('ui-effects-wrapper'))
e = this.elem.css({"left": "0", "top": "0", "right": "0", "bottom": "0"}).parent();
if (typeof s.context === "undefined")
s.context = body;
if (!s) return;
if (typeof s.nextpos1 !== "number")
s.nextpos1 = s.firstpos1;
if (typeof s.nextpos2 !== "number")
s.nextpos2 = s.firstpos2;
if (typeof s.addpos2 !== "number")
s.addpos2 = 0;
var hidden = e.css("display") === "none";
// Skip this notice if it's not shown.
if (!hidden || dontSkipHidden) {
var curpos1, curpos2;
// Store what will need to be animated.
var animate = {};
// Calculate the current pos1 value.
var csspos1;
switch (s.dir1) {
case "down":
csspos1 = "top";
break;
case "up":
csspos1 = "bottom";
break;
case "left":
csspos1 = "right";
break;
case "right":
csspos1 = "left";
break;
}
curpos1 = parseInt(e.css(csspos1).replace(/(?:\..*|[^0-9.])/g, ''));
if (isNaN(curpos1))
curpos1 = 0;
// Remember the first pos1, so the first visible notice goes there.
if (typeof s.firstpos1 === "undefined" && !hidden) {
s.firstpos1 = curpos1;
s.nextpos1 = s.firstpos1;
}
// Calculate the current pos2 value.
var csspos2;
switch (s.dir2) {
case "down":
csspos2 = "top";
break;
case "up":
csspos2 = "bottom";
break;
case "left":
csspos2 = "right";
break;
case "right":
csspos2 = "left";
break;
}
curpos2 = parseInt(e.css(csspos2).replace(/(?:\..*|[^0-9.])/g, ''));
if (isNaN(curpos2))
curpos2 = 0;
// Remember the first pos2, so the first visible notice goes there.
if (typeof s.firstpos2 === "undefined" && !hidden) {
s.firstpos2 = curpos2;
s.nextpos2 = s.firstpos2;
}
// Check that it's not beyond the viewport edge.
if ((s.dir1 === "down" && s.nextpos1 + e.height() > (s.context.is(body) ? jwindow.height() : s.context.prop('scrollHeight')) ) ||
(s.dir1 === "up" && s.nextpos1 + e.height() > (s.context.is(body) ? jwindow.height() : s.context.prop('scrollHeight')) ) ||
(s.dir1 === "left" && s.nextpos1 + e.width() > (s.context.is(body) ? jwindow.width() : s.context.prop('scrollWidth')) ) ||
(s.dir1 === "right" && s.nextpos1 + e.width() > (s.context.is(body) ? jwindow.width() : s.context.prop('scrollWidth')) ) ) {
// If it is, it needs to go back to the first pos1, and over on pos2.
s.nextpos1 = s.firstpos1;
s.nextpos2 += s.addpos2 + (typeof s.spacing2 === "undefined" ? 25 : s.spacing2);
s.addpos2 = 0;
}
// Animate if we're moving on dir2.
if (s.animation && s.nextpos2 < curpos2) {
switch (s.dir2) {
case "down":
animate.top = s.nextpos2+"px";
break;
case "up":
animate.bottom = s.nextpos2+"px";
break;
case "left":
animate.right = s.nextpos2+"px";
break;
case "right":
animate.left = s.nextpos2+"px";
break;
}
} else {
if(typeof s.nextpos2 === "number")
e.css(csspos2, s.nextpos2+"px");
}
// Keep track of the widest/tallest notice in the column/row, so we can push the next column/row.
switch (s.dir2) {
case "down":
case "up":
if (e.outerHeight(true) > s.addpos2)
s.addpos2 = e.height();
break;
case "left":
case "right":
if (e.outerWidth(true) > s.addpos2)
s.addpos2 = e.width();
break;
}
// Move the notice on dir1.
if (typeof s.nextpos1 === "number") {
// Animate if we're moving toward the first pos.
if (s.animation && (curpos1 > s.nextpos1 || animate.top || animate.bottom || animate.right || animate.left)) {
switch (s.dir1) {
case "down":
animate.top = s.nextpos1+"px";
break;
case "up":
animate.bottom = s.nextpos1+"px";
break;
case "left":
animate.right = s.nextpos1+"px";
break;
case "right":
animate.left = s.nextpos1+"px";
break;
}
} else
e.css(csspos1, s.nextpos1+"px");
}
// Run the animation.
if (animate.top || animate.bottom || animate.right || animate.left)
e.animate(animate, {duration: this.options.position_animate_speed, queue: false});
// Calculate the next dir1 position.
switch (s.dir1) {
case "down":
case "up":
s.nextpos1 += e.height() + (typeof s.spacing1 === "undefined" ? 25 : s.spacing1);
break;
case "left":
case "right":
s.nextpos1 += e.width() + (typeof s.spacing1 === "undefined" ? 25 : s.spacing1);
break;
}
}
return this;
},
// Queue the position all function so it doesn't run repeatedly and
// use up resources.
queuePosition: function(animate, milliseconds){
if (timer)
clearTimeout(timer);
if (!milliseconds)
milliseconds = 10;
timer = setTimeout(function(){ PNotify.positionAll(animate) }, milliseconds);
return this;
},
// Cancel any pending removal timer.
cancelRemove: function(){
if (this.timer)
window.clearTimeout(this.timer);
if (this.state === "closing") {
// If it's animating out, animate back in really quickly.
this.elem.stop(true);
this.state = "open";
this.animating = "in";
this.elem.css("height", "auto").animate({"width": this.options.width, "opacity": this.options.opacity}, "fast");
}
return this;
},
// Queue a removal timer.
queueRemove: function(){
var that = this;
// Cancel any current removal timer.
this.cancelRemove();
this.timer = window.setTimeout(function(){
that.remove(true);
}, (isNaN(this.options.delay) ? 0 : this.options.delay));
return this;
}
});
// These functions affect all notices.
$.extend(PNotify, {
// This holds all the notices.
notices: [],
removeAll: function () {
$.each(PNotify.notices, function(){
if (this.remove)
this.remove();
});
},
positionAll: function (animate) {
// This timer is used for queueing this function so it doesn't run
// repeatedly.
if (timer)
clearTimeout(timer);
timer = null;
// Reset the next position data.
$.each(PNotify.notices, function(){
var s = this.options.stack;
if (!s) return;
s.nextpos1 = s.firstpos1;
s.nextpos2 = s.firstpos2;
s.addpos2 = 0;
s.animation = animate;
});
$.each(PNotify.notices, function(){
this.position();
});
},
styling: {
jqueryui: {
container: "ui-widget ui-widget-content ui-corner-all",
notice: "ui-state-highlight",
// (The actual jQUI notice icon looks terrible.)
notice_icon: "ui-icon ui-icon-info",
info: "",
info_icon: "ui-icon ui-icon-info",
success: "ui-state-default",
success_icon: "ui-icon ui-icon-circle-check",
error: "ui-state-error",
error_icon: "ui-icon ui-icon-alert"
},
bootstrap2: {
container: "alert",
notice: "",
notice_icon: "icon-exclamation-sign",
info: "alert-info",
info_icon: "icon-info-sign",
success: "alert-success",
success_icon: "icon-ok-sign",
error: "alert-error",
error_icon: "icon-warning-sign"
},
bootstrap3: {
container: "alert",
notice: "alert-warning",
notice_icon: "glyphicon glyphicon-exclamation-sign",
info: "alert-info",
info_icon: "glyphicon glyphicon-info-sign",
success: "alert-success",
success_icon: "glyphicon glyphicon-ok-sign",
error: "alert-danger",
error_icon: "glyphicon glyphicon-warning-sign"
}
}
});
/*
* uses icons from http://fontawesome.io/
* version 4.0.3
*/
PNotify.styling.fontawesome = $.extend({}, PNotify.styling.bootstrap3);
$.extend(PNotify.styling.fontawesome, {
notice_icon: "fa fa-exclamation-circle",
info_icon: "fa fa-info",
success_icon: "fa fa-check",
error_icon: "fa fa-warning"
});
if (document.body)
do_when_ready();
else
$(do_when_ready);
return PNotify;
}));

143
js/lib/pnotify/pnotify.desktop.js Normal file
View File

@@ -0,0 +1,143 @@
// Desktop
// Uses AMD or browser globals for jQuery.
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as a module.
define('pnotify.desktop', ['jquery', 'pnotify'], factory);
} else {
// Browser globals
factory(jQuery, PNotify);
}
}(function($, PNotify){
var permission;
var notify = function(title, options){
// Memoize based on feature detection.
if ("Notification" in window) {
notify = function (title, options) {
return new Notification(title, options);
};
} else if ("mozNotification" in navigator) {
notify = function (title, options) {
// Gecko < 22
return navigator.mozNotification
.createNotification(title, options.body, options.icon)
.show();
};
} else if ("webkitNotifications" in window) {
notify = function (title, options) {
return window.webkitNotifications.createNotification(
options.icon,
title,
options.body
);
};
} else {
notify = function (title, options) {
return null;
};
}
return notify(title, options);
};
PNotify.prototype.options.desktop = {
// Display the notification as a desktop notification.
desktop: false,
// The URL of the icon to display. If false, no icon will show. If null, a default icon will show.
icon: null,
// Using a tag lets you update an existing notice, or keep from duplicating notices between tabs.
// If you leave tag null, one will be generated, facilitating the "update" function.
// see: http://www.w3.org/TR/notifications/#tags-example
tag: null
};
PNotify.prototype.modules.desktop = {
tag: null,
icon: null,
genNotice: function(notice, options){
if (options.icon === null) {
this.icon = "http://sciactive.com/pnotify/includes/desktop/"+notice.options.type+".png";
} else if (options.icon === false) {
this.icon = null;
} else {
this.icon = options.icon;
}
if (this.tag === null || options.tag !== null) {
this.tag = options.tag === null ? "PNotify-"+Math.round(Math.random() * 1000000) : options.tag;
}
notice.desktop = notify(notice.options.title, {
icon: this.icon,
body: notice.options.text,
tag: this.tag
});
if (!("close" in notice.desktop)) {
notice.desktop.close = function(){
notice.desktop.cancel();
};
}
notice.desktop.onclick = function(){
notice.elem.trigger("click");
};
notice.desktop.onclose = function(){
if (notice.state !== "closing" && notice.state !== "closed") {
notice.remove();
}
};
},
init: function(notice, options){
if (!options.desktop)
return;
permission = PNotify.desktop.checkPermission();
if (permission != 0)
return;
this.genNotice(notice, options);
},
update: function(notice, options, oldOpts){
if (permission != 0 || !options.desktop)
return;
this.genNotice(notice, options);
},
beforeOpen: function(notice, options){
if (permission != 0 || !options.desktop)
return;
notice.elem.css({'left': '-10000px', 'display': 'none'});
},
afterOpen: function(notice, options){
if (permission != 0 || !options.desktop)
return;
notice.elem.css({'left': '-10000px', 'display': 'none'});
if ("show" in notice.desktop) {
notice.desktop.show();
}
},
beforeClose: function(notice, options){
if (permission != 0 || !options.desktop)
return;
notice.elem.css({'left': '-10000px', 'display': 'none'});
},
afterClose: function(notice, options){
if (permission != 0 || !options.desktop)
return;
notice.elem.css({'left': '-10000px', 'display': 'none'});
notice.desktop.close();
}
};
PNotify.desktop = {
permission: function(){
if (typeof Notification !== "undefined" && "requestPermission" in Notification) {
Notification.requestPermission();
} else if ("webkitNotifications" in window) {
window.webkitNotifications.requestPermission();
}
},
checkPermission: function(){
if (typeof Notification !== "undefined" && "permission" in Notification) {
return (Notification.permission == "granted" ? 0 : 1);
} else if ("webkitNotifications" in window) {
return window.webkitNotifications.checkPermission();
} else {
return 1;
}
}
};
permission = PNotify.desktop.checkPermission();
}));

189
js/lib/pnotify/pnotify.history.js Normal file
View File

@@ -0,0 +1,189 @@
// History
// Uses AMD or browser globals for jQuery.
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as a module.
define('pnotify.history', ['jquery', 'pnotify'], factory);
} else {
// Browser globals
factory(jQuery, PNotify);
}
}(function($, PNotify){
var history_menu,
history_handle_top;
$(function(){
$("body").on("pnotify.history-all", function(){
// Display all notices. (Disregarding non-history notices.)
$.each(PNotify.notices, function(){
if (this.modules.history.inHistory) {
if (this.elem.is(":visible")) {
// The hide variable controls whether the history pull down should
// queue a removal timer.
if (this.options.hide)
this.queueRemove();
} else if (this.open)
this.open();
}
});
}).on("pnotify.history-last", function(){
var pushTop = (PNotify.prototype.options.stack.push === "top");
// Look up the last history notice, and display it.
var i = (pushTop ? 0 : -1);
var notice;
do {
if (i === -1)
notice = PNotify.notices.slice(i);
else
notice = PNotify.notices.slice(i, i+1);
if (!notice[0])
return false;
i = (pushTop ? i + 1 : i - 1);
} while (!notice[0].modules.history.inHistory || notice[0].elem.is(":visible"));
if (notice[0].open)
notice[0].open();
});
});
PNotify.prototype.options.history = {
// Place the notice in the history.
history: true,
// Display a pull down menu to redisplay previous notices.
menu: false,
// Make the pull down menu fixed to the top of the viewport.
fixed: true,
// Maximum number of notifications to have onscreen.
maxonscreen: Infinity,
// The various displayed text, helps facilitating internationalization.
labels: {
redisplay: "Redisplay",
all: "All",
last: "Last"
}
};
PNotify.prototype.modules.history = {
// The history variable controls whether the notice gets redisplayed
// by the history pull down.
inHistory: false,
init: function(notice, options){
// Make sure that no notices get destroyed.
notice.options.destroy = false;
this.inHistory = options.history;
if (options.menu) {
// If there isn't a history pull down, create one.
if (typeof history_menu === "undefined") {
history_menu = $("<div />", {
"class": "ui-pnotify-history-container "+notice.styles.hi_menu,
"mouseleave": function(){
history_menu.animate({top: "-"+history_handle_top+"px"}, {duration: 100, queue: false});
}
})
.append($("<div />", {"class": "ui-pnotify-history-header", "text": options.labels.redisplay}))
.append($("<button />", {
"class": "ui-pnotify-history-all "+notice.styles.hi_btn,
"text": options.labels.all,
"mouseenter": function(){
$(this).addClass(notice.styles.hi_btnhov);
},
"mouseleave": function(){
$(this).removeClass(notice.styles.hi_btnhov);
},
"click": function(){
$(this).trigger("pnotify.history-all");
return false;
}
}))
.append($("<button />", {
"class": "ui-pnotify-history-last "+notice.styles.hi_btn,
"text": options.labels.last,
"mouseenter": function(){
$(this).addClass(notice.styles.hi_btnhov);
},
"mouseleave": function(){
$(this).removeClass(notice.styles.hi_btnhov);
},
"click": function(){
$(this).trigger("pnotify.history-last");
return false;
}
}))
.appendTo("body");
// Make a handle so the user can pull down the history tab.
var handle = $("<span />", {
"class": "ui-pnotify-history-pulldown "+notice.styles.hi_hnd,
"mouseenter": function(){
history_menu.animate({top: "0"}, {duration: 100, queue: false});
}
})
.appendTo(history_menu);
// Get the top of the handle.
console.log(handle.offset());
history_handle_top = handle.offset().top + 2;
// Hide the history pull down up to the top of the handle.
history_menu.css({top: "-"+history_handle_top+"px"});
// Apply the fixed styling.
if (options.fixed) {
history_menu.addClass('ui-pnotify-history-fixed');
}
}
}
},
update: function(notice, options){
// Update values for history menu access.
this.inHistory = options.history;
if (options.fixed && history_menu) {
history_menu.addClass('ui-pnotify-history-fixed');
} else if (history_menu) {
history_menu.removeClass('ui-pnotify-history-fixed');
}
},
beforeOpen: function(notice, options){
// Remove oldest notifications leaving only options.maxonscreen on screen
if (PNotify.notices && (PNotify.notices.length > options.maxonscreen)) {
// Oldest are normally in front of array, or if stack.push=="top" then
// they are at the end of the array! (issue #98)
var el;
if (notice.options.stack.push !== "top")
el = PNotify.notices.slice(0, PNotify.notices.length - options.maxonscreen);
else
el = PNotify.notices.slice(options.maxonscreen, PNotify.notices.length);
$.each(el, function(){
if (this.remove)
this.remove();
});
}
}
};
$.extend(PNotify.styling.jqueryui, {
hi_menu: "ui-state-default ui-corner-bottom",
hi_btn: "ui-state-default ui-corner-all",
hi_btnhov: "ui-state-hover",
hi_hnd: "ui-icon ui-icon-grip-dotted-horizontal"
});
$.extend(PNotify.styling.bootstrap2, {
hi_menu: "well",
hi_btn: "btn",
hi_btnhov: "",
hi_hnd: "icon-chevron-down"
});
$.extend(PNotify.styling.bootstrap3, {
hi_menu: "well",
hi_btn: "btn btn-default",
hi_btnhov: "",
hi_hnd: "glyphicon glyphicon-chevron-down"
});
$.extend(PNotify.styling.fontawesome, {
hi_menu: "well",
hi_btn: "btn btn-default",
hi_btnhov: "",
hi_hnd: "fa fa-chevron-down"
});
}));

151
js/lib/pnotify/pnotify.nonblock.js Normal file
View File

@@ -0,0 +1,151 @@
// Nonblock
// Uses AMD or browser globals for jQuery.
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as a module.
define('pnotify.nonblock', ['jquery', 'pnotify'], factory);
} else {
// Browser globals
factory(jQuery, PNotify);
}
}(function($, PNotify){
// Some useful regexes.
var re_on = /^on/,
re_mouse_events = /^(dbl)?click$|^mouse(move|down|up|over|out|enter|leave)$|^contextmenu$/,
re_ui_events = /^(focus|blur|select|change|reset)$|^key(press|down|up)$/,
re_html_events = /^(scroll|resize|(un)?load|abort|error)$/;
// Fire a DOM event.
var dom_event = function(e, orig_e){
var event_object;
e = e.toLowerCase();
if (document.createEvent && this.dispatchEvent) {
// FireFox, Opera, Safari, Chrome
e = e.replace(re_on, '');
if (e.match(re_mouse_events)) {
// This allows the click event to fire on the notice. There is
// probably a much better way to do it.
$(this).offset();
event_object = document.createEvent("MouseEvents");
event_object.initMouseEvent(
e, orig_e.bubbles, orig_e.cancelable, orig_e.view, orig_e.detail,
orig_e.screenX, orig_e.screenY, orig_e.clientX, orig_e.clientY,
orig_e.ctrlKey, orig_e.altKey, orig_e.shiftKey, orig_e.metaKey, orig_e.button, orig_e.relatedTarget
);
} else if (e.match(re_ui_events)) {
event_object = document.createEvent("UIEvents");
event_object.initUIEvent(e, orig_e.bubbles, orig_e.cancelable, orig_e.view, orig_e.detail);
} else if (e.match(re_html_events)) {
event_object = document.createEvent("HTMLEvents");
event_object.initEvent(e, orig_e.bubbles, orig_e.cancelable);
}
if (!event_object) return;
this.dispatchEvent(event_object);
} else {
// Internet Explorer
if (!e.match(re_on)) e = "on"+e;
event_object = document.createEventObject(orig_e);
this.fireEvent(e, event_object);
}
};
// This keeps track of the last element the mouse was over, so
// mouseleave, mouseenter, etc can be called.
var nonblock_last_elem;
// This is used to pass events through the notice if it is non-blocking.
var nonblock_pass = function(notice, e, e_name){
notice.elem.css("display", "none");
var element_below = document.elementFromPoint(e.clientX, e.clientY);
notice.elem.css("display", "block");
var jelement_below = $(element_below);
var cursor_style = jelement_below.css("cursor");
notice.elem.css("cursor", cursor_style !== "auto" ? cursor_style : "default");
// If the element changed, call mouseenter, mouseleave, etc.
if (!nonblock_last_elem || nonblock_last_elem.get(0) != element_below) {
if (nonblock_last_elem) {
dom_event.call(nonblock_last_elem.get(0), "mouseleave", e.originalEvent);
dom_event.call(nonblock_last_elem.get(0), "mouseout", e.originalEvent);
}
dom_event.call(element_below, "mouseenter", e.originalEvent);
dom_event.call(element_below, "mouseover", e.originalEvent);
}
dom_event.call(element_below, e_name, e.originalEvent);
// Remember the latest element the mouse was over.
nonblock_last_elem = jelement_below;
};
PNotify.prototype.options.nonblock = {
// Create a non-blocking notice. It lets the user click elements underneath it.
nonblock: false,
// The opacity of the notice (if it's non-blocking) when the mouse is over it.
nonblock_opacity: .2
};
PNotify.prototype.modules.nonblock = {
// This lets us update the options available in the closures.
myOptions: null,
init: function(notice, options){
var that = this;
this.myOptions = options;
notice.elem.on({
"mouseenter": function(e){
if (that.myOptions.nonblock) e.stopPropagation();
if (that.myOptions.nonblock) {
// If it's non-blocking, animate to the other opacity.
notice.elem.stop().animate({"opacity": that.myOptions.nonblock_opacity}, "fast");
}
},
"mouseleave": function(e){
if (that.myOptions.nonblock) e.stopPropagation();
nonblock_last_elem = null;
notice.elem.css("cursor", "auto");
// Animate back to the normal opacity.
if (that.myOptions.nonblock && notice.animating !== "out")
notice.elem.stop().animate({"opacity": notice.options.opacity}, "fast");
},
"mouseover": function(e){
if (that.myOptions.nonblock) e.stopPropagation();
},
"mouseout": function(e){
if (that.myOptions.nonblock) e.stopPropagation();
},
"mousemove": function(e){
if (that.myOptions.nonblock) {
e.stopPropagation();
nonblock_pass(notice, e, "onmousemove");
}
},
"mousedown": function(e){
if (that.myOptions.nonblock) {
e.stopPropagation();
e.preventDefault();
nonblock_pass(notice, e, "onmousedown");
}
},
"mouseup": function(e){
if (that.myOptions.nonblock) {
e.stopPropagation();
e.preventDefault();
nonblock_pass(notice, e, "onmouseup");
}
},
"click": function(e){
if (that.myOptions.nonblock) {
e.stopPropagation();
nonblock_pass(notice, e, "onclick");
}
},
"dblclick": function(e){
if (that.myOptions.nonblock) {
e.stopPropagation();
nonblock_pass(notice, e, "ondblclick");
}
}
});
},
update: function(notice, options){
this.myOptions = options;
}
};
}));

132
js/lib/pnotify/pnotify.reference.js Normal file
View File

@@ -0,0 +1,132 @@
// Reference
// This file is for referencing while you are making a notify module.
// Uses AMD or browser globals for jQuery.
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as a module.
define('pnotify.reference', ['jquery', 'pnotify'], factory);
} else {
// Browser globals
factory(jQuery, PNotify);
}
}(function($, PNotify){
// This if the default values of your options.
PNotify.prototype.options.reference = {
// Provide a thing for stuff. Turned off by default.
putThing: false,
// If you are displaying any text, you should use a labels options to
// support internationalization.
labels: {
text: "Spin Around"
}
};
PNotify.prototype.modules.reference = {
// You can put variables here that are specific to a notice instance.
thingElem: null,
// This function is called when the notice is being created, after the
// core has done all of its work.
init: function(notice /* the notice object */, options /* this module's options */){
var that = this; // This line will allow you to access instance variables
// like "this.thingElem" from within closures.
// Note that options only contains the options specific to our modules.
// To access global options, we would use notice.options.
// We want to check to make sure the notice should include our thing.
if (!options.putThing)
return;
// We're going to create a button that will be appended to the notice.
// It will be disabled by default, so we can enable it on mouseover.
// You should try to keep elements inside the notice container.
this.thingElem = $('<button style="float:right;" class="btn btn-default" type="button" disabled><i class="'+notice.styles.athing+'" />&nbsp;'+options.labels.text+'</button>').appendTo(notice.container);
// Since our button is floated, we have to add a clearing div.
notice.container.append('<div style="clear: right; line-height: 0;" />')
// 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"
});
}));

349
js/lib/slidebars.js Normal file
View File

@@ -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);

4
sass/bootstrap.scss → sass/_bootstrap.scss
View File

@@ -9,8 +9,8 @@
*/
// Core variables and mixins
@import "colors";
@import "variables";
// @import "colors";
// @import "variables";
@import "bootstrap/mixins";
// Reset

2
sass/_colors.scss
View File

@@ -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;

0
sass/font-awesome.scss → sass/_font-awesome.scss
View File

51
sass/_variables.scss
View File

@@ -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>`.
$body-bg: $gray-light;
$body-bg: $gray-dark;
//** Global text color on `<body>`.
$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;

19
sass/bootstrap/_navbar.scss
View File

@@ -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;

2
sass/bootstrap/_popovers.scss
View File

@@ -42,7 +42,7 @@
}
.popover-content {
padding: 9px 14px;
padding: 7px 10px;
}
// Arrows

2
sass/bootstrap/_variables.scss
View File

@@ -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;

8
sass/layout/_main.scss
View File

@@ -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 {

2
sass/layout/_map.scss
View File

@@ -83,7 +83,7 @@
.pf-system-head-expand{
margin-left: 5px;
color: $gray-lighter;
color: $gray-light;
display: none; // triggered by JS
}
}

81
sass/layout/_system-info.scss
View File

@@ -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;
}
}

5
sass/library/data-tables/_dataTables.scss
View File

@@ -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,

4
sass/library/pnotify/_pnotify.buttons.scss Normal file
View File

@@ -0,0 +1,4 @@
.ui-pnotify-closer, .ui-pnotify-sticker {
float: right;
margin-left: .2em;
}

56
sass/library/pnotify/_pnotify.core.scss Normal file
View File

@@ -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;
}

211
sass/library/slidebars/_slidebars.scss Normal file
View File

@@ -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. */
}

31
sass/pathfinder.scss Normal file
View File

@@ -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";

89
sass/production.scss
View File

@@ -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";

104
sass/smartadmin/_component-fullscreen.scss
View File

@@ -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 */
}

450
sass/smartadmin/_component-jqueryui.scss
View File

@@ -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;
}

84
sass/smartadmin/_component-pace.scss
View File

@@ -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;
}

105
sass/smartadmin/_component-pricingtable.scss
View File

@@ -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; }
}

344
sass/smartadmin/_component-smartchat.scss
View File

@@ -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; }
}

1010
sass/smartadmin/_component-smartforms.scss
View File

File diff suppressed because it is too large Load Diff

55
sass/smartadmin/_main-animated.scss
View File

@@ -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;
}

56
sass/smartadmin/_main-colorpallet.scss
View File

@@ -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

389
sass/smartadmin/_main-form-radiocheck.scss
View File

@@ -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;
}

918
sass/smartadmin/_main-responsive.scss
View File

@@ -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;
}
}

184
sass/smartadmin/_main-special-class.scss
View File

@@ -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;
}

3196
sass/smartadmin/_main.scss
View File

File diff suppressed because it is too large Load Diff

24
sass/smartadmin/_page-error.scss
View File

@@ -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);
}

121
sass/smartadmin/_page-extr.scss
View File

@@ -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; }
}
}

61
sass/smartadmin/_plugin-bootstrap-markdown.scss
View File

@@ -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;
}
}

157
sass/smartadmin/_plugin-bootstrap-slider.scss
View File

@@ -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; }

64
sass/smartadmin/_plugin-bootstrap-tagsinput.scss
View File

@@ -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); }
}
}
}
}

125
sass/smartadmin/_plugin-bootstrap-timepicker.scss
View File

@@ -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%;
}
}
}

138
sass/smartadmin/_plugin-clockpicker.scss
View File

@@ -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);
}

113
sass/smartadmin/_plugin-colorpicker.scss
View File

@@ -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;
}
}
}

149
sass/smartadmin/_plugin-dataTables-cust.scss
View File

@@ -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; }
}

229
sass/smartadmin/_plugin-dataTables.bootstrap.scss
View File

@@ -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 }

14
sass/smartadmin/_plugin-dataTables.colReorder.scss
View File

@@ -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;
}

168
sass/smartadmin/_plugin-dataTables.colVis.scss
View File

@@ -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; }

23
sass/smartadmin/_plugin-dataTables.responsive.scss
View File

@@ -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;
}

300
sass/smartadmin/_plugin-dataTables.tableTools.scss
View File

@@ -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;
}
}

503
sass/smartadmin/_plugin-dropzone.scss
View File

@@ -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;
}

177
sass/smartadmin/_plugin-fd-slider.scss
View File

@@ -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;
}

366
sass/smartadmin/_plugin-fullcalendar.scss
View File

@@ -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; }

202
sass/smartadmin/_plugin-ion.scss
View File

@@ -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; }

870
sass/smartadmin/_plugin-jarviswidget.scss
View File

@@ -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;
}

169
sass/smartadmin/_plugin-jcrop.scss
View File

@@ -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;
}

727
sass/smartadmin/_plugin-jqgrid.scss
View File

@@ -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; }
}

595
sass/smartadmin/_plugin-select2.scss
View File

@@ -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;
}

627
sass/smartadmin/_plugin-smart-notifications.scss
View File

@@ -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;
}

361
sass/smartadmin/_plugin-summernote.scss
View File

@@ -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; }

132
sass/smartadmin/_plugin-superbox.scss
View File

@@ -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%;
}
}

53
sass/smartadmin/_plugin-voicecommand.scss
View File

@@ -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%;
}

19
sass/smartadmin/_section-ajax-msg.scss
View File

@@ -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;
}

102
sass/smartadmin/_section-calendar.scss
View File

@@ -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;
}
}
}

53
sass/smartadmin/_section-forum.scss
View File

@@ -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;
}

435
sass/smartadmin/_section-inbox.scss
View File

@@ -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;
}
}

251
sass/smartadmin/_section-nestables.scss
View File

@@ -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;
}

116
sass/smartadmin/_section-profile.scss
View File

@@ -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;
}
}

44
sass/smartadmin/_section-search.scss
View File

@@ -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;
}
}
}
}

69
sass/smartadmin/_section-timeline.scss
View File

@@ -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; }

80
sass/smartadmin/_section-todo.scss
View File

@@ -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);
}

78
templates/modules/header.html Normal file
View File

@@ -0,0 +1,78 @@
<div class="navbar navbar-default pf-head" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header pull-left">
<!--
<button type="button" class="btn btn-default navbar-btn pull-left">
<i class="fa fa-bars fa-lg fa-fw"></i>
</button>
-->
<!--
<button type="button " class="navbar-toggle collapsed navbar-btn" data-toggle="collapse" data-target="#pf-navbar-collapse">
<i class="fa fa-globe fa-lg fa-fw" style=""></i>
</button>
-->
<!--
<a class="navbar-toggle navbar-brand pull-right" href="#">
Menu&nbsp;<i class="fa fa-globe fa-lg fa-fw"></i>
</a> -->
<a class="navbar-brand pf-head-menu" href="#">
<i class="fa fa-bars fa-lg fa-fw"></i>&nbsp;Menu
<!-- <img src="https://image.eveonline.com/Type/17738_32.png" /> -->
</a>
<p class="navbar-text">Current system: Jita</p>
</div>
<div class="navbar-header pull-right">
<ul class="nav navbar-nav">
<li ><a href="#">Test <span class="sr-only">(current)</span></a></li>
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
</ul>
<p class="navbar-text">Signed in as {{userName}}</p>
<a class="navbar-brand pf-head-map" href="#">
Map&nbsp;<i class="fa fa-globe fa-lg fa-fw"></i>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<!--
<div class="collapse navbar-collapse" id="pf-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
</ul>
<p class="navbar-text navbar-right">Signed in as {{userName}}</p>
</div>
-->
</div><!-- /.container-fluid -->
</div>

17
templates/modules/signature_reader_dialog.html Normal file
View File

@@ -0,0 +1,17 @@
<div class="row" id="{{id}}">
<div class="col-sm-12">
<form role="form">
<div class="form-group">
<label class="col-sm-2 control-label" for="form_result">Scan result</label>
<div class="col-sm-10">
<textarea style="resize: vertical" rows="3" id="form_result" name="clipboard" class="form-control custom-scroll"></textarea>
<span class="help-block">
Copy and paste signatures from your probe scanning window.
Hit <button onclick="javascript:void(0);" class="btn btn-default btn-xs">Ctrl</button> + <button onclick="javascript:void(0);" class="btn btn-default btn-xs">a</button> (for copy)
then <button onclick="javascript:void(0);" class="btn btn-default btn-xs">Ctrl</button> + <button onclick="javascript:void(0);" class="btn btn-default btn-xs">c</button> (for paste). This tool can add and update signatures.
</span>
</div>
</div>
</form>
</div>
</div>