From c2f28ea8dd7937184a2278b5c5f8baec17c54c66 Mon Sep 17 00:00:00 2001 From: Arturs Sosins Date: Thu, 16 Jul 2020 20:34:25 +0300 Subject: [PATCH 1/5] [eslint] new rules --- .eslintrc.json | 38 +++++++++++++++++++++++++++++++++++++- package.json | 6 ++++++ 2 files changed, 43 insertions(+), 1 deletion(-) diff --git a/.eslintrc.json b/.eslintrc.json index 9ba26310a2e..04bf4d5e912 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -188,6 +188,10 @@ } }, { + "extends": [ + "plugin:node/recommended", + "plugin:promise/recommended" + ], "files": [ "api/**/*.js", "frontend/express/*.js", @@ -206,6 +210,32 @@ }, "rules": { "no-console": "off", + "node/handle-callback-err": "error", + "node/no-extraneous-import": "off", + "node/no-extraneous-require": "off", + "node/no-new-require": "error", + "node/no-path-concat": "error", + "node/no-unpublished-import": "off", + "node/no-unpublished-require": "off", + "node/no-process-exit": "off", + "node/no-unsupported-features/es-builtins": ["error", { + "version": ">=10.0.0" + }], + "node/no-unsupported-features/es-syntax": ["error", { + "version": ">=10.0.0" + }], + "node/no-unsupported-features/node-builtins": ["error", { + "version": ">=10.0.0" + }], + "no-process-exit": "off", + "node/callback-return": "error", + "node/exports-style": "error", + "node/no-sync": "error", + "promise/no-promise-in-callback": "off", + "promise/no-callback-in-promise": "off", + "promise/valid-params": "error", + "promise/no-return-in-finally": "error", + "promise/no-nesting": "off", "valid-jsdoc": [ "error", { @@ -234,7 +264,13 @@ "off" ], "no-await-in-loop": [ - "off" + "error" + ], + "no-return-await": [ + "error" + ], + "no-promise-executor-return": [ + "error" ], "dot-notation": [ "error" diff --git a/package.json b/package.json index 48b38046299..a33e6829b08 100644 --- a/package.json +++ b/package.json @@ -2,6 +2,9 @@ "name": "countly-server", "version": "20.4.1", "description": "innovative, real-time, open source mobile analytics application", + "engines": { + "node": ">=10.0.0" + }, "keywords": [ "analytics", "mobile", @@ -14,6 +17,9 @@ "url": "git://github.com/countly/countly-server.git" }, "devDependencies": { + "eslint": "^7.4.0", + "eslint-plugin-node": "^11.1.0", + "eslint-plugin-promise": "^4.2.1", "grunt-eslint": "^23.0.0", "grunt-mocha-nyc": "^1.0.3", "grunt-mocha-test": "0.13.3", From 015b9facc62318b57ec4fe8193f31ff2d04107fd Mon Sep 17 00:00:00 2001 From: Arturs Sosins Date: Fri, 17 Jul 2020 15:25:21 +0300 Subject: [PATCH 2/5] [stylelint] add CSS linting --- .stylelintrc.json | 27 + Gruntfile.js | 12 +- frontend/express/public/stylesheets/main.css | 5997 +++++++++++------ .../public/stylesheets/pre-login/main.css | 277 +- package.json | 4 + .../frontend/public/stylesheets/main.css | 251 +- .../frontend/public/stylesheets/main.css | 96 +- .../frontend/public/stylesheets/main.css | 45 +- .../frontend/public/stylesheets/main.css | 109 +- .../frontend/public/stylesheets/main.css | 364 +- .../frontend/public/stylesheets/main.css | 378 +- .../frontend/public/stylesheets/main.css | 1446 ++-- .../frontend/public/stylesheets/main.css | 15 +- .../frontend/public/stylesheets/main.css | 14 +- .../frontend/public/stylesheets/main.css | 17 +- .../frontend/public/stylesheets/main.css | 7 +- .../frontend/public/stylesheets/main.css | 40 +- .../frontend/public/stylesheets/main.css | 100 +- .../frontend/public/stylesheets/main.css | 147 +- .../frontend/public/stylesheets/main.css | 194 +- .../frontend/public/stylesheets/main.css | 134 +- .../push/frontend/public/stylesheets/main.css | 1775 +++-- .../frontend/public/stylesheets/main.css | 190 +- .../frontend/public/stylesheets/main.css | 31 +- .../frontend/public/stylesheets/main.css | 8 +- .../frontend/public/stylesheets/main.css | 711 +- .../frontend/public/stylesheets/main.css | 44 +- .../frontend/public/stylesheets/main.css | 78 +- .../frontend/public/stylesheets/main.css | 38 +- .../frontend/public/stylesheets/main.css | 2 +- .../frontend/public/stylesheets/main.css | 4 +- .../frontend/public/stylesheets/main.css | 108 +- .../web/frontend/public/stylesheets/main.css | 8 +- 33 files changed, 7719 insertions(+), 4952 deletions(-) create mode 100644 .stylelintrc.json diff --git a/.stylelintrc.json b/.stylelintrc.json new file mode 100644 index 00000000000..6b6a9aa8991 --- /dev/null +++ b/.stylelintrc.json @@ -0,0 +1,27 @@ +{ + "extends": "stylelint-config-standard", + "plugins": ["stylelint-no-unsupported-browser-features"], + "ignoreFiles": ["**/javascripts/**", "**/fonts/**", "**/themes/**", "**/min/**"], + "rules": { + "color-hex-case": "upper", + "color-hex-length": "short", + "unit-case": "lower", + "number-leading-zero": "always", + "value-keyword-case": "lower", + "declaration-block-single-line-max-declarations": 1, + "no-descending-specificity": "off", + "selector-list-comma-newline-after": "never-multi-line", + "selector-list-comma-newline-before": "never-multi-line", + "selector-list-comma-space-after": "always-single-line", + "selector-list-comma-space-after": "never-single-line", + "rule-empty-line-before": "always", + "indentation": 4, + "linebreaks": "unix", + "no-eol-whitespace": "true", + "unicode-bom": "never", + "plugin/no-unsupported-browser-features": [true, { + "browsers": ["IE 11"], + "ignore": [] + }] + } +} \ No newline at end of file diff --git a/Gruntfile.js b/Gruntfile.js index 9a7d2ded8d5..0e8e02508b4 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -7,6 +7,15 @@ module.exports = function(grunt) { }, target: ['./'] }, + stylelint: { + options: { + configFile: './.stylelintrc.json', + syntax: 'css' + }, + src: [ + '**/main.css' + ] + }, concat: { options: { separator: ';' @@ -197,9 +206,10 @@ module.exports = function(grunt) { grunt.loadNpmTasks('grunt-contrib-copy'); grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-eslint'); + grunt.loadNpmTasks('grunt-stylelint'); grunt.loadNpmTasks('grunt-mocha-test'); - grunt.registerTask('default', ['eslint', 'mochaTest']); + grunt.registerTask('default', ['eslint', 'stylelint', 'mochaTest']); grunt.registerTask('dist', ['concat', 'uglify', 'cssmin']); diff --git a/frontend/express/public/stylesheets/main.css b/frontend/express/public/stylesheets/main.css index 571d0ca12c3..ffad97ca2b2 100644 --- a/frontend/express/public/stylesheets/main.css +++ b/frontend/express/public/stylesheets/main.css @@ -1,211 +1,323 @@ @font-face { - font-family: 'Ubuntu'; - font-weight: 400; - font-style: normal; - src: url('../fonts/Ubuntu-Regular/Ubuntu-Regular.eot'); - src: url('../fonts/Ubuntu-Regular/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'), - local('Ubuntu'), - local('Ubuntu-Regular'), - url('../fonts/Ubuntu-Regular/Ubuntu-Regular.woff2') format('woff2'), - url('../fonts/Ubuntu-Regular/Ubuntu-Regular.woff') format('woff'), - url('../fonts/Ubuntu-Regular/Ubuntu-Regular.ttf') format('truetype'), - url('../fonts/Ubuntu-Regular/Ubuntu-Regular.svg#Ubuntu') format('svg'); + font-family: 'Ubuntu'; + font-weight: 400; + font-style: normal; + src: url('../fonts/Ubuntu-Regular/Ubuntu-Regular.eot'); + src: + url('../fonts/Ubuntu-Regular/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'), + local('Ubuntu'), + local('Ubuntu-Regular'), + url('../fonts/Ubuntu-Regular/Ubuntu-Regular.woff2') format('woff2'), + url('../fonts/Ubuntu-Regular/Ubuntu-Regular.woff') format('woff'), + url('../fonts/Ubuntu-Regular/Ubuntu-Regular.ttf') format('truetype'), + url('../fonts/Ubuntu-Regular/Ubuntu-Regular.svg#Ubuntu') format('svg'); } @font-face { - font-family: 'Ubuntu'; - font-weight: 500; - font-style: normal; - src: url('../fonts/Ubuntu-500/Ubuntu-500.eot'); - src: url('../fonts/Ubuntu-500/Ubuntu-500.eot?#iefix') format('embedded-opentype'), - local('Ubuntu Medium'), - local('Ubuntu-500'), - url('../fonts/Ubuntu-500/Ubuntu-500.woff2') format('woff2'), - url('../fonts/Ubuntu-500/Ubuntu-500.woff') format('woff'), - url('../fonts/Ubuntu-500/Ubuntu-500.ttf') format('truetype'), - url('../fonts/Ubuntu-500/Ubuntu-500.svg#Ubuntu') format('svg'); + font-family: 'Ubuntu'; + font-weight: 500; + font-style: normal; + src: url('../fonts/Ubuntu-500/Ubuntu-500.eot'); + src: + url('../fonts/Ubuntu-500/Ubuntu-500.eot?#iefix') format('embedded-opentype'), + local('Ubuntu Medium'), + local('Ubuntu-500'), + url('../fonts/Ubuntu-500/Ubuntu-500.woff2') format('woff2'), + url('../fonts/Ubuntu-500/Ubuntu-500.woff') format('woff'), + url('../fonts/Ubuntu-500/Ubuntu-500.ttf') format('truetype'), + url('../fonts/Ubuntu-500/Ubuntu-500.svg#Ubuntu') format('svg'); } @font-face { - font-family: 'Ubuntu'; - font-weight: 400; - font-style: italic; - src: url('../fonts/Ubuntu-italic/Ubuntu-italic.eot'); - src: url('../fonts/Ubuntu-italic/Ubuntu-italic.eot?#iefix') format('embedded-opentype'), - local('Ubuntu Italic'), - local('Ubuntu-italic'), - url('../fonts/Ubuntu-italic/Ubuntu-italic.woff2') format('woff2'), - url('../fonts/Ubuntu-italic/Ubuntu-italic.woff') format('woff'), - url('../fonts/Ubuntu-italic/Ubuntu-italic.ttf') format('truetype'), - url('../fonts/Ubuntu-italic/Ubuntu-italic.svg#Ubuntu') format('svg'); + font-family: 'Ubuntu'; + font-weight: 400; + font-style: italic; + src: url('../fonts/Ubuntu-italic/Ubuntu-italic.eot'); + src: + url('../fonts/Ubuntu-italic/Ubuntu-italic.eot?#iefix') format('embedded-opentype'), + local('Ubuntu Italic'), + local('Ubuntu-italic'), + url('../fonts/Ubuntu-italic/Ubuntu-italic.woff2') format('woff2'), + url('../fonts/Ubuntu-italic/Ubuntu-italic.woff') format('woff'), + url('../fonts/Ubuntu-italic/Ubuntu-italic.ttf') format('truetype'), + url('../fonts/Ubuntu-italic/Ubuntu-italic.svg#Ubuntu') format('svg'); } @font-face { - font-family: 'Ubuntu'; - font-weight: 500; - font-style: italic; - src: url('../fonts/Ubuntu-500italic/Ubuntu-500italic.eot'); - src: url('../fonts/Ubuntu-500italic/Ubuntu-500italic.eot?#iefix') format('embedded-opentype'), - local('Ubuntu Medium Italic'), - local('Ubuntu-500italic'), - url('../fonts/Ubuntu-500italic/Ubuntu-500italic.woff2') format('woff2'), - url('../fonts/Ubuntu-500italic/Ubuntu-500italic.woff') format('woff'), - url('../fonts/Ubuntu-500italic/Ubuntu-500italic.ttf') format('truetype'), - url('../fonts/Ubuntu-500italic/Ubuntu-500italic.svg#Ubuntu') format('svg'); + font-family: 'Ubuntu'; + font-weight: 500; + font-style: italic; + src: url('../fonts/Ubuntu-500italic/Ubuntu-500italic.eot'); + src: + url('../fonts/Ubuntu-500italic/Ubuntu-500italic.eot?#iefix') format('embedded-opentype'), + local('Ubuntu Medium Italic'), + local('Ubuntu-500italic'), + url('../fonts/Ubuntu-500italic/Ubuntu-500italic.woff2') format('woff2'), + url('../fonts/Ubuntu-500italic/Ubuntu-500italic.woff') format('woff'), + url('../fonts/Ubuntu-500italic/Ubuntu-500italic.ttf') format('truetype'), + url('../fonts/Ubuntu-500italic/Ubuntu-500italic.svg#Ubuntu') format('svg'); } + @font-face { - font-family: 'Oswald'; - font-weight: 300; - font-style: normal; - src: url('../fonts/Oswald-300/Oswald-300.eot'); - src: url('../fonts/Oswald-300/Oswald-300.eot?#iefix') format('embedded-opentype'), - local('Oswald Light'), - local('Oswald-300'), - url('../fonts/Oswald-300/Oswald-300.woff2') format('woff2'), - url('../fonts/Oswald-300/Oswald-300.woff') format('woff'), - url('../fonts/Oswald-300/Oswald-300.ttf') format('truetype'), - url('../fonts/Oswald-300/Oswald-300.svg#Oswald') format('svg'); + font-family: 'Oswald'; + font-weight: 300; + font-style: normal; + src: url('../fonts/Oswald-300/Oswald-300.eot'); + src: + url('../fonts/Oswald-300/Oswald-300.eot?#iefix') format('embedded-opentype'), + local('Oswald Light'), + local('Oswald-300'), + url('../fonts/Oswald-300/Oswald-300.woff2') format('woff2'), + url('../fonts/Oswald-300/Oswald-300.woff') format('woff'), + url('../fonts/Oswald-300/Oswald-300.ttf') format('truetype'), + url('../fonts/Oswald-300/Oswald-300.svg#Oswald') format('svg'); } @font-face { - font-family: 'Oswald'; - font-weight: 400; - font-style: normal; - src: url('../fonts/Oswald-regular/Oswald-regular.eot'); - src: url('../fonts/Oswald-regular/Oswald-regular.eot?#iefix') format('embedded-opentype'), - local('Oswald Regular'), - local('Oswald-regular'), - url('../fonts/Oswald-regular/Oswald-regular.woff2') format('woff2'), - url('../fonts/Oswald-regular/Oswald-regular.woff') format('woff'), - url('../fonts/Oswald-regular/Oswald-regular.ttf') format('truetype'), - url('../fonts/Oswald-regular/Oswald-regular.svg#Oswald') format('svg'); + font-family: 'Oswald'; + font-weight: 400; + font-style: normal; + src: url('../fonts/Oswald-regular/Oswald-regular.eot'); + src: + url('../fonts/Oswald-regular/Oswald-regular.eot?#iefix') format('embedded-opentype'), + local('Oswald Regular'), + local('Oswald-regular'), + url('../fonts/Oswald-regular/Oswald-regular.woff2') format('woff2'), + url('../fonts/Oswald-regular/Oswald-regular.woff') format('woff'), + url('../fonts/Oswald-regular/Oswald-regular.ttf') format('truetype'), + url('../fonts/Oswald-regular/Oswald-regular.svg#Oswald') format('svg'); } @font-face { - font-family: 'Oswald'; - font-weight: 700; - font-style: normal; - src: url('../fonts/Oswald-700/Oswald-700.eot'); - src: url('../fonts/Oswald-700/Oswald-700.eot?#iefix') format('embedded-opentype'), - local('Oswald Bold'), - local('Oswald-700'), - url('../fonts/Oswald-700/Oswald-700.woff2') format('woff2'), - url('../fonts/Oswald-700/Oswald-700.woff') format('woff'), - url('../fonts/Oswald-700/Oswald-700.ttf') format('truetype'), - url('../fonts/Oswald-700/Oswald-700.svg#Oswald') format('svg'); -} -* { outline:none; } + font-family: 'Oswald'; + font-weight: 700; + font-style: normal; + src: url('../fonts/Oswald-700/Oswald-700.eot'); + src: + url('../fonts/Oswald-700/Oswald-700.eot?#iefix') format('embedded-opentype'), + local('Oswald Bold'), + local('Oswald-700'), + url('../fonts/Oswald-700/Oswald-700.woff2') format('woff2'), + url('../fonts/Oswald-700/Oswald-700.woff') format('woff'), + url('../fonts/Oswald-700/Oswald-700.ttf') format('truetype'), + url('../fonts/Oswald-700/Oswald-700.svg#Oswald') format('svg'); +} + +* { outline: none; } + html { height: 100%; } -body { margin:0; padding:0; overflow:auto; background-color:#F9F9F9; user-select:text; font-family: Ubuntu,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -#content-container { margin-left:224px; min-width:768px; min-height: 400px; padding:78px 16px 35px 16px; transition: margin-left 0.55s; will-change: margin-left; } -#content-container #event-nav, -#content-container #app-management-bar, -#content-container #configs-title-bar { transition: left 0.55s, width 200ms; will-change: left; border-radius:2px; } -#content-container.cover-left { margin-left:0; transition: margin-left 0.55s; will-change: margin-left; } -#content-container.cover-left #event-nav, -#content-container.cover-left #app-management-bar, -#content-container.cover-left #configs-title-bar { left:18px; transition: left 0.55s, width 200ms; will-change: left; } - -#content {padding-bottom:15px; } -a { color:inherit; text-decoration:none; } -a:visited { color:inherit; } -a:hover { color:inherit; } -a:active { color:inherit; } -#app-tooltip{display: none; position: absolute; z-index: 1000; background-color: #CCC; height: 45px; margin-left:5px;} -#app-tooltip .app-container{padding-left:11px;} -.break {word-wrap: break-word; word-break: break-all;} -.trim {text-overflow: ellipsis; overflow:hidden; white-space: nowrap;} -.over {z-index:100;} -#no-app-type{width: 100%; padding: 20px 0; text-align: center; border: 1px dashed #CCC; font: 13px Ubuntu,Helvetica,sans-serif;} -#no-app-type a{color:#72AE4B; text-decoration: underline;} + +body { margin: 0; padding: 0; overflow: auto; background-color: #F9F9F9; user-select: text; font-family: Ubuntu, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + +#content-container { margin-left: 224px; min-width: 768px; min-height: 400px; padding: 78px 16px 35px 16px; transition: margin-left 0.55s; will-change: margin-left; } + +#content-container #event-nav,#content-container #app-management-bar,#content-container #configs-title-bar { transition: left 0.55s, width 200ms; will-change: left; border-radius: 2px; } + +#content-container.cover-left { margin-left: 0; transition: margin-left 0.55s; will-change: margin-left; } + +#content-container.cover-left #event-nav,#content-container.cover-left #app-management-bar,#content-container.cover-left #configs-title-bar { left: 18px; transition: left 0.55s, width 200ms; will-change: left; } + +#content { padding-bottom: 15px; } + +a { color: inherit; text-decoration: none; } + +a:visited { color: inherit; } + +a:hover { color: inherit; } + +a:active { color: inherit; } + +#app-tooltip { display: none; position: absolute; z-index: 1000; background-color: #CCC; height: 45px; margin-left: 5px; } + +#app-tooltip .app-container { padding-left: 11px; } + +.break { word-wrap: break-word; word-break: break-all; } + +.trim { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } + +.over { z-index: 100; } + +#no-app-type { width: 100%; padding: 20px 0; text-align: center; border: 1px dashed #CCC; font: 13px Ubuntu, Helvetica, sans-serif; } + +#no-app-type a { color: #72AE4B; text-decoration: underline; } + table { border-collapse: collapse; } /* FLASH */ -.flash{ -moz-animation: flash 2s ease-out; -moz-animation-iteration-count: 1; -webkit-animation: flash 2s ease-out; -webkit-animation-iteration-count: 1; -ms-animation: flash 2s ease-out; -ms-animation-iteration-count: 1; animation: flash 2s ease-out; animation-iteration-count: 1;} -@-webkit-keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} } -@-moz-keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} } -@-ms-keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} } -@keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} } + +.flash { -moz-animation: flash 2s ease-out; -moz-animation-iteration-count: 1; -webkit-animation: flash 2s ease-out; -webkit-animation-iteration-count: 1; -ms-animation: flash 2s ease-out; -ms-animation-iteration-count: 1; animation: flash 2s ease-out; animation-iteration-count: 1; } + +@-webkit-keyframes flash { + + 0% { background-color: none; } + + 30% { background-color: #DDF3DD; } + + 100% { background-color: none; } +} + +@-moz-keyframes flash { + + 0% { background-color: none; } + + 30% { background-color: #DDF3DD; } + + 100% { background-color: none; } +} + +@-ms-keyframes flash { + + 0% { background-color: none; } + + 30% { background-color: #DDF3DD; } + + 100% { background-color: none; } +} + +@keyframes flash { + + 0% { background-color: none; } + + 30% { background-color: #DDF3DD; } + + 100% { background-color: none; } +} /* FOOTER */ -#content-footer{position: fixed; bottom:0; left:0px; width: 100%; background-color: #292929; font: 11px Ubuntu,Helvetica,sans-serif; color: #585858; height: 35px; z-index:999;} -#content-footer span{float: left; line-height: 35px; margin-left:10px; text-align:left; } -#content-footer ul {list-style: none; float: right; margin: 0; padding: 0; margin-right: 10px;} -#content-footer ul li{float: left; margin-right: 7px; margin-left: 7px; line-height: 35px;} -#content-footer ul li a { transition:color 1s; cursor: pointer; } -#content-footer ul li a:hover { color:#2FA732; transition:color 1s; } + +#content-footer { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #292929; font: 11px Ubuntu, Helvetica, sans-serif; color: #585858; height: 35px; z-index: 999; } + +#content-footer span { float: left; line-height: 35px; margin-left: 10px; text-align: left; } + +#content-footer ul { list-style: none; float: right; margin: 0; padding: 0; margin-right: 10px; } + +#content-footer ul li { float: left; margin-right: 7px; margin-left: 7px; line-height: 35px; } + +#content-footer ul li a { transition: color 1s; cursor: pointer; } + +#content-footer ul li a:hover { color: #2FA732; transition: color 1s; } /* SIDEBAR */ -#sidebar { position:fixed; left:0; width:224px; background-color:#0B131A; height:100%; z-index:998; user-select:none; } -#sidebar-top { display: none; height:112px; padding-top:11px; border-right:1px solid #ABABAB; + +#sidebar { position: fixed; left: 0; width: 224px; background-color: #0B131A; height: 100%; z-index: 998; user-select: none; } + +#sidebar-top { + display: none; + height: 112px; + padding-top: 11px; + border-right: 1px solid #ABABAB; + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,adacac+100 */ - background: #e6e6e6; /* Old browsers */ - background: -moz-linear-gradient(top, #e6e6e6 0%, #adacac 100%); /* FF3.6-15 */ - background: -webkit-linear-gradient(top, #e6e6e6 0%,#adacac 100%); /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to bottom, #e6e6e6 0%,#adacac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#adacac',GradientType=0 ); /* IE6-9 */ + background: #E6E6E6; /* Old browsers */ + background: -moz-linear-gradient(top, #E6E6E6 0%, #ADACAC 100%); /* FF3.6-15 */ + background: -webkit-linear-gradient(top, #E6E6E6 0%, #ADACAC 100%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to bottom, #E6E6E6 0%, #ADACAC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#adacac', GradientType=0); /* IE6-9 */ border-bottom: 1px solid #888; } -#sidebar-menu { position: relative; margin-top:59px; } - .scroll-active .sidebar-menu { height:auto; position:relative; } - .sidebar-menu{padding-bottom:120px;} - #sidebar-menu .sidebar-menu .menu-category-title{padding-left:16px; padding-right:15px; padding-top:16px; font:12px Ubuntu,Helvetica,sans-serif; color:#9F9F9F; width: 195px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:block; text-transform: uppercase; padding-bottom: 5px;} - #sidebar-menu .sidebar-menu .menu-category-title.active, #sidebar-menu .sidebar-menu .menu-category:hover .menu-category-title{color: #FFF;} - #sidebar-menu .sidebar-menu .menu-category .menu-category-title:hover {color:#9F9F9F; } - #sidebar-menu .sidebar-menu .menu-category .menu-category-title.active:hover {color: #FFF; } - #sidebar-menu .sidebar-menu .menu-category>.item { width:225px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:26px; padding-top:3px; display:block; cursor:pointer; } - #sidebar-menu .sidebar-menu .menu-category>.item.hide { display: none; } - #sidebar-menu .sidebar-menu .item:hover { background-position:446px; } - #sidebar-menu .sidebar-menu .menu-category>.item.active { background-color: #2FA732; border-color: #2FA732; } - #sidebar-menu .sidebar-menu .item.menu-active { background-color: #02060B; border-color: #02060B } - #sidebar-menu .sidebar-menu .item .logo { color:#9F9F9F; width:25px; height:22px; float:left; margin-left:16px; margin-top:2px; font-size: 18px; text-align: center; } - #sidebar-menu .sidebar-menu .item .logo .material-icons { font-size:19px; margin-top:1px; } - /* Fix for old .fa icons, this can be removed once all enterprise plugins have updated icons */ - #sidebar-menu .sidebar-menu .item .logo.fa { - width: 24px !important; - height: 25px !important; - line-height: 24px !important; - font-size: 18px !important; - margin-left: 17px !important; - } - #sidebar-menu .sidebar-menu .menu-category>.item>.logo-icon { background-image:none; font-size:24px; text-align:center; padding-top:4px; width: 35px; margin-left: 14px; line-height: 34px; } - #sidebar-menu .sidebar-menu .item.active .logo { color:#FFF; } - #sidebar-menu .sidebar-menu .item .text { margin-left:15px; float:left; padding-top:3px; font:14px Ubuntu,Helvetica,sans-serif; line-height:130%; color:#9F9F9F; max-width: 140px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } - #sidebar-menu .sidebar-menu .item.active:hover .logo { color: #f6f6f6; } - #sidebar-menu .sidebar-menu .item.menu-active:hover .logo, - #sidebar-menu .sidebar-menu .item.menu-active .logo { color: #f6f6f6; } - #sidebar-menu .sidebar-menu .item:hover .logo { color: #FFF; } - #sidebar-menu .sidebar-menu .item:hover .text { color: #FFF; } - #sidebar-menu .sidebar-menu .item:hover .ion-chevron-right { color: #FFF; } - #sidebar-menu .sidebar-menu .item.active .text { color:#FFF; } - #sidebar-menu .sidebar-menu .item .ion-chevron-right { position: absolute; right: 15px; font-size: 10px; color: #505050; padding-top: 7px; } - #sidebar-menu .sidebar-menu .item.active .ion-chevron-right { color:#f6f6f6; } - - #sidebar-menu .sidebar-menu .sidebar-submenu { display:none; position:absolute; top:0; background-color: #02060B; right:0; width:175px; height:100%; z-index:1; } - #sidebar-menu .sidebar-menu .sidebar-submenu .menu-title { min-height:16px; padding: 14px 0 15px 25px; color: #ececec; font-family: Ubuntu; font-size: 14px; } - #sidebar-menu .sidebar-menu .sidebar-submenu .submenu-close { right: 18px; position: absolute; top: 14px; font-size: 14px; cursor: pointer; opacity: 0.7; } - #sidebar-menu .sidebar-menu .sidebar-submenu .submenu-close:hover { opacity: 1; } - #sidebar-menu .sidebar-menu .sidebar-submenu .item, - #sidebar-menu .sidebar-menu .sidebar-submenu .disabled-item { text-transform:capitalize; background-color: #02060B text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:30px; display:block; padding-left:8px; cursor:pointer; } - #sidebar-menu .sidebar-menu .sidebar-submenu .disabled-item { cursor:default; } - #sidebar-menu .sidebar-menu .sidebar-submenu .item .logo-icon { display:none; color:#888; width:30px; height:30px; float:left; margin-left:8px; margin-top:8px; text-align:center;} - #sidebar-menu .sidebar-menu .sidebar-submenu .item .logo { display:none; color:#888; width:30px; height:30px; float:left; margin-left:8px; margin-top:1px; } - #sidebar-menu .sidebar-menu .sidebar-submenu .item.active .logo, - #sidebar-menu .sidebar-menu .sidebar-submenu .item.active .logo-icon { color:#2FA732; } - #sidebar-menu .sidebar-menu .sidebar-submenu .item .text { margin-left:17px; float:left; padding-top:8px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#888; } - #sidebar-menu .sidebar-menu .sidebar-submenu .item:hover .text { color: #FFF; } - #sidebar-menu .sidebar-menu .sidebar-submenu .item.active .text { color:#2FA732; } - #sidebar-menu .sidebar-menu .sidebar-submenu .item.active:hover .text { opacity:1; } - #sidebar-menu .sidebar-menu .sidebar-submenu .item:last-child { background-image:none; margin-bottom: 120px;} - #sidebar-menu .sidebar-menu .sidebar-submenu .item.help-toggle.active { color:#666; } - - #management-submenu.sidebar-submenu .disabled-item { opacity:0.3; } - #management-submenu.sidebar-submenu .disabled-item .logo { width:30px; height:30px; float:left; margin-left:8px; margin-top:1px; } - #management-submenu.sidebar-submenu .disabled-item .text { margin-left:17px; float:left; padding-top:8px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#666; } + +#sidebar-menu { position: relative; margin-top: 59px; } + +.scroll-active .sidebar-menu { height: auto; position: relative; } + +.sidebar-menu { padding-bottom: 120px; } + +#sidebar-menu .sidebar-menu .menu-category-title { padding-left: 16px; padding-right: 15px; padding-top: 16px; font: 12px Ubuntu, Helvetica, sans-serif; color: #9F9F9F; width: 195px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; text-transform: uppercase; padding-bottom: 5px; } + +#sidebar-menu .sidebar-menu .menu-category-title.active,#sidebar-menu .sidebar-menu .menu-category:hover .menu-category-title { color: #FFF; } + +#sidebar-menu .sidebar-menu .menu-category .menu-category-title:hover { color: #9F9F9F; } + +#sidebar-menu .sidebar-menu .menu-category .menu-category-title.active:hover { color: #FFF; } + +#sidebar-menu .sidebar-menu .menu-category > .item { width: 225px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 26px; padding-top: 3px; display: block; cursor: pointer; } + +#sidebar-menu .sidebar-menu .menu-category > .item.hide { display: none; } + +#sidebar-menu .sidebar-menu .item:hover { background-position: 446px; } + +#sidebar-menu .sidebar-menu .menu-category > .item.active { background-color: #2FA732; border-color: #2FA732; } + +#sidebar-menu .sidebar-menu .item.menu-active { background-color: #02060B; border-color: #02060B; } + +#sidebar-menu .sidebar-menu .item .logo { color: #9F9F9F; width: 25px; height: 22px; float: left; margin-left: 16px; margin-top: 2px; font-size: 18px; text-align: center; } + +#sidebar-menu .sidebar-menu .item .logo .material-icons { font-size: 19px; margin-top: 1px; } + +/* Fix for old .fa icons, this can be removed once all enterprise plugins have updated icons */ + +#sidebar-menu .sidebar-menu .item .logo.fa { + width: 24px !important; + height: 25px !important; + line-height: 24px !important; + font-size: 18px !important; + margin-left: 17px !important; +} + +#sidebar-menu .sidebar-menu .menu-category > .item > .logo-icon { background-image: none; font-size: 24px; text-align: center; padding-top: 4px; width: 35px; margin-left: 14px; line-height: 34px; } + +#sidebar-menu .sidebar-menu .item.active .logo { color: #FFF; } + +#sidebar-menu .sidebar-menu .item .text { margin-left: 15px; float: left; padding-top: 3px; font: 14px Ubuntu, Helvetica, sans-serif; line-height: 130%; color: #9F9F9F; max-width: 140px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } + +#sidebar-menu .sidebar-menu .item.active:hover .logo { color: #F6F6F6; } + +#sidebar-menu .sidebar-menu .item.menu-active:hover .logo,#sidebar-menu .sidebar-menu .item.menu-active .logo { color: #F6F6F6; } + +#sidebar-menu .sidebar-menu .item:hover .logo { color: #FFF; } + +#sidebar-menu .sidebar-menu .item:hover .text { color: #FFF; } + +#sidebar-menu .sidebar-menu .item:hover .ion-chevron-right { color: #FFF; } + +#sidebar-menu .sidebar-menu .item.active .text { color: #FFF; } + +#sidebar-menu .sidebar-menu .item .ion-chevron-right { position: absolute; right: 15px; font-size: 10px; color: #505050; padding-top: 7px; } + +#sidebar-menu .sidebar-menu .item.active .ion-chevron-right { color: #F6F6F6; } + +#sidebar-menu .sidebar-menu .sidebar-submenu { display: none; position: absolute; top: 0; background-color: #02060B; right: 0; width: 175px; height: 100%; z-index: 1; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .menu-title { min-height: 16px; padding: 14px 0 15px 25px; color: #ECECEC; font-family: Ubuntu; font-size: 14px; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .submenu-close { right: 18px; position: absolute; top: 14px; font-size: 14px; cursor: pointer; opacity: 0.7; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .submenu-close:hover { opacity: 1; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .item,#sidebar-menu .sidebar-menu .sidebar-submenu .disabled-item { text-transform: capitalize; background-color: #02060B; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 30px; display: block; padding-left: 8px; cursor: pointer; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .disabled-item { cursor: default; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .item .logo-icon { display: none; color: #888; width: 30px; height: 30px; float: left; margin-left: 8px; margin-top: 8px; text-align: center; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .item .logo { display: none; color: #888; width: 30px; height: 30px; float: left; margin-left: 8px; margin-top: 1px; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .item.active .logo,#sidebar-menu .sidebar-menu .sidebar-submenu .item.active .logo-icon { color: #2FA732; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .item .text { margin-left: 17px; float: left; padding-top: 8px; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #888; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .item:hover .text { color: #FFF; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .item.active .text { color: #2FA732; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .item.active:hover .text { opacity: 1; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .item:last-child { background-image: none; margin-bottom: 120px; } + +#sidebar-menu .sidebar-menu .sidebar-submenu .item.help-toggle.active { color: #666; } + +#management-submenu.sidebar-submenu .disabled-item { opacity: 0.3; } + +#management-submenu.sidebar-submenu .disabled-item .logo { width: 30px; height: 30px; float: left; margin-left: 8px; margin-top: 1px; } + +#management-submenu.sidebar-submenu .disabled-item .text { margin-left: 17px; float: left; padding-top: 8px; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #666; } @media only screen and (max-height: 800px) { - #sidebar-menu .sidebar-menu .item .logo { width:25px; height:22px; float:left; margin-left:16px; margin-top:3px; font-size: 16px; } - #sidebar-menu .sidebar-menu .item .logo .material-icons { font-size:17px; margin-top:1px; } + + #sidebar-menu .sidebar-menu .item .logo { width: 25px; height: 22px; float: left; margin-left: 16px; margin-top: 3px; font-size: 16px; } + + #sidebar-menu .sidebar-menu .item .logo .material-icons { font-size: 17px; margin-top: 1px; } + #sidebar-menu .sidebar-menu .item .logo.fa { width: 24px !important; height: 25px !important; @@ -213,1399 +325,2309 @@ table { border-collapse: collapse; } font-size: 16px !important; margin-left: 17px !important; } - #sidebar-menu .sidebar-menu .menu-category>.item>.logo-icon { background-image:none; font-size:22px; text-align:center; padding-top:5px; width: 35px; margin-left: 14px; line-height: 34px; } + + #sidebar-menu .sidebar-menu .menu-category > .item > .logo-icon { background-image: none; font-size: 22px; text-align: center; padding-top: 5px; width: 35px; margin-left: 14px; line-height: 34px; } } + @media only screen and (min-height: 801px) { - #sidebar-menu .sidebar-menu .menu-category>.item { + + #sidebar-menu .sidebar-menu .menu-category > .item { padding-top: 5px; padding-bottom: 2px; } - #sidebar-menu .sidebar-menu .menu-category-title{padding-bottom: 10px;} + + #sidebar-menu .sidebar-menu .menu-category-title { padding-bottom: 10px; } } -#sidebar-event-count { float:right; border-radius:15px; font-family:Oswald; font-size:13px; color:#DDD; background-color:#333; border:1px solid #0C0C0C; box-shadow:0 1px 1px 0 #4A4A4A, inset 0 1px 1px 0 #1f1f1f; padding:2px 6px; margin:7px 10px 0 0; } -.item.active #sidebar-event-count { border-color:#6BB96E; box-shadow:0 0 1px 0 #ACE7B1, inset 0 1px 1px 0 #1f1f1f; } +#sidebar-event-count { float: right; border-radius: 15px; font-family: Oswald; font-size: 13px; color: #DDD; background-color: #333; border: 1px solid #0C0C0C; box-shadow: 0 1px 1px 0 #4A4A4A, inset 0 1px 1px 0 #1F1F1F; padding: 2px 6px; margin: 7px 10px 0 0; } + +.item.active #sidebar-event-count { border-color: #6BB96E; box-shadow: 0 0 1px 0 #ACE7B1, inset 0 1px 1px 0 #1F1F1F; } + /* SIDEBAR END */ /* DASHBOARD */ - #dashboard-graph, - #dashboard-graph-secondary { font-family:Oswald; font-size:14px; margin:0 30px !important; } - #dashboard-graph .legendLabel,.graph .legendLabel { font-family:Ubuntu !important; font-size:14px !important; } - - .usparkline, .dsparkline {display: none;} - - .graph-no-data { display:none; height:100%; position:relative; } - .graph-no-data .inner { user-select:none; text-align: center; position: absolute; width: 400px; left: 50%; margin-left: -200px; height: 64px; margin-top: -40px; top: 50%;} - .graph-no-data .inner .icon { display: inline-block; width: 60px; height: 60px; background-image: url("../images/dashboard/graph-no-data.svg"); background-size: contain; margin-right: 20px; background-repeat: no-repeat; } - .graph-no-data .inner .text { cursor:default; display: inline-block; color: #a2a2a2; vertical-align: text-bottom; margin-bottom: 23px; font-size: 16px; } - - .widget { margin-bottom:16px; border-radius:2px; } - .widget-no-shadow { box-shadow: none; } - .widget-header { height:41px; position:relative; padding:8px 8px; color:#666; font-size:13px; border-top-left-radius:2px; border-top-right-radius:2px; border:1px solid #D0D0D0; border-bottom:none; background-color:#ECECEC; } - .widget-header .left { float:left; margin-top:2px; margin-left:2px; } - .widget-header .right { float:right; margin-right:2px; } - .widget-header .right input { height: 26px; } - .widget-header>.title { font:19px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#636363; float:left; } - .widget-header .back { font:16px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#636363; margin-right: 10px;} - .widget-header .left .title { font:19px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#636363; float:left; padding-top:8px; float:left; margin-left:3px; text-transform: uppercase; } - .widget-header .left .title.small { font-size:16px; padding-top: 0; } - .widget-header .left .title.dynamic-title { max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} - @media (min-width: 1601px) and (max-width: 1700px) { .widget-header .left .title.dynamic-title {max-width: 500px;} } - @media (min-width: 1401px) and (max-width: 1600px) { .widget-header .left .title.dynamic-title {max-width: 400px;} } - @media (min-width: 1301px) and (max-width: 1400px) { .widget-header .left .title.dynamic-title {max-width: 300px;} } - @media (min-width: 1101px) and (max-width: 1300px) { .widget-header .left .title.dynamic-title {max-width: 250px;} } - @media (max-width: 1100px) { .widget-header .left .title.dynamic-title {max-width: 100px;} } - .widget-header .logo { float:left; width:38px; height:38px; } - .widget-header .logo.font-logo { color:#6E6E6E; background-image: none; height:31px; font-size: 25px; padding-top: 5px; text-align: center; } - .widget-header .logo.font-logo2 { color:#6E6E6E; background-image: none; height:31px; font-size: 25px; text-align: center; padding-top: 4px; } - .widget-header .logo.font-logo>a { line-height: 10px; } - .widget-header .logo.sessions { background-position:-38px; } - .widget-header .logo.frequency { background-position:-76px; } - .widget-header .logo.countries { background-position:-114px; } - .widget-header .logo.devices { background-position:-152px; } - .widget-header .logo.carriers { background-position:-190px; } - .widget-header .logo.loyalty { background-position:-228px; } - .widget-header .logo.app-versions { background-position:-266px; } - .widget-header .logo.platforms { background-position:-304px; } - .widget-header .logo.durations { background-position:-380px; } - .widget-header .logo.resolutions { background-position:-418px; } - .widget-header .logo.densities { background-position:-456px; } - .widget-tips { display:none; background-color: #f9f9f9; padding: 10px 14px; color: #868686; font-size: 13px; border: 1px solid #d0d0d0; border-bottom-color: #e9e9e9;overflow: auto;} - .widget-footer { text-align:right; min-height:10px; color:#666; font-size:11px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; border:1px solid #D0D0D0; border-top:none; background-color:#FFF; box-shadow:inset 0 1px 0 #FFF; overflow:hidden; } - .widget.google-disabled .widget-footer { border-top:2px solid #D0D0D0; } - .widget-content { background-color:#FFF; border:1px solid #D0D0D0; } - .widget.google-disabled .widget-content { display: none; } - .fix-two-columns { position:relative; } - - .widget-group { border:1px solid #D0D0D0; margin-bottom: 16px; border-radius:2px; } - .widget-group .dashboard-summary { margin:0; border-top:1px solid #d0d0d0; } - .widget-group .big-numbers.top.widgets .inner, - .widget-group .dashboard-summary .item .inner { border-radius:0; margin-left:0; box-shadow: none !important; border-left: 1px solid #D0D0D0; padding:10px 15px; } - .widget-group .big-numbers.top.widgets:first-child .inner, - .widget-group .dashboard-summary .item:first-child .inner { margin-left:0; border:none; } - .widget.segmentation-widget {margin-bottom: 0px;} - .segmentation-table #dataTableTwo_wrapper {margin-top: 0px; overflow: auto; position: relative;} - - #big-numbers-container, .big-numbers-container, - #intermediate-numbers-container { overflow:hidden; position:relative; } - #big-numbers-container.dashboard , .big-numbers-container.dashboard { border:1px solid #D0D0D0; border-bottom:none; padding-bottom:8px; } - .big-numbers { float:left; position:relative; } - .widget-footer .big-numbers:first-child .inner { border-bottom-left-radius:2px; } - .widget-footer .big-numbers:last-child .inner { border-bottom-right-radius:2px; } - .big-numbers .inner { border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F9F9F9; height:180px; text-align:center; } - .widget-content .big-numbers .inner { height:190px; cursor:pointer; } - .widget-footer .big-numbers .inner { height:100px; border-bottom:none; background-color:#f4f4f4; } - .big-numbers.active .inner { background-color:#FFF; } - .big-numbers:first-child .inner { border-left:none; } - .big-numbers:last-child { position:absolute; right:0; border-left:none; } - .big-numbers .select { padding-top:7px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#5B5B5B; position:absolute; height:23px; width:100%; background-color:#D6D6D6; box-shadow:inset 0 1px 0 #F6F6F6; } - .big-numbers .select .title { max-width:156px; overflow:hidden; text-overflow:ellipsis; margin:0 auto; white-space:nowrap; } - .widget-content .big-numbers .select { bottom:1px; border-top:1px solid #A1A2A2; cursor:pointer; } - .widget-footer .big-numbers .select { top:0; border-bottom:1px solid #A1A2A2; position:relative; } - .big-numbers.active .select { color:#EEE; background-color:#2B2B2B; box-shadow:inset 0 1px 0 #5E5E5E; border-top-color:#404040; border-bottom:1px solid #616161; bottom:0; } - .big-numbers .inner .logo { width:60px; height:60px; margin:0 auto; } - .big-numbers .number { font:30px Oswald; color:#666; } - .widget-content .big-numbers .number { margin-top:1px; } - .widget-footer .big-numbers .number { margin-top:7px; } - .big-numbers.active .number { color:#333; } - .big-numbers .arrow { display:none; width:18px; height:8px; position:absolute; left:50%; z-index:2; margin-left:-9px; bottom:-6px; } - .big-numbers.active .arrow { display:block; } - .big-numbers .spark { margin-top:11px; } - .big-numbers .color { height:5px; } - /*.big-numbers:nth-child(1) .color { background-color:#52A3EF; } - .big-numbers:nth-child(2) .color { background-color:#FF8700; } - .big-numbers:nth-child(3) .color { background-color:#0EC1B9; } - */ - .widget-content .big-numbers .trend { width:12px; height:9px; right:7%; top:11px; position:absolute; } - .widget-footer .big-numbers .trend { width:12px; height:9px; right:20px; top:62px; position:absolute; } - .widget-footer .big-numbers .check {width: 12px; height: 9px; left: 20px; top: 57px; position: absolute; font-size: 19px; color: #bbb;} - .widget-content .big-numbers .change { right:15px; white-space:nowrap; top:-1px; position:absolute; font:10px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#999; } - .big-numbers.active .change { color:#333; } - - .map-list { background-image:url('../images/dashboard/map_dotted_bg.png'); background-color:#FFF; height:400px; border:1px solid #D0D0D0; position: relative;} - #geo-chart { display: inline-block; } - #geo-chart-outer { border-radius:7px; text-align: center; margin-top: 25px; float:left; width:70% } - #geo-chart-outer.big { float: none; margin: 0 auto; margin-top: 25px; width: auto; } - #map-list-right { float:left; margin-top: 20px; width:30%; height:330px; overflow:hidden; } - #geo-chart-outer.empty { width: 100%; } - #geo-chart-outer.empty + #map-list-right { display: none; } - - .data-type-selector-group .big-numbers.top .inner { height: 30px; } - - .geo-switch .cly-button-group {position: absolute; top:0px; left:0px;} - .geo-switch .cly-button-group .icon-button:first-child{border-bottom-left-radius:0; border-top-left-radius:0px; border-left:none;} - .geo-switch .cly-button-group .icon-button:last-child { border-top-right-radius:0; border-bottom-right-radius:0; } - .geo-switch .cly-button-group .icon-button{border-top:none;} - - .map-list-item { overflow:hidden; padding: 5px 25px 5px 1px; } - .flag { float:left; width:16px; height:11px; border-radius:2px; box-shadow:0 0 1px 0 #333; margin-top:1px; margin-right:10px; background-image:url('../images/flags/tr.png'); background-repeat: no-repeat; } - .flag.ch { width:11px !important; margin-right:15px; } - .flag.me { width:16px !important; height:12px !important; } - .flag.np { width:9px !important; background-position:0 0; margin-right:17px; } - .map-list-item .flag { margin-top:6px; } - .map-list-item:hover .flag {} - .map-list-item .total { float:right; color:#646464; font:17px Oswald; margin-right:10px; line-height:23px; } - .map-list .country-name { width:128px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; color:#646464; font-size:15px; line-height:23px; } - .map-list .bar { float:left; margin-left:10px; height:15px; margin-top:2px; background-color:#333; } - #country-toggle {font-size:12px; padding: 7px;} - .graph { font:14px Oswald; z-index:1; } - .graph table tr:nth-child(n+10){ display:none; } - .pie-chart-container { float:left; width:50%; position:relative; height:360px; } - .pie-chart-container .graph-segment-container { position:absolute; left:10px; top:10px; z-index:3; } - .pie-overlay { position: absolute; z-index: 1; width: 225px; height: 225px; left: 50%; margin-left: -115px; top: 66px; border: 2px solid #e6e6e6; border-radius: 200px; } - .pie-overlay .title { font-size:11px; color:#969696; margin:0 auto; text-align:center; margin-top:8px; max-width:100px; line-height:17px; } - .pie-overlay .logo { color:#969696; margin:0 auto; text-align:center; margin-top:79px; font-size: 40px; width: 100%; } - .pieLabel { max-width: 100px; } - .pieLabel div { font-size:10px !important; } - -.big-numbers.top .inner { height:170px; cursor:pointer; } -.big-numbers.top .select { bottom:1px; cursor:pointer; padding-top:7px; font-size:12px; line-height:111%; color:#969696; position:absolute; height:23px; width:100%; background-color: transparent !important; background-image: none !important; box-shadow: none; border:none; } - .big-numbers.top .select.large { height: 29px; } - .big-numbers.top .select.large .title { font-size:12px; } - .big-numbers.top.active .select { border-bottom:1px solid #FFF; bottom:0; } -.big-numbers.top .inner .logo { margin:0 auto; font-size: 30px; line-height: 30px; width: 30px; height: 30px; padding-top: 15px; margin-bottom: 10px; } - .big-numbers.top .inner .logo.ion { background-image:none; font-size: 30px; line-height: 30px; color: #969696; } - .big-numbers.top.active .inner .logo.ion { color: #535353; } - .big-numbers.top .inner .logo.material { background-image:none; } - .big-numbers.top .inner .logo.material .material-icons { font-size: 30px; line-height: 30px; color: #969696; } - .big-numbers.top.active .inner .logo.material .material-icons { color: #535353; } -.big-numbers.top .number { font:30px Oswald; color:#666; margin: 0; } - .big-numbers.top.active .number { color:#333; } -.big-numbers.top .title { padding-top:2px; padding-bottom:3px; font-size:10px; color:#666666; text-transform: uppercase; } -.big-numbers.top .spark { margin-top:14px; } - .big-numbers.top.active .spark { display: none; } -.big-numbers.top .trend { display: none; font-size:11px; margin-top:20px; position: relative; top:inherit; right: inherit; width: auto; height: auto; } - .big-numbers.top .trend .material-icons { font-size: 16px; vertical-align: middle; margin-right:5px; } - .big-numbers.top .trend.u, - .big-numbers.top .trend.u .change { color:#83C986 !important; } - .big-numbers.top .trend.d, - .big-numbers.top .trend.d .change { color:#DB6E6E !important; } - .big-numbers.top.active .trend { display: block; } -.big-numbers.top .change { display:inline-block; vertical-align: middle; position: relative; top:inherit; right: inherit; } - -.big-numbers.top.widgets { border:none; } -.big-numbers.top.widgets .inner { cursor:default; border:none; margin-left:5px; background-color: #FFF; box-shadow: inset 0 0 0 1px #D0D0D0; border-radius: 2px; padding:10px; height:66px; } -.big-numbers.top.widgets:first-child .inner { margin-left:0; } -.big-numbers.top.widgets.dark .inner { border:none; background-color: #3c3c3c; box-shadow: none; } -.big-numbers.top.widgets.dark .inner .number, -.big-numbers.top.widgets .inner .title { color:#484848; font-size:12px; padding-top: 8px; } -.big-numbers.top.widgets.dark .inner .title { color:#FFF; } -/* DASHBOARD END */ -/* NEW BIG NUMBERS */ +#dashboard-graph,#dashboard-graph-secondary { font-family: Oswald; font-size: 14px; margin: 0 30px !important; } -.big-numbers-v2 { margin-top: -1px; padding-top: 10px; border-color: #D0D0D0; } -.big-numbers-v2 #big-numbers-container, .big-numbers-v2 .big-numbers-container { margin: 0 auto; } -.big-numbers-v2 .big-numbers .inner { border-left: none; border-top: none; text-align: center; padding-top: 30px; background-color: #FFF; height: 100px; } -.big-numbers-v2.condensed .big-numbers .inner { padding-top: 10px; background-color: #FFF; height: 80px; } -.big-numbers-v2 .big-numbers:nth-child(1) .inner { border-left:none; } -.big-numbers-v2 .big-numbers .select { text-transform: uppercase; color: #484848; font-size:13px; border:none; box-shadow:none; background: transparent; display: inline-block; width: auto; padding-top: 0px; margin-left: 8px; vertical-align: top; height: auto; } -.big-numbers-v2 .big-numbers .color { display: inline-block; width:15px; height:15px; margin-top: 0; border-radius: 1px; } - .big-numbers-v2 .big-numbers.radio, - .big-numbers-v2 .big-numbers.check { cursor: pointer; } - .big-numbers-v2 .big-numbers.radio:hover, - .big-numbers-v2 .big-numbers.check:hover { opacity: 0.7; } - .big-numbers-v2 .big-numbers.radio .color, - .big-numbers-v2 .big-numbers.check .color { width:13px; height:13px; border-radius:20px; background-color: transparent; cursor:pointer; } - .big-numbers-v2 .big-numbers.check .color { border-radius:1px; } - .big-numbers-v2 .big-numbers.radio.selected .color, - .big-numbers-v2 .big-numbers.check.selected .color { box-shadow:inset 0 0 0 1px #FFF; cursor: default; } - - -.big-numbers-v2 .big-numbers .number { margin-top: 2px; color:#484848; font-size: 34px; } -.big-numbers-v2 .big-numbers .trend { margin-top:5px; height: auto; width: auto; top:0; right:0; position: relative; } -.big-numbers-v2 .big-numbers .trend i { font-size: 13px; } -.big-numbers-v2 .big-numbers .trend.u { color:#83C986; } -.big-numbers-v2 .big-numbers .trend.d { color:#DB6E6E; } +#dashboard-graph .legendLabel,.graph .legendLabel { font-family: Ubuntu !important; font-size: 14px !important; } -.google-disabled .big-numbers.radio .color { display: none; } -.google-disabled .big-numbers.radio { cursor: default; } -.google-disabled .big-numbers.radio:hover { opacity: 1; } +.usparkline,.dsparkline { display: none; } -/* APP NAVIGATION */ -#app-management-bar { z-index:3; border-radius: 2px; } -#app-management-bar #app-nav-head { padding-left:15px; } -#app-nav-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:85px; float:left; padding-top:4px; } -#app-nav { width:190px; display:none; text-align:right; height:100%; position:fixed; left:31px; z-index:997; padding-bottom: 120px; box-sizing: border-box; box-shadow: inset -1px 0 0 0 #d4d4d4; background-color: rgba(239, 239, 239, 0.7); } -#app-nav-head { height:27px; padding:15px 20px 15px 15px; color:#636363; font:18px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:left; background-color: #ECECEC; border-bottom:1px solid #d0d0d0; } - #app-nav-head .button-container { overflow:hidden; position:absolute; top:22px; right:10px; } -.app-container { cursor:pointer; height:26px; padding:8px 12px; padding-left:32px; overflow:hidden; border-top: 1px solid #d0d0d0; background-color: #efefef; } -.app-container:first-child { border-top:none; } -.app-container:hover { background-color: #dedede; } -.app-container.active { background-color: #dedede; } - .app-container .logo { float:left; width:20px; height:20px; background-size:22px 22px; margin-top:2px; border-radius:4px; border:1px solid #a2a2a2; background-position:center; } - .app-container .name { width:125px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; margin-left:10px; padding-top:6px; color:#6b6b6b; font:13px Ubuntu,Helvetica,sans-serif; } - .new-app-name { width:300px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } -#sort-app-button { padding: 7px 1px; } -#sort-app-button i { font-size: 20px; margin: 0; line-height: 16px; } -/* APP NAVIGATION END */ +.graph-no-data { display: none; height: 100%; position: relative; } -#app-management-bar { overflow:hidden; width:180px; position:fixed; left:242px; top:79px; text-align:right; background-color:#efefef; max-height:580px; box-sizing: border-box; box-shadow: 0 0 0 1px #d0d0d0; } -#app-management-bar .app-container { padding-left:10px; position: relative; } -#app-management-bar .app-container.active { } -#app-management-bar .app-container.active:hover { opacity:1; } +.graph-no-data .inner { user-select: none; text-align: center; position: absolute; width: 400px; left: 50%; margin-left: -200px; height: 64px; margin-top: -40px; top: 50%; } -#app-management-bar.expand { width:300px; box-shadow: 0 5px 18px 0 #a5a5a5, 0 0 0 1px #d0d0d0; } -#app-management-bar.expand .app-container .name { width:245px; transition:width 200ms; } -#app-management-bar .nav-search input { - transition:width 200ms; - -webkit-appearance: textfield; - width: 100%; - height: 30px; - padding-right: 20px; -} -#app-management-bar.expand .nav-search input { - /*width:278px;*/ - transition:width 200ms; +.graph-no-data .inner .icon { display: inline-block; width: 60px; height: 60px; background-image: url("../images/dashboard/graph-no-data.svg"); background-size: contain; margin-right: 20px; background-repeat: no-repeat; } + +.graph-no-data .inner .text { cursor: default; display: inline-block; color: #A2A2A2; vertical-align: text-bottom; margin-bottom: 23px; font-size: 16px; } + +.widget { margin-bottom: 16px; border-radius: 2px; } + +.widget-no-shadow { box-shadow: none; } + +.widget-header { height: 41px; position: relative; padding: 8px 8px; color: #666; font-size: 13px; border-top-left-radius: 2px; border-top-right-radius: 2px; border: 1px solid #D0D0D0; border-bottom: none; background-color: #ECECEC; } + +.widget-header .left { float: left; margin-top: 2px; margin-left: 2px; } + +.widget-header .right { float: right; margin-right: 2px; } + +.widget-header .right input { height: 26px; } + +.widget-header > .title { font: 19px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #636363; float: left; } + +.widget-header .back { font: 16px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #636363; margin-right: 10px; } + +.widget-header .left .title { font: 19px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #636363; float: left; padding-top: 8px; float: left; margin-left: 3px; text-transform: uppercase; } + +.widget-header .left .title.small { font-size: 16px; padding-top: 0; } + +.widget-header .left .title.dynamic-title { max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + +@media (min-width: 1601px) and (max-width: 1700px) { + + .widget-header .left .title.dynamic-title { max-width: 500px; } } -#management-app-container { max-height: 450px; } -#manage-new-app { display: none; } -.app-details input { width:310px; } -#add-new-app .hint, .app-details .hint { padding-top: 8px; font-size:11px; color:#B7B6B6; clear: both; } -#add-app-button {display: block; text-align: center; padding: 10px 0 12px 0; border-bottom: 1px solid #d0d0d0; font: 13px Ubuntu,Helvetica,sans-serif; color: #6b6b6b; cursor: pointer;} -#add-app-button:hover{background-color: #dedede;} -#add-app-button i {color: #2fa732; margin-right: 5px; font-size: 18px; display: inline-block; vertical-align: bottom; margin-bottom: -4px;} -#app_details {margin-left: 10px; text-decoration:underline; font-size: 11px; color: #2FA732; cursor: pointer;} -.app-details table.d-table {border-collapse:separate; border-bottom-left-radius:2px; border-bottom-right-radius:2px;} -.app-details table.d-table td {border-top:1px solid #ececec; border-bottom:none;} -.app-details table.d-table tr:first-child td {border-top:none; border-bottom:none;} -.app-details #app-edit-timezone .read .flag { box-shadow: none; } -.app_details_table{min-width: 800px; position: relative;} -.dialog.app_details_table .indicator{margin-bottom: 0;} -.dialog.app_details_table .buttons { box-shadow: inset 0 1px 0 #ccc; padding: 13px; margin-top: -1px; } -.app_details_table table.d-table{margin-bottom:0;} -.app_details_table td{border-left: 1px solid #ececec; line-height:25px;} -.app_details_table table.d-table tr td.second-header{width: 150px;} -.app_details_table .indicator {display:none;} -.dialog.app_details_table {border:none !important; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.25);} -.dialog.app_details_table table {border-left:none; border-right:none;} -.dialog.app_details_table .d-table th:first-child{border-top-left-radius: 0px;} -.dialog.app_details_table .d-table th:last-child{border-top-right-radius: 0px;} -.dialog.app_details_table .title { font: 19px Ubuntu,Helvetica,sans-serif; - line-height: 100%; - color: #636363; - margin-left: 0px; - text-transform: uppercase; height:auto; padding:20px 15px 15px 20px; border-bottom: 1px solid #cccccc;} -.app_details_table table.d-table tr:nth-child(odd):hover { - background-color: #FFFFFF; +@media (min-width: 1401px) and (max-width: 1600px) { + + .widget-header .left .title.dynamic-title { max-width: 400px; } } -.app_details_table table.d-table tr:nth-child(even):hover { - background-color: #F9F9F9; +@media (min-width: 1301px) and (max-width: 1400px) { + + .widget-header .left .title.dynamic-title { max-width: 300px; } } -#code-countly {background-color: #fff; border-radius: 2px; padding: 20px; border: 1px solid #D0D0D0; margin-left: 199px;} -#code-countly h3 {font-size: 16px; color: #636363; margin-top: 0px;} -#code-countly p {font-size: 14px; line-height: 20px; color: #AFAFAF;} -#code-countly p.select-platforms {font-size: 12px; text-transform:uppercase; color: #D4D4D4;} -#code-countly .sdks {overflow: auto;} -#code-countly .sdks a{color: #2FA732; float: left; text-decoration: none; font-size: 14px; margin-right: 20px;} -#code-countly .sdks a:hover { text-decoration: underline; } -#code-countly-content {margin-left: 135px;} -#code-countly-logo {background-image: url('../images/dashboard/apps-sdk-icon.svg'); float: left; width: 100px; height:100px; background-repeat: no-repeat; background-position: 50% 0%;} +@media (min-width: 1101px) and (max-width: 1300px) { -/* TABLES */ -.dataTables_wrapper { margin:15px 0; position: relative; } -table.d-table { width:100%; padding:0; margin:0; border-radius:2px; margin-bottom:20px; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; } -table.d-table:not(.no-fix) { table-layout:fixed; } - .d-table th { padding:11px 10px 10px 10px; color:#484848; font-weight:normal; font-size:11px; text-transform: uppercase; line-height:12px; text-align:left; border-bottom:1px solid #E2E2E2; background-color:#F3F3F3; border-top: 1px solid #D0D0D0; } - .d-table th:first-child { border-left:none; border-top-left-radius:7px; } - .d-table th:last-child { border-top-right-radius:7px; } - .d-table thead tr { background-color:transparent; } - .d-table td { padding:10px 10px; margin:0; color:#6B6B6B; } - .d-table td:first-child { border-left:none; font-weight:normal; } - .d-table tr { font-size:15px; line-height:12px; background-color:#fff} - .d-table tr:first-child { border-top:none; } - .d-table tr:last-child { border-bottom:none; } - .d-table tr:nth-child(even){ background-color:#F9F9F9} - .d-table tr:hover { background-color:#F1F1F1; } - .d-table tr td.dataTables_empty:hover { background-color:#FFFFFF; } - .d-table tr:last-child td { border-bottom:none; } - .d-table tr:last-child td:first-child { border-bottom-left-radius:7px; } - .d-table tr:last-child td:last-child { border-bottom-right-radius:7px; } - .d-table .table-no-data { text-align:center; font:15px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:20px; color:#CCC; } - .d-table .table-no-data:hover { background-color:#FFF; } -.d-table.horizontal { border-radius:0; } - .d-table.horizontal tr:hover { background-color:#FFF; } - .d-table.horizontal tr:nth-child(even):hover { background-color:#FBFBFB; } - .d-table.horizontal td:first-child { color: #636363; width:155px; } - .d-table.horizontal tr:last-child td { border-radius:0; } -.table-edit { display:none; } - .table-edit td, .table-add td { padding:10px; } - .table-edit .icon-button, .table-add .icon-button { float:right; } - -.dataTable td { font-family:Ubuntu,Helvetica,sans-serif; font-size:12px; line-height:15px; } -.d-table .shrink {width: 1%;} -.d-table .center{text-align: center;} -.d-table .right{text-align: right;} - -div.datatablesubrow {display: none;} + .widget-header .left .title.dynamic-title { max-width: 250px; } +} -.d-table tr[id] { cursor: pointer; } -.d-table tr.selected {background-color: #FFE4C9;} +@media (max-width: 1100px) { -.d-table input[type=text], -.d-table input[type=number], -.d-table textarea { border-radius:2px; margin:0; font:14px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px; border:1px solid #D0D0D0; width:274px; } -.d-table textarea { max-width: 274px; } -.d-table input[type=password] { border-radius:2px; margin:0; font:14px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px; border:1px solid #D0D0D0; width:274px; } - -.table-template {margin-top: -16px;} - -.dataTable { border-radius:0 !important; margin-bottom:0 !important; } -.dataTable th { border-radius:0 !important; outline:none; cursor:pointer; } -.dataTable th.sorting_disabled { cursor:auto; } -.dataTable td { border-radius:0 !important; } -.dataTable-bottom, .dataTable-top { border: 1px solid #D0D0D0; padding:0; overflow:auto; color:#969696; font-weight:normal; font-size:10px; line-height:111%; text-align:left; background-color:#ECECEC; } -.dataTable-top { border-bottom:none; color:#BBB; transition:color 0.5s; border-top-left-radius:2px; border-top-right-radius:2px; } -.dataTable-bottom { display:none; border-top:1px solid #E2E2E2; border-bottom-left-radius:2px; border-bottom-right-radius:2px; background-color: #ECECEC; } -.dataTable-top:hover { color:#888; transition:color 0.5s; } -.dataTable-top .dataTables_filter { float:left; padding-top:5px; display:none; } -.dataTable-top .dataTables_filter input { font-size:13px; margin:0; border-radius:2px; background-color:#FFF; border:1px solid #CCC; width:200px; transition:width 0.5s; outline:none; padding:2px 6px; } -.dataTable-top .dataTables_length { float:right ; padding:5px 11px; border-left: 1px solid #cccccc;} - .dataTable-top .dataTables_length label { text-transform: uppercase; } -#dataTables_length_input {font-size:13px; margin:0; border-radius:2px; background-color:#FFF; border:1px solid #CCC; width:200px; transition:width 0.5s; outline:none; padding:2px 6px; width: 50px; margin-left: 9px;} -.dataTable-top .DTTT_container { float:right; padding: 11px 0; padding-top: 12px; } -.dataTable-top .DTTT_container a { margin-right:10px; } -.dataTable-top .DTTT_container a:hover { text-decoration:underline; } -.DTTT_container { visibility:hidden; } -.DTTT_container .DTTT_button { position:relative; display:inline-block; } -.DTTT_container .DTTT_button div>* { vertical-align:inherit; } -.save-table-data { float:right; font-size:17px; padding:8px 12px 7px 7px; cursor:pointer; } -.search-table-data { float:left; font-size:17px; padding:8px 7px 7px 7px; cursor:pointer; } -.FixedHeader_Cloned .dataTable { border-bottom:none; } -.dataTable-bottom .dataTables_info { float:left; padding:5px 10px; } -.dataTables_paginate { float:right; } -.dataTables_paginate span { display:inline-block; padding:7px 6px 5px 6px; font-size:20px; cursor:pointer; border-left:1px solid #CCC; } -.dataTable-bottom .dataTables_paginate span { font-size:18px; padding-right:5px; } -.dataTables_paginate .paginate_disabled_previous { opacity:0.2; } -.dataTables_paginate .paginate_disabled_next { opacity:0.2; } -.dataTable thead th.sorting_asc:after { color:#2FA732; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0de"; margin-left: 7px; vertical-align: text-top; margin-top: 7px; line-height: 5px; } -.dataTable thead th.sorting_desc:after { color:#2FA732; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0dd"; margin-left: 7px; vertical-align: text-top; margin-top: 2px; line-height: 6px; } -.dataTable thead th.sorting:after { color:#BBBBBB; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0dc"; margin-left: 7px; vertical-align: text-top; margin-top: 4px; line-height: 6px; } - -.d-table.horizontal { border:1px solid #D0D0D0; } -.d-table.horizontal td { border-bottom:1px solid #ececec; padding: 12px; } -.d-table.horizontal tr, -.d-table.horizontal tr:hover, -.d-table.horizontal tr:nth-child(even), -.d-table.horizontal tr:nth-child(even):hover { background-color: #FFF; } -.d-table.horizontal .populate-demo-data td, -.d-table.horizontal td td { border-bottom:none; } - -.table-placeholder { z-index:-1; display:block; height: 100%; min-height:120px; background-color: #FFF; border:1px solid #D0D0D0; border-radius:2px; border-top-left-radius: 0; border-top-right-radius: 0; opacity: 1; position: absolute; top:0; width: 100%; box-sizing: border-box; } -.table-placeholder .top { height: 34px; border-bottom: 1px solid #d0d0d0; background-color: #ECECEC; } -.table-placeholder .header { height: 33px; border-bottom: 1px solid #d0d0d0; background-color: #F3F3F3; } - -.table-loader { height: 1px; width: 100%; position: absolute; overflow: hidden; background-color: transparent; top:33px; left:0; box-sizing: border-box; margin:0; z-index: 1; } -.table-loader:before{ display: block; position: absolute; content: ""; left:-200px; width: 200px; height: 1px; background-color: #2fa732; animation: table-loading 2s linear infinite; animation-delay:1s; } -@keyframes table-loading { - from {left: -30%; width: 30%;} - 50% {width: 30%;} - 70% {width: 70%;} - 80% { left: 50%;} - 95% {left: 120%;} - to {left: 100%;} + .widget-header .left .title.dynamic-title { max-width: 100px; } } -/* TABLES END */ -.icon-button { min-height:14px; cursor:pointer; float:left; padding:7px 12px; border-radius:2px; font:12px Ubuntu,Helvetica,sans-serif; line-height:15px; overflow:auto; margin-left:8px; } -.icon-button:hover { opacity:0.8; } -.icon-button.light { color:#717171; background-color:#FDFDFD; box-shadow:inset 0 0 0 1px #DCDCDC; } -.icon-button.disabled { opacity:0.5; } -.icon-button.dark { background-color:#02060b; color:#BFBFBF; box-shadow:inset 0 0 0 1px #02060b; } - .icon-button .icon { float:left; margin-right:7px; background-repeat:no-repeat; } - .icon-button .text { float:right; padding-top:2px; } -.icon-button.create-report, -.icon-button.green { background-color:#2EB52B; color:#FFF; box-shadow:inset 0 0 0 1px #2EB52B; } -.icon-button.delete-app, -.icon-button.red, -.dialog.red #dialog-continue { background-color:#D63E40; color:#FFF; box-shadow:inset 0 0 0 1px #D63E40; } -.icon-button i { margin-right:6px; line-height: 9px; } - -.button .back{ color: #666; cursor:pointer; user-select:none; background-color:#E0E0E0; float:left; padding:8px 20px; padding-top:7px; border:1px solid #A5A5A5; border-radius: 2px; font: 13px Ubuntu,Helvetica,sans-serif; margin-top: 5px; margin-right: -5px;} -.button .back:hover { background-color:#F9F9F9; } -.button .back i{position: relative; top: 1px; left: -7px;} +.widget-header .logo { float: left; width: 38px; height: 38px; } -.btn-header { float: right; margin-top: 6px; margin-left: 8px; margin-right: 5px; overflow: hidden; } -.btn-header.left { margin-top: 6px; margin-left: 17px; } -.btn-header :before { line-height: 10px; vertical-align: bottom; } -.widget-header .left .btn-header { margin-top: 4px; } -#segmentation .btn-header { margin-top: 0; margin-left: 5px; } +.widget-header .logo.font-logo { color: #6E6E6E; background-image: none; height: 31px; font-size: 25px; padding-top: 5px; text-align: center; } -#date-selector { float:right; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#6B6B6B; padding:6px; padding-right:0; user-select:none; position: relative; } - #date-selector .button { visibility: visible; cursor:pointer; user-select:none; padding:7px 5px 7px 5px; margin-right:-1px; color: #ffffff; font-size:13px; line-height:13px; } - .date-selector-buttons {background-color: #03060c; width: 160px; position:absolute; right:0; top:0; padding: 0px 20px;margin: 0px -3px 0 0; border-top-right-radius:2px; border-bottom-right-radius:2px; height:100%} - .date-selector-buttons .button:nth-child(1) { margin-top:20px;} - .widget-header:hover #date-selector .button { visibility: visible; } - #date-selector .date-buttons-container { float: left;} - #date-selector .date-buttons-container .button:first-child { border-top-left-radius:2px; border-bottom-left-radius:2px; } - #date-selector .date-buttons-container .button:last-child { border-top-right-radius:2px; border-bottom-right-radius:2px; border-right:1px solid #D0D0D0; } - #date-selector .button:hover { background-color:#1b2732; } - #date-selector .button:active { background-color:#1b2732; } - #date-selector .button.active { background-color:#1b2732; } - #date-selector>.calendar { background-color:#f9f9f9; border:1px solid #D0D0D0; color:#767676; cursor:pointer; float:right; border-radius:2px; margin:0 5px 0 13px; height:27px; text-align: center; padding: 0px 30px 0px 30px; min-width:200px; text-align:left} - #date-selector>.calendar:hover { background-color:#F9F9F9; } - #date-selector>.calendar i {font-size: 18px; position:absolute; top: 12px; left:26px;} - #date-selector .calendar .up, #date-selector .calendar .down { - position: absolute; - right: 16px; - top:15px; - color:#767676; - } - #date-selector .calendar-block { vertical-align: top;} - #date-selector .calendar .up {display:none;} - #date-selector .calendar.active .up { display:block;} - #date-selector .calendar.active .down {display:none;} - #date-selector .calendar-block .calendar-input-field { float: right; display: inline-block; width: 100px; padding: 9px 9px 9px 9px; font-size: 13px; line-height:13px; text-align:center; border:none; background-color: #1b2732; color: #ffffff; margin: 0 10px; border-radius:2px; border: 1px solid #1b2732; } - #date-selector .calendar-block .calendar-input-field:hover { - border: 1px solid #243544; - } - #date-selector .calendar-block span.date-input-label {float: right; display: inline-block; text-transform: uppercase; color: #d2d2d1; margin-top:11px; font: 12px Ubuntu,Helvetica,sans-serif;} - #date-picker, .date-picker { white-space:nowrap; display:none; position:absolute; z-index:1000; padding:2px 3px 6px 3px; background-color:#0b131a; border-radius:2px; right: 2px; top: 41px; } - #date-picker .calendar-container, .date-picker .calendar-container { overflow:auto; padding:10px 5px; margin-right:200px; } - #date-picker .calendar-container .calendar, .date-picker .calendar-container .calendar { vertical-align: top; margin-bottom:10px; } - #date-picker .calendar-container .calendar:nth-child(2) { margin-right:0; } - #date-picker .button-container { overflow:auto; position:absolute; right: 20px; bottom: 15px;} - #date-picker .button-container .icon-button { display: inline-block; padding: 7px 10px; float: right } - #date-picker .in-range a{ - background: rgba(46, 167, 50, 0.6); - border-radius: 2px; - margin: 1px; - padding: 4px; - } - #date-picker .in-range a.ui-state-hover { - background:#1b2732; - } +.widget-header .logo.font-logo2 { color: #6E6E6E; background-image: none; height: 31px; font-size: 25px; text-align: center; padding-top: 4px; } - #date-picker .ui-datepicker-title { - font-size:13px; - } +.widget-header .logo.font-logo > a { line-height: 10px; } -#date-picker:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #03060c; right: 9px; top: -11px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } -#selected-date {font-size:13px; color:#767676; line-height:28px; } +.widget-header .logo.sessions { background-position: -38px; } -.threes-column .big-numbers { width:33%; } -.threes-column .big-numbers:last-child { width:34%; } -.two-column .big-numbers { width:50%; } -.one-column .big-numbers { width:100%; position:relative; } +.widget-header .logo.frequency { background-position: -76px; } -.two-columns { width:50%; } +.widget-header .logo.countries { background-position: -114px; } -.three-column { width:33%; } -.three-column:nth-child(2) { width:34%; } -.three-column:last-child { width:33%; } +.widget-header .logo.devices { background-position: -152px; } -.six-column { width:17%; } -.six-column:first-child { width:16%; } -.six-column:last-child { width:17%; } +.widget-header .logo.carriers { background-position: -190px; } -.four-column, .dashboard-summary .item.four-column { width:25%; } -.five-column, .dashboard-summary .item.five-column { width:20%; } +.widget-header .logo.loyalty { background-position: -228px; } -.sticky-header.hide { display:none; } -.sticky-header { top:0; position:fixed; } -.sticky-header table { border:none; border-radius:0; } -.sticky-header table th { box-shadow: inset 0 -1px 0 0 #d0d0d0; border-bottom: none; outline: none; cursor: default; position:relative; cursor:pointer;} -.sticky-header table th.sorting_disabled { cursor:auto; } -.sticky-header table th:first-child { box-shadow: inset 0 -1px 0 0 #d0d0d0, inset 1px 0 0 0 #d0d0d0; } -.sticky-header table th:last-child { box-shadow: inset 0 -1px 0 0 #d0d0d0, inset -1px 0 0 0 #d0d0d0; } +.widget-header .logo.app-versions { background-position: -266px; } -/* DATEPICKER */ -.ui-state-default, -.ui-widget-content .ui-state-default, -.ui-widget-header .ui-state-default { text-decoration: none; border:none; color: #FFF; font-size:12px; padding:5px; background-color:transparent; text-align:center; background-image:none; box-shadow: none; } -.ui-datepicker a, -.ui-datepicker-inline a { text-decoration: none !important; } -.ui-widget-content .ui-state-hover { background-color:#1b2732; color:#ffffff; text-shadow:none; background-image:none; margin: 1px; padding: 4px; border-radius: 2px; } -.ui-widget-content .ui-state-active { background-color:#2FA732; color:#FFF; text-shadow:none; background-image:none; margin: 1px; padding: 4px; border-radius: 2px; } -.ui-datepicker.ui-widget { padding:10px; background-color: #0b131a; } -.ui-datepicker td { padding:0; border:1px solid #192733; border-left:none; background-color: transparent; } -.ui-datepicker th { font-weight:normal; font-size:8px; } -.ui-datepicker-inline { border-radius:0; } -.ui-datepicker-inline table { margin:0 auto; font-weight:normal; width:99%; } -.ui-datepicker-calendar tbody, -.ui-datepicker-inline table tbody { border:1px solid #192733; } -.ui-datepicker-group-last .ui-datepicker-calendar {} -.ui-datepicker { width:190px ! important; border:none; } -.ui-widget-header { border-radius:0; border:none; background-color:transparent; background-image:none; color:#FFF; font-weight:normal; font-size:12px; height:23px; } -.ui-datepicker { font-weight:normal; line-height:111%; overflow:auto; } -.ui-widget-content { background-color:transparent; background-image:none; padding:0; } -.ui-datepicker-calendar thead { font-weight:normal; border-bottom:1px solid #BBBBBB; } -.ui-datepicker-calendar thead th { text-transform:uppercase; height:15px; text-align: center; color:#d6d6d6; border:none; background-image:none; padding: 9px 3px 0 3px; } -.ui-datepicker-calendar tr { line-height: 111%; } -.ui-datepicker-calendar tr:last-child td { border-bottom:none; } -.ui-datepicker-calendar td:last-child { border-right:none; } -.ui-datepicker-multi-2 .ui-datepicker-group { width:154px; margin:5px; box-shadow:0 1px 1px 1px #000; } -.ui-datepicker th { padding:4px 3px; } -.ui-corner-all.ui-state-hover { background-color:transparent; border:none; cursor:pointer; } -.ui-datepicker .ui-datepicker-prev, -.ui-datepicker .ui-datepicker-next { width:15px; height:20px; } -#date-picker .ui-datepicker .ui-datepicker-prev, -#date-picker .ui-datepicker .ui-datepicker-next { height:23px; } -.ui-datepicker-inline .ui-datepicker-prev, -.ui-datepicker-inline .ui-datepicker-next { height:21px; } -.ui-datepicker .ui-widget-header .ui-icon { background-image: none; text-indent: 3px; } -.ui-icon-circle-triangle-w, -.ui-icon-circle-triangle-e { font-family: 'Font Awesome 5 Free';font-weight: 900; text-align:right; width:11px; overflow: hidden; color:#bfbfbf; font-size:10px; } -.ui-icon-circle-triangle-w:before { content: "\f053 "; } -.ui-icon-circle-triangle-e:before { content: "\f054 "; } -.ui-datepicker-prev.ui-state-hover, -.ui-datepicker-next.ui-state-hover { padding:0; } -.ui-datepicker .ui-datepicker-title { line-height:21px; } -.ui-datepicker-other-month span { opacity: 0; } +.widget-header .logo.platforms { background-position: -304px; } +.widget-header .logo.durations { background-position: -380px; } -.calendar-light .ui-datepicker.ui-widget { padding:1px; background-color: #FFF; } -.calendar-light .ui-state-default, -.calendar-light .ui-widget-content .ui-state-default, -.calendar-light .ui-widget-header .ui-state-default { color:#000; } -.calendar-light .ui-widget-content .ui-state-hover { color:#424242; } -.calendar-light .ui-widget-content .ui-state-active { color:#FFF; } -.calendar-light .ui-datepicker td, -.calendar-light .ui-datepicker-calendar tbody, -.calendar-light .ui-datepicker-inline table tbody { border-color:#CCC; } -.calendar-light .ui-widget-header { color:#000; } -/* DATEPICKER END */ +.widget-header .logo.resolutions { background-position: -418px; } -/* FORMS */ -.cly-button-dark { color:#DDD; background-color:#292929; border:1px solid #1B1B1B; box-shadow:inset 0 1px 0 #777777; cursor:pointer; float:left; padding:5px 10px; border-radius:4px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; } -.cly-button-dark:hover { opacity:0.9; } -.cly-button-dark:active,.cly-button-dark.active { background-color:#3E3E3E; box-shadow:inset 0 1px 0 #444; } - -.dashboard-summary { margin-bottom:16px; overflow:auto; } - .dashboard-summary .item { float:left; font-family:Oswald; width:25%; } - .dashboard-summary.four .item { width:25%; } - .dashboard-summary.three .item { width:33%; } - .dashboard-summary.two .item { width:50%; } - .dashboard-summary.three .item:nth-child(2) { width:34%; } - .dashboard-summary .inner { background-color:#3C3C3C; padding:10px; border-radius:2px; margin-left:5px; } - .dashboard-summary .item:first-child .inner { margin-left:0; } - .dashboard-summary .item:first-child .inner { border-left:none; } - .dashboard-summary .item:last-child .inner { border-right:none; } - .dashboard-summary .item .title { font:12px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:center; color:#FFF; text-transform:uppercase;} - .dashboard-summary .item .bar { width:80%; height:6px; padding-top:2px; padding-bottom:2px; overflow:auto; background-color:transparent; margin:0 auto; margin-top:5px; margin-bottom:5px; } - .dashboard-summary .item .bar .bar-inner { width:40%; float:left; height:6px; box-shadow:inset 2px 0 0 0 #333 } - .dashboard-summary .item .bar .bar-inner:hover { margin-bottom:-1px; margin-top:-1px; height:8px; } - - .dashboard-summary .item .bar .bar-inner:first-child { box-shadow:none; } - .dashboard-summary .item .bar .bar-inner-new:nth-child(2) { width:42%; } - .dashboard-summary .item .bar .bar-inner-new:nth-child(3) { width:16%; } - - .dashboard-summary.two-bars .item .bar .bar-inner:nth-child(2) { box-shadow: 2px 0 0 0 #ECECEC; background-color: #ECECEC; pointer-events:none; } - - .dashboard-summary .item .number { font-size:26px; text-align:center; color:#52A3EF; line-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } - .dashboard-summary .item .no-data { font:18px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:center; color:#222; padding-bottom:14px; padding-top:20px; } - .dashboard-summary .item.light .no-data { color:#d8d8d8; } +.widget-header .logo.densities { background-position: -456px; } -.dashboard-summary .item.light .inner { background-color: #FFF; box-shadow: inset 0 0 0 1px #D0D0D0; } -.dashboard-summary .item.light .inner .title { color:#484848; } -.dashboard-summary .item.light .bar .bar-inner { box-shadow:inset 2px 0 0 0 #FFF; background-color: #52a3ef; } - -.cly-select { position:relative; background-color:#FDFDFD; user-select:none; display:inline-block; width:135px; height:27px; border:1px solid #D0D0D0; border-radius:2px; cursor:pointer; } - .widget-header .cly-select { background-color: #ECECEC; position:relative; } - .cly-select.req { border-color:#E95C6C; } - .cly-select.dark { border-color:#666; } - .cly-select.disabled { opacity: 0.4 !important; cursor: default; } - .cly-select.centered, .cly-select.centered .text { text-align: center; } - .cly-select.centered.text-align-left, .cly-select.centered.text-align-left .text { text-align: left; } - .cly-select.centered .text { padding-right:9px; } - .cly-select .select-inner { position:relative; width:100%; height:100%; } - .cly-select.active { border-bottom-left-radius:0; border-bottom-right-radius:0; } - .cly-select.active .right { border-bottom-right-radius:0; } - .cly-select .search { top:100%; position:absolute; z-index:2; background-color: #FFF; width:100%; border:1px solid #D0D0D0; border-bottom:none; margin-left:-1px; cursor:default; overflow:auto; } - .cly-select .search .fa { position: absolute; right:0; top:5px; color:#CCC; font-size: 10px; } - .cly-select .search .inner { position:relative; margin:5px 8px; padding:4px 1px; padding-right:20px; background-color:#FFF; font:13px Ubuntu; line-height:111%; } - .cly-select .search input { height:14px; padding:0; margin:0; border:none; outline:none; width:100%; font:13px Ubuntu; line-height:111%; -webkit-appearance: textfield; } - .cly-select .search input::-webkit-search-decoration { -webkit-appearance: none; } - .cly-select .search + .select-items { margin-top: 33px; border-top-left-radius: 0; border-top-right-radius: 0; } - .cly-select .select-items { top:100%; z-index:2; display:none; position:absolute; margin-left:-1px; border-radius:2px; background-color:#FFF; border:1px solid #D0D0D0; width:135px; } - .cly-select.upside-down .select-items { bottom:100%; top: auto;} - .cly-select.dark .select-items { border-color:#d0d0d0; } - .cly-select .select-items .scroll-list { max-height:188px; } - .cly-select .select-items .warning { color:#FF8700; font-weight:normal; border-bottom:1px solid #e6e6e6; font:11px Ubuntu,Helvetica,sans-serif; line-height:14px; padding:7px 9px; cursor: default; text-align: center; } - .cly-select .select-items .item { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666; font-weight:normal; border-bottom:1px solid #e6e6e6; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px 9px; padding-bottom:7px; } - .cly-select .select-items .item:last-child, - .cly-select .select-items .item.last { border-bottom: none; } - .cly-select .select-items .group { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #2fa732; font-weight: bold; border-bottom: 1px solid #e6e6e6; font: 11px Ubuntu,Helvetica,sans-serif; line-height: 100%; padding: 13px 9px 7px 9px; text-align: left; cursor: default; text-transform: uppercase; background-color: #fff;} - .cly-select.dark .select-items .item { border-color:#888; } - .cly-select .select-items .item.hidden { display:none; } - .cly-select .flag { opacity:0.8; width:16px; height:11px; border-radius:2px; box-shadow:0 0 1px 0 #333; margin-right:8px; margin-top:2px; float:left; } - .cly-select .flag.ch { margin-right:13px; } - .cly-select .flag.np { margin-right:15px; } - .cly-select .select-items .item:hover { background-color:#f3f3f3; } - .cly-select .select-items .item:last-child, - .cly-select .select-items .item.last { border-bottom-left-radius:2px; border-bottom-right-radius:2px; } - .cly-select .text-container { float:left; width:100%; } - .cly-select .text { padding:6px 9px; padding-right:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#444; font-weight:normal; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; } - .cly-select .right { opacity: 0.8; right:0; position:absolute; width:15px; height:100%; line-height: 27px; } - .cly-select .right:hover { opacity: 1; } - .cly-select .right.combo { } - .cly-select .right.combo:before { color:#717171; font-family: 'Ionicons'; content: "\f123"; font-size: 9px; position: absolute; right: 8px; } - .cly-select:hover .right.combo:before { color:#2fa732; } - .cly-select.active .right.combo:before { content: "\f126"; color:#2fa732; } - .cly-select .slimScrollBar.ui-draggable { cursor:default; } - -.cly-select.loading:after { content:"Loading..."; position: absolute; top:1px; left: 0; color:#d0d0d0; background-color: #fdfdfd; padding: 5px 40px 5px 11px; font-size: 13px; } - -.cly-select.float { float:left; border:none; width: auto; background-color: transparent; margin-right: 5px; } -.cly-select.float .text { padding-left: 3px; } -.cly-select.float .text-container { width:auto; max-width:150px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } -.cly-select.float .right { float:left; } -.cly-select.float .right.combo:before { right:auto; } -.cly-select.float:hover .text { color:#2FA732; } -.cly-select.float:hover .right.combo:before { color:#2FA732; } -.cly-select.float .select-items, -.cly-select.float .search { width:220px; } - -.cly-select.float-right { float:right; width: 150px; background-color: #fff; margin-right: 5px; margin-top:6px;} -.cly-select.float-right.green { float:right; width: 150px; background-color: #2FA732; border-color:#2FA732; margin-right: 5px; margin-top:6px;} -.cly-select.float-right.green .text{ color:#fff;} -.cly-select.float-right.green .right.combo:before{ color:#fff;} -.cly-select.float-right.green.disabled { background-color:#FDFDFD; border-color:#D0D0D0; } -.cly-select.float-right.green.disabled .text{ color:#444;} -.cly-select.float-right.green.disabled .right.combo:before{ color:#717171;} -.cly-select.disabling-on .select-items .item.disabled { opacity: 0.5; cursor: default; } -.cly-select.disabling-on .select-items .item.disabled:hover { background-color: #FFF; } +.widget-tips { display: none; background-color: #F9F9F9; padding: 10px 14px; color: #868686; font-size: 13px; border: 1px solid #D0D0D0; border-bottom-color: #E9E9E9; overflow: auto; } -.cly-multi-select { position:relative; background-color:#FDFDFD; user-select:none; display:inline-block; width:135px; height:auto; min-height: 32px; border:1px solid #D0D0D0; border-radius:2px; cursor:pointer; } -.cly-multi-select .select-inner { position:relative; width:100%; height:100%; } -.cly-multi-select.active { border-bottom-left-radius:0; border-bottom-right-radius:0; } -.cly-multi-select.active .right { border-bottom-right-radius:0; } -.cly-multi-select .search { top:100%; position:absolute; z-index:2; background-color: #FFF; width:100%; border:1px solid #D0D0D0; border-bottom:none; margin-left:-1px; cursor:default; overflow:auto; } -.cly-multi-select .search .fa { position: absolute; right:0; top:5px; color:#CCC; font-size: 10px; } -.cly-multi-select .search .inner { position:relative; margin:5px 8px; padding:4px 1px; padding-right:20px; background-color:#FFF; font:13px Ubuntu; line-height:111%; } -.cly-multi-select .search input { height:14px; padding:0; margin:0; border:none; outline:none; width:100%; font:13px Ubuntu; line-height:111%; } -.cly-multi-select .search + .select-items { margin-top: 33px; border-top-left-radius: 0; border-top-right-radius: 0; } -.cly-multi-select .select-items { top:100%; z-index:2; display:none; position:absolute; margin-left:-1px; border-radius:2px; background-color:#FFF; border:1px solid #D0D0D0; width:135px; max-height: 188px; overflow-y: auto; } -.cly-multi-select .select-items .scroll-list { max-height:188px; } -.cly-multi-select .select-items .item { position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666; font-weight:normal; border-bottom:1px solid #e6e6e6; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px 9px; padding-bottom:7px; } -.cly-multi-select .select-items .item:last-child, -.cly-multi-select .select-items .item.last { border-bottom: none; } -.cly-multi-select .select-items .group { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #888; font-weight: bold; border-bottom: 1px solid #D0D0D0; font: 11px Ubuntu,Helvetica,sans-serif; line-height: 100%; padding: 6px 9px; text-align: left; cursor: default; text-transform: uppercase; background-color: #ececec;} -.cly-multi-select .select-items .item.hidden { display:none; } -.cly-multi-select .select-items .item:hover { background-color:#f3f3f3; } -.cly-multi-select .select-items .item:last-child, -.cly-multi-select .select-items .item.last { border-bottom-left-radius:2px; border-bottom-right-radius:2px; } -.cly-multi-select .select-items .item.disabled { opacity: 0.5; cursor: default; } -.cly-multi-select .select-items .item.disabled:hover { background-color: #FFF; } -.cly-multi-select .text-container { float:left; width:100%; } -.cly-multi-select .text { padding:3px 9px; padding-right:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#444; font-weight:normal; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; } -.cly-multi-select .right { opacity: 0.8; right:0; position:absolute; width:15px; height:100%; line-height: 32px; } -.cly-multi-select .right:hover { opacity: 1; } -.cly-multi-select .right.combo { } -.cly-multi-select .right.combo:before { color:#717171; font-family: 'Ionicons'; content: "\f123"; font-size: 9px; position: absolute; right: 8px; } -.cly-multi-select:hover .right.combo:before { color:#2fa732; } -.cly-multi-select.active .right.combo:before { content: "\f126"; color:#2fa732; } -.cly-multi-select .slimScrollBar.ui-draggable { cursor:default; } -.cly-multi-select .selection { cursor:default; position:relative; float: left; border-radius: 2px; background-color: #777; color:#f1f1f1; padding:3px 19px 3px 10px; margin: 2px 5px 2px 0; font-size: 12px; } -.cly-multi-select .selection:hover { background-color: #5a5a5a; } -.cly-multi-select .selection .remove { position: absolute; right:5px; top:3px; font-size: 11px; cursor: pointer; } -.cly-multi-select.selection-exists .default-text { display: none; } -.cly-multi-select .default-text { display: block; padding: 5px 0; } -.cly-multi-select .select-items .item.selected { color: #2fa732; display: none; } -.cly-multi-select.disabled { opacity: 0.4 !important; cursor: default; } +.widget-footer { text-align: right; min-height: 10px; color: #666; font-size: 11px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border: 1px solid #D0D0D0; border-top: none; background-color: #FFF; box-shadow: inset 0 1px 0 #FFF; overflow: hidden; } -body .selectize-control.multi .selectize-input input { height: 18px; } -body .selectize-control.multi .selectize-input, body .selectize-control.multi .selectize-input.has-items { position:relative; background-color:#FDFDFD; user-select:none; height:auto; min-height: 32px; border:1px solid #D0D0D0; border-radius:2px; cursor:pointer; } -body .selectize-control.multi .selectize-input > div { font-family: Ubuntu,sans-serif; line-height: 14px; border-radius: 2px; background-color: #777; color:#f1f1f1; padding:3px 19px 3px 10px; margin: 0 5px 2px 0; font-size: 12px; } -body .selectize-control.multi .selectize-input > div:hover { background-color: #5a5a5a; color: #f1f1f1; cursor: default; } -body .selectize-control.multi .selectize-input > div.active { background-color: #777; color: #f1f1f1; cursor: default; } -body .selectize-control.multi .selectize-input > div .remove { position: absolute; right:3px; top:3px; font-size: 16px; line-height: 9px; font-weight: 100; cursor: pointer; } -body .selectize-control.plugin-remove_button [data-value] .remove { border: none; } +.widget.google-disabled .widget-footer { border-top: 2px solid #D0D0D0; } -.cly-text-select { display:inline-block; height:27px; } -.cly-text-select input { margin-left:-1px; width:195px; height:27px; color:#444; font-weight:normal; font:13px Ubuntu,Helvetica,sans-serif; border:1px solid #D0D0D0; border-radius:2px; padding:0 8px; display:inherit; outline:none; } -.cly-text-select.req { border-color:#E95C6C; } -.cly-text-select.dark { border-color:#666; } -.cly-text-select.disabled { opacity: 0.4 !important; cursor: default; } -.cly-text-select .select-inner { position:relative; width:100%; height:100%; } -.cly-text-select.active { border-bottom-left-radius:0; border-bottom-right-radius:0; } -.cly-text-select.active .right { border-bottom-right-radius:0; } -.cly-text-select .select-items { z-index:1000; display:none; position:absolute; margin-left:-1px; border-radius:2px; background-color:#FFF; border:1px solid #D0D0D0; border-top-left-radius:0; border-top-right-radius:0; width:135px; } -.cly-text-select.dark .select-items { border-color:#666; } -.cly-text-select .select-items.square { border-radius:0; } -.cly-text-select .select-items.square .item:last-child { border-radius:0; } -.cly-text-select .select-items .scroll-list { max-height:189px; } -.cly-text-select .select-items .item { cursor: pointer; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666; font-weight:normal; border-bottom:1px solid #e6e6e6; font:13px Ubuntu,Helvetica,sans-serif; padding:5px 9px; padding-bottom:7px; } -.cly-text-select.dark .select-items .item { border-color:#888; } -.cly-text-select .select-items .item.hidden { display:none; } -.cly-text-select .flag { opacity:0.8; width:16px; height:11px; border-radius:2px; box-shadow:0 0 1px 0 #333; margin-right:8px; margin-top:2px; float:left; } - .cly-text-select .flag.ch { margin-right:13px; } - .cly-text-select .flag.np { margin-right:15px; } -.cly-text-select .select-items .item:hover { background-color:#f3f3f3; } -.cly-text-select .select-items .item:hover .flag { box-shadow:0 0 0 1px #000; } -.cly-text-select .select-items .item:last-child, -.cly-text-select .select-items .item.last { border-bottom: none; } - -.cly-text-select .text-container { float:left; width:100%; } -.cly-text-select .slimScrollBar.ui-draggable { cursor:default; } +.widget-content { background-color: #FFF; border: 1px solid #D0D0D0; } -.read {} - .read .country { float:left; margin-right:8px; } - .read .timezone { float:left; } - .read .logo { float:left; height:25px; width:25px; background-size:27px 27px; margin-top:1px; border-radius:4px; border:1px solid #555; background-position:center; } -.edit { display:none; } - -#sidebar-new-app { display:none; } - -.required { font-size:23px; color:#B94A48; vertical-align:top; display:none; padding-left:7px; margin-top: -2px; position: absolute; } -.red-text { font-size:12px; color:#B94A48; vertical-align:text-top; padding-left:5px; } -.green-text { font-size:12px; color:#50C354; vertical-align:text-top; padding-left:5px; } -.required-color { color:#B94A48 !important; } - -#overlay { display:none; background-color:#000; opacity:0.2; width:100%; height:100%; position:fixed; z-index:10000; top:0; } -.dialog { display:none; position:fixed; max-width:400px; left:50%; top:50%; background-color:#FFF; border:1px solid #999; border-radius:2px; z-index:10001; } - .dialog.events { max-width:1050px; } - .dialog.red { border:1px solid #AD0303; } - .dialog.green { border:1px solid green; } - .dialog.black { border:1px solid #000; } - .dialog .indicator { height:7px; margin-bottom:10px; border-top-left-radius:1px; border-top-right-radius:1px; } - .events .indicator { margin-bottom:0; } - .dialog.red .indicator { background-color:#D63E40; border-bottom:1px solid #AD0303; } - .dialog.green .indicator { background-color:green; border-bottom:1px solid green; } - .dialog.black .indicator { background-color:#666; border-bottom:1px solid #000; } - .dialog .message { color:#333; font-size:14px; line-height:25px; padding:0 10px; } - .dialog .buttons { margin-top:15px; overflow:auto; padding:10px; padding-top:0; } - .dialog .buttons .icon-button { float:right; } - .dialog input[type=text], .dialog input[type=password] { margin:0; font:15px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:3px; border:1px solid #DDD; } - .dialog .result-message { float:left; margin-top:6px; font:italic 13px Ubuntu,Helvetica,sans-serif; line-height:111%; } - .dialog .result-message.red { color:#D63E40; } - .dialog .result-message.green { color:#6BB96E; } - .dialog .message .title { margin-bottom:8px; } - .dialog .message .input input { width:280px; } - .dialog .message a { text-decoration: underline; } - .dialog.cly-loading .content { height: 5em; } - -.dialog.popStyleGreen .indicator {display:none;} -.dialog.popStyleGreen{ text-align:center; color:#717171; width:300px; border:none; border-radius: 2px; padding:30px 30px 18px 30px; max-width:450px; box-sizing: border-box; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.25);} -.dialog.popStyleGreen .title{color:#636363; font-size:16px; text-align:center; margin: 25px 0px 15px 0px; font-weight:500; } -.dialog.popStyleGreen .message{color:#717171; font-size:13px; line-height:19px; text-align:center;font-family:Ubuntu,Helvetica,sans-serif; margin: 0px; word-wrap:break-word; } -.dialog.popStyleGreen #dialog-continue, .dialog.popStyleGreen #dialog-ok{background-color:#2EB52B;color:#ffffff; border-radius:2px; } -.dialog.popStyleGreen #dialog-ok{margin-bottom:12px;} -.dialog.popStyleGreen .icon-button {float:none; border:none; padding:12px; box-shadow:none; display: inline-block; margin:0; } -.dialog.popStyleGreen #dialog-cancel{background-color:none; color:#929292; text-decoration: underline; background-color:#ffffff;} -.dialog.popStyleGreen .image {width:85px; height:85px; margin: 0px auto 0px auto;} -.dialog.popStyleGreen .image div{width:85px; height:85px; margin:0; padding:0;} -.dialog.popStyleGreen p {line-height:40px; padding:0; margin:0;} -.dialog.popStyleGreen .buttons { padding:0; margin: 30px 0px 0px 0px;} -.dialog.popStyleGreenWide{width:450px;} -.dialog.popStyleGreenWide .message{ text-align:left;} - -.loading-bars, -.loading-bars:before, -.loading-bars:after { - background: #3FAA43; - -webkit-animation: load1 1s infinite ease-in-out; - animation: load1 1s infinite ease-in-out; - width: 1em; - height: 4em; -} -.loading-bars { - position: relative; - margin: 3em auto 0; - position: relative; - color: #3FAA43; - text-indent: -9999em; - font-size: 11px; - -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; -} -.loading-bars:before, -.loading-bars:after { - position: absolute; - top: 0; - content: ''; -} -.loading-bars:before { - left: -1.5em; - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; -} -.loading-bars:after { - left: 1.5em; -} -@-webkit-keyframes load1 { - 0%, - 80%, - 100% { - box-shadow: 0 0; - height: 4em; - } - 40% { - box-shadow: 0 -2em; - height: 5em; - } -} -@keyframes load1 { - 0%, - 80%, - 100% { - box-shadow: 0 0; - height: 4em; - } - 40% { - box-shadow: 0 -2em; - height: 5em; - } -} +.widget.google-disabled .widget-content { display: none; } -#new-install-overlay { display:none; z-index:2; position:absolute; width:100%; height:100%; background-color:#000; opacity:0.6; } -.alert { font-family:Ubuntu,Helvetica,sans-serif; line-height:111%; border-radius:4px; padding:8px 14px; } - .alert.danger { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; } - .alert.success { color:#468847; background-color:#DFF0D8; border:1px solid #D6E9C6; } +.fix-two-columns { position: relative; } -/* USER MANAGEMENT */ -.manage-user { padding:10px; } -.manage-users-table {margin-top: -16px;} -.manage-users-table .dataTable-top {border-radius: 0;} -#user-table { border-bottom-left-radius:0; border-bottom-right-radius:0; } -#user-table td, -.user-details.create-user-row td { font-family: Ubuntu; } - -#user-table .help-edit { font-size:11px; display:none; position:absolute; right:3px; top:2px; background-color: #F1F1F1; padding: 1px 1px 1px 15px; line-height: 130%; } -#user-table .help-close { font-size:11px; display:none; position:absolute; right:3px; top:2px; background-color: #FFF; padding: 1px 1px 1px 15px; line-height: 130%; } -#user-table tr td.details { padding:0; } -#user-table tr:hover .help-edit { display:block; } -#user-table tr.active:hover { background-color:#FFF; } -#user-table tr.active:hover .help-edit { display:none; } -#user-table tr.active:hover .help-close { display:block; } -.user-details { display:none; overflow:auto; padding-bottom: 45px;} -#user-table tr td>div { position:relative; } -.user-details.create-user-row { padding-bottom: 45px; box-shadow: inset 2px 0 0 -1px #DDD, inset -2px 0 0 -1px #DDD, inset 0 2px 0 -1px #DDD; position: relative; font-size: 12px; font-weight: normal; color: #6B6B6B; margin-bottom: -15px; } +.widget-group { border: 1px solid #D0D0D0; margin-bottom: 16px; border-radius: 2px; } -.user-details { background-color:#f9f9f9; } -.user-details:hover { background-color:#f9f9f9; } -#listof-apps { width:200px; display:none; position:absolute; margin-top:12px; z-index:1000; padding:7px; background-color:#292929; border-radius:2px; } - #listof-apps:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #292929; left: 20px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } - #listof-apps .button-container { overflow:auto; margin-top:10px; margin-bottom: 5px; } - #listof-apps .button-container .icon-button { float:right; font-size:11px; } - #listof-apps .scrollable { min-height:36px; max-height:221px; overflow:auto; background-color:transparent; } - #listof-apps .app { width:184px; border-bottom:1px solid #d4d4d4; padding:8px; overflow:auto; background-color:#efefef; cursor:pointer; color:#6b6b6b; margin:0 auto; } - #listof-apps .app:last-child { border-bottom:none; } - #listof-apps .app.disabled { display: none !important; } - #listof-apps .app.selected { background-color:#dedede; } - #listof-apps .app:hover { background-color: #e6e6e6; } - #listof-apps .app .image { background-size:22px 22px; float:left; margin-right:10px; border-radius:4px; width:20px; height:20px; background-position:center; border:1px solid #a2a2a2; } - #listof-apps .app.selected .image { box-shadow:0 0 0 1px #2EB52B; } - #listof-apps .app .name { float:left; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; padding-top:4px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:90px; } - #listof-apps #deselect-all.icon-button, #listof-apps .btn-deselect-all.icon-button { display:none; max-width: none; } - #listof-apps #done { margin-left:5px; } -#listof-apps .search { background-color: #fbfbfb; position:relative; border-bottom: 1px solid #d4d4d4; } -#listof-apps .search i { position: absolute; top: 11px; right: 11px; color: #6b6b6b; font-size: 10px; } -#listof-apps .search input { outline: none; font-size: 13px; border: none; padding: 8px 10px; margin-right: 1px; width: 146px; background-color: #fbfbfb; color: #6b6b6b; } - -.user-details .button-container { overflow:auto; bottom:8px; right:16px; position:absolute; } - .user-details .row { overflow:auto; border-top:1px solid #EEE; padding:10px; margin:0 1px; } - .user-details .row:first-child { border-top:none; padding-top:15px; } - .user-details .row .title { float:left; } - .user-details .row .detail { margin-left:165px; } - .user-details .button-container { padding-bottom:5px; } - .user-details .button-container .icon-button { float:right; } - .user-details .app-selection { margin-left:10px; border-radius:10px; background-color:#CCC; cursor:pointer; float:left; width:15px; height:15px; } - .user-details .select-apps { margin-left:10px; cursor:pointer; float:left; font-size:17px; margin-top: -1px; color:#2EB52B; line-height: 15px; } - .user-details .user-admin-list span, .user-details .no-apps { color:#CCC; font-size:12px; font-style:italic; } -.user-details .no-apps { margin-left:165px; display:none; } -.small-link { margin-top:10px; font-size:11px; cursor:pointer; color:#999; vertical-align:text-top; display:inline-block; } -.small-link:hover { text-decoration:underline; } -.password-row { display:none; } -.user-noapps { position:absolute; left:50%; top:50%; width:460px; margin-left:-118px; font:16px Ubuntu,Helvetica,sans-serif; line-height:23px; color:#555; height:50px; margin-top:-25px; } -.checkbox { cursor:pointer; width:16px; height:16px; float:left; margin-right:5px; background-image:url('../images/management/checkbox.png'); background-position:-16px; } -.checkbox.checked { background-position:0; } -/* USER MANAGEMENT END */ +.widget-group .dashboard-summary { margin: 0; border-top: 1px solid #D0D0D0; } -.icon-button.light.graph-segment.active { border-color:#333; box-shadow:inset 0 0 3px #222; background-color:#3E3E3E; background-image:linear-gradient(top, #292929 40%, #3E3E3E 100%); background-image:linear-gradient(to bottom, #292929 40%, #3E3E3E 100%); } -.icon-button.light.graph-segment.active:hover { opacity:1; } -.os-rows.active, -.os-rows.active:hover { background-color:#777 !important; } -.os-rows.active td { color: #fff; } +.widget-group .big-numbers.top.widgets .inner,.widget-group .dashboard-summary .item .inner { border-radius: 0; margin-left: 0; box-shadow: none !important; border-left: 1px solid #D0D0D0; padding: 10px 15px; } -/* EVENTS */ -#event-nav { transition:width 200ms; overflow:hidden; z-index:3; width:180px; position:fixed; left:242px; top:79px; text-align:right; background-color:#efefef; max-height:580px; box-sizing:border-box; box-shadow: 0 0 0 1px #d0d0d0; border-radius:2px;} -#event-nav .nav-search { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;} -#event-nav .scrollable .searchable:first-of-type { border-top:none !important;} +.widget-group .big-numbers.top.widgets:first-child .inner,.widget-group .dashboard-summary .item:first-child .inner { margin-left: 0; border: none; } -#event-nav-head { background-color:#ececec; position:relative; height:27px; padding:15px 20px 15px 15px; color:#636363; font:18px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:left; } -#event-nav-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:85px; float:left; padding-top:4px; } +.widget.segmentation-widget { margin-bottom: 0; } -#event-nav.expand { width:300px; box-shadow: 0 5px 18px 0 #a5a5a5, 0 0 0 1px #d0d0d0; transition:width 200ms; } -#event-nav .nav-search input { - transition:width 200ms; - -webkit-appearance: textfield; - height: 30px; - width: 100%; - padding-right: 20px; -} -#event-nav.expand .nav-search input { - /*width:278px;*/ - transition:width 200ms; -} -#event-nav.expand .name { width:271px; } - -.event-container { position:relative; cursor:pointer; height:28px; padding:4px 12px; overflow:hidden; border-top: 1px solid #D0D0D0; } -.event-container:hover { background-color: #dedede; } -.event-container.active { background-color: #dedede; } -.event-container .name { width:151px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; padding-top:7px; color:#6b6b6b; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; } - -#event-update-area { float:left; } -#edit-event-table-container { width:950px; max-height:400px; overflow:auto; } -.events .buttons { margin-top:0; padding:13px; box-shadow:inset 0 1px 0 #ccc; border-bottom-left-radius:2px; border-bottom-right-radius:2px; } - -#events-custom-settings table.events-table, #events-overview-table table.events-table{ width:100%; padding:0; margin:0;} -#events-overview-table{border:1px solid #D0D0D0; overflow:auto; border-radius: 2px 2px 0 0;} -#events-custom-settings table.events-table th, #events-overview-table table.events-table th { padding:10px 10px; color: #484848; font-weight:normal; font:11px Ubuntu,Helvetica,sans-serif; border-right:none; background-color:#f3f3f3; text-transform: uppercase; line-height: 12px; text-align: left; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #D0D0D0;} -#events-overview-table table.events-table th{border-top:none;} -#events-custom-settings-table{border:1px solid #D0D0D0; border-top:none; margin-bottom:30px;} -#events-custom-settings-table table.events-table thead tr, #events-overview-table table.events-table thead tr{ background-color:transparent; } -#events-custom-settings-table table.events-table td,#events-overview-table table.events-table td { padding: 10px 10px; margin:0; color:#6B6B6B; font-family: Ubuntu; font-size: 12px; line-height: 18px; margin: 0;} -#events-custom-settings-table table.events-table td:first-child, #events-overview-table table.events-table td:first-child{ width:30px; } -#events-custom-settings-table table.events-table td:nth-child(2),#events-overview-table table.events-table td:nth-child(2) { width:30px; } -#events-custom-settings-table table.events-table th:nth-child(2),#events-overview-table table.events-table th:nth-child(2) { padding:0; } -#events-custom-settings-table table.events-table td.events-edit-name-field{ width:25%; word-break: break-word;} -#events-event-settings table td textarea{color:#6B6B6B; line-height: 140%;} -#events-event-settings table td input{color:#6B6B6B;} -#events-overview-table table.events-table td:last-child{width:50px; text-align:right; padding: 0px 10px;} -.delete-event-overview{color: #DDD; font-size:20px; line-height:20px;} -.delete-event-overview:hover { color:#E95C6C; transition:color 1s; cursor:pointer;} -#events-custom-settings-table table.events-table td:last-child {padding: 10px 0;} -#events-custom-settings-table table.events-table td:first-child {padding: 10px 10px;} -#events-custom-settings-table table.events-table tr,#events-overview-table table.events-table tr{ background-color:#fff} -#events-custom-settings-table table.events-table tr:nth-child(even),#events-overview-table table.events-table tr:nth-child(even){ background-color:#F9F9F9} -#events-custom-settings-table .event-row-placeholder, #events-overview-table .event-row-placeholder { height:40px; } -#events-custom-settings-table .event-order,#events-overview-table .event-order { color:#BBB; cursor:move; } -#events-custom-settings-table .event-order:hover,#events-overview-table .event-order:hover {color:#999999;} -#events-custom-settings-table a.check-green {position:relative; top: 2px;} -#events-event-settings div.selectize-input{ - -webkit-box-shadow:none; - box-shadow:none; - padding: 5px 5px; - border-radius:2px; -} -#events-event-settings div.selectize-input.has-items -{ - padding: 5px 5px 2px; -} -#events-event-settings div.selectize-input.items{width:286px;} -#events-event-settings div.selectize-input.items > div { - cursor: default; - position: relative; - float: left; - border-radius: 2px; - background-color: #77787b; - color: #f1f1f1; - padding: 2px 4px 2px 4px; - font-size: 12px; - padding-right: 20px !important; -} -#events-overview-table tr.moving {} -#events-overview-table th:nth-child(2){width: 45%;} -#events-custom-settings-table table.events-table td.event_visibility_row_visible {color:#83C985;} -#events-custom-settings-table table.events-table td.event_visibility_row_hidden {color:#DB6E6E} -#edit-events-button { padding: 4px 1px; } -#edit-events-button i { font-size: 23px; margin: 0; line-height: 16px; } -.overview_empty{color: #a2a2a2; -vertical-align: text-bottom; -font-size: 16px; -text-align: center; -margin: 50px 0;} -#events-general-action{ background-color: #2FA732; border-color: #2FA732;} -#events-general-action .text{color: #fff;} -#events-general-action .right.combo::before {color: #fff;} -#events-general-action.disabled{ background-color: #FDFDFD; border-color: #D0D0D0; } -#events-general-action.disabled .text{color: #444;} -#events-general-action.disabled .right.combo::before {color: #717171;} - - -.delete-event, .delete-event-selected { color:#D67678; cursor:pointer; font-size:16px;} -.delete-event:hover, .delete-event-selected:hover { color:#D63E40; } - -#events-settings-table table tr td table td{padding: 15px 20px;} -#events-custom-settings .events-general-description, -#event-main .events-general-description { background-color: #f9f9f9;padding: 9px 14px 8px 14px;color: #868686;font-size: 13px; line-height: 16px; min-height:17px; border: 1px solid #d0d0d0; border-bottom:none;} -#events-custom-settings .events-general-description:empty, -#event-main .events-general-description:empty { background-color: white; border-bottom: 1px solid white; margin-bottom: -1px; position: relative; } -#events-apply-changes {margin-top:8px;} -#events-apply-order {margin-top:7px; margin-right: 10px; display:none;} -#eventOverviewWidgets{ margin: -1px;} -#eventOverviewWidgets>table {border-collapse: separate;border-spacing: 0; border-radius: 0 0 2px 2px;} -#eventOverviewWidgets .cly-widget{background-color: #ffffff; padding:25px 25px 25px 25px;margin:0px; min-height:180px; border: 1px solid #d0d0d0; border-collapse: separate;border-spacing: 0; border-top:none; border-left:none;} -#eventOverviewWidgets .cly-widget:hover{cursor: pointer; } -#eventOverviewWidgets>table tr td:last-child {border-right:none;} -#eventOverviewWidgets>table tr:last-child td{border-bottom:none;} -#eventOverviewWidgets .cly-widget .value {color: #3a3a3a; font-size:38px;} -#eventOverviewWidgets .cly-widget .title {color: #3a3a3a; max-width:80%; float:left; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-right:8px;} -#eventOverviewWidgets .cly-widget:hover .title{color:#2FA732;} -#eventOverviewWidgets .cly-widget td{padding: 0 10px;} -#eventOverviewWidgets .cly-widget>table>tr {display:block;} -#eventOverviewWidgets .cly-widget .spark {margin-top:20px; margin-bottom: 20px;} -#eventOverviewWidgets .cly-widget .title {padding:0;} -#eventOverviewWidgets .cly-widget .trend {color: #aedab7; text-align:center; padding-left:10px;} -#eventOverviewWidgets .cly-widget .trend .val {display:block;} -#eventOverviewWidgets .cly-widget .d.trend {color:rgba(201, 76, 76, 0.8);} -#eventOverviewWidgets .cly-widget .overview-item-property {color:#636363; text-transform: uppercase; padding-left:10px; max-width:95%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size:12px;} -#eventOverviewWidgets .tooltip_templates{display:none;} -#eventOverviewWidgets .show-my-event-description{color:#cccccc; cursor:pointer; visibility:hidden; position:relative; top:-2px;} -#eventOverviewWidgets .cly-widget:hover .show-my-event-description{visibility:visible;} -#eventOverviewWidgets .empty_cell{ border-left:none; border-right:none; background-color:#F9F9F9; } -#eventOverviewContainer {padding: 0px 0px; border-radius: 0 0 2px 2px;} -#eventOverviewWidgets .cly-widget>table {width:100%;} -#eventOverviewWidgets .cly-widget>table td table td {padding: 0px;} - -#event-overview-drawer .cly-select,#event-overview-drawer .cly-select .select-items {width:100%;} -#event-overview-drawer .adding-to-overview{ margin: 0;} -#event-overview-drawer .adding-to-overview:after { - content: ""; - display: table; - clear: both; -} -#event-overview-drawer .adding-to-overview>div {float:left; width:38%; margin:0; padding:0;} -#event-overview-drawer .adding-to-overview>div:last-child {width: 24%;} -#event-overview-drawer .wrap-overview-item {padding: 0 4px 0 0 ;} -#add_to_overview{display:inline-block; text-align:center; float:none; margin-left: 0px; width: 75px;} -#event-overview-drawer .buttons{background-color:#ffffff;} -#events-overview-table table.events-table td:nth-child(2) { word-break: break-word; } -#events-overview-show-configure{float:right; margin-top:6px;} -.show-event-description:hover + .event-overview-description-wrapper .event-overview-description {border: 1px solid black; display:block} -#event-blueprint-nav-title {padding-top:4px;} -.events-empty-block{ max-width: 586px; margin: 75px auto 0 auto;} -.events-empty-block table{width:100%; table-layout:fixed} -.events-empty-block table td {padding: 0 25px 0 25px;} -.events-empty-block .events-empty-image {width:242px; height:242px;} -.events-empty-block .events-overview-noevents{ background-image:url('../images/dashboard/events-overview-noevents.svg');} -.events-empty-block .events-overview-configure{ background-image:url('../images/dashboard/events-overview-configure.svg');} -.events-empty-block .all-events-empty{ background-image:url('../images/dashboard/all-events-empty.svg');} -.events-empty-block p {color:#A2A2A2; font-size:14px; line-height:20px; } -.events-empty-block p.events-empty-title {margin-bottom:25px; font-size:18px; font-weight:400; color:#636363;} -/* EVENTS END */ +.segmentation-table #dataTableTwo_wrapper { margin-top: 0; overflow: auto; position: relative; } -#help-toggle { float:right; width:34px; height:18px; margin-top:4px; margin-right:16px; cursor:pointer; } -#help-toggle.active .on-off-switch-label { background-color: #2EB52B;} -#help-toggle.active .on-off-switch-label:before { background: #fff;} -#help-toggle .on-off-switch-label {background-color: #88858a; height: 18px;} -#help-toggle .on-off-switch-label::before {background: #e9e9e9;} -.percent-bar { height:11px; float:left; background-color:#AEE8B0; margin-right:4px; margin-top:2px; } +#big-numbers-container,.big-numbers-container,#intermediate-numbers-container { overflow: hidden; position: relative; } -/* EXPORT */ -#export-checkbox-container { padding:10px; padding-bottom:2px; overflow:auto; } -.export-checkbox { width:14%; float:left; margin-bottom:8px; font:16px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#444; } -.export-description { font:15px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#999; padding:10px; padding-bottom:5px; } -.stretch {} -#export-button { border: 1px solid #ccc; background-color: #f5f5f5; padding: 4px 10px; cursor: pointer; font-size: 11px; border-radius: 2px; } -#cly-export.dialog.export-dialog{display: none;} -.export-dialog {padding: 15px; width: 270px; overflow: visible; display: inline-block;} -.export-dialog .cly-select {width: 100%; margin:0px auto; box-sizing:border-box; margin-bottom: 10px; height:30px;} -.export-dialog .cly-select .select-items {width: 101%;} -.export-dialog p {margin:0px; font:14px Ubuntu,Helvetica,sans-serif; font-weight: bold; line-height:111%; margin-bottom: 10px;} -.export-dialog p.details {margin:0px; font:11px Ubuntu,Helvetica,sans-serif; color:#B7B6B6; margin-bottom: 10px;} -.export-dialog .export-data {width: 100%; margin:0px auto; padding-left:0px; padding-right:0px; text-align: center; height:30px;} -#export-type-selector {width: 100%; float: none; margin:0px auto; margin-bottom: 10px; height:30px;} -#export-type-selector .button {width: 33%; text-align: center;} -/* EXPORT END */ +#big-numbers-container.dashboard,.big-numbers-container.dashboard { border: 1px solid #D0D0D0; border-bottom: none; padding-bottom: 8px; } -.cly-button-group .icon-button { border-radius:0; margin:0; border-left:none; } - .cly-button-group .icon-button:first-child, .cly-button-group .icon-button.first { border-radius:4px 0 0 4px; border-left: 1px solid #A5A5A5} - .cly-button-group .icon-button.dark:first-child, .cly-button-group .icon-button.dark.first { border-left-color:#1B1B1B; } - .cly-button-group .icon-button:last-child, .cly-button-group .icon-button.last { border-radius:0 4px 4px 0; } - -.button-selector { font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#6B6B6B; padding:0;overflow:auto; user-select:none; } -.button-selector .button { cursor:pointer; user-select:none; background-color:#ececec; float:left; padding:7px; padding-top:6px; border:1px solid #D0D0D0; margin-left:-1px; } -.button-selector .button:nth-child(1), -.button-selector .button.first { margin-left:0; border-left:1px solid #D0D0D0; border-top-left-radius:2px; border-bottom-left-radius:2px; } -.button-selector .button:last-child, -.button-selector .button.last { border-top-right-radius:2px; border-bottom-right-radius:2px; border-right:1px solid #D0D0D0; } -.button-selector .button:hover { background-color:#F9F9F9; } -.button-selector .button:active { background-color:#F9F9F9; } -.button-selector .button.active { background-color:#F9F9F9; } -.button-selector .button.disabled { opacity:0.3; cursor:default; } -.button-selector .button.icon { padding:5px; line-height: 12px; width: 18px; text-align: center; } -.button-selector .button.icon i.material-icons { font-size: 16px; } -.button-selector .button.icon span.ion-icons { font-size: 17px; } -.button-selector .button.icon i.fa { font-size: 18px; line-height: 14px; padding-bottom: 3px; } -.button-selector.light .button { cursor:pointer; user-select:none; background-color:#fbfbfb; float:left; padding:7px; padding-top:6px; border:1px solid #D0D0D0; margin-left:-1px; } -.button-selector.light .button:nth-child(1), -.button-selector.light .button.first { margin-left:0; border-top-left-radius:2px; border-bottom-left-radius:2px; } -.button-selector.light .button:last-child, -.button-selector.light .button.last { border-top-right-radius:2px; border-bottom-right-radius:2px; } -.button-selector.light .button:hover { background-color:#FFF; } -.button-selector.light .button:active { background-color:#FFF; } -.button-selector.light .button.active { background-color:#FFF; border:1px solid #2EB52B; position: relative; z-index:10;} -.button-selector.light .button.disabled { opacity:0.3; cursor:default; } - -#content .cly-list-options {cursor: pointer; color:#a7a7a7; font-size: 20px; vertical-align: middle; line-height: 12px; } -#content .cly-list-options:hover {color:#6B6B6B;} -#content .cly-list-options:before { font-family: 'Ionicons'; content: "\f396"; } -.cly-button-menu-trigger.active { opacity: 0.8; } -.cly-button-menu-trigger.active + .cly-button-menu, .cly-button-menu.active { opacity: 1; transition: opacity 0.2s; z-index: 2; } -.cly-button-menu { padding:10px 0; opacity: 0; transition: opacity 0.3s, z-index 0.9s; z-index: -1; position: absolute; background-color: #FFF; right:0; top:37px; border-radius: 2px; outline:none; border: 1px solid #d0d0d0;} -.cly-button-menu .item { cursor:pointer; padding: 8px 20px; font-size: 13px; white-space: nowrap; color:#474747; display: block;} -.cly-button-menu .item:hover { background-color: #f3f3f3; } -.cly-button-menu:before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; top:-8px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2;} -.cly-button-menu:after { border: 5px solid rgba(194, 225, 245, 0); border-bottom-color: #d0d0d0; right: 6px; top:-10px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1;} -.cly-button-menu hr { display: block; height: 1px; border: 0; border-top: 1px solid #D0D0D0; margin: 8px; padding: 0; } -.cly-button-menu .item .hint { padding-top: 8px; font-size: 12px; color: #8C8C8C; clear: both; line-height: 1.5; } +.big-numbers { float: left; position: relative; } -.cly-button-menu.dark { background-color: #202020; color:#FFF; } -.cly-button-menu.dark .item { color:#FFF; } -.cly-button-menu.dark .item:hover { background-color: #171717; } -.cly-button-menu.dark:before { border-bottom-color: #202020; } +.widget-footer .big-numbers:first-child .inner { border-bottom-left-radius: 2px; } -/* GRAPH NOTES */ +.widget-footer .big-numbers:last-child .inner { border-bottom-right-radius: 2px; } -.graph-key-event-label, -.graph-note-label { z-index:2; font-family:Oswald; cursor:pointer; width:14px; height:14px; line-height: 14px; text-align:center; background-color:#E66; color:#FFF; font-size:8px; border-radius:40px; font-weight:normal; opacity:0.8; } +.big-numbers .inner { border-left: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; background-color: #F9F9F9; height: 180px; text-align: center; } -.time-picker span { display: block; padding:5px 10px 5px 5px; text-align: center; cursor:pointer; color:#777; } -.time-picker span:hover { font-size: 16px; } -.time-picker span.selected { font-weight: 500; font-size: 17px; } +.widget-content .big-numbers .inner { height: 190px; cursor: pointer; } + +.widget-footer .big-numbers .inner { height: 100px; border-bottom: none; background-color: #F4F4F4; } + +.big-numbers.active .inner { background-color: #FFF; } + +.big-numbers:first-child .inner { border-left: none; } + +.big-numbers:last-child { position: absolute; right: 0; border-left: none; } + +.big-numbers .select { padding-top: 7px; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #5B5B5B; position: absolute; height: 23px; width: 100%; background-color: #D6D6D6; box-shadow: inset 0 1px 0 #F6F6F6; } + +.big-numbers .select .title { max-width: 156px; overflow: hidden; text-overflow: ellipsis; margin: 0 auto; white-space: nowrap; } + +.widget-content .big-numbers .select { bottom: 1px; border-top: 1px solid #A1A2A2; cursor: pointer; } + +.widget-footer .big-numbers .select { top: 0; border-bottom: 1px solid #A1A2A2; position: relative; } + +.big-numbers.active .select { color: #EEE; background-color: #2B2B2B; box-shadow: inset 0 1px 0 #5E5E5E; border-top-color: #404040; border-bottom: 1px solid #616161; bottom: 0; } + +.big-numbers .inner .logo { width: 60px; height: 60px; margin: 0 auto; } + +.big-numbers .number { font: 30px Oswald; color: #666; } + +.widget-content .big-numbers .number { margin-top: 1px; } + +.widget-footer .big-numbers .number { margin-top: 7px; } + +.big-numbers.active .number { color: #333; } + +.big-numbers .arrow { display: none; width: 18px; height: 8px; position: absolute; left: 50%; z-index: 2; margin-left: -9px; bottom: -6px; } + +.big-numbers.active .arrow { display: block; } + +.big-numbers .spark { margin-top: 11px; } + +.big-numbers .color { height: 5px; } + +/* .big-numbers:nth-child(1) .color { background-color:#52A3EF; } + .big-numbers:nth-child(2) .color { background-color:#FF8700; } + .big-numbers:nth-child(3) .color { background-color:#0EC1B9; } + */ + +.widget-content .big-numbers .trend { width: 12px; height: 9px; right: 7%; top: 11px; position: absolute; } + +.widget-footer .big-numbers .trend { width: 12px; height: 9px; right: 20px; top: 62px; position: absolute; } + +.widget-footer .big-numbers .check { width: 12px; height: 9px; left: 20px; top: 57px; position: absolute; font-size: 19px; color: #BBB; } + +.widget-content .big-numbers .change { right: 15px; white-space: nowrap; top: -1px; position: absolute; font: 10px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #999; } + +.big-numbers.active .change { color: #333; } + +.map-list { background-image: url('../images/dashboard/map_dotted_bg.png'); background-color: #FFF; height: 400px; border: 1px solid #D0D0D0; position: relative; } + +#geo-chart { display: inline-block; } + +#geo-chart-outer { border-radius: 7px; text-align: center; margin-top: 25px; float: left; width: 70%; } + +#geo-chart-outer.big { float: none; margin: 0 auto; margin-top: 25px; width: auto; } + +#map-list-right { float: left; margin-top: 20px; width: 30%; height: 330px; overflow: hidden; } + +#geo-chart-outer.empty { width: 100%; } + +#geo-chart-outer.empty + #map-list-right { display: none; } + +.data-type-selector-group .big-numbers.top .inner { height: 30px; } + +.geo-switch .cly-button-group { position: absolute; top: 0; left: 0; } + +.geo-switch .cly-button-group .icon-button:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; border-left: none; } + +.geo-switch .cly-button-group .icon-button:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.geo-switch .cly-button-group .icon-button { border-top: none; } + +.map-list-item { overflow: hidden; padding: 5px 25px 5px 1px; } + +.flag { float: left; width: 16px; height: 11px; border-radius: 2px; box-shadow: 0 0 1px 0 #333; margin-top: 1px; margin-right: 10px; background-image: url('../images/flags/tr.png'); background-repeat: no-repeat; } + +.flag.ch { width: 11px !important; margin-right: 15px; } + +.flag.me { width: 16px !important; height: 12px !important; } + +.flag.np { width: 9px !important; background-position: 0 0; margin-right: 17px; } + +.map-list-item .flag { margin-top: 6px; } + +.map-list-item:hover .flag {} + +.map-list-item .total { float: right; color: #646464; font: 17px Oswald; margin-right: 10px; line-height: 23px; } + +.map-list .country-name { width: 128px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; color: #646464; font-size: 15px; line-height: 23px; } + +.map-list .bar { float: left; margin-left: 10px; height: 15px; margin-top: 2px; background-color: #333; } + +#country-toggle { font-size: 12px; padding: 7px; } + +.graph { font: 14px Oswald; z-index: 1; } + +.graph table tr:nth-child(n+10) { display: none; } + +.pie-chart-container { float: left; width: 50%; position: relative; height: 360px; } + +.pie-chart-container .graph-segment-container { position: absolute; left: 10px; top: 10px; z-index: 3; } + +.pie-overlay { position: absolute; z-index: 1; width: 225px; height: 225px; left: 50%; margin-left: -115px; top: 66px; border: 2px solid #E6E6E6; border-radius: 200px; } + +.pie-overlay .title { font-size: 11px; color: #969696; margin: 0 auto; text-align: center; margin-top: 8px; max-width: 100px; line-height: 17px; } + +.pie-overlay .logo { color: #969696; margin: 0 auto; text-align: center; margin-top: 79px; font-size: 40px; width: 100%; } + +.pieLabel { max-width: 100px; } + +.pieLabel div { font-size: 10px !important; } + +.big-numbers.top .inner { height: 170px; cursor: pointer; } + +.big-numbers.top .select { bottom: 1px; cursor: pointer; padding-top: 7px; font-size: 12px; line-height: 111%; color: #969696; position: absolute; height: 23px; width: 100%; background-color: transparent !important; background-image: none !important; box-shadow: none; border: none; } + +.big-numbers.top .select.large { height: 29px; } + +.big-numbers.top .select.large .title { font-size: 12px; } + +.big-numbers.top.active .select { border-bottom: 1px solid #FFF; bottom: 0; } + +.big-numbers.top .inner .logo { margin: 0 auto; font-size: 30px; line-height: 30px; width: 30px; height: 30px; padding-top: 15px; margin-bottom: 10px; } + +.big-numbers.top .inner .logo.ion { background-image: none; font-size: 30px; line-height: 30px; color: #969696; } + +.big-numbers.top.active .inner .logo.ion { color: #535353; } + +.big-numbers.top .inner .logo.material { background-image: none; } + +.big-numbers.top .inner .logo.material .material-icons { font-size: 30px; line-height: 30px; color: #969696; } + +.big-numbers.top.active .inner .logo.material .material-icons { color: #535353; } + +.big-numbers.top .number { font: 30px Oswald; color: #666; margin: 0; } + +.big-numbers.top.active .number { color: #333; } + +.big-numbers.top .title { padding-top: 2px; padding-bottom: 3px; font-size: 10px; color: #666; text-transform: uppercase; } + +.big-numbers.top .spark { margin-top: 14px; } + +.big-numbers.top.active .spark { display: none; } + +.big-numbers.top .trend { display: none; font-size: 11px; margin-top: 20px; position: relative; top: inherit; right: inherit; width: auto; height: auto; } + +.big-numbers.top .trend .material-icons { font-size: 16px; vertical-align: middle; margin-right: 5px; } + +.big-numbers.top .trend.u,.big-numbers.top .trend.u .change { color: #83C986 !important; } + +.big-numbers.top .trend.d,.big-numbers.top .trend.d .change { color: #DB6E6E !important; } + +.big-numbers.top.active .trend { display: block; } + +.big-numbers.top .change { display: inline-block; vertical-align: middle; position: relative; top: inherit; right: inherit; } + +.big-numbers.top.widgets { border: none; } + +.big-numbers.top.widgets .inner { cursor: default; border: none; margin-left: 5px; background-color: #FFF; box-shadow: inset 0 0 0 1px #D0D0D0; border-radius: 2px; padding: 10px; height: 66px; } + +.big-numbers.top.widgets:first-child .inner { margin-left: 0; } + +.big-numbers.top.widgets.dark .inner { border: none; background-color: #3C3C3C; box-shadow: none; } + +.big-numbers.top.widgets.dark .inner .number,.big-numbers.top.widgets .inner .title { color: #484848; font-size: 12px; padding-top: 8px; } + +.big-numbers.top.widgets.dark .inner .title { color: #FFF; } + +/* DASHBOARD END */ + +/* NEW BIG NUMBERS */ + +.big-numbers-v2 { margin-top: -1px; padding-top: 10px; border-color: #D0D0D0; } + +.big-numbers-v2 #big-numbers-container,.big-numbers-v2 .big-numbers-container { margin: 0 auto; } + +.big-numbers-v2 .big-numbers .inner { border-left: none; border-top: none; text-align: center; padding-top: 30px; background-color: #FFF; height: 100px; } + +.big-numbers-v2.condensed .big-numbers .inner { padding-top: 10px; background-color: #FFF; height: 80px; } + +.big-numbers-v2 .big-numbers:nth-child(1) .inner { border-left: none; } + +.big-numbers-v2 .big-numbers .select { text-transform: uppercase; color: #484848; font-size: 13px; border: none; box-shadow: none; background: transparent; display: inline-block; width: auto; padding-top: 0; margin-left: 8px; vertical-align: top; height: auto; } + +.big-numbers-v2 .big-numbers .color { display: inline-block; width: 15px; height: 15px; margin-top: 0; border-radius: 1px; } + +.big-numbers-v2 .big-numbers.radio,.big-numbers-v2 .big-numbers.check { cursor: pointer; } + +.big-numbers-v2 .big-numbers.radio:hover,.big-numbers-v2 .big-numbers.check:hover { opacity: 0.7; } + +.big-numbers-v2 .big-numbers.radio .color,.big-numbers-v2 .big-numbers.check .color { width: 13px; height: 13px; border-radius: 20px; background-color: transparent; cursor: pointer; } + +.big-numbers-v2 .big-numbers.check .color { border-radius: 1px; } + +.big-numbers-v2 .big-numbers.radio.selected .color,.big-numbers-v2 .big-numbers.check.selected .color { box-shadow: inset 0 0 0 1px #FFF; cursor: default; } + +.big-numbers-v2 .big-numbers .number { margin-top: 2px; color: #484848; font-size: 34px; } + +.big-numbers-v2 .big-numbers .trend { margin-top: 5px; height: auto; width: auto; top: 0; right: 0; position: relative; } + +.big-numbers-v2 .big-numbers .trend i { font-size: 13px; } + +.big-numbers-v2 .big-numbers .trend.u { color: #83C986; } + +.big-numbers-v2 .big-numbers .trend.d { color: #DB6E6E; } + +.google-disabled .big-numbers.radio .color { display: none; } + +.google-disabled .big-numbers.radio { cursor: default; } + +.google-disabled .big-numbers.radio:hover { opacity: 1; } + +/* APP NAVIGATION */ + +#app-management-bar { z-index: 3; border-radius: 2px; } + +#app-management-bar #app-nav-head { padding-left: 15px; } + +#app-nav-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 85px; float: left; padding-top: 4px; } + +#app-nav { width: 190px; display: none; text-align: right; height: 100%; position: fixed; left: 31px; z-index: 997; padding-bottom: 120px; box-sizing: border-box; box-shadow: inset -1px 0 0 0 #D4D4D4; background-color: rgba(239, 239, 239, 0.7); } + +#app-nav-head { height: 27px; padding: 15px 20px 15px 15px; color: #636363; font: 18px Ubuntu, Helvetica, sans-serif; line-height: 111%; text-align: left; background-color: #ECECEC; border-bottom: 1px solid #D0D0D0; } + +#app-nav-head .button-container { overflow: hidden; position: absolute; top: 22px; right: 10px; } + +.app-container { cursor: pointer; height: 26px; padding: 8px 12px; padding-left: 32px; overflow: hidden; border-top: 1px solid #D0D0D0; background-color: #EFEFEF; } + +.app-container:first-child { border-top: none; } + +.app-container:hover { background-color: #DEDEDE; } + +.app-container.active { background-color: #DEDEDE; } + +.app-container .logo { float: left; width: 20px; height: 20px; background-size: 22px 22px; margin-top: 2px; border-radius: 4px; border: 1px solid #A2A2A2; background-position: center; } + +.app-container .name { width: 125px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; margin-left: 10px; padding-top: 6px; color: #6B6B6B; font: 13px Ubuntu, Helvetica, sans-serif; } + +.new-app-name { width: 300px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } + +#sort-app-button { padding: 7px 1px; } + +#sort-app-button i { font-size: 20px; margin: 0; line-height: 16px; } + +/* APP NAVIGATION END */ + +#app-management-bar { overflow: hidden; width: 180px; position: fixed; left: 242px; top: 79px; text-align: right; background-color: #EFEFEF; max-height: 580px; box-sizing: border-box; box-shadow: 0 0 0 1px #D0D0D0; } + +#app-management-bar .app-container { padding-left: 10px; position: relative; } + +#app-management-bar .app-container.active { } + +#app-management-bar .app-container.active:hover { opacity: 1; } + +#app-management-bar.expand { width: 300px; box-shadow: 0 5px 18px 0 #A5A5A5, 0 0 0 1px #D0D0D0; } + +#app-management-bar.expand .app-container .name { width: 245px; transition: width 200ms; } + +#app-management-bar .nav-search input { + transition: width 200ms; + -webkit-appearance: textfield; + width: 100%; + height: 30px; + padding-right: 20px; +} + +#app-management-bar.expand .nav-search input { + /* width:278px; */ + transition: width 200ms; +} + +#management-app-container { max-height: 450px; } + +#manage-new-app { display: none; } + +.app-details input { width: 310px; } + +#add-new-app .hint,.app-details .hint { padding-top: 8px; font-size: 11px; color: #B7B6B6; clear: both; } + +#add-app-button { display: block; text-align: center; padding: 10px 0 12px 0; border-bottom: 1px solid #D0D0D0; font: 13px Ubuntu, Helvetica, sans-serif; color: #6B6B6B; cursor: pointer; } + +#add-app-button:hover { background-color: #DEDEDE; } + +#add-app-button i { color: #2FA732; margin-right: 5px; font-size: 18px; display: inline-block; vertical-align: bottom; margin-bottom: -4px; } + +#app_details { margin-left: 10px; text-decoration: underline; font-size: 11px; color: #2FA732; cursor: pointer; } + +.app-details table.d-table { border-collapse: separate; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + +.app-details table.d-table td { border-top: 1px solid #ECECEC; border-bottom: none; } + +.app-details table.d-table tr:first-child td { border-top: none; border-bottom: none; } + +.app-details #app-edit-timezone .read .flag { box-shadow: none; } + +.app_details_table { min-width: 800px; position: relative; } + +.dialog.app_details_table .indicator { margin-bottom: 0; } + +.dialog.app_details_table .buttons { box-shadow: inset 0 1px 0 #CCC; padding: 13px; margin-top: -1px; } + +.app_details_table table.d-table { margin-bottom: 0; } + +.app_details_table td { border-left: 1px solid #ECECEC; line-height: 25px; } + +.app_details_table table.d-table tr td.second-header { width: 150px; } + +.app_details_table .indicator { display: none; } + +.dialog.app_details_table { border: none !important; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25); } + +.dialog.app_details_table table { border-left: none; border-right: none; } + +.dialog.app_details_table .d-table th:first-child { border-top-left-radius: 0; } + +.dialog.app_details_table .d-table th:last-child { border-top-right-radius: 0; } + +.dialog.app_details_table .title { + font: 19px Ubuntu, Helvetica, sans-serif; + line-height: 100%; + color: #636363; + margin-left: 0; + text-transform: uppercase; + height: auto; + padding: 20px 15px 15px 20px; + border-bottom: 1px solid #CCC; +} + +.app_details_table table.d-table tr:nth-child(odd):hover { + background-color: #FFF; +} + +.app_details_table table.d-table tr:nth-child(even):hover { + background-color: #F9F9F9; +} + +#code-countly { background-color: #FFF; border-radius: 2px; padding: 20px; border: 1px solid #D0D0D0; margin-left: 199px; } + +#code-countly h3 { font-size: 16px; color: #636363; margin-top: 0; } + +#code-countly p { font-size: 14px; line-height: 20px; color: #AFAFAF; } + +#code-countly p.select-platforms { font-size: 12px; text-transform: uppercase; color: #D4D4D4; } + +#code-countly .sdks { overflow: auto; } + +#code-countly .sdks a { color: #2FA732; float: left; text-decoration: none; font-size: 14px; margin-right: 20px; } + +#code-countly .sdks a:hover { text-decoration: underline; } + +#code-countly-content { margin-left: 135px; } + +#code-countly-logo { background-image: url('../images/dashboard/apps-sdk-icon.svg'); float: left; width: 100px; height: 100px; background-repeat: no-repeat; background-position: 50% 0%; } + +/* TABLES */ + +.dataTables_wrapper { margin: 15px 0; position: relative; } + +table.d-table { width: 100%; padding: 0; margin: 0; border-radius: 2px; margin-bottom: 20px; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; } + +table.d-table:not(.no-fix) { table-layout: fixed; } + +.d-table th { padding: 11px 10px 10px 10px; color: #484848; font-weight: normal; font-size: 11px; text-transform: uppercase; line-height: 12px; text-align: left; border-bottom: 1px solid #E2E2E2; background-color: #F3F3F3; border-top: 1px solid #D0D0D0; } + +.d-table th:first-child { border-left: none; border-top-left-radius: 7px; } + +.d-table th:last-child { border-top-right-radius: 7px; } + +.d-table thead tr { background-color: transparent; } + +.d-table td { padding: 10px 10px; margin: 0; color: #6B6B6B; } + +.d-table td:first-child { border-left: none; font-weight: normal; } + +.d-table tr { font-size: 15px; line-height: 12px; background-color: #FFF; } + +.d-table tr:first-child { border-top: none; } + +.d-table tr:last-child { border-bottom: none; } + +.d-table tr:nth-child(even) { background-color: #F9F9F9; } + +.d-table tr:hover { background-color: #F1F1F1; } + +.d-table tr td.dataTables_empty:hover { background-color: #FFF; } + +.d-table tr:last-child td { border-bottom: none; } + +.d-table tr:last-child td:first-child { border-bottom-left-radius: 7px; } + +.d-table tr:last-child td:last-child { border-bottom-right-radius: 7px; } + +.d-table .table-no-data { text-align: center; font: 15px Ubuntu, Helvetica, sans-serif; line-height: 111%; padding: 20px; color: #CCC; } + +.d-table .table-no-data:hover { background-color: #FFF; } + +.d-table.horizontal { border-radius: 0; } + +.d-table.horizontal tr:hover { background-color: #FFF; } + +.d-table.horizontal tr:nth-child(even):hover { background-color: #FBFBFB; } + +.d-table.horizontal td:first-child { color: #636363; width: 155px; } + +.d-table.horizontal tr:last-child td { border-radius: 0; } + +.table-edit { display: none; } + +.table-edit td,.table-add td { padding: 10px; } + +.table-edit .icon-button,.table-add .icon-button { float: right; } + +.dataTable td { font-family: Ubuntu, Helvetica, sans-serif; font-size: 12px; line-height: 15px; } + +.d-table .shrink { width: 1%; } + +.d-table .center { text-align: center; } + +.d-table .right { text-align: right; } + +div.datatablesubrow { display: none; } + +.d-table tr[id] { cursor: pointer; } + +.d-table tr.selected { background-color: #FFE4C9; } + +.d-table input[type=text],.d-table input[type=number],.d-table textarea { border-radius: 2px; margin: 0; font: 14px Ubuntu, Helvetica, sans-serif; line-height: 111%; padding: 5px; border: 1px solid #D0D0D0; width: 274px; } + +.d-table textarea { max-width: 274px; } + +.d-table input[type=password] { border-radius: 2px; margin: 0; font: 14px Ubuntu, Helvetica, sans-serif; line-height: 111%; padding: 5px; border: 1px solid #D0D0D0; width: 274px; } + +.table-template { margin-top: -16px; } + +.dataTable { border-radius: 0 !important; margin-bottom: 0 !important; } + +.dataTable th { border-radius: 0 !important; outline: none; cursor: pointer; } + +.dataTable th.sorting_disabled { cursor: auto; } + +.dataTable td { border-radius: 0 !important; } + +.dataTable-bottom,.dataTable-top { border: 1px solid #D0D0D0; padding: 0; overflow: auto; color: #969696; font-weight: normal; font-size: 10px; line-height: 111%; text-align: left; background-color: #ECECEC; } + +.dataTable-top { border-bottom: none; color: #BBB; transition: color 0.5s; border-top-left-radius: 2px; border-top-right-radius: 2px; } + +.dataTable-bottom { display: none; border-top: 1px solid #E2E2E2; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background-color: #ECECEC; } + +.dataTable-top:hover { color: #888; transition: color 0.5s; } + +.dataTable-top .dataTables_filter { float: left; padding-top: 5px; display: none; } + +.dataTable-top .dataTables_filter input { font-size: 13px; margin: 0; border-radius: 2px; background-color: #FFF; border: 1px solid #CCC; width: 200px; transition: width 0.5s; outline: none; padding: 2px 6px; } + +.dataTable-top .dataTables_length { float: right; padding: 5px 11px; border-left: 1px solid #CCC; } + +.dataTable-top .dataTables_length label { text-transform: uppercase; } + +#dataTables_length_input { font-size: 13px; margin: 0; border-radius: 2px; background-color: #FFF; border: 1px solid #CCC; width: 200px; transition: width 0.5s; outline: none; padding: 2px 6px; width: 50px; margin-left: 9px; } + +.dataTable-top .DTTT_container { float: right; padding: 11px 0; padding-top: 12px; } + +.dataTable-top .DTTT_container a { margin-right: 10px; } + +.dataTable-top .DTTT_container a:hover { text-decoration: underline; } + +.DTTT_container { visibility: hidden; } + +.DTTT_container .DTTT_button { position: relative; display: inline-block; } + +.DTTT_container .DTTT_button div > * { vertical-align: inherit; } + +.save-table-data { float: right; font-size: 17px; padding: 8px 12px 7px 7px; cursor: pointer; } + +.search-table-data { float: left; font-size: 17px; padding: 8px 7px 7px 7px; cursor: pointer; } + +.FixedHeader_Cloned .dataTable { border-bottom: none; } + +.dataTable-bottom .dataTables_info { float: left; padding: 5px 10px; } + +.dataTables_paginate { float: right; } + +.dataTables_paginate span { display: inline-block; padding: 7px 6px 5px 6px; font-size: 20px; cursor: pointer; border-left: 1px solid #CCC; } + +.dataTable-bottom .dataTables_paginate span { font-size: 18px; padding-right: 5px; } + +.dataTables_paginate .paginate_disabled_previous { opacity: 0.2; } + +.dataTables_paginate .paginate_disabled_next { opacity: 0.2; } + +.dataTable thead th.sorting_asc::after { color: #2FA732; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0de"; margin-left: 7px; vertical-align: text-top; margin-top: 7px; line-height: 5px; } + +.dataTable thead th.sorting_desc::after { color: #2FA732; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0dd"; margin-left: 7px; vertical-align: text-top; margin-top: 2px; line-height: 6px; } + +.dataTable thead th.sorting::after { color: #BBB; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0dc"; margin-left: 7px; vertical-align: text-top; margin-top: 4px; line-height: 6px; } + +.d-table.horizontal { border: 1px solid #D0D0D0; } + +.d-table.horizontal td { border-bottom: 1px solid #ECECEC; padding: 12px; } + +.d-table.horizontal tr,.d-table.horizontal tr:hover,.d-table.horizontal tr:nth-child(even),.d-table.horizontal tr:nth-child(even):hover { background-color: #FFF; } + +.d-table.horizontal .populate-demo-data td,.d-table.horizontal td td { border-bottom: none; } + +.table-placeholder { z-index: -1; display: block; height: 100%; min-height: 120px; background-color: #FFF; border: 1px solid #D0D0D0; border-radius: 2px; border-top-left-radius: 0; border-top-right-radius: 0; opacity: 1; position: absolute; top: 0; width: 100%; box-sizing: border-box; } + +.table-placeholder .top { height: 34px; border-bottom: 1px solid #D0D0D0; background-color: #ECECEC; } + +.table-placeholder .header { height: 33px; border-bottom: 1px solid #D0D0D0; background-color: #F3F3F3; } + +.table-loader { height: 1px; width: 100%; position: absolute; overflow: hidden; background-color: transparent; top: 33px; left: 0; box-sizing: border-box; margin: 0; z-index: 1; } + +.table-loader::before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 1px; background-color: #2FA732; animation: table-loading 2s linear infinite; animation-delay: 1s; } + +@keyframes table-loading { + + from { left: -30%; width: 30%; } + + 50% { width: 30%; } + + 70% { width: 70%; } + + 80% { left: 50%; } + + 95% { left: 120%; } + + to { left: 100%; } +} + +/* TABLES END */ + +.icon-button { min-height: 14px; cursor: pointer; float: left; padding: 7px 12px; border-radius: 2px; font: 12px Ubuntu, Helvetica, sans-serif; line-height: 15px; overflow: auto; margin-left: 8px; } + +.icon-button:hover { opacity: 0.8; } + +.icon-button.light { color: #717171; background-color: #FDFDFD; box-shadow: inset 0 0 0 1px #DCDCDC; } + +.icon-button.disabled { opacity: 0.5; } + +.icon-button.dark { background-color: #02060B; color: #BFBFBF; box-shadow: inset 0 0 0 1px #02060B; } + +.icon-button .icon { float: left; margin-right: 7px; background-repeat: no-repeat; } + +.icon-button .text { float: right; padding-top: 2px; } + +.icon-button.create-report,.icon-button.green { background-color: #2EB52B; color: #FFF; box-shadow: inset 0 0 0 1px #2EB52B; } + +.icon-button.delete-app,.icon-button.red,.dialog.red #dialog-continue { background-color: #D63E40; color: #FFF; box-shadow: inset 0 0 0 1px #D63E40; } + +.icon-button i { margin-right: 6px; line-height: 9px; } + +.button .back { color: #666; cursor: pointer; user-select: none; background-color: #E0E0E0; float: left; padding: 8px 20px; padding-top: 7px; border: 1px solid #A5A5A5; border-radius: 2px; font: 13px Ubuntu, Helvetica, sans-serif; margin-top: 5px; margin-right: -5px; } + +.button .back:hover { background-color: #F9F9F9; } + +.button .back i { position: relative; top: 1px; left: -7px; } + +.btn-header { float: right; margin-top: 6px; margin-left: 8px; margin-right: 5px; overflow: hidden; } + +.btn-header.left { margin-top: 6px; margin-left: 17px; } + +.btn-header ::before { line-height: 10px; vertical-align: bottom; } + +.widget-header .left .btn-header { margin-top: 4px; } + +#segmentation .btn-header { margin-top: 0; margin-left: 5px; } + +#date-selector { float: right; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #6B6B6B; padding: 6px; padding-right: 0; user-select: none; position: relative; } + +#date-selector .button { visibility: visible; cursor: pointer; user-select: none; padding: 7px 5px 7px 5px; margin-right: -1px; color: #FFF; font-size: 13px; line-height: 13px; } + +.date-selector-buttons { background-color: #03060C; width: 160px; position: absolute; right: 0; top: 0; padding: 0 20px; margin: 0 -3px 0 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; height: 100%; } + +.date-selector-buttons .button:nth-child(1) { margin-top: 20px; } + +.widget-header:hover #date-selector .button { visibility: visible; } + +#date-selector .date-buttons-container { float: left; } + +#date-selector .date-buttons-container .button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +#date-selector .date-buttons-container .button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: 1px solid #D0D0D0; } + +#date-selector .button:hover { background-color: #1B2732; } + +#date-selector .button:active { background-color: #1B2732; } + +#date-selector .button.active { background-color: #1B2732; } + +#date-selector > .calendar { background-color: #F9F9F9; border: 1px solid #D0D0D0; color: #767676; cursor: pointer; float: right; border-radius: 2px; margin: 0 5px 0 13px; height: 27px; text-align: center; padding: 0 30px 0 30px; min-width: 200px; text-align: left; } + +#date-selector > .calendar:hover { background-color: #F9F9F9; } + +#date-selector > .calendar i { font-size: 18px; position: absolute; top: 12px; left: 26px; } + +#date-selector .calendar .up,#date-selector .calendar .down { + position: absolute; + right: 16px; + top: 15px; + color: #767676; +} + +#date-selector .calendar-block { vertical-align: top; } + +#date-selector .calendar .up { display: none; } + +#date-selector .calendar.active .up { display: block; } + +#date-selector .calendar.active .down { display: none; } + +#date-selector .calendar-block .calendar-input-field { float: right; display: inline-block; width: 100px; padding: 9px 9px 9px 9px; font-size: 13px; line-height: 13px; text-align: center; border: none; background-color: #1B2732; color: #FFF; margin: 0 10px; border-radius: 2px; border: 1px solid #1B2732; } + +#date-selector .calendar-block .calendar-input-field:hover { + border: 1px solid #243544; +} + +#date-selector .calendar-block span.date-input-label { float: right; display: inline-block; text-transform: uppercase; color: #D2D2D1; margin-top: 11px; font: 12px Ubuntu, Helvetica, sans-serif; } + +#date-picker,.date-picker { white-space: nowrap; display: none; position: absolute; z-index: 1000; padding: 2px 3px 6px 3px; background-color: #0B131A; border-radius: 2px; right: 2px; top: 41px; } + +#date-picker .calendar-container,.date-picker .calendar-container { overflow: auto; padding: 10px 5px; margin-right: 200px; } + +#date-picker .calendar-container .calendar,.date-picker .calendar-container .calendar { vertical-align: top; margin-bottom: 10px; } + +#date-picker .calendar-container .calendar:nth-child(2) { margin-right: 0; } + +#date-picker .button-container { overflow: auto; position: absolute; right: 20px; bottom: 15px; } + +#date-picker .button-container .icon-button { display: inline-block; padding: 7px 10px; float: right; } + +#date-picker .in-range a { + background: rgba(46, 167, 50, 0.6); + border-radius: 2px; + margin: 1px; + padding: 4px; +} + +#date-picker .in-range a.ui-state-hover { + background: #1B2732; +} + +#date-picker .ui-datepicker-title { + font-size: 13px; +} + +#date-picker::before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #03060C; right: 9px; top: -11px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } + +#selected-date { font-size: 13px; color: #767676; line-height: 28px; } + +.threes-column .big-numbers { width: 33%; } + +.threes-column .big-numbers:last-child { width: 34%; } + +.two-column .big-numbers { width: 50%; } + +.one-column .big-numbers { width: 100%; position: relative; } + +.two-columns { width: 50%; } + +.three-column { width: 33%; } + +.three-column:nth-child(2) { width: 34%; } + +.three-column:last-child { width: 33%; } + +.six-column { width: 17%; } + +.six-column:first-child { width: 16%; } + +.six-column:last-child { width: 17%; } + +.four-column,.dashboard-summary .item.four-column { width: 25%; } + +.five-column,.dashboard-summary .item.five-column { width: 20%; } + +.sticky-header.hide { display: none; } + +.sticky-header { top: 0; position: fixed; } + +.sticky-header table { border: none; border-radius: 0; } + +.sticky-header table th { box-shadow: inset 0 -1px 0 0 #D0D0D0; border-bottom: none; outline: none; cursor: default; position: relative; cursor: pointer; } + +.sticky-header table th.sorting_disabled { cursor: auto; } + +.sticky-header table th:first-child { box-shadow: inset 0 -1px 0 0 #D0D0D0, inset 1px 0 0 0 #D0D0D0; } + +.sticky-header table th:last-child { box-shadow: inset 0 -1px 0 0 #D0D0D0, inset -1px 0 0 0 #D0D0D0; } + +/* DATEPICKER */ + +.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { text-decoration: none; border: none; color: #FFF; font-size: 12px; padding: 5px; background-color: transparent; text-align: center; background-image: none; box-shadow: none; } + +.ui-datepicker a,.ui-datepicker-inline a { text-decoration: none !important; } + +.ui-widget-content .ui-state-hover { background-color: #1B2732; color: #FFF; text-shadow: none; background-image: none; margin: 1px; padding: 4px; border-radius: 2px; } + +.ui-widget-content .ui-state-active { background-color: #2FA732; color: #FFF; text-shadow: none; background-image: none; margin: 1px; padding: 4px; border-radius: 2px; } + +.ui-datepicker.ui-widget { padding: 10px; background-color: #0B131A; } + +.ui-datepicker td { padding: 0; border: 1px solid #192733; border-left: none; background-color: transparent; } + +.ui-datepicker th { font-weight: normal; font-size: 8px; } + +.ui-datepicker-inline { border-radius: 0; } + +.ui-datepicker-inline table { margin: 0 auto; font-weight: normal; width: 99%; } + +.ui-datepicker-calendar tbody,.ui-datepicker-inline table tbody { border: 1px solid #192733; } + +.ui-datepicker-group-last .ui-datepicker-calendar {} + +.ui-datepicker { width: 190px !important; border: none; } + +.ui-widget-header { border-radius: 0; border: none; background-color: transparent; background-image: none; color: #FFF; font-weight: normal; font-size: 12px; height: 23px; } + +.ui-datepicker { font-weight: normal; line-height: 111%; overflow: auto; } + +.ui-widget-content { background-color: transparent; background-image: none; padding: 0; } + +.ui-datepicker-calendar thead { font-weight: normal; border-bottom: 1px solid #BBB; } + +.ui-datepicker-calendar thead th { text-transform: uppercase; height: 15px; text-align: center; color: #D6D6D6; border: none; background-image: none; padding: 9px 3px 0 3px; } + +.ui-datepicker-calendar tr { line-height: 111%; } + +.ui-datepicker-calendar tr:last-child td { border-bottom: none; } + +.ui-datepicker-calendar td:last-child { border-right: none; } + +.ui-datepicker-multi-2 .ui-datepicker-group { width: 154px; margin: 5px; box-shadow: 0 1px 1px 1px #000; } + +.ui-datepicker th { padding: 4px 3px; } + +.ui-corner-all.ui-state-hover { background-color: transparent; border: none; cursor: pointer; } + +.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next { width: 15px; height: 20px; } + +#date-picker .ui-datepicker .ui-datepicker-prev,#date-picker .ui-datepicker .ui-datepicker-next { height: 23px; } + +.ui-datepicker-inline .ui-datepicker-prev,.ui-datepicker-inline .ui-datepicker-next { height: 21px; } + +.ui-datepicker .ui-widget-header .ui-icon { background-image: none; text-indent: 3px; } + +.ui-icon-circle-triangle-w,.ui-icon-circle-triangle-e { font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: right; width: 11px; overflow: hidden; color: #BFBFBF; font-size: 10px; } + +.ui-icon-circle-triangle-w::before { content: "\f053 "; } + +.ui-icon-circle-triangle-e::before { content: "\f054 "; } + +.ui-datepicker-prev.ui-state-hover,.ui-datepicker-next.ui-state-hover { padding: 0; } + +.ui-datepicker .ui-datepicker-title { line-height: 21px; } + +.ui-datepicker-other-month span { opacity: 0; } + +.calendar-light .ui-datepicker.ui-widget { padding: 1px; background-color: #FFF; } + +.calendar-light .ui-state-default,.calendar-light .ui-widget-content .ui-state-default,.calendar-light .ui-widget-header .ui-state-default { color: #000; } + +.calendar-light .ui-widget-content .ui-state-hover { color: #424242; } + +.calendar-light .ui-widget-content .ui-state-active { color: #FFF; } + +.calendar-light .ui-datepicker td,.calendar-light .ui-datepicker-calendar tbody,.calendar-light .ui-datepicker-inline table tbody { border-color: #CCC; } + +.calendar-light .ui-widget-header { color: #000; } + +/* DATEPICKER END */ + +/* FORMS */ + +.cly-button-dark { color: #DDD; background-color: #292929; border: 1px solid #1B1B1B; box-shadow: inset 0 1px 0 #777; cursor: pointer; float: left; padding: 5px 10px; border-radius: 4px; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; } + +.cly-button-dark:hover { opacity: 0.9; } + +.cly-button-dark:active,.cly-button-dark.active { background-color: #3E3E3E; box-shadow: inset 0 1px 0 #444; } + +.dashboard-summary { margin-bottom: 16px; overflow: auto; } + +.dashboard-summary .item { float: left; font-family: Oswald; width: 25%; } + +.dashboard-summary.four .item { width: 25%; } + +.dashboard-summary.three .item { width: 33%; } + +.dashboard-summary.two .item { width: 50%; } + +.dashboard-summary.three .item:nth-child(2) { width: 34%; } + +.dashboard-summary .inner { background-color: #3C3C3C; padding: 10px; border-radius: 2px; margin-left: 5px; } + +.dashboard-summary .item:first-child .inner { margin-left: 0; } + +.dashboard-summary .item:first-child .inner { border-left: none; } + +.dashboard-summary .item:last-child .inner { border-right: none; } + +.dashboard-summary .item .title { font: 12px Ubuntu, Helvetica, sans-serif; line-height: 111%; text-align: center; color: #FFF; text-transform: uppercase; } + +.dashboard-summary .item .bar { width: 80%; height: 6px; padding-top: 2px; padding-bottom: 2px; overflow: auto; background-color: transparent; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; } + +.dashboard-summary .item .bar .bar-inner { width: 40%; float: left; height: 6px; box-shadow: inset 2px 0 0 0 #333; } + +.dashboard-summary .item .bar .bar-inner:hover { margin-bottom: -1px; margin-top: -1px; height: 8px; } + +.dashboard-summary .item .bar .bar-inner:first-child { box-shadow: none; } + +.dashboard-summary .item .bar .bar-inner-new:nth-child(2) { width: 42%; } + +.dashboard-summary .item .bar .bar-inner-new:nth-child(3) { width: 16%; } + +.dashboard-summary.two-bars .item .bar .bar-inner:nth-child(2) { box-shadow: 2px 0 0 0 #ECECEC; background-color: #ECECEC; pointer-events: none; } + +.dashboard-summary .item .number { font-size: 26px; text-align: center; color: #52A3EF; line-height: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + +.dashboard-summary .item .no-data { font: 18px Ubuntu, Helvetica, sans-serif; line-height: 111%; text-align: center; color: #222; padding-bottom: 14px; padding-top: 20px; } + +.dashboard-summary .item.light .no-data { color: #D8D8D8; } + +.dashboard-summary .item.light .inner { background-color: #FFF; box-shadow: inset 0 0 0 1px #D0D0D0; } + +.dashboard-summary .item.light .inner .title { color: #484848; } + +.dashboard-summary .item.light .bar .bar-inner { box-shadow: inset 2px 0 0 0 #FFF; background-color: #52A3EF; } + +.cly-select { position: relative; background-color: #FDFDFD; user-select: none; display: inline-block; width: 135px; height: 27px; border: 1px solid #D0D0D0; border-radius: 2px; cursor: pointer; } + +.widget-header .cly-select { background-color: #ECECEC; position: relative; } + +.cly-select.req { border-color: #E95C6C; } + +.cly-select.dark { border-color: #666; } + +.cly-select.disabled { opacity: 0.4 !important; cursor: default; } + +.cly-select.centered,.cly-select.centered .text { text-align: center; } + +.cly-select.centered.text-align-left,.cly-select.centered.text-align-left .text { text-align: left; } + +.cly-select.centered .text { padding-right: 9px; } + +.cly-select .select-inner { position: relative; width: 100%; height: 100%; } + +.cly-select.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.cly-select.active .right { border-bottom-right-radius: 0; } + +.cly-select .search { top: 100%; position: absolute; z-index: 2; background-color: #FFF; width: 100%; border: 1px solid #D0D0D0; border-bottom: none; margin-left: -1px; cursor: default; overflow: auto; } + +.cly-select .search .fa { position: absolute; right: 0; top: 5px; color: #CCC; font-size: 10px; } + +.cly-select .search .inner { position: relative; margin: 5px 8px; padding: 4px 1px; padding-right: 20px; background-color: #FFF; font: 13px Ubuntu; line-height: 111%; } + +.cly-select .search input { height: 14px; padding: 0; margin: 0; border: none; outline: none; width: 100%; font: 13px Ubuntu; line-height: 111%; -webkit-appearance: textfield; } + +.cly-select .search input::-webkit-search-decoration { -webkit-appearance: none; } + +.cly-select .search + .select-items { margin-top: 33px; border-top-left-radius: 0; border-top-right-radius: 0; } + +.cly-select .select-items { top: 100%; z-index: 2; display: none; position: absolute; margin-left: -1px; border-radius: 2px; background-color: #FFF; border: 1px solid #D0D0D0; width: 135px; } + +.cly-select.upside-down .select-items { bottom: 100%; top: auto; } + +.cly-select.dark .select-items { border-color: #D0D0D0; } + +.cly-select .select-items .scroll-list { max-height: 188px; } + +.cly-select .select-items .warning { color: #FF8700; font-weight: normal; border-bottom: 1px solid #E6E6E6; font: 11px Ubuntu, Helvetica, sans-serif; line-height: 14px; padding: 7px 9px; cursor: default; text-align: center; } + +.cly-select .select-items .item { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #666; font-weight: normal; border-bottom: 1px solid #E6E6E6; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; padding: 5px 9px; padding-bottom: 7px; } + +.cly-select .select-items .item:last-child,.cly-select .select-items .item.last { border-bottom: none; } + +.cly-select .select-items .group { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #2FA732; font-weight: bold; border-bottom: 1px solid #E6E6E6; font: 11px Ubuntu, Helvetica, sans-serif; line-height: 100%; padding: 13px 9px 7px 9px; text-align: left; cursor: default; text-transform: uppercase; background-color: #FFF; } + +.cly-select.dark .select-items .item { border-color: #888; } + +.cly-select .select-items .item.hidden { display: none; } + +.cly-select .flag { opacity: 0.8; width: 16px; height: 11px; border-radius: 2px; box-shadow: 0 0 1px 0 #333; margin-right: 8px; margin-top: 2px; float: left; } + +.cly-select .flag.ch { margin-right: 13px; } + +.cly-select .flag.np { margin-right: 15px; } + +.cly-select .select-items .item:hover { background-color: #F3F3F3; } + +.cly-select .select-items .item:last-child,.cly-select .select-items .item.last { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + +.cly-select .text-container { float: left; width: 100%; } + +.cly-select .text { padding: 6px 9px; padding-right: 25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #444; font-weight: normal; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; } + +.cly-select .right { opacity: 0.8; right: 0; position: absolute; width: 15px; height: 100%; line-height: 27px; } + +.cly-select .right:hover { opacity: 1; } + +.cly-select .right.combo { } + +.cly-select .right.combo::before { color: #717171; font-family: 'Ionicons'; content: "\f123"; font-size: 9px; position: absolute; right: 8px; } + +.cly-select:hover .right.combo::before { color: #2FA732; } + +.cly-select.active .right.combo::before { content: "\f126"; color: #2FA732; } + +.cly-select .slimScrollBar.ui-draggable { cursor: default; } + +.cly-select.loading::after { content: "Loading..."; position: absolute; top: 1px; left: 0; color: #D0D0D0; background-color: #FDFDFD; padding: 5px 40px 5px 11px; font-size: 13px; } + +.cly-select.float { float: left; border: none; width: auto; background-color: transparent; margin-right: 5px; } + +.cly-select.float .text { padding-left: 3px; } + +.cly-select.float .text-container { width: auto; max-width: 150px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } + +.cly-select.float .right { float: left; } + +.cly-select.float .right.combo::before { right: auto; } + +.cly-select.float:hover .text { color: #2FA732; } + +.cly-select.float:hover .right.combo::before { color: #2FA732; } + +.cly-select.float .select-items,.cly-select.float .search { width: 220px; } + +.cly-select.float-right { float: right; width: 150px; background-color: #FFF; margin-right: 5px; margin-top: 6px; } + +.cly-select.float-right.green { float: right; width: 150px; background-color: #2FA732; border-color: #2FA732; margin-right: 5px; margin-top: 6px; } + +.cly-select.float-right.green .text { color: #FFF; } + +.cly-select.float-right.green .right.combo::before { color: #FFF; } + +.cly-select.float-right.green.disabled { background-color: #FDFDFD; border-color: #D0D0D0; } + +.cly-select.float-right.green.disabled .text { color: #444; } + +.cly-select.float-right.green.disabled .right.combo::before { color: #717171; } + +.cly-select.disabling-on .select-items .item.disabled { opacity: 0.5; cursor: default; } + +.cly-select.disabling-on .select-items .item.disabled:hover { background-color: #FFF; } + +.cly-multi-select { position: relative; background-color: #FDFDFD; user-select: none; display: inline-block; width: 135px; height: auto; min-height: 32px; border: 1px solid #D0D0D0; border-radius: 2px; cursor: pointer; } + +.cly-multi-select .select-inner { position: relative; width: 100%; height: 100%; } + +.cly-multi-select.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.cly-multi-select.active .right { border-bottom-right-radius: 0; } + +.cly-multi-select .search { top: 100%; position: absolute; z-index: 2; background-color: #FFF; width: 100%; border: 1px solid #D0D0D0; border-bottom: none; margin-left: -1px; cursor: default; overflow: auto; } + +.cly-multi-select .search .fa { position: absolute; right: 0; top: 5px; color: #CCC; font-size: 10px; } + +.cly-multi-select .search .inner { position: relative; margin: 5px 8px; padding: 4px 1px; padding-right: 20px; background-color: #FFF; font: 13px Ubuntu; line-height: 111%; } + +.cly-multi-select .search input { height: 14px; padding: 0; margin: 0; border: none; outline: none; width: 100%; font: 13px Ubuntu; line-height: 111%; } + +.cly-multi-select .search + .select-items { margin-top: 33px; border-top-left-radius: 0; border-top-right-radius: 0; } + +.cly-multi-select .select-items { top: 100%; z-index: 2; display: none; position: absolute; margin-left: -1px; border-radius: 2px; background-color: #FFF; border: 1px solid #D0D0D0; width: 135px; max-height: 188px; overflow-y: auto; } + +.cly-multi-select .select-items .scroll-list { max-height: 188px; } + +.cly-multi-select .select-items .item { position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #666; font-weight: normal; border-bottom: 1px solid #E6E6E6; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; padding: 5px 9px; padding-bottom: 7px; } + +.cly-multi-select .select-items .item:last-child,.cly-multi-select .select-items .item.last { border-bottom: none; } + +.cly-multi-select .select-items .group { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #888; font-weight: bold; border-bottom: 1px solid #D0D0D0; font: 11px Ubuntu, Helvetica, sans-serif; line-height: 100%; padding: 6px 9px; text-align: left; cursor: default; text-transform: uppercase; background-color: #ECECEC; } + +.cly-multi-select .select-items .item.hidden { display: none; } + +.cly-multi-select .select-items .item:hover { background-color: #F3F3F3; } + +.cly-multi-select .select-items .item:last-child,.cly-multi-select .select-items .item.last { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + +.cly-multi-select .select-items .item.disabled { opacity: 0.5; cursor: default; } + +.cly-multi-select .select-items .item.disabled:hover { background-color: #FFF; } + +.cly-multi-select .text-container { float: left; width: 100%; } + +.cly-multi-select .text { padding: 3px 9px; padding-right: 25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #444; font-weight: normal; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; } + +.cly-multi-select .right { opacity: 0.8; right: 0; position: absolute; width: 15px; height: 100%; line-height: 32px; } + +.cly-multi-select .right:hover { opacity: 1; } + +.cly-multi-select .right.combo { } + +.cly-multi-select .right.combo::before { color: #717171; font-family: 'Ionicons'; content: "\f123"; font-size: 9px; position: absolute; right: 8px; } + +.cly-multi-select:hover .right.combo::before { color: #2FA732; } + +.cly-multi-select.active .right.combo::before { content: "\f126"; color: #2FA732; } + +.cly-multi-select .slimScrollBar.ui-draggable { cursor: default; } + +.cly-multi-select .selection { cursor: default; position: relative; float: left; border-radius: 2px; background-color: #777; color: #F1F1F1; padding: 3px 19px 3px 10px; margin: 2px 5px 2px 0; font-size: 12px; } + +.cly-multi-select .selection:hover { background-color: #5A5A5A; } + +.cly-multi-select .selection .remove { position: absolute; right: 5px; top: 3px; font-size: 11px; cursor: pointer; } + +.cly-multi-select.selection-exists .default-text { display: none; } + +.cly-multi-select .default-text { display: block; padding: 5px 0; } + +.cly-multi-select .select-items .item.selected { color: #2FA732; display: none; } + +.cly-multi-select.disabled { opacity: 0.4 !important; cursor: default; } + +body .selectize-control.multi .selectize-input input { height: 18px; } + +body .selectize-control.multi .selectize-input,body .selectize-control.multi .selectize-input.has-items { position: relative; background-color: #FDFDFD; user-select: none; height: auto; min-height: 32px; border: 1px solid #D0D0D0; border-radius: 2px; cursor: pointer; } + +body .selectize-control.multi .selectize-input > div { font-family: Ubuntu, sans-serif; line-height: 14px; border-radius: 2px; background-color: #777; color: #F1F1F1; padding: 3px 19px 3px 10px; margin: 0 5px 2px 0; font-size: 12px; } + +body .selectize-control.multi .selectize-input > div:hover { background-color: #5A5A5A; color: #F1F1F1; cursor: default; } + +body .selectize-control.multi .selectize-input > div.active { background-color: #777; color: #F1F1F1; cursor: default; } + +body .selectize-control.multi .selectize-input > div .remove { position: absolute; right: 3px; top: 3px; font-size: 16px; line-height: 9px; font-weight: 100; cursor: pointer; } + +body .selectize-control.plugin-remove_button [data-value] .remove { border: none; } + +.cly-text-select { display: inline-block; height: 27px; } + +.cly-text-select input { margin-left: -1px; width: 195px; height: 27px; color: #444; font-weight: normal; font: 13px Ubuntu, Helvetica, sans-serif; border: 1px solid #D0D0D0; border-radius: 2px; padding: 0 8px; display: inherit; outline: none; } + +.cly-text-select.req { border-color: #E95C6C; } + +.cly-text-select.dark { border-color: #666; } + +.cly-text-select.disabled { opacity: 0.4 !important; cursor: default; } + +.cly-text-select .select-inner { position: relative; width: 100%; height: 100%; } + +.cly-text-select.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.cly-text-select.active .right { border-bottom-right-radius: 0; } + +.cly-text-select .select-items { z-index: 1000; display: none; position: absolute; margin-left: -1px; border-radius: 2px; background-color: #FFF; border: 1px solid #D0D0D0; border-top-left-radius: 0; border-top-right-radius: 0; width: 135px; } + +.cly-text-select.dark .select-items { border-color: #666; } + +.cly-text-select .select-items.square { border-radius: 0; } + +.cly-text-select .select-items.square .item:last-child { border-radius: 0; } + +.cly-text-select .select-items .scroll-list { max-height: 189px; } + +.cly-text-select .select-items .item { cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #666; font-weight: normal; border-bottom: 1px solid #E6E6E6; font: 13px Ubuntu, Helvetica, sans-serif; padding: 5px 9px; padding-bottom: 7px; } + +.cly-text-select.dark .select-items .item { border-color: #888; } + +.cly-text-select .select-items .item.hidden { display: none; } + +.cly-text-select .flag { opacity: 0.8; width: 16px; height: 11px; border-radius: 2px; box-shadow: 0 0 1px 0 #333; margin-right: 8px; margin-top: 2px; float: left; } + +.cly-text-select .flag.ch { margin-right: 13px; } + +.cly-text-select .flag.np { margin-right: 15px; } + +.cly-text-select .select-items .item:hover { background-color: #F3F3F3; } + +.cly-text-select .select-items .item:hover .flag { box-shadow: 0 0 0 1px #000; } + +.cly-text-select .select-items .item:last-child,.cly-text-select .select-items .item.last { border-bottom: none; } + +.cly-text-select .text-container { float: left; width: 100%; } + +.cly-text-select .slimScrollBar.ui-draggable { cursor: default; } + +.read {} + +.read .country { float: left; margin-right: 8px; } + +.read .timezone { float: left; } + +.read .logo { float: left; height: 25px; width: 25px; background-size: 27px 27px; margin-top: 1px; border-radius: 4px; border: 1px solid #555; background-position: center; } + +.edit { display: none; } + +#sidebar-new-app { display: none; } + +.required { font-size: 23px; color: #B94A48; vertical-align: top; display: none; padding-left: 7px; margin-top: -2px; position: absolute; } + +.red-text { font-size: 12px; color: #B94A48; vertical-align: text-top; padding-left: 5px; } + +.green-text { font-size: 12px; color: #50C354; vertical-align: text-top; padding-left: 5px; } + +.required-color { color: #B94A48 !important; } + +#overlay { display: none; background-color: #000; opacity: 0.2; width: 100%; height: 100%; position: fixed; z-index: 10000; top: 0; } + +.dialog { display: none; position: fixed; max-width: 400px; left: 50%; top: 50%; background-color: #FFF; border: 1px solid #999; border-radius: 2px; z-index: 10001; } + +.dialog.events { max-width: 1050px; } + +.dialog.red { border: 1px solid #AD0303; } + +.dialog.green { border: 1px solid green; } + +.dialog.black { border: 1px solid #000; } + +.dialog .indicator { height: 7px; margin-bottom: 10px; border-top-left-radius: 1px; border-top-right-radius: 1px; } + +.events .indicator { margin-bottom: 0; } + +.dialog.red .indicator { background-color: #D63E40; border-bottom: 1px solid #AD0303; } + +.dialog.green .indicator { background-color: green; border-bottom: 1px solid green; } + +.dialog.black .indicator { background-color: #666; border-bottom: 1px solid #000; } + +.dialog .message { color: #333; font-size: 14px; line-height: 25px; padding: 0 10px; } + +.dialog .buttons { margin-top: 15px; overflow: auto; padding: 10px; padding-top: 0; } + +.dialog .buttons .icon-button { float: right; } + +.dialog input[type=text],.dialog input[type=password] { margin: 0; font: 15px Ubuntu, Helvetica, sans-serif; line-height: 111%; padding: 3px; border: 1px solid #DDD; } + +.dialog .result-message { float: left; margin-top: 6px; font: italic 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; } + +.dialog .result-message.red { color: #D63E40; } + +.dialog .result-message.green { color: #6BB96E; } + +.dialog .message .title { margin-bottom: 8px; } + +.dialog .message .input input { width: 280px; } + +.dialog .message a { text-decoration: underline; } + +.dialog.cly-loading .content { height: 5em; } + +.dialog.popStyleGreen .indicator { display: none; } + +.dialog.popStyleGreen { text-align: center; color: #717171; width: 300px; border: none; border-radius: 2px; padding: 30px 30px 18px 30px; max-width: 450px; box-sizing: border-box; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25); } + +.dialog.popStyleGreen .title { color: #636363; font-size: 16px; text-align: center; margin: 25px 0 15px 0; font-weight: 500; } + +.dialog.popStyleGreen .message { color: #717171; font-size: 13px; line-height: 19px; text-align: center; font-family: Ubuntu, Helvetica, sans-serif; margin: 0; word-wrap: break-word; } + +.dialog.popStyleGreen #dialog-continue,.dialog.popStyleGreen #dialog-ok { background-color: #2EB52B; color: #FFF; border-radius: 2px; } + +.dialog.popStyleGreen #dialog-ok { margin-bottom: 12px; } + +.dialog.popStyleGreen .icon-button { float: none; border: none; padding: 12px; box-shadow: none; display: inline-block; margin: 0; } + +.dialog.popStyleGreen #dialog-cancel { background-color: none; color: #929292; text-decoration: underline; background-color: #FFF; } + +.dialog.popStyleGreen .image { width: 85px; height: 85px; margin: 0 auto 0 auto; } + +.dialog.popStyleGreen .image div { width: 85px; height: 85px; margin: 0; padding: 0; } + +.dialog.popStyleGreen p { line-height: 40px; padding: 0; margin: 0; } + +.dialog.popStyleGreen .buttons { padding: 0; margin: 30px 0 0 0; } + +.dialog.popStyleGreenWide { width: 450px; } + +.dialog.popStyleGreenWide .message { text-align: left; } + +.loading-bars,.loading-bars::before,.loading-bars::after { + background: #3FAA43; + -webkit-animation: load1 1s infinite ease-in-out; + animation: load1 1s infinite ease-in-out; + width: 1em; + height: 4em; +} + +.loading-bars { + position: relative; + margin: 3em auto 0; + position: relative; + color: #3FAA43; + text-indent: -9999em; + font-size: 11px; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; +} + +.loading-bars::before,.loading-bars::after { + position: absolute; + top: 0; + content: ''; +} + +.loading-bars::before { + left: -1.5em; + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; +} + +.loading-bars::after { + left: 1.5em; +} + +@-webkit-keyframes load1 { + + 0%,80%,100% { + box-shadow: 0 0; + height: 4em; + } + + 40% { + box-shadow: 0 -2em; + height: 5em; + } +} + +@keyframes load1 { + + 0%,80%,100% { + box-shadow: 0 0; + height: 4em; + } + + 40% { + box-shadow: 0 -2em; + height: 5em; + } +} + +#new-install-overlay { display: none; z-index: 2; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.6; } + +.alert { font-family: Ubuntu, Helvetica, sans-serif; line-height: 111%; border-radius: 4px; padding: 8px 14px; } + +.alert.danger { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; } + +.alert.success { color: #468847; background-color: #DFF0D8; border: 1px solid #D6E9C6; } + +/* USER MANAGEMENT */ + +.manage-user { padding: 10px; } + +.manage-users-table { margin-top: -16px; } + +.manage-users-table .dataTable-top { border-radius: 0; } + +#user-table { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +#user-table td,.user-details.create-user-row td { font-family: Ubuntu; } + +#user-table .help-edit { font-size: 11px; display: none; position: absolute; right: 3px; top: 2px; background-color: #F1F1F1; padding: 1px 1px 1px 15px; line-height: 130%; } + +#user-table .help-close { font-size: 11px; display: none; position: absolute; right: 3px; top: 2px; background-color: #FFF; padding: 1px 1px 1px 15px; line-height: 130%; } + +#user-table tr td.details { padding: 0; } + +#user-table tr:hover .help-edit { display: block; } + +#user-table tr.active:hover { background-color: #FFF; } + +#user-table tr.active:hover .help-edit { display: none; } + +#user-table tr.active:hover .help-close { display: block; } + +.user-details { display: none; overflow: auto; padding-bottom: 45px; } + +#user-table tr td > div { position: relative; } + +.user-details.create-user-row { padding-bottom: 45px; box-shadow: inset 2px 0 0 -1px #DDD, inset -2px 0 0 -1px #DDD, inset 0 2px 0 -1px #DDD; position: relative; font-size: 12px; font-weight: normal; color: #6B6B6B; margin-bottom: -15px; } + +.user-details { background-color: #F9F9F9; } + +.user-details:hover { background-color: #F9F9F9; } + +#listof-apps { width: 200px; display: none; position: absolute; margin-top: 12px; z-index: 1000; padding: 7px; background-color: #292929; border-radius: 2px; } + +#listof-apps::before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #292929; left: 20px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } + +#listof-apps .button-container { overflow: auto; margin-top: 10px; margin-bottom: 5px; } + +#listof-apps .button-container .icon-button { float: right; font-size: 11px; } + +#listof-apps .scrollable { min-height: 36px; max-height: 221px; overflow: auto; background-color: transparent; } + +#listof-apps .app { width: 184px; border-bottom: 1px solid #D4D4D4; padding: 8px; overflow: auto; background-color: #EFEFEF; cursor: pointer; color: #6B6B6B; margin: 0 auto; } + +#listof-apps .app:last-child { border-bottom: none; } + +#listof-apps .app.disabled { display: none !important; } + +#listof-apps .app.selected { background-color: #DEDEDE; } + +#listof-apps .app:hover { background-color: #E6E6E6; } + +#listof-apps .app .image { background-size: 22px 22px; float: left; margin-right: 10px; border-radius: 4px; width: 20px; height: 20px; background-position: center; border: 1px solid #A2A2A2; } + +#listof-apps .app.selected .image { box-shadow: 0 0 0 1px #2EB52B; } + +#listof-apps .app .name { float: left; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; padding-top: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 90px; } + +#listof-apps #deselect-all.icon-button,#listof-apps .btn-deselect-all.icon-button { display: none; max-width: none; } + +#listof-apps #done { margin-left: 5px; } + +#listof-apps .search { background-color: #FBFBFB; position: relative; border-bottom: 1px solid #D4D4D4; } + +#listof-apps .search i { position: absolute; top: 11px; right: 11px; color: #6B6B6B; font-size: 10px; } + +#listof-apps .search input { outline: none; font-size: 13px; border: none; padding: 8px 10px; margin-right: 1px; width: 146px; background-color: #FBFBFB; color: #6B6B6B; } + +.user-details .button-container { overflow: auto; bottom: 8px; right: 16px; position: absolute; } + +.user-details .row { overflow: auto; border-top: 1px solid #EEE; padding: 10px; margin: 0 1px; } + +.user-details .row:first-child { border-top: none; padding-top: 15px; } + +.user-details .row .title { float: left; } + +.user-details .row .detail { margin-left: 165px; } + +.user-details .button-container { padding-bottom: 5px; } + +.user-details .button-container .icon-button { float: right; } + +.user-details .app-selection { margin-left: 10px; border-radius: 10px; background-color: #CCC; cursor: pointer; float: left; width: 15px; height: 15px; } + +.user-details .select-apps { margin-left: 10px; cursor: pointer; float: left; font-size: 17px; margin-top: -1px; color: #2EB52B; line-height: 15px; } + +.user-details .user-admin-list span,.user-details .no-apps { color: #CCC; font-size: 12px; font-style: italic; } + +.user-details .no-apps { margin-left: 165px; display: none; } + +.small-link { margin-top: 10px; font-size: 11px; cursor: pointer; color: #999; vertical-align: text-top; display: inline-block; } + +.small-link:hover { text-decoration: underline; } + +.password-row { display: none; } + +.user-noapps { position: absolute; left: 50%; top: 50%; width: 460px; margin-left: -118px; font: 16px Ubuntu, Helvetica, sans-serif; line-height: 23px; color: #555; height: 50px; margin-top: -25px; } + +.checkbox { cursor: pointer; width: 16px; height: 16px; float: left; margin-right: 5px; background-image: url('../images/management/checkbox.png'); background-position: -16px; } + +.checkbox.checked { background-position: 0; } + +/* USER MANAGEMENT END */ + +.icon-button.light.graph-segment.active { border-color: #333; box-shadow: inset 0 0 3px #222; background-color: #3E3E3E; background-image: linear-gradient(top, #292929 40%, #3E3E3E 100%); background-image: linear-gradient(to bottom, #292929 40%, #3E3E3E 100%); } + +.icon-button.light.graph-segment.active:hover { opacity: 1; } + +.os-rows.active,.os-rows.active:hover { background-color: #777 !important; } + +.os-rows.active td { color: #FFF; } + +/* EVENTS */ + +#event-nav { transition: width 200ms; overflow: hidden; z-index: 3; width: 180px; position: fixed; left: 242px; top: 79px; text-align: right; background-color: #EFEFEF; max-height: 580px; box-sizing: border-box; box-shadow: 0 0 0 1px #D0D0D0; border-radius: 2px; } + +#event-nav .nav-search { border-top: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; } + +#event-nav .scrollable .searchable:first-of-type { border-top: none !important; } + +#event-nav-head { background-color: #ECECEC; position: relative; height: 27px; padding: 15px 20px 15px 15px; color: #636363; font: 18px Ubuntu, Helvetica, sans-serif; line-height: 111%; text-align: left; } + +#event-nav-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 85px; float: left; padding-top: 4px; } + +#event-nav.expand { width: 300px; box-shadow: 0 5px 18px 0 #A5A5A5, 0 0 0 1px #D0D0D0; transition: width 200ms; } + +#event-nav .nav-search input { + transition: width 200ms; + -webkit-appearance: textfield; + height: 30px; + width: 100%; + padding-right: 20px; +} + +#event-nav.expand .nav-search input { + /* width:278px; */ + transition: width 200ms; +} + +#event-nav.expand .name { width: 271px; } + +.event-container { position: relative; cursor: pointer; height: 28px; padding: 4px 12px; overflow: hidden; border-top: 1px solid #D0D0D0; } + +.event-container:hover { background-color: #DEDEDE; } + +.event-container.active { background-color: #DEDEDE; } + +.event-container .name { width: 151px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; padding-top: 7px; color: #6B6B6B; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; } + +#event-update-area { float: left; } + +#edit-event-table-container { width: 950px; max-height: 400px; overflow: auto; } + +.events .buttons { margin-top: 0; padding: 13px; box-shadow: inset 0 1px 0 #CCC; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + +#events-custom-settings table.events-table,#events-overview-table table.events-table { width: 100%; padding: 0; margin: 0; } + +#events-overview-table { border: 1px solid #D0D0D0; overflow: auto; border-radius: 2px 2px 0 0; } + +#events-custom-settings table.events-table th,#events-overview-table table.events-table th { padding: 10px 10px; color: #484848; font-weight: normal; font: 11px Ubuntu, Helvetica, sans-serif; border-right: none; background-color: #F3F3F3; text-transform: uppercase; line-height: 12px; text-align: left; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #D0D0D0; } + +#events-overview-table table.events-table th { border-top: none; } + +#events-custom-settings-table { border: 1px solid #D0D0D0; border-top: none; margin-bottom: 30px; } + +#events-custom-settings-table table.events-table thead tr,#events-overview-table table.events-table thead tr { background-color: transparent; } + +#events-custom-settings-table table.events-table td,#events-overview-table table.events-table td { padding: 10px 10px; margin: 0; color: #6B6B6B; font-family: Ubuntu; font-size: 12px; line-height: 18px; margin: 0; } + +#events-custom-settings-table table.events-table td:first-child,#events-overview-table table.events-table td:first-child { width: 30px; } + +#events-custom-settings-table table.events-table td:nth-child(2),#events-overview-table table.events-table td:nth-child(2) { width: 30px; } + +#events-custom-settings-table table.events-table th:nth-child(2),#events-overview-table table.events-table th:nth-child(2) { padding: 0; } + +#events-custom-settings-table table.events-table td.events-edit-name-field { width: 25%; word-break: break-word; } + +#events-event-settings table td textarea { color: #6B6B6B; line-height: 140%; } + +#events-event-settings table td input { color: #6B6B6B; } + +#events-overview-table table.events-table td:last-child { width: 50px; text-align: right; padding: 0 10px; } + +.delete-event-overview { color: #DDD; font-size: 20px; line-height: 20px; } + +.delete-event-overview:hover { color: #E95C6C; transition: color 1s; cursor: pointer; } + +#events-custom-settings-table table.events-table td:last-child { padding: 10px 0; } + +#events-custom-settings-table table.events-table td:first-child { padding: 10px 10px; } + +#events-custom-settings-table table.events-table tr,#events-overview-table table.events-table tr { background-color: #FFF; } + +#events-custom-settings-table table.events-table tr:nth-child(even),#events-overview-table table.events-table tr:nth-child(even) { background-color: #F9F9F9; } + +#events-custom-settings-table .event-row-placeholder,#events-overview-table .event-row-placeholder { height: 40px; } + +#events-custom-settings-table .event-order,#events-overview-table .event-order { color: #BBB; cursor: move; } + +#events-custom-settings-table .event-order:hover,#events-overview-table .event-order:hover { color: #999; } + +#events-custom-settings-table a.check-green { position: relative; top: 2px; } + +#events-event-settings div.selectize-input { + -webkit-box-shadow: none; + box-shadow: none; + padding: 5px 5px; + border-radius: 2px; +} + +#events-event-settings div.selectize-input.has-items { + padding: 5px 5px 2px; +} + +#events-event-settings div.selectize-input.items { width: 286px; } + +#events-event-settings div.selectize-input.items > div { + cursor: default; + position: relative; + float: left; + border-radius: 2px; + background-color: #77787B; + color: #F1F1F1; + padding: 2px 4px 2px 4px; + font-size: 12px; + padding-right: 20px !important; +} + +#events-overview-table tr.moving {} + +#events-overview-table th:nth-child(2) { width: 45%; } + +#events-custom-settings-table table.events-table td.event_visibility_row_visible { color: #83C985; } + +#events-custom-settings-table table.events-table td.event_visibility_row_hidden { color: #DB6E6E; } + +#edit-events-button { padding: 4px 1px; } + +#edit-events-button i { font-size: 23px; margin: 0; line-height: 16px; } + +.overview_empty { + color: #A2A2A2; + vertical-align: text-bottom; + font-size: 16px; + text-align: center; + margin: 50px 0; +} + +#events-general-action { background-color: #2FA732; border-color: #2FA732; } + +#events-general-action .text { color: #FFF; } + +#events-general-action .right.combo::before { color: #FFF; } + +#events-general-action.disabled { background-color: #FDFDFD; border-color: #D0D0D0; } + +#events-general-action.disabled .text { color: #444; } + +#events-general-action.disabled .right.combo::before { color: #717171; } + +.delete-event,.delete-event-selected { color: #D67678; cursor: pointer; font-size: 16px; } + +.delete-event:hover,.delete-event-selected:hover { color: #D63E40; } + +#events-settings-table table tr td table td { padding: 15px 20px; } + +#events-custom-settings .events-general-description,#event-main .events-general-description { background-color: #F9F9F9; padding: 9px 14px 8px 14px; color: #868686; font-size: 13px; line-height: 16px; min-height: 17px; border: 1px solid #D0D0D0; border-bottom: none; } + +#events-custom-settings .events-general-description:empty,#event-main .events-general-description:empty { background-color: white; border-bottom: 1px solid white; margin-bottom: -1px; position: relative; } + +#events-apply-changes { margin-top: 8px; } + +#events-apply-order { margin-top: 7px; margin-right: 10px; display: none; } + +#eventOverviewWidgets { margin: -1px; } + +#eventOverviewWidgets > table { border-collapse: separate; border-spacing: 0; border-radius: 0 0 2px 2px; } + +#eventOverviewWidgets .cly-widget { background-color: #FFF; padding: 25px 25px 25px 25px; margin: 0; min-height: 180px; border: 1px solid #D0D0D0; border-collapse: separate; border-spacing: 0; border-top: none; border-left: none; } + +#eventOverviewWidgets .cly-widget:hover { cursor: pointer; } + +#eventOverviewWidgets > table tr td:last-child { border-right: none; } + +#eventOverviewWidgets > table tr:last-child td { border-bottom: none; } + +#eventOverviewWidgets .cly-widget .value { color: #3A3A3A; font-size: 38px; } + +#eventOverviewWidgets .cly-widget .title { color: #3A3A3A; max-width: 80%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 8px; } + +#eventOverviewWidgets .cly-widget:hover .title { color: #2FA732; } + +#eventOverviewWidgets .cly-widget td { padding: 0 10px; } + +#eventOverviewWidgets .cly-widget > table > tr { display: block; } + +#eventOverviewWidgets .cly-widget .spark { margin-top: 20px; margin-bottom: 20px; } + +#eventOverviewWidgets .cly-widget .title { padding: 0; } + +#eventOverviewWidgets .cly-widget .trend { color: #AEDAB7; text-align: center; padding-left: 10px; } + +#eventOverviewWidgets .cly-widget .trend .val { display: block; } + +#eventOverviewWidgets .cly-widget .d.trend { color: rgba(201, 76, 76, 0.8); } + +#eventOverviewWidgets .cly-widget .overview-item-property { color: #636363; text-transform: uppercase; padding-left: 10px; max-width: 95%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; } + +#eventOverviewWidgets .tooltip_templates { display: none; } + +#eventOverviewWidgets .show-my-event-description { color: #CCC; cursor: pointer; visibility: hidden; position: relative; top: -2px; } + +#eventOverviewWidgets .cly-widget:hover .show-my-event-description { visibility: visible; } + +#eventOverviewWidgets .empty_cell { border-left: none; border-right: none; background-color: #F9F9F9; } + +#eventOverviewContainer { padding: 0 0; border-radius: 0 0 2px 2px; } + +#eventOverviewWidgets .cly-widget > table { width: 100%; } + +#eventOverviewWidgets .cly-widget > table td table td { padding: 0; } + +#event-overview-drawer .cly-select,#event-overview-drawer .cly-select .select-items { width: 100%; } + +#event-overview-drawer .adding-to-overview { margin: 0; } + +#event-overview-drawer .adding-to-overview::after { + content: ""; + display: table; + clear: both; +} + +#event-overview-drawer .adding-to-overview > div { float: left; width: 38%; margin: 0; padding: 0; } + +#event-overview-drawer .adding-to-overview > div:last-child { width: 24%; } + +#event-overview-drawer .wrap-overview-item { padding: 0 4px 0 0; } + +#add_to_overview { display: inline-block; text-align: center; float: none; margin-left: 0; width: 75px; } + +#event-overview-drawer .buttons { background-color: #FFF; } + +#events-overview-table table.events-table td:nth-child(2) { word-break: break-word; } + +#events-overview-show-configure { float: right; margin-top: 6px; } + +.show-event-description:hover + .event-overview-description-wrapper .event-overview-description { border: 1px solid black; display: block; } + +#event-blueprint-nav-title { padding-top: 4px; } + +.events-empty-block { max-width: 586px; margin: 75px auto 0 auto; } + +.events-empty-block table { width: 100%; table-layout: fixed; } + +.events-empty-block table td { padding: 0 25px 0 25px; } + +.events-empty-block .events-empty-image { width: 242px; height: 242px; } + +.events-empty-block .events-overview-noevents { background-image: url('../images/dashboard/events-overview-noevents.svg'); } + +.events-empty-block .events-overview-configure { background-image: url('../images/dashboard/events-overview-configure.svg'); } + +.events-empty-block .all-events-empty { background-image: url('../images/dashboard/all-events-empty.svg'); } + +.events-empty-block p { color: #A2A2A2; font-size: 14px; line-height: 20px; } + +.events-empty-block p.events-empty-title { margin-bottom: 25px; font-size: 18px; font-weight: 400; color: #636363; } + +/* EVENTS END */ + +#help-toggle { float: right; width: 34px; height: 18px; margin-top: 4px; margin-right: 16px; cursor: pointer; } + +#help-toggle.active .on-off-switch-label { background-color: #2EB52B; } + +#help-toggle.active .on-off-switch-label::before { background: #FFF; } + +#help-toggle .on-off-switch-label { background-color: #88858A; height: 18px; } + +#help-toggle .on-off-switch-label::before { background: #E9E9E9; } + +.percent-bar { height: 11px; float: left; background-color: #AEE8B0; margin-right: 4px; margin-top: 2px; } + +/* EXPORT */ + +#export-checkbox-container { padding: 10px; padding-bottom: 2px; overflow: auto; } + +.export-checkbox { width: 14%; float: left; margin-bottom: 8px; font: 16px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #444; } + +.export-description { font: 15px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #999; padding: 10px; padding-bottom: 5px; } + +.stretch {} + +#export-button { border: 1px solid #CCC; background-color: #F5F5F5; padding: 4px 10px; cursor: pointer; font-size: 11px; border-radius: 2px; } + +#cly-export.dialog.export-dialog { display: none; } + +.export-dialog { padding: 15px; width: 270px; overflow: visible; display: inline-block; } + +.export-dialog .cly-select { width: 100%; margin: 0 auto; box-sizing: border-box; margin-bottom: 10px; height: 30px; } + +.export-dialog .cly-select .select-items { width: 101%; } + +.export-dialog p { margin: 0; font: 14px Ubuntu, Helvetica, sans-serif; font-weight: bold; line-height: 111%; margin-bottom: 10px; } + +.export-dialog p.details { margin: 0; font: 11px Ubuntu, Helvetica, sans-serif; color: #B7B6B6; margin-bottom: 10px; } + +.export-dialog .export-data { width: 100%; margin: 0 auto; padding-left: 0; padding-right: 0; text-align: center; height: 30px; } + +#export-type-selector { width: 100%; float: none; margin: 0 auto; margin-bottom: 10px; height: 30px; } + +#export-type-selector .button { width: 33%; text-align: center; } + +/* EXPORT END */ + +.cly-button-group .icon-button { border-radius: 0; margin: 0; border-left: none; } + +.cly-button-group .icon-button:first-child,.cly-button-group .icon-button.first { border-radius: 4px 0 0 4px; border-left: 1px solid #A5A5A5; } + +.cly-button-group .icon-button.dark:first-child,.cly-button-group .icon-button.dark.first { border-left-color: #1B1B1B; } + +.cly-button-group .icon-button:last-child,.cly-button-group .icon-button.last { border-radius: 0 4px 4px 0; } + +.button-selector { font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #6B6B6B; padding: 0; overflow: auto; user-select: none; } + +.button-selector .button { cursor: pointer; user-select: none; background-color: #ECECEC; float: left; padding: 7px; padding-top: 6px; border: 1px solid #D0D0D0; margin-left: -1px; } + +.button-selector .button:nth-child(1),.button-selector .button.first { margin-left: 0; border-left: 1px solid #D0D0D0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +.button-selector .button:last-child,.button-selector .button.last { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: 1px solid #D0D0D0; } + +.button-selector .button:hover { background-color: #F9F9F9; } + +.button-selector .button:active { background-color: #F9F9F9; } + +.button-selector .button.active { background-color: #F9F9F9; } + +.button-selector .button.disabled { opacity: 0.3; cursor: default; } + +.button-selector .button.icon { padding: 5px; line-height: 12px; width: 18px; text-align: center; } + +.button-selector .button.icon i.material-icons { font-size: 16px; } + +.button-selector .button.icon span.ion-icons { font-size: 17px; } + +.button-selector .button.icon i.fa { font-size: 18px; line-height: 14px; padding-bottom: 3px; } + +.button-selector.light .button { cursor: pointer; user-select: none; background-color: #FBFBFB; float: left; padding: 7px; padding-top: 6px; border: 1px solid #D0D0D0; margin-left: -1px; } + +.button-selector.light .button:nth-child(1),.button-selector.light .button.first { margin-left: 0; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +.button-selector.light .button:last-child,.button-selector.light .button.last { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + +.button-selector.light .button:hover { background-color: #FFF; } + +.button-selector.light .button:active { background-color: #FFF; } + +.button-selector.light .button.active { background-color: #FFF; border: 1px solid #2EB52B; position: relative; z-index: 10; } + +.button-selector.light .button.disabled { opacity: 0.3; cursor: default; } + +#content .cly-list-options { cursor: pointer; color: #A7A7A7; font-size: 20px; vertical-align: middle; line-height: 12px; } + +#content .cly-list-options:hover { color: #6B6B6B; } + +#content .cly-list-options::before { font-family: 'Ionicons'; content: "\f396"; } + +.cly-button-menu-trigger.active { opacity: 0.8; } + +.cly-button-menu-trigger.active + .cly-button-menu,.cly-button-menu.active { opacity: 1; transition: opacity 0.2s; z-index: 2; } + +.cly-button-menu { padding: 10px 0; opacity: 0; transition: opacity 0.3s, z-index 0.9s; z-index: -1; position: absolute; background-color: #FFF; right: 0; top: 37px; border-radius: 2px; outline: none; border: 1px solid #D0D0D0; } + +.cly-button-menu .item { cursor: pointer; padding: 8px 20px; font-size: 13px; white-space: nowrap; color: #474747; display: block; } + +.cly-button-menu .item:hover { background-color: #F3F3F3; } + +.cly-button-menu::before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; top: -8px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; } + +.cly-button-menu::after { border: 5px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; right: 6px; top: -10px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1; } + +.cly-button-menu hr { display: block; height: 1px; border: 0; border-top: 1px solid #D0D0D0; margin: 8px; padding: 0; } + +.cly-button-menu .item .hint { padding-top: 8px; font-size: 12px; color: #8C8C8C; clear: both; line-height: 1.5; } + +.cly-button-menu.dark { background-color: #202020; color: #FFF; } + +.cly-button-menu.dark .item { color: #FFF; } + +.cly-button-menu.dark .item:hover { background-color: #171717; } + +.cly-button-menu.dark::before { border-bottom-color: #202020; } + +/* GRAPH NOTES */ + +.graph-key-event-label,.graph-note-label { z-index: 2; font-family: Oswald; cursor: pointer; width: 14px; height: 14px; line-height: 14px; text-align: center; background-color: #E66; color: #FFF; font-size: 8px; border-radius: 40px; font-weight: normal; opacity: 0.8; } + +.time-picker span { display: block; padding: 5px 10px 5px 5px; text-align: center; cursor: pointer; color: #777; } + +.time-picker span:hover { font-size: 16px; } + +.time-picker span.selected { font-weight: 500; font-size: 17px; } + +#graph-tooltip { pointer-events: none; padding: 4px 7px; overflow: hidden; border: 1px solid #3C3C3C; border-radius: 2px; background-color: rgba(60, 63, 64, 0.86); color: #FFF; font-size: 11px; display: none; position: absolute; z-index: 100; } + +#graph-tooltip.v2 { padding: 0; } + +#graph-tooltip > span { display: block; padding: 4px 7px; text-align: center; } + +#graph-tooltip .content { padding: 8px 10px; font-size: 12px; } -#graph-tooltip { pointer-events:none; padding:4px 7px; overflow:hidden; border:1px solid #3C3C3C; border-radius:2px; background-color:rgba(60, 63, 64, 0.86); color:#FFF; font-size:11px; display:none; position:absolute; z-index:100; } - #graph-tooltip.v2 { padding:0; } -#graph-tooltip>span { display: block; padding:4px 7px; text-align: center; } -#graph-tooltip .content { padding:8px 10px; font-size:12px; } #graph-tooltip .label-value { text-align: center; } -#graph-tooltip .separator { margin:5px 0; border-top:1px solid #222; border-bottom:1px solid #666; height:0; opacity:0.6; } -#graph-tooltip .note-line { padding:2px 10px; margin-bottom:5px; text-align:left; font-size:11px; color:#BBB; max-width: 200px; } -#graph-tooltip .note-line:first-child { border-top:1px solid #3C3C3C; } + +#graph-tooltip .separator { margin: 5px 0; border-top: 1px solid #222; border-bottom: 1px solid #666; height: 0; opacity: 0.6; } + +#graph-tooltip .note-line { padding: 2px 10px; margin-bottom: 5px; text-align: left; font-size: 11px; color: #BBB; max-width: 200px; } + +#graph-tooltip .note-line:first-child { border-top: 1px solid #3C3C3C; } + #graph-tooltip .note-line:last-child { } -#graph-tooltip-title { color:#CCC; border-bottom:1px solid #3C3C3C; font-size:10px; } - -#graph-tooltip.white { background-color: #FFF; border:1px solid #D0D0D0; color:#333; } - #graph-tooltip.white .title { text-align: center; padding:0px 5px 5px 5px; color:#636363; font-size:12px; } - #graph-tooltip.white .separator { border-top-color:#D0D0D0; border-bottom: none; opacity: 1; } - -#graph-tooltip .inner { margin:6px 0; padding:0 1px; overflow: hidden; color:#636363; font-size:12px; text-transform:uppercase; } -#graph-tooltip .inner .color { float:left; width:12px; height:12px; margin-right:10px; } -#graph-tooltip .inner .series { color:#636363; text-transform:uppercase; float:left; line-height:12px; font-size:12px; margin-right:20px; } -#graph-tooltip .inner .value { color:#636363; float:right; line-height:12px; font-size:12px; } - -.note-list .note { border-bottom:1px solid #EEE; width:100%; padding:7px 0; position:relative; } -.note-list .note .date { color:#999; font-size:11px; } -.note-list .note .content { margin-top:3px; max-width:220px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } -.note-list .note .delete-note { display:none; position:absolute; right:0; width:20px; height:20px; top:23px; } -.note-list .note .delete-note i { color:#D67678; cursor:pointer; } -.note-list .note .delete-note i:hover { color:#D63E40; } -.note-list .note:hover .delete-note { display:block; } - -.note-create .text-count-wrapper { margin-top:1px; font-size:11px; text-align: right; height:16px; color:#BBB; display: block; } + +#graph-tooltip-title { color: #CCC; border-bottom: 1px solid #3C3C3C; font-size: 10px; } + +#graph-tooltip.white { background-color: #FFF; border: 1px solid #D0D0D0; color: #333; } + +#graph-tooltip.white .title { text-align: center; padding: 0 5px 5px 5px; color: #636363; font-size: 12px; } + +#graph-tooltip.white .separator { border-top-color: #D0D0D0; border-bottom: none; opacity: 1; } + +#graph-tooltip .inner { margin: 6px 0; padding: 0 1px; overflow: hidden; color: #636363; font-size: 12px; text-transform: uppercase; } + +#graph-tooltip .inner .color { float: left; width: 12px; height: 12px; margin-right: 10px; } + +#graph-tooltip .inner .series { color: #636363; text-transform: uppercase; float: left; line-height: 12px; font-size: 12px; margin-right: 20px; } + +#graph-tooltip .inner .value { color: #636363; float: right; line-height: 12px; font-size: 12px; } + +.note-list .note { border-bottom: 1px solid #EEE; width: 100%; padding: 7px 0; position: relative; } + +.note-list .note .date { color: #999; font-size: 11px; } + +.note-list .note .content { margin-top: 3px; max-width: 220px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } + +.note-list .note .delete-note { display: none; position: absolute; right: 0; width: 20px; height: 20px; top: 23px; } + +.note-list .note .delete-note i { color: #D67678; cursor: pointer; } + +.note-list .note .delete-note i:hover { color: #D63E40; } + +.note-list .note:hover .delete-note { display: block; } + +.note-create .text-count-wrapper { margin-top: 1px; font-size: 11px; text-align: right; height: 16px; color: #BBB; display: block; } + /* GRAPH NOTES END */ /* DRAWER UI */ -.cly-drawer { position:fixed; width:450px; height:100%; right:0; transform: translateX(450px); transition:transform 0.3s; top:0; background-color: #f9f9f9; border-left:1px solid #d0d0d0; z-index: 10001; box-sizing:border-box; padding-top:58px; padding-bottom:120px } -.cly-drawer.open { transform: translateX(0); transition:transform 0.3s; } -.cly-drawer .buttons { position: absolute; right:0; width:410px; padding: 20px; bottom: 0; } -.cly-drawer .buttons .icon-button { float:none; font-size: 15px; text-align: center; padding: 12px; } -.cly-drawer .title { position: absolute; padding:20px; font-size: 20px; color:#636363; background-color: #FFF; width: 100%; top: 0px; box-sizing:border-box } -.cly-drawer .title .close { position: absolute; right:20px; top:9px; font-size: 42px; color:#9c9c9c; transition:color 1s; cursor: pointer; } -.cly-drawer .title .close:hover { color:#333; transition:color 1s; } -.cly-drawer .details { padding: 20px; height:100%; float:none; overflow-y:auto } + +.cly-drawer { position: fixed; width: 450px; height: 100%; right: 0; transform: translateX(450px); transition: transform 0.3s; top: 0; background-color: #F9F9F9; border-left: 1px solid #D0D0D0; z-index: 10001; box-sizing: border-box; padding-top: 58px; padding-bottom: 120px; } + +.cly-drawer.open { transform: translateX(0); transition: transform 0.3s; } + +.cly-drawer .buttons { position: absolute; right: 0; width: 410px; padding: 20px; bottom: 0; } + +.cly-drawer .buttons .icon-button { float: none; font-size: 15px; text-align: center; padding: 12px; } + +.cly-drawer .title { position: absolute; padding: 20px; font-size: 20px; color: #636363; background-color: #FFF; width: 100%; top: 0; box-sizing: border-box; } + +.cly-drawer .title .close { position: absolute; right: 20px; top: 9px; font-size: 42px; color: #9C9C9C; transition: color 1s; cursor: pointer; } + +.cly-drawer .title .close:hover { color: #333; transition: color 1s; } + +.cly-drawer .details { padding: 20px; height: 100%; float: none; overflow-y: auto; } + .cly-drawer .details .section { margin-bottom: 25px; } -.cly-drawer .details .section .label { font-size: 12px; margin-bottom: 8px; color:#636363; } -.cly-drawer .details .section > .description { font-size: 11px; margin-top: 4px; color: #9c9c9c; line-height: 17px; } -.cly-drawer .details .section .checks { border:1px solid #d0d0d0; border-radius: 2px; } -.cly-drawer .details .section .checks .check:first-child { border:none; } -.cly-drawer .details .section .checks .check { border-top:1px solid #d0d0d0; background-color: #ececec; overflow: auto; padding:8px; cursor: pointer; } + +.cly-drawer .details .section .label { font-size: 12px; margin-bottom: 8px; color: #636363; } + +.cly-drawer .details .section > .description { font-size: 11px; margin-top: 4px; color: #9C9C9C; line-height: 17px; } + +.cly-drawer .details .section .checks { border: 1px solid #D0D0D0; border-radius: 2px; } + +.cly-drawer .details .section .checks .check:first-child { border: none; } + +.cly-drawer .details .section .checks .check { border-top: 1px solid #D0D0D0; background-color: #ECECEC; overflow: auto; padding: 8px; cursor: pointer; } + .cly-drawer .details .section .checks .check.selected { background-color: #FFF; } -.cly-drawer .details .section .checks .check .box { border:1px solid #CCC; border-radius:15px; float:left; width:12px; height: 12px; margin-top:1px; position: relative; margin-right: 8px; cursor: pointer; } -.cly-drawer .details .section .checks .check.selected .box { box-shadow: inset 0 0 0 2px #FFF; background-color:#2eb52b; } -.cly-drawer .details .section .checks .check .text { float:left; font-size: 12px; margin-top: 1px; color: #6f6f6f; cursor: pointer; } -.cly-drawer .details .section .checks .check .description { float:left; font-size: 10px; margin-top: 3px; margin-left: 20px; color: #9c9c9c; } -.cly-drawer .details .section input[type=text].input { width: 100%; box-sizing: border-box; border-radius: 2px; border: 1px solid #d6d6d6; outline: none; padding: 7px; font-size: 12px; } -.cly-drawer .buttons { position: relative; background-color: #fff; border-top: 1px solid #ECECED; width: 100%; padding: 20px 20px; margin: 0; left: 0; right: 0; box-sizing: border-box; bottom: 0; } -.cly-drawer .buttons .icon-button { float:none; font-size: 15px; text-align: center; padding: 12px; margin:0; } -.cly-drawer .buttons .icon-button.disabled, .cly-drawer .icon-button.disabled { cursor: auto; } -.cly-drawer .panel { background-color: #ffffff; border: 1px solid #D0D0D0; font-size: 13px; border-radius: 2px; } + +.cly-drawer .details .section .checks .check .box { border: 1px solid #CCC; border-radius: 15px; float: left; width: 12px; height: 12px; margin-top: 1px; position: relative; margin-right: 8px; cursor: pointer; } + +.cly-drawer .details .section .checks .check.selected .box { box-shadow: inset 0 0 0 2px #FFF; background-color: #2EB52B; } + +.cly-drawer .details .section .checks .check .text { float: left; font-size: 12px; margin-top: 1px; color: #6F6F6F; cursor: pointer; } + +.cly-drawer .details .section .checks .check .description { float: left; font-size: 10px; margin-top: 3px; margin-left: 20px; color: #9C9C9C; } + +.cly-drawer .details .section input[type=text].input { width: 100%; box-sizing: border-box; border-radius: 2px; border: 1px solid #D6D6D6; outline: none; padding: 7px; font-size: 12px; } + +.cly-drawer .buttons { position: relative; background-color: #FFF; border-top: 1px solid #ECECED; width: 100%; padding: 20px 20px; margin: 0; left: 0; right: 0; box-sizing: border-box; bottom: 0; } + +.cly-drawer .buttons .icon-button { float: none; font-size: 15px; text-align: center; padding: 12px; margin: 0; } + +.cly-drawer .buttons .icon-button.disabled,.cly-drawer .icon-button.disabled { cursor: auto; } + +.cly-drawer .panel { background-color: #FFF; border: 1px solid #D0D0D0; font-size: 13px; border-radius: 2px; } + .cly-drawer .panel .panel-heading { padding: 8px 20px; background-color: #ECECEC; color: #636363; text-transform: uppercase; border-bottom: 1px solid #D0D0D0; font-weight: 500; } + .cly-drawer .panel .panel-body { padding: 20px; position: relative; } + /* DRAWER UI END */ /* MISC */ -#edit-account-details { display:none; } - #edit-account-details .title { float:left; width:100px; } - #edit-account-details .input { margin-left:105px; } -.tickLabel { color:#999; } - .xAxis .tickLabel { font-family:Oswald; overflow: hidden; text-overflow: ellipsis; max-width: 100px; max-height: 60px; white-space: pre-wrap; } - .yAxis .tickLabel { font-family:Oswald; text-align: right !important; font-size:11px; color:#CCC; z-index:-1; } -#no-app-warning { display:none; margin-left:187px; } -#first-app-success { display:none; margin-left:187px; margin-top:-5px; } -#add-app-button .text { overflow:hidden; text-overflow:clip; white-space:nowrap; max-width:60px; } -#listof-apps .icon-button { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:47px; } +#edit-account-details { display: none; } + +#edit-account-details .title { float: left; width: 100px; } + +#edit-account-details .input { margin-left: 105px; } + +.tickLabel { color: #999; } + +.xAxis .tickLabel { font-family: Oswald; overflow: hidden; text-overflow: ellipsis; max-width: 100px; max-height: 60px; white-space: pre-wrap; } + +.yAxis .tickLabel { font-family: Oswald; text-align: right !important; font-size: 11px; color: #CCC; z-index: -1; } + +#no-app-warning { display: none; margin-left: 187px; } + +#first-app-success { display: none; margin-left: 187px; margin-top: -5px; } + +#add-app-button .text { overflow: hidden; text-overflow: clip; white-space: nowrap; max-width: 60px; } + +#listof-apps .icon-button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 47px; } + +.item .beta-button { opacity: 0; transition: opacity 0.2s; background-color: #222; background-image: linear-gradient(top, #222 10%, #111 100%); background-image: linear-gradient(to bottom, #222 10%, #111 100%); border: 1px solid #000; color: #CCC; box-shadow: inset 0 1px 0 #333; float: right; margin-top: 7px; margin-right: 7px; font-size: 9px; border-radius: 10px; padding: 3px 5px; } + +.item.active .beta-button { opacity: 0.8; transition: opacity 0.2s; background-color: #D63E40; background-image: linear-gradient(top, #E95C6C 10%, #D63E40 100%); background-image: linear-gradient(to bottom, #E95C6C 10%, #D63E40 100%); border: 1px solid #AD0303; color: #FFF; box-shadow: inset 0 1px 0 #F196A0; } + +.item.active .beta-button:hover { opacity: 0.9; } -.item .beta-button { opacity:0; transition:opacity 0.2s; background-color:#222; background-image:linear-gradient(top, #222 10%, #111 100%); background-image:linear-gradient(to bottom, #222 10%, #111 100%); border:1px solid #000; color:#CCC; box-shadow:inset 0 1px 0 #333; float:right; margin-top:7px; margin-right:7px; font-size:9px; border-radius:10px; padding:3px 5px; } -.item.active .beta-button { opacity:0.8; transition:opacity 0.2s; background-color:#D63E40; background-image:linear-gradient(top, #E95C6C 10%, #D63E40 100%); background-image:linear-gradient(to bottom, #E95C6C 10%, #D63E40 100%); border:1px solid #AD0303; color:#FFF; box-shadow:inset 0 1px 0 #F196A0; } -.item.active .beta-button:hover { opacity:0.9; } +#total-user-estimate-ind { vertical-align: text-top; font-size: 9px; margin-left: -7px; } -#total-user-estimate-ind { vertical-align:text-top; font-size:9px; margin-left:-7px; } -#total-user-estimate-ind:hover { color:#6BB96E; } +#total-user-estimate-ind:hover { color: #6BB96E; } -.rotated-tick { margin-top:-16px; font:normal 17px Oswald; } +.rotated-tick { margin-top: -16px; font: normal 17px Oswald; } .messenger-message-inner { line-height: 17px; } + .messenger-message-inner a { text-decoration: underline; } -.owner-indicator {font-size:16px; margin-left:9px; padding-top:11px; float:left; display:none; } -.resource-link {cursor:pointer;} -.popup-link { float:left; font-family:Ubuntu; font-size:13px; color:#999; padding-top:7px; cursor:pointer; } +.owner-indicator { font-size: 16px; margin-left: 9px; padding-top: 11px; float: left; display: none; } + +.resource-link { cursor: pointer; } + +.popup-link { float: left; font-family: Ubuntu; font-size: 13px; color: #999; padding-top: 7px; cursor: pointer; } + .popup-link:hover { text-decoration: underline; } -.required-border { border-color:#B94A48 !important; } - -.options {display: none; background-color:#FFF; position: absolute; top:52px; right: 62px; list-style: none; margin:0; padding:10px 0; border-radius:2px; border:1px solid #D0D0D0; } -.options:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; right: 9px; top: -13px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } -.options:after { border: 5px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 10px; top: -10px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } -.options li { font:13px Ubuntu,Helvetica,sans-serif; color: #474747; padding: 8px 20px; cursor:pointer; } -.options li:hover{ background-color: #D63E40; color:#FFF; } -.options li:hover span.li-explanation { color: #f7f7f7; } -.options li span { line-height:23px; } -.options li span.li-explanation{ color:#828282; display:block; font-size: 11px;} - -.web-10{width: 10%;} -.web-15{width: 15%;} -.web-20{width: 20%;} -.web-25{width: 25%;} -.web-30{width: 30%;} -.web-35{width: 35%;} -.web-40{width: 40%;} -.web-45{width: 45%;} -.web-50{width: 50%;} +.required-border { border-color: #B94A48 !important; } + +.options { display: none; background-color: #FFF; position: absolute; top: 52px; right: 62px; list-style: none; margin: 0; padding: 10px 0; border-radius: 2px; border: 1px solid #D0D0D0; } + +.options::before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; right: 9px; top: -13px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } + +.options::after { border: 5px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 10px; top: -10px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } + +.options li { font: 13px Ubuntu, Helvetica, sans-serif; color: #474747; padding: 8px 20px; cursor: pointer; } + +.options li:hover { background-color: #D63E40; color: #FFF; } + +.options li:hover span.li-explanation { color: #F7F7F7; } + +.options li span { line-height: 23px; } + +.options li span.li-explanation { color: #828282; display: block; font-size: 11px; } + +.web-10 { width: 10%; } + +.web-15 { width: 15%; } + +.web-20 { width: 20%; } + +.web-25 { width: 25%; } + +.web-30 { width: 30%; } + +.web-35 { width: 35%; } + +.web-40 { width: 40%; } + +.web-45 { width: 45%; } + +.web-50 { width: 50%; } /* ALL APPS */ -.allapps .dataTable-top {border-radius: 0;} -.allapps .logo{width: 20px; height: 20px; background-size: 20px 20px; float: left; margin-right: 10px; margin-top: -2px; background-position: center; border-radius: 4px; border: 1px solid #555;} -.allapps .trend { width:12px; height:9px; display: inline-block; margin-top: 5px; margin-right: 5px;} -.allapps tbody tr {cursor: pointer;} -.allappview .widget-content .big-numbers .inner{height: 30px;} -.allappview .widget-footer{border-radius: 0;} -.allappview #empty-graph { position: absolute; text-align: center; font-size: 15px; width:100%; top:50%; margin-top: -20px; display: none; height: 20px; line-height: 20px; text-shadow: none; color: #B3B3B3; } -.allapps div.color{ width: 10px; height: 10px; float: left; margin: 1px 10px 0 0; } + +.allapps .dataTable-top { border-radius: 0; } + +.allapps .logo { width: 20px; height: 20px; background-size: 20px 20px; float: left; margin-right: 10px; margin-top: -2px; background-position: center; border-radius: 4px; border: 1px solid #555; } + +.allapps .trend { width: 12px; height: 9px; display: inline-block; margin-top: 5px; margin-right: 5px; } + +.allapps tbody tr { cursor: pointer; } + +.allappview .widget-content .big-numbers .inner { height: 30px; } + +.allappview .widget-footer { border-radius: 0; } + +.allappview #empty-graph { position: absolute; text-align: center; font-size: 15px; width: 100%; top: 50%; margin-top: -20px; display: none; height: 20px; line-height: 20px; text-shadow: none; color: #B3B3B3; } + +.allapps div.color { width: 10px; height: 10px; float: left; margin: 1px 10px 0 0; } + .allapps .material-icons { font-size: 16px; vertical-align: middle; margin-right: 10px; line-height: 6px; height: 8px; } -.allapps .material-icons.up { color:#6BB96E; } -.allapps .material-icons.down { color:#C94C4C; } + +.allapps .material-icons.up { color: #6BB96E; } + +.allapps .material-icons.down { color: #C94C4C; } /* Styles for horizontal d3 bar charts */ -.hsb-container { margin:20px 30px; position:relative; } -.hsb-container.top { margin-bottom:30px; } -.hsb-container .label { text-align:left; font-size: 12px; margin-bottom: 3px; color:#777; } + +.hsb-container { margin: 20px 30px; position: relative; } + +.hsb-container.top { margin-bottom: 30px; } + +.hsb-container .label { text-align: left; font-size: 12px; margin-bottom: 3px; color: #777; } + .hsb-container text { fill: #FFF; font: 10px sans-serif; text-anchor: initial; } -.hsb-tip { background-color: transparent; text-align: center; padding:9px 0; color:transparent; font-size:11px; cursor: default; overflow: hidden; } -.hsb-tip:hover { color:#FFF; } + +.hsb-tip { background-color: transparent; text-align: center; padding: 9px 0; color: transparent; font-size: 11px; cursor: default; overflow: hidden; } + +.hsb-tip:hover { color: #FFF; } + .hsb-container foreignobject:hover + text { display: none; } -.hsb-container .no-data { color:#C5C5C5; text-align: center; font-size: 11px; padding:9px 0; user-select:none; cursor: default; } + +.hsb-container .no-data { color: #C5C5C5; text-align: center; font-size: 11px; padding: 9px 0; user-select: none; cursor: default; } /* Styles tabs */ -.ui-tabs .ui-tabs-nav li { width:50%; margin:0; padding:0; background-color: #f8f8f8; border-radius:0; } -.ui-tabs .ui-tabs-nav li a { display: block; float:none; padding:12px 0 15px 0; font-size:13px; font-family: Ubuntu; text-transform: uppercase; color:#636363; } -.ui-tabs.ui-widget-content .ui-tabs-nav > .ui-state-default { border:none; background-image: none; padding:0; border-top: 3px solid #f8f8f8; } -.ui-tabs.ui-widget-content .ui-tabs-nav > li.ui-tabs-active { background-color: white; border-top: 3px solid #19cc63; border-bottom:1px solid #FFF !important; } -.ui-tabs .ui-tabs-nav li.ui-tabs-active a { cursor:default; } -.ui-tabs .ui-tabs-nav { height: auto; background-image: none; background-color: transparent; border: none; padding: 0; margin: 0; border-radius: 0; margin-top:-1px; } -.ui-tabs { border-radius:0; border:none; } -.ui-tabs .ui-tabs-nav li { border-bottom:1px solid #eaeaea !important; } - -.back-link, -.back-link:visited { cursor:pointer; margin-bottom: 16px; color:#616161; font-size:12px; display: inline-block; text-transform: uppercase; } -.back-link:before { content: "←"; margin-right: 5px; color:#616161; } + +.ui-tabs .ui-tabs-nav li { width: 50%; margin: 0; padding: 0; background-color: #F8F8F8; border-radius: 0; } + +.ui-tabs .ui-tabs-nav li a { display: block; float: none; padding: 12px 0 15px 0; font-size: 13px; font-family: Ubuntu; text-transform: uppercase; color: #636363; } + +.ui-tabs.ui-widget-content .ui-tabs-nav > .ui-state-default { border: none; background-image: none; padding: 0; border-top: 3px solid #F8F8F8; } + +.ui-tabs.ui-widget-content .ui-tabs-nav > li.ui-tabs-active { background-color: white; border-top: 3px solid #19CC63; border-bottom: 1px solid #FFF !important; } + +.ui-tabs .ui-tabs-nav li.ui-tabs-active a { cursor: default; } + +.ui-tabs .ui-tabs-nav { height: auto; background-image: none; background-color: transparent; border: none; padding: 0; margin: 0; border-radius: 0; margin-top: -1px; } + +.ui-tabs { border-radius: 0; border: none; } + +.ui-tabs .ui-tabs-nav li { border-bottom: 1px solid #EAEAEA !important; } + +.back-link,.back-link:visited { cursor: pointer; margin-bottom: 16px; color: #616161; font-size: 12px; display: inline-block; text-transform: uppercase; } + +.back-link::before { content: "←"; margin-right: 5px; color: #616161; } + .back-link:hover span { text-decoration: underline; } /* Styles for nested tables */ -td.details, -td.details:hover { position:relative; border-bottom:1px solid #d0d0d0; padding:15px; background-color:#FFF; cursor:default; } -td.details:hover, -td.details tr:hover { } -td.details table { border-spacing: 0; border: 1px solid #e8e8e8; width:100%; } -td.details table tr, -td.details table tr:hover { background-color:#FFF !important; cursor:default; line-height:20px; } -td.details table tr:first-child, -td.details table tr:first-child:hover { background-color:#F3F3F3 !important; line-height:12px; } -td.details table tr:first-child td, -td.details table tr:first-child th { border:none; font-family:Ubuntu; font-size:11px; cursor:default; } -td.details table td { padding:5px 10px; border-top: 1px solid #e8e8e8; } -td.details:before { border: 8px solid rgba(194, 225, 245, 0); border-top-color: #FFE4C9; left: 20px; top: 0px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } - -.graph-description { background-color: #f9f9f9; padding: 10px 14px; color: #868686; font-size: 13px; border: 1px solid #d0d0d0; border-bottom-color: #e9e9e9; overflow:auto; } -.graph-description + .widget-content { border-top:none; } - -.nav-search { background-color: #fbfbfb; position:relative; border-bottom: 1px solid #d0d0d0; } -.nav-search i { position: absolute; top: 11px; right: 13px; color: #d2d2d2; font-size: 10px; } -.nav-search input { outline: none; font-size: 13px; border: none; padding: 8px 10px; margin-right: 1px; width: 158px; background-color: #fbfbfb; color: #6b6b6b; } - -.table-link { color:#2FA732; text-decoration: underline; cursor: pointer; text-transform: lowercase; } -.table-link-user { color:#2FA732; text-decoration: underline; cursor: pointer;} -.table-link.green, .table-link-user.green { color:#2FA732; } -.table-link.red { color:#D63E40; } -.table-link.external { float: right; margin-right: 10px} -.extable-link i { font-size:13px !important; line-height: 18px !important;} -.extable-link { float: right; margin-right:5%;} - -.check-green { color:#9e9e9e; font-size:16px;} -.check-green:hover { color:inherit; } -.check-green.fa-square-o { color:#9e9e9e; } -.check-green.fa-check-square { color:#2FA732; } - -.grouped-numbers .inner { padding:0; margin-left:8px; margin-right:8px; } -.grouped-numbers .item:first-child .inner { margin-right:8px; margin-left:0; } -.grouped-numbers .item:last-child .inner { margin-right:0; margin-left:8px; } -.grouped-numbers table td { padding:5px 10px; text-align: center; color:#666; } -.grouped-numbers table tr:first-child td { background-color: #ECECEC; border-bottom:1px solid #D0D0D0; color:#9c9c9c; padding:6px 10px; padding-bottom: 3px; } + +td.details,td.details:hover { position: relative; border-bottom: 1px solid #D0D0D0; padding: 15px; background-color: #FFF; cursor: default; } + +td.details:hover,td.details tr:hover { } + +td.details table { border-spacing: 0; border: 1px solid #E8E8E8; width: 100%; } + +td.details table tr,td.details table tr:hover { background-color: #FFF !important; cursor: default; line-height: 20px; } + +td.details table tr:first-child,td.details table tr:first-child:hover { background-color: #F3F3F3 !important; line-height: 12px; } + +td.details table tr:first-child td,td.details table tr:first-child th { border: none; font-family: Ubuntu; font-size: 11px; cursor: default; } + +td.details table td { padding: 5px 10px; border-top: 1px solid #E8E8E8; } + +td.details::before { border: 8px solid rgba(194, 225, 245, 0); border-top-color: #FFE4C9; left: 20px; top: 0; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } + +.graph-description { background-color: #F9F9F9; padding: 10px 14px; color: #868686; font-size: 13px; border: 1px solid #D0D0D0; border-bottom-color: #E9E9E9; overflow: auto; } + +.graph-description + .widget-content { border-top: none; } + +.nav-search { background-color: #FBFBFB; position: relative; border-bottom: 1px solid #D0D0D0; } + +.nav-search i { position: absolute; top: 11px; right: 13px; color: #D2D2D2; font-size: 10px; } + +.nav-search input { outline: none; font-size: 13px; border: none; padding: 8px 10px; margin-right: 1px; width: 158px; background-color: #FBFBFB; color: #6B6B6B; } + +.table-link { color: #2FA732; text-decoration: underline; cursor: pointer; text-transform: lowercase; } + +.table-link-user { color: #2FA732; text-decoration: underline; cursor: pointer; } + +.table-link.green,.table-link-user.green { color: #2FA732; } + +.table-link.red { color: #D63E40; } + +.table-link.external { float: right; margin-right: 10px; } + +.extable-link i { font-size: 13px !important; line-height: 18px !important; } + +.extable-link { float: right; margin-right: 5%; } + +.check-green { color: #9E9E9E; font-size: 16px; } + +.check-green:hover { color: inherit; } + +.check-green.fa-square-o { color: #9E9E9E; } + +.check-green.fa-check-square { color: #2FA732; } + +.grouped-numbers .inner { padding: 0; margin-left: 8px; margin-right: 8px; } + +.grouped-numbers .item:first-child .inner { margin-right: 8px; margin-left: 0; } + +.grouped-numbers .item:last-child .inner { margin-right: 0; margin-left: 8px; } + +.grouped-numbers table td { padding: 5px 10px; text-align: center; color: #666; } + +.grouped-numbers table tr:first-child td { background-color: #ECECEC; border-bottom: 1px solid #D0D0D0; color: #9C9C9C; padding: 6px 10px; padding-bottom: 3px; } + .grouped-numbers table tr:nth-child(2) td { font-size: 25px; } -.grouped-numbers table tr:nth-child(3) td { border-top: 1px solid #eaeaea; width: 50%; } -.grouped-numbers div:first-child {border-left: none;} -.grouped-numbers table {width: 100%; border-spacing: 1px; border-collapse: separate;} -.grouped-numbers table td span { font-size: 14px; display: block; color:#b1b1b1; } -.grouped-numbers table td { font-size: 18px;} + +.grouped-numbers table tr:nth-child(3) td { border-top: 1px solid #EAEAEA; width: 50%; } + +.grouped-numbers div:first-child { border-left: none; } + +.grouped-numbers table { width: 100%; border-spacing: 1px; border-collapse: separate; } + +.grouped-numbers table td span { font-size: 14px; display: block; color: #B1B1B1; } + +.grouped-numbers table td { font-size: 18px; } + .grouped-numbers table td.range-main { text-transform: uppercase; } + .grouped-numbers table td.range-main i { font-size: 22px; } + .grouped-numbers table td.range-main span { display: inline-block; padding-top: 0; vertical-align: text-top; margin-left: 3px; font-size: 15px; color: #848484; } -#clear-app-data .up, -#clear-app-data .down { display: inline-block; margin-left: 7px; opacity: 0.8; font-size: 10px; line-height: 12px; } +#clear-app-data .up,#clear-app-data .down { display: inline-block; margin-left: 7px; opacity: 0.8; font-size: 10px; line-height: 12px; } + #clear-app-data .up { display: none; } + #clear-app-data.active .up { display: inline-block; } + #clear-app-data.active .down { display: none; } -.status-color {white-space:nowrap;} +.status-color { white-space: nowrap; } + .status-color i { margin-right: 5px; font-size: 9px; vertical-align: bottom; margin-bottom: 3px; } /* Syntax highlighting - Highlight.js GoogleCode theme */ -.hljs{display:block;overflow-x:auto;background:#fff;color:#000} -.hljs-comment,.hljs-quote{color:#800} -.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-title,.hljs-name{color:#008} -.hljs-variable,.hljs-template-variable{color:#660} -.hljs-string,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-regexp{color:#080} -.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-meta,.hljs-number,.hljs-link{color:#066} -.hljs-title,.hljs-doctag,.hljs-type,.hljs-attr,.hljs-built_in,.hljs-builtin-name,.hljs-params{color:#606} -.hljs-attribute,.hljs-subst{color:#000} -.hljs-formula{background-color:#eee;font-style:italic} -.hljs-selector-id,.hljs-selector-class{color:#9B703F} -.hljs-addition{background-color:#baeeba} -.hljs-deletion{background-color:#ffc8bd} -.hljs-doctag,.hljs-strong{font-weight:bold} -.hljs-emphasis{font-style:italic} + +.hljs { display: block; overflow-x: auto; background: #FFF; color: #000; } + +.hljs-comment,.hljs-quote { color: #800; } + +.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-title,.hljs-name { color: #008; } + +.hljs-variable,.hljs-template-variable { color: #660; } + +.hljs-string,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-regexp { color: #080; } + +.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-meta,.hljs-number,.hljs-link { color: #066; } + +.hljs-title,.hljs-doctag,.hljs-type,.hljs-attr,.hljs-built_in,.hljs-builtin-name,.hljs-params { color: #606; } + +.hljs-attribute,.hljs-subst { color: #000; } + +.hljs-formula { background-color: #EEE; font-style: italic; } + +.hljs-selector-id,.hljs-selector-class { color: #9B703F; } + +.hljs-addition { background-color: #BAEEBA; } + +.hljs-deletion { background-color: #FFC8BD; } + +.hljs-doctag,.hljs-strong { font-weight: bold; } + +.hljs-emphasis { font-style: italic; } + /* End of syntax highlighting - Highlight.js GoogleCode theme */ /* Custom on-off switch based on input checkbox */ + .on-off-switch { position: relative; - -webkit-user-select:none; - -moz-user-select:none; + -webkit-user-select: none; + -moz-user-select: none; -ms-user-select: none; text-align: left; white-space: nowrap; vertical-align: middle; } + .on-off-switch.disabled { opacity: 0.6; } + .on-off-switch.disabled .on-off-switch-label { cursor: default; } + .on-off-switch-checkbox { display: none; } + .on-off-switch-label { display: inline-block; overflow: hidden; @@ -1614,39 +2636,61 @@ td.details:before { border: 8px solid rgba(194, 225, 245, 0); border-top-color: padding: 0; line-height: 26px; border-radius: 24px; - background-color: #d0d0d0; + background-color: #D0D0D0; transition: background-color 0.3s ease-in; width: 32px; vertical-align: bottom; } -.on-off-switch-label:before { + +.on-off-switch-label::before { content: ""; display: block; width: 12px; height: 12px; margin: 3px 0 0 0; - background: #FFFFFF; + background: #FFF; position: absolute; top: 0; bottom: 0; left: 3px; border-radius: 24px; transition: all 0.3s ease-in 0s; - box-shadow: 0 1px 1px 0 #8e8e8e; + box-shadow: 0 1px 1px 0 #8E8E8E; } + .on-off-switch-checkbox:checked + .on-off-switch-label { background-color: #2EB52B; } -.on-off-switch-checkbox:checked + .on-off-switch-label, -.on-off-switch-checkbox:checked + .on-off-switch-label:before { } -.on-off-switch-checkbox:checked + .on-off-switch-label:before { left: 17px; box-shadow: 0 1px 1px 0 #157313; } -.on-off-switch .text { display: inline-block; opacity:1; font-size: 12px; color: #d0d0d0; vertical-align: top; margin-top: 3px; margin-left: 8px; line-height: 12px; } -.on-off-switch input:checked + label + .text { opacity:0; } + +.on-off-switch-checkbox:checked + .on-off-switch-label,.on-off-switch-checkbox:checked + .on-off-switch-label::before { } + +.on-off-switch-checkbox:checked + .on-off-switch-label::before { left: 17px; box-shadow: 0 1px 1px 0 #157313; } + +.on-off-switch .text { display: inline-block; opacity: 1; font-size: 12px; color: #D0D0D0; vertical-align: top; margin-top: 3px; margin-left: 8px; line-height: 12px; } + +.on-off-switch input:checked + label + .text { opacity: 0; } + /* End of custom on-off switch based on input checkbox */ -/*Custom green checkbox for input forms */ -input.custom-styled-green-check{height: 16px; width: 16px; vertical-align: middle; margin: .2em 0.4em 0.4em 0; border: 1px solid #DFE3E9; background-color: #FFFFFF; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; -webkit-transition: box-shadow 200ms;transition: 200ms ease-in-out;padding: initial;box-sizing: border-box; +/* Custom green checkbox for input forms */ + +input.custom-styled-green-check { + height: 16px; + width: 16px; + vertical-align: middle; + margin: 0.2em 0.4em 0.4em 0; + border: 1px solid #DFE3E9; + background-color: #FFF; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-appearance: none; + -webkit-transition: box-shadow 200ms; + transition: 200ms ease-in-out; + padding: initial; + box-sizing: border-box; } -input.custom-styled-green-check:active,input.custom-styled-green-check:focus {border: 1px solid #DFE3E9;outline:none;} -input.custom-styled-green-check:checked:before{ + +input.custom-styled-green-check:active,input.custom-styled-green-check:focus { border: 1px solid #DFE3E9; outline: none; } + +input.custom-styled-green-check:checked::before { content: ''; display: block; width: 3px; @@ -1658,104 +2702,170 @@ input.custom-styled-green-check:checked:before{ margin-left: 4px; margin-top: 2px; } -input.custom-styled-green-check:checked {border-color: #C2C2C2;} -/* end of Custom green checkbox for input forms*/ +input.custom-styled-green-check:checked { border-color: #C2C2C2; } + +/* end of Custom green checkbox for input forms */ + .cly-grid-1 { width: 100%; } + .cly-grid-2 { width: 50%; } + .cly-grid-3 { width: 33%; } + .cly-grid-3:nth-child(2) { width: 34%; } + .cly-grid-4 { width: 25%; } + .cly-grid-5 { width: 20%; } + .cly-grid-6 { width: 17%; } + .cly-grid-6:first-child { width: 16%; } + .cly-grid-6:last-child { width: 16%; } + .cly-grid-7 { width: 14%; } + .cly-grid-7:first-child { width: 15%; } + .cly-grid-7:last-child { width: 15%; } + .cly-grid-8 { width: 12.5%; } -#top-bar { height: 59px; min-width:1024px; background-color: #FFF; user-select: none; position: fixed; width:100%; z-index: 9999; box-shadow: inset 0 -1px 0 0 #E7E7E7; } -#top-bar .logo-container { padding: 14px 39px 13px 40px; float:left; } +#top-bar { height: 59px; min-width: 1024px; background-color: #FFF; user-select: none; position: fixed; width: 100%; z-index: 9999; box-shadow: inset 0 -1px 0 0 #E7E7E7; } + +#top-bar .logo-container { padding: 14px 39px 13px 40px; float: left; } + #top-bar .logo { background-image: url("../images/dashboard/countly_logo.svg"); width: 144px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: contain; } -#top-bar .right-menu { float:left; font-size: 18px; margin-right: 15px; } -#top-bar .right-menu { float:right; font-size: 18px; margin-right: 15px; } +#top-bar .right-menu { float: left; font-size: 18px; margin-right: 15px; } + +#top-bar .right-menu { float: right; font-size: 18px; margin-right: 15px; } + +#top-bar .dropdown { display: none; width: 25px; text-align: center; position: relative; cursor: pointer; float: left; padding: 21px 10px; } + +#top-bar .dropdown.bordered { border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; } -#top-bar .dropdown { display: none; width: 25px; text-align: center; position: relative; cursor: pointer; float:left; padding: 21px 10px; } -#top-bar .dropdown.bordered { border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7; } #top-bar .dropdown.large { width: 180px; padding: 21px 25px; } -#top-bar .dropdown.active { box-shadow: inset 0 1px 0 0 #2fa732; } + +#top-bar .dropdown.active { box-shadow: inset 0 1px 0 0 #2FA732; } + #top-bar .dropdown.active .selected { display: block; } + #top-bar .dropdown.active .empty-state { display: none; } + #top-bar .dropdown.active.no-selection .selected { display: none; } + #top-bar .dropdown.active.no-selection .empty-state { display: block; } -#top-bar .dropdown .selected, -#top-bar .dropdown .empty-state { font-size: 14px; color:#474747; } -#top-bar .dropdown.icon .selected, -#top-bar .dropdown.icon .empty-state { color:#7d7d7d; } -#top-bar .dropdown.icon:hover .selected, -#top-bar .dropdown.icon:hover .empty-state { color:#616161; } -#top-bar .dropdown.icon.clicked .selected, -#top-bar .dropdown.icon.clicked .empty-state, -#top-bar .dropdown.icon.force-clicked .selected, -#top-bar .dropdown.icon.force-clicked .empty-state { color:#2fa732; } + +#top-bar .dropdown .selected,#top-bar .dropdown .empty-state { font-size: 14px; color: #474747; } + +#top-bar .dropdown.icon .selected,#top-bar .dropdown.icon .empty-state { color: #7D7D7D; } + +#top-bar .dropdown.icon:hover .selected,#top-bar .dropdown.icon:hover .empty-state { color: #616161; } + +#top-bar .dropdown.icon.clicked .selected,#top-bar .dropdown.icon.clicked .empty-state,#top-bar .dropdown.icon.force-clicked .selected,#top-bar .dropdown.icon.force-clicked .empty-state { color: #2FA732; } + #top-bar .dropdown .selected { display: none; } + #top-bar .dropdown .empty-state { display: block; } -#top-bar .dropdown .selected i, -#top-bar .dropdown .empty-state i { font-size: 18px; line-height: 18px; vertical-align: top; margin-top: -1px; display: inline-block; } + +#top-bar .dropdown .selected i,#top-bar .dropdown .empty-state i { font-size: 18px; line-height: 18px; vertical-align: top; margin-top: -1px; display: inline-block; } + #top-bar .dropdown .empty-state i.fa { font-size: 16px; line-height: 18px; vertical-align: top; margin-top: -1px; display: inline-block; } -#top-bar .dropdown.large .selected:after, -#top-bar .dropdown.large .empty-state:after { font-family: 'Ionicons'; content: "\f3d0"; margin-left: 10px; font-size: 10px; line-height: 16px; vertical-align: top; } -#top-bar .dropdown.large.clicked .selected:after, -#top-bar .dropdown.large.clicked .empty-state:after, -#top-bar .dropdown.large.force-clicked .selected:after, -#top-bar .dropdown.large.force-clicked .empty-state:after { content: "\f3d8"; color:#2fa732; } -#top-bar .dropdown .menu { box-shadow: 0 3px 7px rgba(0,0,0,.08); border: 1px solid #d0d0d0; color:#474747; opacity: 0; cursor:default; position: absolute; top:67px; left: 50%; width: 280px; margin-left:-140px; background-color: #FFF; border-radius: 2px; visibility: hidden; } -#top-bar .dropdown.clicked .menu, -#top-bar .dropdown.force-clicked .menu { opacity: 1; transition:opacity 0.3s, visibility 0.3s; visibility: visible; } -#top-bar .dropdown .menu:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; left: 50%; margin-left: -6px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; } -#top-bar .dropdown .menu:after { border: 7px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; left: 50%; margin-left: -7px; top: -15px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1; } -#top-bar .dropdown .menu .action { cursor: pointer; padding: 10px; padding-bottom: 13px; border-bottom: 1px solid #d0d0d0; font-size: 13px; text-align: center; } -#top-bar .dropdown .menu .action:hover { background-color: #f3f3f3; } -#top-bar .dropdown .menu .action .icon { color:#2fa732; margin-right: 5px; font-size: 19px; display: inline-block; vertical-align: bottom; margin-bottom: -6px; } + +#top-bar .dropdown.large .selected::after,#top-bar .dropdown.large .empty-state::after { font-family: 'Ionicons'; content: "\f3d0"; margin-left: 10px; font-size: 10px; line-height: 16px; vertical-align: top; } + +#top-bar .dropdown.large.clicked .selected::after,#top-bar .dropdown.large.clicked .empty-state::after,#top-bar .dropdown.large.force-clicked .selected::after,#top-bar .dropdown.large.force-clicked .empty-state::after { content: "\f3d8"; color: #2FA732; } + +#top-bar .dropdown .menu { box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08); border: 1px solid #D0D0D0; color: #474747; opacity: 0; cursor: default; position: absolute; top: 67px; left: 50%; width: 280px; margin-left: -140px; background-color: #FFF; border-radius: 2px; visibility: hidden; } + +#top-bar .dropdown.clicked .menu,#top-bar .dropdown.force-clicked .menu { opacity: 1; transition: opacity 0.3s, visibility 0.3s; visibility: visible; } + +#top-bar .dropdown .menu::before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; left: 50%; margin-left: -6px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; } + +#top-bar .dropdown .menu::after { border: 7px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; left: 50%; margin-left: -7px; top: -15px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1; } + +#top-bar .dropdown .menu .action { cursor: pointer; padding: 10px; padding-bottom: 13px; border-bottom: 1px solid #D0D0D0; font-size: 13px; text-align: center; } + +#top-bar .dropdown .menu .action:hover { background-color: #F3F3F3; } + +#top-bar .dropdown .menu .action .icon { color: #2FA732; margin-right: 5px; font-size: 19px; display: inline-block; vertical-align: bottom; margin-bottom: -6px; } + #top-bar .dropdown .menu .search { position: relative; } -#top-bar .dropdown .menu .search:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f002"; position: absolute; top: 11px; font-size: 11px; color: #cacaca; right: 10px; } + +#top-bar .dropdown .menu .search::after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f002"; position: absolute; top: 11px; font-size: 11px; color: #CACACA; right: 10px; } + #top-bar .dropdown .menu .search input { width: 100%; box-sizing: border-box; position: relative; padding-right: 32px; margin: 0; } + #top-bar .dropdown .menu .list { max-height: 350px; overflow: auto; } -#top-bar .dropdown .menu .list .item { display: block; cursor: pointer; border-bottom: 1px solid #d0d0d0; text-align: left; padding:10px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -#top-bar .dropdown .menu .list #user-menu .item div{ display:inline; } + +#top-bar .dropdown .menu .list .item { display: block; cursor: pointer; border-bottom: 1px solid #D0D0D0; text-align: left; padding: 10px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + +#top-bar .dropdown .menu .list #user-menu .item div { display: inline; } + #top-bar .dropdown .menu .list .item:last-child { border-bottom: none; } -#top-bar .dropdown .menu .list .item:hover { background-color: #f3f3f3; } -#top-bar .dropdown .menu .list .item .icon { margin-right: 5px; color: #8e8e8e; width: 15px; display: inline-block; text-align: center; font-size: 15px; line-height: 15px; vertical-align: top; } -#top-bar .dropdown .menu.dark { background-color:#202020; color:#FFF; } + +#top-bar .dropdown .menu .list .item:hover { background-color: #F3F3F3; } + +#top-bar .dropdown .menu .list .item .icon { margin-right: 5px; color: #8E8E8E; width: 15px; display: inline-block; text-align: center; font-size: 15px; line-height: 15px; vertical-align: top; } + +#top-bar .dropdown .menu.dark { background-color: #202020; color: #FFF; } + #top-bar .dropdown .menu.dark .list .item { border-bottom: 1px solid #2A2A2A; } -#top-bar .dropdown .menu.dark .list .item:hover { background-color:#171717; } -#top-bar .dropdown .menu.dark:before { border-bottom-color:#202020; } -#top-bar .dropdown .menu.dark .nav-search input { background-color: #171717; color:#FFF; } -#top-bar .dropdown .menu.dark .search:after { color:#525252; } -#top-bar .dropdown .menu.dark .nav-search { box-shadow:inset -1px 0 0 0 #000; border-bottom-color:#2A2A2A; } -#top-bar .dropdown .menu.dark .create { border-bottom-color:#2A2A2A; } -#top-bar .dropdown .menu.dark .create:hover { background-color:#171717; } -#top-bar .dropdown .menu.right { right:0; transform: none; left: auto; } -#top-bar .dropdown .menu.right:before { left:auto; right: 15px; } -#top-bar .dropdown .menu.right:after { left:auto; right:14px; } -#top-bar .dropdown.large .menu.right:before { right:115px; } -#top-bar .dropdown .item_info { color: #969696; display: block; cursor: pointer; border-bottom: 1px solid #d0d0d0; text-align: left; padding:10px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default;} -#top-bar .dropdown .sub_info { font-weight: normal; color: #808080;} -#top-bar .dropdown .item_info .user_name div:first-child { color: #676464;font-weight: 500;font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -#top-bar .dropdown .item_info .user_name div:last-child { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -#top-bar .dropdown .item_info .api_key { margin-top: 10px;} -#top-bar .dropdown .item_info .api_key div:first-child { color: #676464; font-size: 11px; text-transform: uppercase;font-weight: 500;} -#user_api_key_item input {width:100%; border:none; color: #969696; font-size: 10px; font-family: Ubuntu,Helvetica,sans-serif; cursor:pointer;} -#user_api_key_item input::selection {background: #2EB52B;color:white;} -#user_api_key_item input::-moz-selection {background: #2FA732;color:#ffffff;} -#manage-menu {background-color:#0B131A; color: #FFF;} -#top-bar .dropdown .menu #manage-menu.list .item{border: none; background-image: none; padding-top: 5px; padding-bottom: 5px; width: 180px;} -#top-bar .dropdown .menu #manage-menu.list .item:hover {background-color:#0B131A;} + +#top-bar .dropdown .menu.dark .list .item:hover { background-color: #171717; } + +#top-bar .dropdown .menu.dark::before { border-bottom-color: #202020; } + +#top-bar .dropdown .menu.dark .nav-search input { background-color: #171717; color: #FFF; } + +#top-bar .dropdown .menu.dark .search::after { color: #525252; } + +#top-bar .dropdown .menu.dark .nav-search { box-shadow: inset -1px 0 0 0 #000; border-bottom-color: #2A2A2A; } + +#top-bar .dropdown .menu.dark .create { border-bottom-color: #2A2A2A; } + +#top-bar .dropdown .menu.dark .create:hover { background-color: #171717; } + +#top-bar .dropdown .menu.right { right: 0; transform: none; left: auto; } + +#top-bar .dropdown .menu.right::before { left: auto; right: 15px; } + +#top-bar .dropdown .menu.right::after { left: auto; right: 14px; } + +#top-bar .dropdown.large .menu.right::before { right: 115px; } + +#top-bar .dropdown .item_info { color: #969696; display: block; cursor: pointer; border-bottom: 1px solid #D0D0D0; text-align: left; padding: 10px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; } + +#top-bar .dropdown .sub_info { font-weight: normal; color: #808080; } + +#top-bar .dropdown .item_info .user_name div:first-child { color: #676464; font-weight: 500; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + +#top-bar .dropdown .item_info .user_name div:last-child { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + +#top-bar .dropdown .item_info .api_key { margin-top: 10px; } + +#top-bar .dropdown .item_info .api_key div:first-child { color: #676464; font-size: 11px; text-transform: uppercase; font-weight: 500; } + +#user_api_key_item input { width: 100%; border: none; color: #969696; font-size: 10px; font-family: Ubuntu, Helvetica, sans-serif; cursor: pointer; } + +#user_api_key_item input::selection { background: #2EB52B; color: white; } + +#user_api_key_item input::-moz-selection { background: #2FA732; color: #FFF; } + +#manage-menu { background-color: #0B131A; color: #FFF; } + +#top-bar .dropdown .menu #manage-menu.list .item { border: none; background-image: none; padding-top: 5px; padding-bottom: 5px; width: 180px; } + +#top-bar .dropdown .menu #manage-menu.list .item:hover { background-color: #0B131A; } + #top-bar .dropdown .menu #manage-menu.list .item:hover .logo-icon { color: #FFF; } + #top-bar .dropdown .menu #manage-menu.list .item:hover .text { color: #FFF; } -#top-bar .dropdown .menu #manage-menu.list{ + +#top-bar .dropdown .menu #manage-menu.list { max-height: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; @@ -1764,6 +2874,7 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} padding-bottom: 16px; width: auto; } + #top-bar .dropdown .menu #manage-menu.list.columns { -moz-column-count: 2; -moz-column-gap: 12px; @@ -1772,12 +2883,19 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} column-count: 2; column-gap: 12px; } -#top-bar .dropdown .menu.manage-menu {border: none; width: auto; background-color:#0B131A} -#top-bar .dropdown .menu.manage-menu:before {border: 6px solid rgba(194, 225, 245, 0); border-bottom-color:#0B131A; } -#top-bar .dropdown .menu.manage-menu:after {border: 6px solid rgba(194, 225, 245, 0); border-bottom-color:transparent; } -#top-bar .dropdown .menu #manage-menu.list .item .logo-icon { color:#9F9F9F; width:25px; height:22px; float:left; margin-left:16px; margin-top:2px; font-size: 18px; text-align: center; } -#top-bar .dropdown .menu #manage-menu.list .item .logo-icon .material-icons { font-size:17px; margin-top:1px; } + +#top-bar .dropdown .menu.manage-menu { border: none; width: auto; background-color: #0B131A; } + +#top-bar .dropdown .menu.manage-menu::before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #0B131A; } + +#top-bar .dropdown .menu.manage-menu::after { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: transparent; } + +#top-bar .dropdown .menu #manage-menu.list .item .logo-icon { color: #9F9F9F; width: 25px; height: 22px; float: left; margin-left: 16px; margin-top: 2px; font-size: 18px; text-align: center; } + +#top-bar .dropdown .menu #manage-menu.list .item .logo-icon .material-icons { font-size: 17px; margin-top: 1px; } + /* Fix for old .fa icons, this can be removed once all enterprise plugins have updated icons */ + #top-bar .dropdown .menu #manage-menu.list .item .logo-icon.fa { width: 24px !important; height: 25px !important; @@ -1785,112 +2903,129 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} font-size: 16px !important; margin-left: 17px !important; } -#top-bar .dropdown .menu #manage-menu.list .item .text { margin-left:12px; float:left; padding-top:6px; font:14px Ubuntu,Helvetica,sans-serif; line-height:100%; color:#9F9F9F; max-width: 125px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } -#top-bar .dropdown .menu.manage-menu .menu-category-title{padding-left:25px; padding-right:15px; padding-top:16px; font:13px Ubuntu,Helvetica,sans-serif; color:#9F9F9F; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:block; text-transform: uppercase; padding-bottom: 4px; text-align:left;} -#app-navigation.dropdown.large { padding:21px 25px 19px 25px; box-sizing:border-box; height:59px; width:230px; white-space: nowrap; } -#app-navigation #active-app-name { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: inline-block; max-width: 125px; } -#app-navigation #active-app-icon { vertical-align:top; display:inline-block; width:20px; height:20px; background-size:22px 22px; margin-right:10px; margin-top:-3px; background-position:center; border-radius:4px; border:1px solid #555; } -#app-navigation .list .item .app-icon { width: 20px; height: 20px; background-position:center; background-size:22px 22px; border-radius:4px; display: inline-block; margin-right:10px; vertical-align: top; margin-top: 1px; } -#app-navigation .list .item .name { display: inline-block; vertical-align: top; margin-top:4px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 210px; } -#app-navigation .empty-state { padding:1px 0; } +#top-bar .dropdown .menu #manage-menu.list .item .text { margin-left: 12px; float: left; padding-top: 6px; font: 14px Ubuntu, Helvetica, sans-serif; line-height: 100%; color: #9F9F9F; max-width: 125px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } + +#top-bar .dropdown .menu.manage-menu .menu-category-title { padding-left: 25px; padding-right: 15px; padding-top: 16px; font: 13px Ubuntu, Helvetica, sans-serif; color: #9F9F9F; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; text-transform: uppercase; padding-bottom: 4px; text-align: left; } + +#app-navigation.dropdown.large { padding: 21px 25px 19px 25px; box-sizing: border-box; height: 59px; width: 230px; white-space: nowrap; } + +#app-navigation #active-app-name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; max-width: 125px; } + +#app-navigation #active-app-icon { vertical-align: top; display: inline-block; width: 20px; height: 20px; background-size: 22px 22px; margin-right: 10px; margin-top: -3px; background-position: center; border-radius: 4px; border: 1px solid #555; } + +#app-navigation .list .item .app-icon { width: 20px; height: 20px; background-position: center; background-size: 22px 22px; border-radius: 4px; display: inline-block; margin-right: 10px; vertical-align: top; margin-top: 1px; } + +#app-navigation .list .item .name { display: inline-block; vertical-align: top; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 210px; } + +#app-navigation .empty-state { padding: 1px 0; } + +#version-info { position: absolute; bottom: 0; font-size: 10px; color: #747474; width: 100%; padding: 12px 0; box-sizing: border-box; text-align: center; background-color: #0B131A; z-index: 1; height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: 1px solid #2A2F33; } -#version-info { position: absolute; bottom: 0; font-size: 10px; color: #747474; width: 100%; padding: 12px 0; box-sizing: border-box; text-align: center; background-color: #0B131A; z-index: 1; height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: 1px solid #2A2F33;} #version-info span {} #notification-icon { position: relative; } -#notification-icon.unread:after { content: " "; width: 4px; height: 4px; position: absolute; top: 0; right: 0; border-radius: 4px; background-color: #FF8700; } + +#notification-icon.unread::after { content: " "; width: 4px; height: 4px; position: absolute; top: 0; right: 0; border-radius: 4px; background-color: #FF8700; } #main-views-container .main-view { } + #main-views-container .main-view.active { display: block; } -#sidebar, -#main-views-container #analytics-main-view.active #sidebar.hidden { transform:translate(-230px); opacity:0.8; transition: opacity 0.1s 0.2s, transform 0.55s; } -#main-views-container #analytics-main-view.active #sidebar { transform:translate(0); opacity:1; transition: opacity 0.1s 0.2s, transform 0.55s; } -#hide-sidebar-button { position: absolute; left: 16px; top: 21px; cursor: pointer; width: 21px; height: 18px; background-image: url("../images/dashboard/collapse-sprite.svg"); background-repeat: no-repeat;} -#hide-sidebar-button:hover { background-position: -21px 0px; } -#hide-sidebar-button.active { background-position: -42px 0px; } -#hide-sidebar-button.active:hover { background-position: -63px 0px; } -.dashboard-summary .inner{ + +#sidebar,#main-views-container #analytics-main-view.active #sidebar.hidden { transform: translate(-230px); opacity: 0.8; transition: opacity 0.1s 0.2s, transform 0.55s; } + +#main-views-container #analytics-main-view.active #sidebar { transform: translate(0); opacity: 1; transition: opacity 0.1s 0.2s, transform 0.55s; } + +#hide-sidebar-button { position: absolute; left: 16px; top: 21px; cursor: pointer; width: 21px; height: 18px; background-image: url("../images/dashboard/collapse-sprite.svg"); background-repeat: no-repeat; } + +#hide-sidebar-button:hover { background-position: -21px 0; } + +#hide-sidebar-button.active { background-position: -42px 0; } + +#hide-sidebar-button.active:hover { background-position: -63px 0; } + +.dashboard-summary .inner { margin-left: 0; } -.dashboard-summary .inner-new{ - background-color: #ffffff; - padding: 25px 10px; + +.dashboard-summary .inner-new { + background-color: #FFF; + padding: 25px 10px; } -.dashboard-summary .device-bar-item{ +.dashboard-summary .device-bar-item { width: calc(33.3% - 1px) !important; - } +} .dashboard-summary .device-bar-item { - border-top:1px solid #DBDBDB; - border-right:1px solid #DBDBDB; - border-bottom:1px solid #DBDBDB; + border-top: 1px solid #DBDBDB; + border-right: 1px solid #DBDBDB; + border-bottom: 1px solid #DBDBDB; } .dashboard-summary .device-bar-item:last-child { - border-top:1px solid #DBDBDB; - border-bottom:1px solid #DBDBDB; + border-top: 1px solid #DBDBDB; + border-bottom: 1px solid #DBDBDB; } .dashboard-summary .device-bar-item:first-child { - border-top:1px solid #DBDBDB; - border-bottom:1px solid #DBDBDB; - border-left:1px solid #DBDBDB; + border-top: 1px solid #DBDBDB; + border-bottom: 1px solid #DBDBDB; + border-left: 1px solid #DBDBDB; } -.dashboard-summary .overview-new-item{ - width: calc(25% - 1.5px); +.dashboard-summary .overview-new-item { + width: calc(25% - 1.5px); } .dashboard-summary .overview-new-item { - border-top:1px solid #DBDBDB; - border-right:1px solid #DBDBDB; - border-bottom:1px solid #DBDBDB; + border-top: 1px solid #DBDBDB; + border-right: 1px solid #DBDBDB; + border-bottom: 1px solid #DBDBDB; } .dashboard-summary .overview-new-item:last-child { - border-top:1px solid #DBDBDB; - border-bottom:1px solid #DBDBDB; + border-top: 1px solid #DBDBDB; + border-bottom: 1px solid #DBDBDB; } .dashboard-summary .overview-new-item:first-child { - border-top:1px solid #DBDBDB; - border-bottom:1px solid #DBDBDB; - border-left:1px solid #DBDBDB; + border-top: 1px solid #DBDBDB; + border-bottom: 1px solid #DBDBDB; + border-left: 1px solid #DBDBDB; } -.dashboard-summary .item .bar-new{ - height: auto !important; - width: 95%; +.dashboard-summary .item .bar-new { + height: auto !important; + width: 95%; } .dashboard-sumamry .device-bar:first { - border-right:1px solid #DBDBDB; + border-right: 1px solid #DBDBDB; } .dashboard-sumamry .device-bar:first { - border-left:1px solid #DBDBDB; + border-left: 1px solid #DBDBDB; } -.dashboard-summary .item .bar-no-data{ +.dashboard-summary .item .bar-no-data { font-size: 12px; color: #5F5F5F; font-family: Ubuntu; - border-radius:2px; - text-align:center; - width:90%; - height:20px; - padding-top:3px; - overflow:auto; - background-color:#f9f9f9 !important; - margin:0 auto; - margin-top:5px; - margin-bottom:5px; -} - -.dashboard-summary .item .title-new{ - font: 14px Ubuntu,Helvetica,sans-serif; + border-radius: 2px; + text-align: center; + width: 90%; + height: 20px; + padding-top: 3px; + overflow: auto; + background-color: #F9F9F9 !important; + margin: 0 auto; + margin-top: 5px; + margin-bottom: 5px; +} + +.dashboard-summary .item .title-new { + font: 14px Ubuntu, Helvetica, sans-serif; color: #5F5F5F; margin-bottom: 20px; font-weight: 500; @@ -1898,192 +3033,303 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} margin-left: 2.5%; } -.dashboard-summary .item .bar .bar-inner-new{ - float: none !important; - height: 20px; - font-family: Ubuntu,Helvetica,sans-serif; - margin-top: 15px; - margin-left: 30px; - box-shadow: 0 0 0 transparent; - display: block; - position: relative; - background: #ECECEC; - border-radius: 2px; - /*overflow: hidden;*/ -} -#bar-summary { - border-radius: 2px !important; -} -.dashboard-summary .item .bar .bar-inner-new:first-child{ - margin-top: 0; -} -.dashboard-summary .item .bar .bar-inner-new:first-child:hover{ - margin-top: 0; -} -.dashboard-summary .item .bar .bar-inner-new:hover{ - height: 20px; - margin-bottom: 0; - margin-top: 15px; -} -.dashboard-summary .item .bar .bar-inner-new .bar-inner-percent{ - position: absolute; - top: 0; - font-size: 11px; - left: -30px; - width: 30%; - height: 18px; - display: block; - z-index: 4; - padding: 2px 0 0 0; -} -.dashboard-summary .item .bar .bar-inner-new::before{ - content: attr(data-item); - text-indent: 3px; - position: absolute; - font-size: 13px; - white-space: nowrap; - height: 20px; - overflow: hidden; - color: #fff; - z-index: 8; - height: 18px; - padding: 2px 0 0 0; - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} +.dashboard-summary .item .bar .bar-inner-new { + float: none !important; + height: 20px; + font-family: Ubuntu, Helvetica, sans-serif; + margin-top: 15px; + margin-left: 30px; + box-shadow: 0 0 0 transparent; + display: block; + position: relative; + background: #ECECEC; + border-radius: 2px; + + /* overflow: hidden; */ +} + +#bar-summary { + border-radius: 2px !important; +} + +.dashboard-summary .item .bar .bar-inner-new:first-child { + margin-top: 0; +} + +.dashboard-summary .item .bar .bar-inner-new:first-child:hover { + margin-top: 0; +} + +.dashboard-summary .item .bar .bar-inner-new:hover { + height: 20px; + margin-bottom: 0; + margin-top: 15px; +} + +.dashboard-summary .item .bar .bar-inner-new .bar-inner-percent { + position: absolute; + top: 0; + font-size: 11px; + left: -30px; + width: 30%; + height: 18px; + display: block; + z-index: 4; + padding: 2px 0 0 0; +} + +.dashboard-summary .item .bar .bar-inner-new::before { + content: attr(data-item); + text-indent: 3px; + position: absolute; + font-size: 13px; + white-space: nowrap; + height: 20px; + overflow: hidden; + color: #FFF; + z-index: 8; + height: 18px; + padding: 2px 0 0 0; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.dashboard-summary .item .bar .bar-inner-new::after { + content: attr(data-item); + text-indent: 3px; + position: absolute; + font-size: 13px; + white-space: nowrap; + overflow: hidden; + color: #888; + height: 18px; + padding: 2px 0 0 0; +} + +.dashboard-summary .item .bar .bar-inner-new:nth-child(2) { background: #ECECEC; } + +.dashboard-summary .item .bar .bar-inner-new:nth-child(3) { background: #ECECEC; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='1%']::before { width: 1%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='2%']::before { width: 2%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='3%']::before { width: 3%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='4%']::before { width: 4%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='5%']::before { width: 5%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='6%']::before { width: 6%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='7%']::before { width: 7%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='8%']::before { width: 8%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='9%']::before { width: 9%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='10%']::before { width: 10%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='11%']::before { width: 11%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='12%']::before { width: 12%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='13%']::before { width: 13%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='14%']::before { width: 14%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='15%']::before { width: 15%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='16%']::before { width: 16%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='17%']::before { width: 17%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='18%']::before { width: 18%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='19%']::before { width: 19%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='20%']::before { width: 20%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='21%']::before { width: 21%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='22%']::before { width: 22%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='23%']::before { width: 23%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='24%']::before { width: 24%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='25%']::before { width: 25%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='26%']::before { width: 26%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='27%']::before { width: 27%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='28%']::before { width: 28%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='29%']::before { width: 29%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='30%']::before { width: 30%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='31%']::before { width: 31%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='32%']::before { width: 32%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='33%']::before { width: 33%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='34%']::before { width: 34%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='35%']::before { width: 35%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='36%']::before { width: 36%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='37%']::before { width: 37%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='38%']::before { width: 38%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='39%']::before { width: 39%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='40%']::before { width: 40%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='41%']::before { width: 41%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='42%']::before { width: 42%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='43%']::before { width: 43%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='44%']::before { width: 44%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='45%']::before { width: 45%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='46%']::before { width: 46%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='47%']::before { width: 47%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='48%']::before { width: 48%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='49%']::before { width: 49%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='50%']::before { width: 50%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='51%']::before { width: 51%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='52%']::before { width: 52%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='53%']::before { width: 53%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='54%']::before { width: 54%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='55%']::before { width: 55%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='56%']::before { width: 56%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='57%']::before { width: 57%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='58%']::before { width: 58%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='59%']::before { width: 59%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='60%']::before { width: 60%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='61%']::before { width: 61%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='62%']::before { width: 62%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='63%']::before { width: 63%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='64%']::before { width: 64%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='65%']::before { width: 65%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='66%']::before { width: 66%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='67%']::before { width: 67%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='68%']::before { width: 68%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='69%']::before { width: 69%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='70%']::before { width: 70%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='71%']::before { width: 71%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='72%']::before { width: 72%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='73%']::before { width: 73%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='74%']::before { width: 74%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='75%']::before { width: 75%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='76%']::before { width: 76%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='77%']::before { width: 77%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='78%']::before { width: 78%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='79%']::before { width: 79%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='80%']::before { width: 80%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='81%']::before { width: 81%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='82%']::before { width: 82%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='83%']::before { width: 83%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='84%']::before { width: 84%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='85%']::before { width: 85%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='86%']::before { width: 86%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='87%']::before { width: 87%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='88%']::before { width: 88%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='89%']::before { width: 89%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='90%']::before { width: 90%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='91%']::before { width: 91%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='92%']::before { width: 92%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='93%']::before { width: 93%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='94%']::before { width: 94%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='95%']::before { width: 95%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='96%']::before { width: 96%; } -.dashboard-summary .item .bar .bar-inner-new::after{ - content: attr(data-item); - text-indent: 3px; - position: absolute; - font-size: 13px; - white-space: nowrap; - overflow: hidden; - color: #888; - height: 18px; - padding: 2px 0 0 0; -} - -.dashboard-summary .item .bar .bar-inner-new:nth-child(2){background: #ececec;} -.dashboard-summary .item .bar .bar-inner-new:nth-child(3){background: #ececec;} - -.dashboard-summary .item .bar .bar-inner-new[data-percent='1%']::before{ width: 1% } -.dashboard-summary .item .bar .bar-inner-new[data-percent='2%']::before{ width: 2% } -.dashboard-summary .item .bar .bar-inner-new[data-percent='3%']::before{ width: 3% } -.dashboard-summary .item .bar .bar-inner-new[data-percent='4%']::before{ width: 4% } -.dashboard-summary .item .bar .bar-inner-new[data-percent='5%']::before{ width: 5% } -.dashboard-summary .item .bar .bar-inner-new[data-percent='6%']::before{ width: 6% } -.dashboard-summary .item .bar .bar-inner-new[data-percent='7%']::before{ width: 7% } -.dashboard-summary .item .bar .bar-inner-new[data-percent='8%']::before{ width: 8% } -.dashboard-summary .item .bar .bar-inner-new[data-percent='9%']::before{ width: 9% } -.dashboard-summary .item .bar .bar-inner-new[data-percent='10%']::before{ width: 10%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='11%']::before{ width: 11%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='12%']::before{ width: 12%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='13%']::before{ width: 13%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='14%']::before{ width: 14%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='15%']::before{ width: 15%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='16%']::before{ width: 16%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='17%']::before{ width: 17%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='18%']::before{ width: 18%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='19%']::before{ width: 19%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='20%']::before{ width: 20%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='21%']::before{ width: 21%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='22%']::before{ width: 22%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='23%']::before{ width: 23%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='24%']::before{ width: 24%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='25%']::before{ width: 25%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='26%']::before{ width: 26%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='27%']::before{ width: 27%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='28%']::before{ width: 28%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='29%']::before{ width: 29%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='30%']::before{ width: 30%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='31%']::before{ width: 31%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='32%']::before{ width: 32%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='33%']::before{ width: 33%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='34%']::before{ width: 34%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='35%']::before{ width: 35%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='36%']::before{ width: 36%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='37%']::before{ width: 37%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='38%']::before{ width: 38%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='39%']::before{ width: 39%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='40%']::before{ width: 40%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='41%']::before{ width: 41%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='42%']::before{ width: 42%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='43%']::before{ width: 43%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='44%']::before{ width: 44%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='45%']::before{ width: 45%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='46%']::before{ width: 46%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='47%']::before{ width: 47%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='48%']::before{ width: 48%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='49%']::before{ width: 49%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='50%']::before{ width: 50%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='51%']::before{ width: 51%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='52%']::before{ width: 52%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='53%']::before{ width: 53%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='54%']::before{ width: 54%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='55%']::before{ width: 55%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='56%']::before{ width: 56%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='57%']::before{ width: 57%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='58%']::before{ width: 58%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='59%']::before{ width: 59%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='60%']::before{ width: 60%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='61%']::before{ width: 61%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='62%']::before{ width: 62%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='63%']::before{ width: 63%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='64%']::before{ width: 64%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='65%']::before{ width: 65%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='66%']::before{ width: 66%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='67%']::before{ width: 67%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='68%']::before{ width: 68%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='69%']::before{ width: 69%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='70%']::before{ width: 70%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='71%']::before{ width: 71%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='72%']::before{ width: 72%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='73%']::before{ width: 73%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='74%']::before{ width: 74%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='75%']::before{ width: 75%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='76%']::before{ width: 76%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='77%']::before{ width: 77%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='78%']::before{ width: 78%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='79%']::before{ width: 79%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='80%']::before{ width: 80%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='81%']::before{ width: 81%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='82%']::before{ width: 82%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='83%']::before{ width: 83%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='84%']::before{ width: 84%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='85%']::before{ width: 85%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='86%']::before{ width: 86%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='87%']::before{ width: 87%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='88%']::before{ width: 88%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='89%']::before{ width: 89%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='90%']::before{ width: 90%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='91%']::before{ width: 91%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='92%']::before{ width: 92%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='93%']::before{ width: 93%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='94%']::before{ width: 94%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='95%']::before{ width: 95%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='96%']::before{ width: 96%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='97%']::before{ width: 97%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='98%']::before{ width: 98%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='99%']::before{ width: 99%} -.dashboard-summary .item .bar .bar-inner-new[data-percent='100%']::before{ width: 100%} - -.date-picker-component{ +.dashboard-summary .item .bar .bar-inner-new[data-percent='97%']::before { width: 97%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='98%']::before { width: 98%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='99%']::before { width: 99%; } + +.dashboard-summary .item .bar .bar-inner-new[data-percent='100%']::before { width: 100%; } + +.date-picker-component { display: inline-block; height: 27px; margin-right: 5px; position: relative; width: 230px; } -.date-picker-component .date-value { cursor: pointer } + +.date-picker-component .date-value { cursor: pointer; } + .date-picker-component .date-picker { padding: 0; right: 0; top: 33px; - border: 1px solid #d0d0d0; - background-color: #ffffff; + border: 1px solid #D0D0D0; + background-color: #FFF; } -.date-picker-component .date-picker .calendar-container { padding: 14px } + +.date-picker-component .date-picker .calendar-container { padding: 14px; } + .date-picker-component .string-input { margin: 0; outline: none; @@ -2092,16 +3338,18 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} padding: 6px 9px; box-sizing: border-box; width: 100% !important; - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; } + .date-picker-component .date-picker { padding: 0; right: 0; top: 33px; - border: 1px solid #d0d0d0; - background-color: #ffffff; + border: 1px solid #D0D0D0; + background-color: #FFF; } + .date-picker-component .date-picker .calendar-container { padding: 14px; } @@ -2112,6 +3360,7 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} border-bottom-right-radius: 2px; width: auto; } + .app-details-plugins > div.ui-accordion > h3.ui-accordion-header .ui-icon { position: relative; margin-right: 4px; @@ -2122,7 +3371,7 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} } .app-details-plugins > div > h3.ui-accordion-header.ui-state-default { - font-family: Ubuntu,Helvetica,sans-serif; + font-family: Ubuntu, Helvetica, sans-serif; height: 21px; padding: 16px 8px; color: #666; @@ -2132,16 +3381,16 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} border-radius: 0; border-top: 1px solid #D0D0D0; background-color: #ECECEC; - margin: 0px; + margin: 0; vertical-align: middle; } -.app-details-plugins > div > h3.ui-accordion-header.ui-state-default:first-child, .app-details-plugins > div > h3.ui-accordion-header.ui-state-active:first-child { +.app-details-plugins > div > h3.ui-accordion-header.ui-state-default:first-child,.app-details-plugins > div > h3.ui-accordion-header.ui-state-active:first-child { border-top: none; } .app-details-plugins > div > h3.ui-accordion-header.ui-state-active { - font-family: Ubuntu,Helvetica,sans-serif; + font-family: Ubuntu, Helvetica, sans-serif; height: 21px; padding: 16px 8px; color: #666; @@ -2176,6 +3425,7 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} .app-details-plugins > div > form.ui-accordion-content.ui-widget-content:last-child { border-bottom-width: 1px; } + .app-details-plugins a { color: #2FA732; } @@ -2186,7 +3436,7 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} border-top: 1px solid #D0D0D0; font-size: 15px; line-height: 12px; - font-weight:normal; + font-weight: normal; } .mgmt-plugins h4:first-child { @@ -2198,7 +3448,7 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} table-layout: fixed; width: 100%; padding: 1em 0; - font-family: Ubuntu,Helvetica,sans-serif; + font-family: Ubuntu, Helvetica, sans-serif; } .mgmt-plugins-row > div { @@ -2206,7 +3456,7 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} font-weight: normal; padding: 0 5em; font-size: 11px; - vertical-align:middle; + vertical-align: middle; } .mgmt-plugins-row label { @@ -2215,9 +3465,10 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} font-weight: normal; color: #6B6B6B; } -.mgmt-plugins-row label.on-off-switch-label { - font-size:13px; - padding:0; + +.mgmt-plugins-row label.on-off-switch-label { + font-size: 13px; + padding: 0; } .mgmt-plugins-row span { @@ -2228,12 +3479,15 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} display: block; line-height: 17px; } + .mgmt-plugins-row span > span { display: inline-block; } + .mgmt-plugins-row .on-off-switch span.text { - padding:0; + padding: 0; } + .mgmt-plugins-row input + span.help { padding-left: 0; padding-bottom: 0; @@ -2242,13 +3496,14 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} .mgmt-plugins-row input:not([type='file']) { border-radius: 2px; margin: 0; - font: 14px Ubuntu,Helvetica,sans-serif; + font: 14px Ubuntu, Helvetica, sans-serif; line-height: 111%; padding: 5px; border: 1px solid #D0D0D0; width: 274px; } -.mgmt-plugins-row .cly-select .search input { + +.mgmt-plugins-row .cly-select .search input { height: 14px; padding: 0; margin: 0; @@ -2258,20 +3513,24 @@ input.custom-styled-green-check:checked {border-color: #C2C2C2;} font: 13px Ubuntu; line-height: 111%; } + .mgmt-plugins-row .selectize-control.multi .selectize-input > div { padding-right: 20px !important; } + .mgmt-plugins-row + h4 { padding-top: 2em; margin-bottom: 1em; } + h4 + .mgmt-plugins-row { - padding-top: 0; + padding-top: 0; } .mgmt-plugins > form { background-color: white; } + .mgmt-plugins > form > div:nth-child(even) { background-color: white; } @@ -2287,15 +3546,15 @@ h4 + .mgmt-plugins-row { .mgmt-plugins a.icon-button { float: right; margin: 1em; - position:relative; - top:-52px; + position: relative; + top: -52px; } .mgmt-plugins-row .selectize-input.items { box-shadow: none; border-radius: 2px; margin: 0; - font: 14px Ubuntu,Helvetica,sans-serif; + font: 14px Ubuntu, Helvetica, sans-serif; line-height: 111%; padding: 5px; border: 1px solid #D0D0D0; @@ -2318,28 +3577,42 @@ h4 + .mgmt-plugins-row { color: #444; } -#report-manager-view .ui-tabs .ui-tabs-nav{height: 40px; border: none; background-color:transparent; padding-left: 12px;} -#report-manager-view .report-tab{padding:0;} -#report-manager-view .ui-tabs .ui-tabs-panel{padding:0;} -#report-manager-view .ui-tabs .ui-tabs-nav li a{background-color: transparent; color: #666; padding: 0px 0px 6px 0px; font-size:15px} -#report-manager-view .ui-tabs.ui-widget-content .ui-tabs-nav > .ui-state-default {border-top: none;} -#report-manager-view .ui-tabs .ui-tabs-nav li.ui-tabs-active {border-top: none; border-bottom: none !important; background-color:transparent;} -#report-manager-view .ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#333; border-bottom: 2px solid #19cc63 !important;} -#report-manager-view .ui-tabs .ui-tabs-nav li {border-bottom:none !important; width: auto; margin-right: 30px;} -#report-manager-view .ui-tabs .ui-tabs-nav {margin-top:0px; margin-top:10px; margin-bottom: 10px} +#report-manager-view .ui-tabs .ui-tabs-nav { height: 40px; border: none; background-color: transparent; padding-left: 12px; } + +#report-manager-view .report-tab { padding: 0; } + +#report-manager-view .ui-tabs .ui-tabs-panel { padding: 0; } + +#report-manager-view .ui-tabs .ui-tabs-nav li a { background-color: transparent; color: #666; padding: 0 0 6px 0; font-size: 15px; } + +#report-manager-view .ui-tabs.ui-widget-content .ui-tabs-nav > .ui-state-default { border-top: none; } + +#report-manager-view .ui-tabs .ui-tabs-nav li.ui-tabs-active { border-top: none; border-bottom: none !important; background-color: transparent; } + +#report-manager-view .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #333; border-bottom: 2px solid #19CC63 !important; } + +#report-manager-view .ui-tabs .ui-tabs-nav li { border-bottom: none !important; width: auto; margin-right: 30px; } + +#report-manager-view .ui-tabs .ui-tabs-nav { margin-top: 0; margin-top: 10px; margin-bottom: 10px; } + .report-manager-table td { line-height: 15px; } + .report-manager-break { word-wrap: normal; word-break: normal; } + .report-manager-data-col { width: 15%; } + .report-manager-data-col.report-manager-automatically-created { width: 55%; } -.report-manager-report-desc { color: #AAA; margin-top:5px;} -.extable-link i { margin-right:10px; font-size:13px !important; line-height: 18px !important;} -.dashboard-summary .item .bar .bar-inner-new-e{ +.report-manager-report-desc { color: #AAA; margin-top: 5px; } + +.extable-link i { margin-right: 10px; font-size: 13px !important; line-height: 18px !important; } + +.dashboard-summary .item .bar .bar-inner-new-e { font-size: 12px; line-height: 20px; float: none !important; height: 20px; - font-family: Ubuntu,Helvetica,sans-serif; + font-family: Ubuntu, Helvetica, sans-serif; margin-top: 15px; margin-left: 30px; box-shadow: 0 0 0 transparent; @@ -2347,24 +3620,29 @@ h4 + .mgmt-plugins-row { position: relative; background: #ECECEC; border-radius: 2px; - /*overflow: hidden;*/ + + /* overflow: hidden; */ } + #bar-summary { border-radius: 2px !important; } -.dashboard-summary .item .bar .bar-inner-new-e:first-child{ + +.dashboard-summary .item .bar .bar-inner-new-e:first-child { margin-top: 0; } -.dashboard-summary .item .bar .bar-inner-new-e:first-child:hover{ + +.dashboard-summary .item .bar .bar-inner-new-e:first-child:hover { margin-top: 0; } -.dashboard-summary .item .bar .bar-inner-new-e:hover{ + +.dashboard-summary .item .bar .bar-inner-new-e:hover { height: 20px; margin-bottom: 0; margin-top: 15px; } -.dashboard-summary .item .bar .bar-inner-new-e .bar-inner-percent{ +.dashboard-summary .item .bar .bar-inner-new-e .bar-inner-percent { position: absolute; top: 0; font-size: 11px; @@ -2375,15 +3653,17 @@ h4 + .mgmt-plugins-row { z-index: 4; padding: 2px 0 0 0; } -.dashboard-summary .item .bar .bar-inner-new-e::before{ + +.dashboard-summary .item .bar .bar-inner-new-e::before { content: attr(data-item); - /*text-indent: 3px;*/ + + /* text-indent: 3px; */ position: absolute; font-size: 13px; white-space: nowrap; height: 20px; overflow: hidden; - color: #fff; + color: #FFF; z-index: 8; height: 18px; padding: 2px 0 0 0; @@ -2391,99 +3671,112 @@ h4 + .mgmt-plugins-row { border-bottom-left-radius: 2px; } -.dashboard-summary .item .bar .bar-inner-new-e::before{ background-color:#ececec;margin-left:-25px;color:black; } -.dashboard-summary .item .bar .bar-inner-new-e:nth-child(2)::before{background-color:#ececec;} -.dashboard-summary .item .bar .bar-inner-new-e:nth-child(3)::before{ background-color:#ececec;} -.dashboard-summary .item .bar .bar-inner-new-e .bar-inner-percent{ color:#000; } -.dashboard-summary .item .bar .bar-inner-new-e:nth-child(2) .bar-inner-percent{color:#ececec;} -.dashboard-summary .item .bar .bar-inner-new-e:nth-child(3) .bar-inner-percent{ color:#ececec;} +.dashboard-summary .item .bar .bar-inner-new-e::before { background-color: #ECECEC; margin-left: -25px; color: black; } + +.dashboard-summary .item .bar .bar-inner-new-e:nth-child(2)::before { background-color: #ECECEC; } + +.dashboard-summary .item .bar .bar-inner-new-e:nth-child(3)::before { background-color: #ECECEC; } +.dashboard-summary .item .bar .bar-inner-new-e .bar-inner-percent { color: #000; } -.dashboard-summary .item .bar .bar-inner-new-e::after{ - /*content: attr(data-item);*/ - /*text-indent: 3px;*/ - position: absolute; - font-size: 13px; - white-space: nowrap; - overflow: hidden; - color: #888; - height: 18px; - padding: 2px 0 0 0; +.dashboard-summary .item .bar .bar-inner-new-e:nth-child(2) .bar-inner-percent { color: #ECECEC; } + +.dashboard-summary .item .bar .bar-inner-new-e:nth-child(3) .bar-inner-percent { color: #ECECEC; } + +.dashboard-summary .item .bar .bar-inner-new-e::after { + /* content: attr(data-item); */ + + /* text-indent: 3px; */ + position: absolute; + font-size: 13px; + white-space: nowrap; + overflow: hidden; + color: #888; + height: 18px; + padding: 2px 0 0 0; } -.remove-before:before { display: none; } +.remove-before::before { display: none; } + +.expand-row-icon { float: left; font-size: 18px !important; margin-right: 3px; position: relative; top: 1px; } + +.big-numbers.top .trend.u.inverse-trend,.big-numbers.top .trend.u.inverse-trend .change,.trend.u.inverse-trend,.trend.u.inverse-trend .change { color: #DB6E6E !important; } + +.big-numbers.top .trend.d.inverse-trend,.big-numbers.top .trend.d.inverse-trend .change,.trend.d.inverse-trend,.trend.d.inverse-trend .change { color: #83C986 !important; } -.expand-row-icon { float: left; font-size: 18px !important; margin-right: 3px; position: relative; top: 1px;} +.allapps .material-icons.up.inverse-trend { color: #C94C4C !important; } -.big-numbers.top .trend.u.inverse-trend, -.big-numbers.top .trend.u.inverse-trend .change, -.trend.u.inverse-trend, -.trend.u.inverse-trend .change { color:#DB6E6E!important; } +.allapps .material-icons.down.inverse-trend { color: #6BB96E !important; } -.big-numbers.top .trend.d.inverse-trend, -.big-numbers.top .trend.d.inverse-trend .change, -.trend.d.inverse-trend, -.trend.d.inverse-trend .change { color:#83C986!important; } +.compare-view.d-table .up.inverse-trend { color: #D63E40 !important; } -.allapps .material-icons.up.inverse-trend { color:#C94C4C!important; } -.allapps .material-icons.down.inverse-trend { color:#6BB96E!important; } +.compare-view.d-table .down.inverse-trend { color: #2FA732 !important; } -.compare-view.d-table .up.inverse-trend { color: #D63E40!important; } -.compare-view.d-table .down.inverse-trend { color: #2fa732!important; } -#create-token-drawer .desc -{ +#create-token-drawer .desc { color: #A0A0A0; padding: 0; margin: 0 0 4px 0; font-size: 11px; line-height: 17px; } -#create-token-drawer textarea -{ - border-radius: 2px; border: 1px solid #d6d6d6; outline: none; padding: 7px; font-size: 12px; height: 50px; width: 100%; box-sizing: border-box; + +#create-token-drawer textarea { + border-radius: 2px; + border: 1px solid #D6D6D6; + outline: none; + padding: 7px; + font-size: 12px; + height: 50px; + width: 100%; + box-sizing: border-box; } -#create-token-drawer .delete-param , #create-token-drawer .delete-endpoint{ - color: #dddddd; +#create-token-drawer .delete-param,#create-token-drawer .delete-endpoint { + color: #DDD; cursor: pointer; } -#create-token-drawer .delete-param:hover, #create-token-drawer .delete-endpoint:hover { -color:#E95C6C; transition:color 1s; + +#create-token-drawer .delete-param:hover,#create-token-drawer .delete-endpoint:hover { + color: #E95C6C; + transition: color 1s; } #create-token-drawer .token_endpoint_block { - border: 1px solid #dddddd; + border: 1px solid #DDD; border-radius: 2px; - position:relative; + position: relative; padding: 15px; - background-color: #ffffff; - font-size:13px; - margin-bottom:5px; + background-color: #FFF; + font-size: 13px; + margin-bottom: 5px; } + #create-token-drawer .param_blocks_wrapper { margin-bottom: 5px; } #create-token-drawer .token_endpoint_block .delete-endpoint-block { - position:absolute; - top:0; - right:0; + position: absolute; + top: 0; + right: 0; width: 25px; - height:25px; - padding-top:10px; + height: 25px; + padding-top: 10px; } #create-token-drawer .endpoint_blocks_wrapper { margin-top: 11px; } -#create-token-drawer .delete-endpoint-block-item i{ + +#create-token-drawer .delete-endpoint-block-item i { margin-left: -6px; } -#create-token-drawer .delete-endpoint-block-item span{ + +#create-token-drawer .delete-endpoint-block-item span { margin-left: 10px; } -#create-token-drawer .delete-new-endpoint-block-menu { +#create-token-drawer .delete-new-endpoint-block-menu { padding: 10px 0; opacity: 0; transition: opacity 0.3s, z-index 0.9s; @@ -2494,9 +3787,10 @@ color:#E95C6C; transition:color 1s; top: 37px; border-radius: 2px; outline: none; - border: 1px solid #d0d0d0; + border: 1px solid #D0D0D0; } -#create-token-drawer .delete-new-endpoint-block-menu .item { + +#create-token-drawer .delete-new-endpoint-block-menu .item { cursor: pointer; padding: 8px 20px; font-size: 13px; @@ -2504,14 +3798,16 @@ color:#E95C6C; transition:color 1s; color: #474747; display: block; } -#create-token-drawer .delete-new-endpoint-block-menu.active { + +#create-token-drawer .delete-new-endpoint-block-menu.active { opacity: 1; transition: opacity 0.2s; z-index: 2; right: 0; top: 37px; } -#create-token-drawer .delete-new-endpoint-block-menu:before { + +#create-token-drawer .delete-new-endpoint-block-menu::before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; @@ -2523,9 +3819,10 @@ color:#E95C6C; transition:color 1s; pointer-events: none; z-index: 2; } -#create-token-drawer .delete-new-endpoint-block-menu:after { + +#create-token-drawer .delete-new-endpoint-block-menu::after { border: 5px solid rgba(194, 225, 245, 0); - border-bottom-color: #d0d0d0; + border-bottom-color: #D0D0D0; right: 6px; top: -10px; content: " "; @@ -2535,104 +3832,133 @@ color:#E95C6C; transition:color 1s; pointer-events: none; z-index: 1; } -#create-token-drawer .delete-new-endpoint-block-menu .item:hover { background-color: #f3f3f3; } + +#create-token-drawer .delete-new-endpoint-block-menu .item:hover { background-color: #F3F3F3; } .param_block td { - padding: 0px 0px 5px 0px; + padding: 0 0 5px 0; } -.param_block td:nth-child(2){ - padding-left:5px; + +.param_block td:nth-child(2) { + padding-left: 5px; padding-right: 5px; } -#create-token-drawer .cly-list-options {cursor: pointer; color:#a7a7a7; font-size: 20px; vertical-align: middle; line-height: 12px; } -#create-token-drawer .cly-list-options:hover {color:#6B6B6B;} -#create-token-drawer .cly-list-options:before { font-family: 'Ionicons'; content: "\f396"; } +#create-token-drawer .cly-list-options { cursor: pointer; color: #A7A7A7; font-size: 20px; vertical-align: middle; line-height: 12px; } + +#create-token-drawer .cly-list-options:hover { color: #6B6B6B; } + +#create-token-drawer .cly-list-options::before { font-family: 'Ionicons'; content: "\f396"; } -#create-token-drawer .add-query-block, #create-token-drawer .add-endpoint-block { +#create-token-drawer .add-query-block,#create-token-drawer .add-endpoint-block { margin: 10px 0 20px 0; } + #create-token-drawer .add-query-block { - font-size:13px; - margin-top:20px; + font-size: 13px; + margin-top: 20px; cursor: pointer; line-height: 22px; } -.token-menu {display:none;} -.token-menu.active {display:block;} -#token-manager-view .dataTable-top .server-export {display:none;} -#token-manager-view table tr td:nth-child(2){width: 100px;} -#token-manager-view table tr td:nth-child(6){width: 70px;} -#token-manager-view table tr td:nth-child(4){min-width: 100px;} -#token-manager-view table tr td:nth-child(5){min-width: 100px;} -#token-manager-view table tr td:nth-child(3){width: 100px;} -#create-token-drawer #limit_life>div:nth-child(2){width:40%; float:left;} -#create-token-drawer #limit_life>div:nth-child(3){width:60%; margin-left: 40%;} -#create-token-drawer #select_limit_value{border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right:none; height:29px;} -#create-token-drawer #select_limit_span{border-top-left-radius: 0px;border-bottom-left-radius: 0px; height:29px;} - -/*Status tot used in token manager and report manager */ +.token-menu { display: none; } + +.token-menu.active { display: block; } + +#token-manager-view .dataTable-top .server-export { display: none; } + +#token-manager-view table tr td:nth-child(2) { width: 100px; } + +#token-manager-view table tr td:nth-child(6) { width: 70px; } + +#token-manager-view table tr td:nth-child(4) { min-width: 100px; } + +#token-manager-view table tr td:nth-child(5) { min-width: 100px; } + +#token-manager-view table tr td:nth-child(3) { width: 100px; } + +#create-token-drawer #limit_life > div:nth-child(2) { width: 40%; float: left; } + +#create-token-drawer #limit_life > div:nth-child(3) { width: 60%; margin-left: 40%; } + +#create-token-drawer #select_limit_value { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; height: 29px; } + +#create-token-drawer #select_limit_span { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 29px; } + +/* Status tot used in token manager and report manager */ + .table_status_dot { line-height: 20px; - } + .table_status_dot span { display: block; width: 8px; height: 8px; border-radius: 4px; - background-color: #14ca5f; + background-color: #14CA5F; position: relative; float: left; - margin: 7px 10px 3px 0px; + margin: 7px 10px 3px 0; } -.table_status_dot_green span{ - background-color: #14ca5f; +.table_status_dot_green span { + background-color: #14CA5F; } -.table_status_dot_red span{ - background-color: #ff4b29; + +.table_status_dot_red span { + background-color: #FF4B29; } -.table_status_dot_blue span{ - background-color: #55a8ed; + +.table_status_dot_blue span { + background-color: #55A8ED; } + .table_status_dot .error_message_div { display: none; } -.table_status_dot.have_error_message:hover{ + +.table_status_dot.have_error_message:hover { cursor: pointer; } -#token-manager-view .tokenvalue{float:left; cursor:pointer; + +#token-manager-view .tokenvalue { + float: left; + cursor: pointer; text-align: center; border: none; - color: #a2a2a2; + color: #A2A2A2; font-size: 13px; - font-family: Ubuntu,Helvetica,sans-serif; - padding:0; - width:290px; - text-align:left; - background-color:transparent; - margin-top:5px; -} -#token-manager-view .tokenvalue:active, #token-manager-view .tokenvalue:focus{ - border:none; + font-family: Ubuntu, Helvetica, sans-serif; + padding: 0; + width: 290px; + text-align: left; + background-color: transparent; + margin-top: 5px; +} + +#token-manager-view .tokenvalue:active,#token-manager-view .tokenvalue:focus { + border: none; outline: none; } -#token-manager-view .tokenvalue::selection { + +#token-manager-view .tokenvalue::selection { background: #2EB52B; color: #636363; } -#token-manager-view .tokenvalue::-moz-selection { - background: #2EB52B; /* Gecko Browsers */ - color: #636363; + +#token-manager-view .tokenvalue::-moz-selection { + background: #2EB52B; /* Gecko Browsers */ + color: #636363; } -#token-manager-view .tokenvalue_wrapper{ display:block; width:100%; min-height:15px;} -.copy-tokenvalue{cursor:pointer;} + +#token-manager-view .tokenvalue_wrapper { display: block; width: 100%; min-height: 15px; } + +.copy-tokenvalue { cursor: pointer; } .data-table-column-selector { - box-shadow: 0 3px 7px rgba(0,0,0,.08); - border: 1px solid #d0d0d0; + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08); + border: 1px solid #D0D0D0; color: #474747; cursor: default; position: absolute; @@ -2640,119 +3966,138 @@ color:#E95C6C; transition:color 1s; left: 2px; width: 280px; max-height: 145px; - margin-left: 0px; + margin-left: 0; background-color: #FFF; border-radius: 2px; - font-size:12px; - line-height:15px; - color:#6B6B6B; - display:none; - padding-top:46px; + font-size: 12px; + line-height: 15px; + color: #6B6B6B; + display: none; + padding-top: 46px; } + .data-table-column-selector .slimScrollDiv { - height:145px !important; + height: 145px !important; } -.select-column-table-data.active +.data-table-column-selector{ - display:block; + +.select-column-table-data.active + .data-table-column-selector { + display: block; } -.data-table-column-selector:active, .data-table-column-selector:focus{ - outline:0; +.data-table-column-selector:active,.data-table-column-selector:focus { + outline: 0; } -.data-table-column-selector:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; left: 14px; margin-left: -6px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; } -.data-table-column-selector:after { border: 7px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; left: 14px; margin-left: -7px; top: -15px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1; } - .data-table-column-selector table { - max-width:100%; +.data-table-column-selector::before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; left: 14px; margin-left: -6px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; } + +.data-table-column-selector::after { border: 7px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; left: 14px; margin-left: -7px; top: -15px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1; } + +.data-table-column-selector table { + max-width: 100%; margin: 7px; } - .data-table-column-selector td { - padding:7px 7px 7px 30px; - text-align:left; + +.data-table-column-selector td { + padding: 7px 7px 7px 30px; + text-align: left; position: relative; width: 50%; - cursor:pointer; - } - .data-table-column-selector td.disabled { - cursor:default; - } - .data-table-column-selector td div { + cursor: pointer; +} + +.data-table-column-selector td.disabled { + cursor: default; +} + +.data-table-column-selector td div { position: absolute; - width:14px; + width: 14px; height: 14px; top: 50%; - margin-top:-8px; + margin-top: -8px; left: 7px; - } - .data-table-column-selector td:first-child, .data-table-column-selector td:nth-child(3) { - width:14px; - padding-right:3px; - } -.data-table-column-selector .columncounter {float:right;} -.data-table-column-selector .columncounter.red { +} + +.data-table-column-selector td:first-child,.data-table-column-selector td:nth-child(3) { + width: 14px; + padding-right: 3px; +} + +.data-table-column-selector .columncounter { float: right; } + +.data-table-column-selector .columncounter.red { color: #ED6262; } + .select-column-table-data { - float:left; + float: left; border-right: 1px solid #D0D0D0; width: 32px; - height:32px; - text-align:center; + height: 32px; + text-align: center; display: table-cell; - vertical-align:middle; - overflow:hidden; - cursor:pointer; - + vertical-align: middle; + overflow: hidden; + cursor: pointer; } -.select-column-table-data p{ font-size: 23px; line-height:23px; margin:5px; padding:0;} + +.select-column-table-data p { font-size: 23px; line-height: 23px; margin: 5px; padding: 0; } + .data-table-column-selector .title { border-bottom: 1px solid #D0D0D0; - padding:15px 0px; - text-align:left; + padding: 15px 0; + text-align: left; position: absolute; - top:0; - left:0; - width: 100% + top: 0; + left: 0; + width: 100%; } .fa-check-square.check-green.disabled { - color: #d0d0d0; - cursor:default; + color: #D0D0D0; + cursor: default; } + .data-table-column-selector.full-select .fa-square-o.data-table-toggle-column { - color: #d0d0d0; + color: #D0D0D0; cursor: default; } .data-table-column-selector.full-select .not-checked { cursor: default; - color: #d0d0d0; + color: #D0D0D0; } .data-table-column-selector.full-select .fa-square-o.data-table-toggle-column:hover { - color: #d0d0d0; -} -.event-settings-menu .item i{ - margin-left:-6px; + color: #D0D0D0; } -.event-settings-menu .item span{ - margin-left:10px; +.event-settings-menu .item i { + margin-left: -6px; +} +.event-settings-menu .item span { + margin-left: 10px; } -#first-app-welcome-header { font-family: Ubuntu; font-size: 36px; font-weight: normal; color:black; } -#first-app-description { color: #636363; font-size:18px; line-height: 1.5; } -#add-first-app { display: none; background-color: white; padding: 30px 60px 30px 60px; border-radius: 2px; border:1px solid #dbdbdb;} -#first-app-welcome { float: left;} -.add-app-input-wrapper {padding:5px;margin-bottom:5px;} +#first-app-welcome-header { font-family: Ubuntu; font-size: 36px; font-weight: normal; color: black; } + +#first-app-description { color: #636363; font-size: 18px; line-height: 1.5; } + +#add-first-app { display: none; background-color: white; padding: 30px 60px 30px 60px; border-radius: 2px; border: 1px solid #DBDBDB; } + +#first-app-welcome { float: left; } + +.add-app-input-wrapper { padding: 5px; margin-bottom: 5px; } + .add-app-input-label { display: inline-block; - width:50%; + width: 50%; font-size: 14px; - color: #2fa732; - margin-bottom:5px; + color: #2FA732; + margin-bottom: 5px; } + .add-app-input-text { width: calc(100% - 10px); padding: 8px 5px 8px 5px; @@ -2762,6 +4107,7 @@ color:#E95C6C; transition:color 1s; border: 1px solid #DBDBDB; outline: none; } + .add-app-input-select { width: 100%; font-size: 12px; @@ -2770,126 +4116,145 @@ color:#E95C6C; transition:color 1s; border: 1px solid #DBDBDB; outline: none; } + .add-app-input-optional-text { font-size: 13px; - color: #636363a8; + color: #636363A8; text-align: right; display: inline-block; width: 50%; } + .add-first-app-button { background-color: #2FA732; - color:white; - padding:11px 0px 11px 0px; + color: white; + padding: 11px 0 11px 0; width: 100%; display: block; text-align: center; - border:none !important; + border: none !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; - cursor:pointer; - margin-top:5px; + cursor: pointer; + margin-top: 5px; } + .add-first-app-button:hover { - color:white !important; - background-color:#2f9732 !important + color: white !important; + background-color: #2F9732 !important; } + .add-app-checkbox { display: inline-block; } + #populate-after-app-description { - font-size:13px; - color:#636363; + font-size: 13px; + color: #636363; float: left; margin-left: 20px; } + /* Customize the label (the container) */ + .populate-checkbox-container { - display: block; - position: relative; - padding-left: 35px; - margin-bottom: 12px; - cursor: pointer; - font-size: 13px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + display: block; + position: relative; + padding-left: 35px; + margin-bottom: 12px; + cursor: pointer; + font-size: 13px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } /* Hide the browser's default checkbox */ + .populate-checkbox-container input { - position: absolute; - opacity: 0; - cursor: pointer; - height: 0; - width: 0; + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; } /* Create a custom checkbox */ + .checkmark { - position: absolute; - border-radius: 3px; - border: 1px solid #9e9e9e; - top: 0; - left: 0; - height: 12px; - width: 12px; + position: absolute; + border-radius: 3px; + border: 1px solid #9E9E9E; + top: 0; + left: 0; + height: 12px; + width: 12px; } /* On mouse-over, add a grey background color */ + .populate-checkbox-container:hover input ~ .checkmark { } /* When the checkbox is checked, add a blue background */ + .populate-checkbox-container input:checked ~ .checkmark { - background-color: #2FA732; - border: 1px solid #2FA732; + background-color: #2FA732; + border: 1px solid #2FA732; } /* Create the checkmark/indicator (hidden when not checked) */ -.checkmark:after { - content: ""; - position: absolute; - display: none; + +.checkmark::after { + content: ""; + position: absolute; + display: none; } /* Show the checkmark when checked */ -.populate-checkbox-container input:checked ~ .checkmark:after { - display: block; + +.populate-checkbox-container input:checked ~ .checkmark::after { + display: block; } /* Style the checkmark/indicator */ -.populate-checkbox-container .checkmark:after { - left: 3px; - top: 1px; - width: 4px; - height: 5px; - border: solid white; - border-width: 0 2px 2px 0; - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); + +.populate-checkbox-container .checkmark::after { + left: 3px; + top: 1px; + width: 4px; + height: 5px; + border: solid white; + border-width: 0 2px 2px 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); } + .required-first-app { color: #B94A48; display: none; float: left; } + .manage-app-no-rights { width: 30%; - margin-left:35%; - text-align:center; - margin-top:10%; + margin-left: 35%; + text-align: center; + margin-top: 10%; } + .manage-app-no-rights-title { font-weight: normal !important; - font-size:2.3em; + font-size: 2.3em; } + .manage-app-no-rights-description { color: #636363; } + #top-events-widget-container > .top-events-widget { border: 1px solid #D0D0D0; -webkit-border-radius: 2px; @@ -2898,6 +4263,7 @@ color:#E95C6C; transition:color 1s; background-color: #FFF; margin-bottom: 20px; } + #top-events-widget-container > .top-events-widget .top-events-widget-header { border: none; border-bottom: 1px solid #D0D0D0; @@ -2907,10 +4273,12 @@ color:#E95C6C; transition:color 1s; height: unset; text-transform: uppercase; } + #top-events-widget-container > .top-events-widget > .outer { margin-bottom: 20px; - padding: 0px 20px; + padding: 0 20px; } + #top-events-widget-container > .top-events-widget > .outer .row { overflow: auto; padding: 10px; @@ -2918,15 +4286,18 @@ color:#E95C6C; transition:color 1s; padding-left: 0; padding-right: 0; } + #top-events-widget-container > .top-events-widget > .outer .border { border-bottom: solid 1px #D0D0D0; } + #top-events-widget-container > .top-events-widget > .outer .row .left { - float:left; + float: left; } -#top-events-widget-container > .top-events-widget > .outer .row .title{ + +#top-events-widget-container > .top-events-widget > .outer .row .title { font-weight: 400; - color: #3a3a3a; + color: #3A3A3A; margin-right: 8px; text-transform: uppercase; font-size: 16px; @@ -2937,23 +4308,28 @@ color:#E95C6C; transition:color 1s; margin-right: 5px; text-transform: uppercase; } + #top-events-widget-container > .top-events-widget > .outer .row .right { - float:left; - width:80%; + float: left; + width: 80%; padding-top: 10px; } -#top-events-widget-container > .top-events-widget > .outer .row .right .col:hover {cursor: pointer;} -#top-events-widget-container > .top-events-widget > .outer .row .right .col:hover > label {cursor: pointer;} -#top-events-widget-container > .top-events-widget > .outer > .row > .right > .col:hover > h4{color:#2FA732;} +#top-events-widget-container > .top-events-widget > .outer .row .right .col:hover { cursor: pointer; } + +#top-events-widget-container > .top-events-widget > .outer .row .right .col:hover > label { cursor: pointer; } + +#top-events-widget-container > .top-events-widget > .outer > .row > .right > .col:hover > h4 { color: #2FA732; } + #top-events-widget-container > .top-events-widget > .outer .row .right .col { - float:left; - width:17%; + float: left; + width: 17%; height: 50px; padding-left: 15px; } + #top-events-widget-container > .top-events-widget > .outer > .row > .right > .col > h4 { - color: #3a3a3a; + color: #3A3A3A; max-width: 200px; white-space: nowrap; overflow: hidden; @@ -2963,11 +4339,13 @@ color:#E95C6C; transition:color 1s; margin: 0; margin-bottom: 4px; } + #top-events-widget-container > .top-events-widget > .outer > .row > .right > .col > label { - color: #3a3a3a; + color: #3A3A3A; font-size: 17px; font-weight: 500; } + #top-events-widget-container > .top-events-widget > .outer > .row > .right > .col > span { font-size: 13px; margin-left: 5px; @@ -2975,25 +4353,32 @@ color:#E95C6C; transition:color 1s; font-weight: 400; color: rgba(107, 185, 110, 0.8); } + #top-events-widget-container > .top-events-widget > .outer > .row > .right > .col > .down { color: rgba(201, 76, 76, 0.8); } + #top-events-widget-container > .top-events-widget > .outer > .row > .right > .col > .up { color: rgba(107, 185, 110, 0.8); } -#top-events-widget-container > .top-events-widget > .outer > .info_text{ - color: #b5b5b5; + +#top-events-widget-container > .top-events-widget > .outer > .info_text { + color: #B5B5B5; font-size: 12px; margin-bottom: -8px; } -@media only screen and (min-width : 1255px) { - #top-events-widget-container > .top-events-widget > .outer .row .title{ + +@media only screen and (min-width: 1255px) { + + #top-events-widget-container > .top-events-widget > .outer .row .title { margin-right: 50px; } + #top-events-widget-container > .top-events-widget > .outer .row .right .col { - padding-left:22px; + padding-left: 22px; } } + #view-app .widget-header:first-child .left { display: flex; flex-direction: column; @@ -3055,7 +4440,7 @@ color:#E95C6C; transition:color 1s; } .tooltipster-base { - font-size : 12px; + font-size: 12px; } #app-clear-button { @@ -3081,23 +4466,28 @@ color:#E95C6C; transition:color 1s; height: 30px; border-radius: 50px; } -#notes-button-group.cly-button-menu-group{ + +#notes-button-group.cly-button-menu-group { float: right; - margin-left: 0px; + margin-left: 0; } -#notes-button-group .cly-button-menu-trigger{ + +#notes-button-group .cly-button-menu-trigger { line-height: 29px; font-size: 20px; } -#notes-button-group.cly-button-menu-group .cly-button-menu-trigger:after { + +#notes-button-group.cly-button-menu-group .cly-button-menu-trigger::after { font-family: 'Ionicons'; content: "\f396"; } + #notes-button-group .cly-button-menu { - right:2px; + right: 2px; } + .graph-note-create { - width : 473px; + width: 473px; border: none !important; background-color: #FFF; z-index: 10001; @@ -3105,10 +4495,11 @@ color:#E95C6C; transition:color 1s; color: #717171; border: none; border-radius: 2px; - padding: 0px; + padding: 0; box-sizing: border-box; - box-shadow: 0 2px 14px 0 rgba(0,0,0,0.25); - } + box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25); +} + .graph-note-create .indicator { display: none; } @@ -3118,26 +4509,28 @@ color:#E95C6C; transition:color 1s; border-top-right-radius: 2px; padding: 20px; color: #636363; - background-color: #fff; + background-color: #FFF; width: 100%; box-sizing: border-box; - top: 0px; + top: 0; font-size: 20px; text-align: left; - margin: 0px; + margin: 0; font-weight: normal; } + .graph-note-create .footer { text-align: right; overflow: auto; width: 100%; - background-color: #fff; - margin: 0px; + background-color: #FFF; + margin: 0; padding: 15px 15px 11px; box-sizing: border-box; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } + .graph-note-create .footer .add-note { float: none; border: none; @@ -3146,12 +4539,13 @@ color:#E95C6C; transition:color 1s; display: inline-block; margin: 0; background-color: #2EB52B; - color: #fff; + color: #FFF; border-radius: 2px; margin-left: 10px; } + .graph-note-create .footer .cancel-add-note { - background-color: #fff; + background-color: #FFF; color: #929292; text-decoration: underline; float: none; @@ -3162,7 +4556,6 @@ color:#E95C6C; transition:color 1s; margin: 0; } - .graph-note-create .section { margin-bottom: 25px; } @@ -3170,7 +4563,7 @@ color:#E95C6C; transition:color 1s; .graph-note-create .fields { height: 100%; text-align: left; - background-color: #f9f9f9; + background-color: #F9F9F9; padding: 20px; } @@ -3189,41 +4582,48 @@ color:#E95C6C; transition:color 1s; margin-right: 10px; cursor: pointer; } + .graph-note-create .colors .color.alt1 { - background-color: #79a3e9; + background-color: #79A3E9; } + .graph-note-create .colors .color.alt2 { - background-color: #70bbb8; + background-color: #70BBB8; } + .graph-note-create .colors .color.alt3 { - background-color: #e2bc33; + background-color: #E2BC33; } + .graph-note-create .colors .color.alt4 { - background-color: #a786cd; + background-color: #A786CD; } + .graph-note-create .colors .color.alt5 { - background-color: #dd6b67; + background-color: #DD6B67; } + .graph-note-create .colors .color.alt6 { - background-color: #ece176; + background-color: #ECE176; } -.graph-note-create .colors .color.selected:after { +.graph-note-create .colors .color.selected::after { font-family: Ionicons; content: "\f3fd"; position: absolute; top: -2px; font-size: 23px; - color: #fff; + color: #FFF; left: 5px; } -.graph-note-create .fields .note::placeholder{ - font-size:14px; +.graph-note-create .fields .note::placeholder { + font-size: 14px; } + .graph-note-create .fields .note { border-radius: 2px; - border-color: #dcdbdb; + border-color: #DCDBDB; display: block; width: calc(100% - 14px); z-index: auto; @@ -3231,9 +4631,9 @@ color:#E95C6C; transition:color 1s; line-height: normal; font-size: 11px; transition: none 0s ease 0s; - background: #fff !important; + background: #FFF !important; resize: none; - font-size:14px; + font-size: 14px; padding-left: 10px; } @@ -3241,9 +4641,9 @@ color:#E95C6C; transition:color 1s; visibility: visible; cursor: pointer; user-select: none; - background-color: #ececec; + background-color: #ECECEC; float: left; - border: 1px solid #d0d0d0; + border: 1px solid #D0D0D0; margin-right: -1px; color: #636363; width: 68px; @@ -3253,37 +4653,45 @@ color:#E95C6C; transition:color 1s; line-height: 30px; font-size: 13px; } + .graph-note-create .note-types-selector .button:nth-child(2) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + .graph-note-create .button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; - border-right: 1px solid #d0d0d0; + border-right: 1px solid #D0D0D0; } + .graph-note-create .calendar { display: flex; flex-direction: row; align-items: center; } + .graph-note-create .date-time-selector-container i { font-size: 14px; margin: 5px 5px; } + .graph-note-create .date-time-selector-container .date-time-value-show { flex-grow: 1; padding-left: 10px; } + .graph-note-create .button.active { - background-color: #ffffff; + background-color: #FFF; } + .graph-note-create .selectize-control.multi .selectize-input > div { padding: 3px 22px 3px 10px !important; line-height: 14px !important; background-color: #777; - color: #f1f1f1; + color: #F1F1F1; } + .note-table-view-navigator .back-link { cursor: pointer; margin-bottom: 25px; @@ -3292,7 +4700,8 @@ color:#E95C6C; transition:color 1s; display: inline-block; text-transform: uppercase; } -.note-table-view-navigator .back-link:before { + +.note-table-view-navigator .back-link::before { content: "←"; margin-right: 5px; color: #616161; @@ -3301,26 +4710,30 @@ color:#E95C6C; transition:color 1s; .graph-note-create .date-time-selector-container { width: 90%; border: 1px solid #C5C5C5; - background-color: #fff; + background-color: #FFF; color: #636363; font-size: 14px; line-height: 30px; height: 30px; border-radius: 2px; } + .graph-note-create .date-time-selector-container .time-field { padding: 3px 10px 15px 10px; font-size: 13px; display: flex; align-items: center; } + .graph-note-create .date-time-selector-container .time-label { - color: #fff; + color: #FFF; flex-grow: 1; } + .graph-note-create .date-time-selector-container .time-split { - color: #fff; + color: #FFF; } + .graph-note-create .date-time-selector-container .time-input { width: 40px; height: 24px; @@ -3328,99 +4741,123 @@ color:#E95C6C; transition:color 1s; border: none; outline: 0; font-size: 13px; - color: #fff; + color: #FFF; text-align: center; border-radius: 2px; line-height: 2; } + .graph-note-create .date-time-selector-container .date-time-picker { display: none; white-space: nowrap; position: absolute; z-index: 1000; padding: 2px 3px 14px 3px; - background-color: #0b131a; + background-color: #0B131A; border-radius: 2px; top: -54px; left: 20px; flex-direction: column-reverse; } -.tipsy-for-note .tipsy-inner {max-width: 400px !important; } -.tipsy-for-note .tipsy-inner .note-header { height: 14px; } -.tipsy-for-note .tipsy-inner .note-title { float:left; font-size:10px; color: #D0D0D0; text-align: left; font-weight: 400; margin-bottom: 10px;} -.tipsy-for-note .tipsy-inner .note-app { float:right; margin-left: 10px; font-size:10px; color: #D0D0D0;} -.tipsy-for-note .tipsy-inner .note-content {min-width:150px; display: block; font-size:11px; text-align: left; font-weight: 600; max-width: 300px; margin: 10px 0px;} -.tipsy-for-note .tipsy-inner .note-content .notes-view-link { color: #2EB52B} +.tipsy-for-note .tipsy-inner { max-width: 400px !important; } + +.tipsy-for-note .tipsy-inner .note-header { height: 14px; } + +.tipsy-for-note .tipsy-inner .note-title { float: left; font-size: 10px; color: #D0D0D0; text-align: left; font-weight: 400; margin-bottom: 10px; } + +.tipsy-for-note .tipsy-inner .note-app { float: right; margin-left: 10px; font-size: 10px; color: #D0D0D0; } + +.tipsy-for-note .tipsy-inner .note-content { min-width: 150px; display: block; font-size: 11px; text-align: left; font-weight: 600; max-width: 300px; margin: 10px 0; } + +.tipsy-for-note .tipsy-inner .note-content .notes-view-link { color: #2EB52B; } + .tipsy-for-note .tipsy-inner .note-content .notes-view-link:hover { cursor: pointer; } -.tipsy-for-note .tipsy-inner .note-footer {font-size:10px; color: #D0D0D0; text-align: left;} -.tipsy-for-note .tipsy-inner .note-footer .note-owner {text-align: left; } -.tipsy-for-note .tipsy-inner .note-footer .note-type {text-align: left; height:30px; text-transform: capitalize;} +.tipsy-for-note .tipsy-inner .note-footer { font-size: 10px; color: #D0D0D0; text-align: left; } + +.tipsy-for-note .tipsy-inner .note-footer .note-owner { text-align: left; } + +.tipsy-for-note .tipsy-inner .note-footer .note-type { text-align: left; height: 30px; text-transform: capitalize; } + +.notes-manage-options-item { float: right; } + +.notes-manage-options-item .edit { display: block; right: 10px; top: 0; font-size: 17px; cursor: pointer; color: #A7A7A7; padding: 7px 10px; line-height: 15px; background-color: rgba(255, 255, 255, 0.03); transition: background-color 1s; } + +.notes-manage-options-item .edit::before { font-size: 20px; font-family: 'Ionicons'; content: "\f396"; } +.notes-manage-options-item .edit:hover { color: #6B6B6B; background-color: rgba(255, 255, 255, 0.06); transition: background-color 1s; } -.notes-manage-options-item {float: right;} -.notes-manage-options-item .edit { display: block; right: 10px; top: 0; font-size: 17px; cursor: pointer; color: #a7a7a7; padding: 7px 10px; line-height: 15px; background-color: rgba(255,255,255,0.03); transition: background-color 1s; } -.notes-manage-options-item .edit:before { font-size:20px; font-family: 'Ionicons'; content: "\f396"; } -.notes-manage-options-item .edit:hover { color: #6B6B6B; background-color: rgba(255,255,255,0.06); transition: background-color 1s; } .notes-manage-options-item :hover .edit { display: block; } -.notes-manage-options-item .edit-menu { - margin: -6px -95px; - display: none; - float:left; - z-index: 10; - position:absolute; - font-size: 13px; - white-space: nowrap; - background-color: #fff; - border-radius: 2px; - width: 121px; - padding:10px 0 10px 0; - border: 1px solid #d0d0d0; -} -.notes-manage-options-item .edit-menu .item { - cursor: pointer; - padding: 8px 20px; - font-size: 24px; - white-space: nowrap; - cursor:pointer; font-size: 13px; white-space: nowrap; color:#474747; } -.notes-manage-options-item .edit-menu .item:hover { background-color: #f3f3f3; } - -.notes-manage-options-item .edit-menu:before { - border: 4px solid rgba(194, 225, 245, 0); - border-bottom-color: #FFF; - right: 7px; - top: -8px; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - z-index: 2; -} -.notes-manage-options-item .edit-menu .fa{ + +.notes-manage-options-item .edit-menu { + margin: -6px -95px; + display: none; + float: left; + z-index: 10; + position: absolute; + font-size: 13px; + white-space: nowrap; + background-color: #FFF; + border-radius: 2px; + width: 121px; + padding: 10px 0 10px 0; + border: 1px solid #D0D0D0; +} + +.notes-manage-options-item .edit-menu .item { + cursor: pointer; + padding: 8px 20px; + font-size: 24px; + white-space: nowrap; + cursor: pointer; + font-size: 13px; + white-space: nowrap; + color: #474747; +} + +.notes-manage-options-item .edit-menu .item:hover { background-color: #F3F3F3; } + +.notes-manage-options-item .edit-menu::before { + border: 4px solid rgba(194, 225, 245, 0); + border-bottom-color: #FFF; + right: 7px; + top: -8px; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + z-index: 2; +} + +.notes-manage-options-item .edit-menu .fa { margin-right: 7px; } -.notes-manage-options-item .edit-menu:after { - border: 5px solid rgba(194, 225, 245, 0); - border-bottom-color: #d0d0d0; - right: 6px; - top: -10px; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - z-index: 1; -} - -.routename-graphNotes .filter1-segmentation {outline: none;} -.graph-notes-popup {border:none !important;} -.graph-note-popup { background-color: #f9f9f9; min-width:400px;} + +.notes-manage-options-item .edit-menu::after { + border: 5px solid rgba(194, 225, 245, 0); + border-bottom-color: #D0D0D0; + right: 6px; + top: -10px; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + z-index: 1; +} + +.routename-graphNotes .filter1-segmentation { outline: none; } + +.graph-notes-popup { border: none !important; } + +.graph-note-popup { background-color: #F9F9F9; min-width: 400px; } + .graph-note-popup .title { height: 70px; - background-color: #ffffff; - font: 25px Ubuntu,Helvetica,sans-serif; + background-color: #FFF; + font: 25px Ubuntu, Helvetica, sans-serif; color: #636363; float: left; font-weight: 400; @@ -3428,28 +4865,41 @@ color:#E95C6C; transition:color 1s; width: 100%; margin-top: -18px; } -.graph-note-popup .title span { margin-left: 20px;} -.graph-note-popup .popup-content {margin: 10px 20px; padding-top: 70px;} -.graph-note-popup .note-time { color: #9c9c9c; font-weight: 300; font-size: 12px; line-height: 19px; display: inline-block; margin-top:8px;} -.graph-note-popup .note-content { margin-top: 10px; color: #636363; font-size:14px; font-weight: 400; } -.graph-note-popup .note-app { float: right; color: #9c9c9c; display: inline-block; font-size: 12px; margin-top: 8px;} -.graph-note-popup .note-footer { color: #9c9c9c; font-size: 12px; margin-top: 20px;} -.graph-note-popup .note-footer .note-type {text-transform: capitalize;} -.graph-note-popup .note:not(:last-child){ padding-bottom:10px; padding-bottom: 10px;border-bottom: 0.2px solid #DEDEDE; } -.graph-note-popup .popup-footer { height: 70px; background-color: #fff; } + +.graph-note-popup .title span { margin-left: 20px; } + +.graph-note-popup .popup-content { margin: 10px 20px; padding-top: 70px; } + +.graph-note-popup .note-time { color: #9C9C9C; font-weight: 300; font-size: 12px; line-height: 19px; display: inline-block; margin-top: 8px; } + +.graph-note-popup .note-content { margin-top: 10px; color: #636363; font-size: 14px; font-weight: 400; } + +.graph-note-popup .note-app { float: right; color: #9C9C9C; display: inline-block; font-size: 12px; margin-top: 8px; } + +.graph-note-popup .note-footer { color: #9C9C9C; font-size: 12px; margin-top: 20px; } + +.graph-note-popup .note-footer .note-type { text-transform: capitalize; } + +.graph-note-popup .note:not(:last-child) { padding-bottom: 10px; padding-bottom: 10px; border-bottom: 0.2px solid #DEDEDE; } + +.graph-note-popup .popup-footer { height: 70px; background-color: #FFF; } + .graph-note-popup .popup-footer .close-note-popup-button { border: 1px solid #DEDEDE; float: right; margin-right: 20px; margin-top: 20px; } + .note-table-view-navigator { color: #636363; } + .routename-graphNotes .dataTable-top { - border-top-left-radius: 0px; - border-top-right-radius: 0px; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .note-type-tip-title { text-transform: uppercase; text-align: left; @@ -3457,6 +4907,7 @@ color:#E95C6C; transition:color 1s; margin: 5px 0 0 5px; color: #D0D0D0; } + .note-type-tip-content { text-align: left; font-size: 10px; @@ -3465,27 +4916,27 @@ color:#E95C6C; transition:color 1s; } .model { - display:none; - position:fixed; - left:50%; - top:50%; - background-color:#FFF; - z-index:10001; - text-align:center; - max-width:700px; - color:#717171; - width:660px; - border:none; + display: none; + position: fixed; + left: 50%; + top: 50%; + background-color: #FFF; + z-index: 10001; + text-align: center; + max-width: 700px; + color: #717171; + width: 660px; + border: none; border-radius: 2px; - padding:0px; + padding: 0; box-sizing: border-box; - box-shadow: 0 2px 14px 0 rgba(0,0,0,0.25); + box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25); } .model .body { height: 430px; text-align: left; - background-color: #f9f9f9; + background-color: #F9F9F9; padding: 20px; } @@ -3494,31 +4945,31 @@ color:#E95C6C; transition:color 1s; color: #636363; width: 100%; box-sizing: border-box; - top: 0px; - font-size:20px; - text-align:left; - margin: 0px; + top: 0; + font-size: 20px; + text-align: left; + margin: 0; font-weight: normal; } .model .buttons { text-align: right; - overflow:auto; + overflow: auto; width: 100%; - margin: 0px; + margin: 0; padding: 15px 15px 11px; box-sizing: border-box; } .model #model-continue { - background-color:#2EB52B; - color:#ffffff; - border-radius:2px; + background-color: #2EB52B; + color: #FFF; + border-radius: 2px; } .model #model-cancel { - background-color: #fff; - color:#929292; + background-color: #FFF; + color: #929292; text-decoration: underline; } @@ -3528,60 +4979,93 @@ color:#E95C6C; transition:color 1s; padding: 12px; box-shadow: none; display: inline-block; - margin:0; + margin: 0; background-color: none; } -.model .details { height:100%; float:none; overflow-y:auto; padding: 0px 20px; } +.model .details { height: 100%; float: none; overflow-y: auto; padding: 0 20px; } + .model .details .section { margin-bottom: 25px; } -.model .details .section .label { font-size: 12px; margin-bottom: 8px; color:#636363; } -.model .details .section > .description { font-size: 11px; margin-top: 4px; color: #9c9c9c; line-height: 17px; } -.model .details .section input[type=text].input { width: 100%; box-sizing: border-box; border-radius: 2px; border: 1px solid #d6d6d6; outline: none; padding: 7px; font-size: 12px; } -.model .details .section .colors .color { border-radius:2px; float:left; width:20px; height: 20px; position: relative; margin-right: 10px; cursor: pointer; } -.model .details .section .colors .color.selected:after { font-family: 'Ionicons'; content: "\f3fd"; position: absolute; top: -2px; font-size: 23px; color: #fff; left: 5px; } -.model .details .section .colors .color.alt1 { background-color: #6fa3ef; } -.model .details .section .colors .color.alt2 { background-color: #55bdb9; } -.model .details .section .colors .color.alt3 { background-color: #ef8800; } -.model .details .section .colors .color.alt4 { background-color: #ae83d2; } -.model .panel { background-color: #ffffff; border: 1px solid #D0D0D0; font-size: 13px; border-radius: 2px; } + +.model .details .section .label { font-size: 12px; margin-bottom: 8px; color: #636363; } + +.model .details .section > .description { font-size: 11px; margin-top: 4px; color: #9C9C9C; line-height: 17px; } + +.model .details .section input[type=text].input { width: 100%; box-sizing: border-box; border-radius: 2px; border: 1px solid #D6D6D6; outline: none; padding: 7px; font-size: 12px; } + +.model .details .section .colors .color { border-radius: 2px; float: left; width: 20px; height: 20px; position: relative; margin-right: 10px; cursor: pointer; } + +.model .details .section .colors .color.selected::after { font-family: 'Ionicons'; content: "\f3fd"; position: absolute; top: -2px; font-size: 23px; color: #FFF; left: 5px; } + +.model .details .section .colors .color.alt1 { background-color: #6FA3EF; } + +.model .details .section .colors .color.alt2 { background-color: #55BDB9; } + +.model .details .section .colors .color.alt3 { background-color: #EF8800; } + +.model .details .section .colors .color.alt4 { background-color: #AE83D2; } + +.model .panel { background-color: #FFF; border: 1px solid #D0D0D0; font-size: 13px; border-radius: 2px; } + .model .panel .panel-heading { padding: 8px 20px; background-color: #ECECEC; color: #636363; text-transform: uppercase; border-bottom: 1px solid #D0D0D0; font-weight: 500; } + .model .panel .panel-body { padding: 20px; position: relative; } .model .details .section input::placeholder { - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; } + .model .details .section input::-webkit-input-placeholder { - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; } + .model .details .section input::-moz-placeholder { - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; } + .model .details .section input:-ms-input-placeholder { - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; } + .model .details .section input { - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; color: #444; } -.json-dialog { display:none; position:fixed; max-width:600px; left:50%; top:50%; background-color:#FFF; border:1px solid #999; border-radius:2px; z-index:10001; } -.json-dialog .header { padding: 20px; padding-bottom: 10px; box-shadow: 0px 5px 10px #d2d1d170; overflow: auto; position: relative; z-index: 10000; } +.json-dialog { display: none; position: fixed; max-width: 600px; left: 50%; top: 50%; background-color: #FFF; border: 1px solid #999; border-radius: 2px; z-index: 10001; } + +.json-dialog .header { padding: 20px; padding-bottom: 10px; box-shadow: 0 5px 10px #D2D1D170; overflow: auto; position: relative; z-index: 10000; } + .json-dialog .body { height: 400px; overflow: scroll; text-align: left; } -.json-dialog .title { padding-bottom: 13px; border-bottom: 2px solid #d2d1d170; } -.json-dialog .buttons { text-align: right; overflow:auto; padding:0; } -.json-dialog .buttons .icon-button { float:right; } + +.json-dialog .title { padding-bottom: 13px; border-bottom: 2px solid #D2D1D170; } + +.json-dialog .buttons { text-align: right; overflow: auto; padding: 0; } + +.json-dialog .buttons .icon-button { float: right; } + .json-dialog .json-options { margin-top: 15px; } + .json-dialog .json-status { font-size: 13px; float: left; } + .json-dialog .valid-json .material-icons { color: #2EB52B; vertical-align: middle; margin-top: -5px; } + .json-dialog .invalid-json .material-icons { color: #D63E40; vertical-align: middle; margin-top: -5px; } -.json-dialog.popStyleGreen{ text-align:center; color:#717171; width:600px; border:none; border-radius: 2px; padding:0px; max-width:600px; box-sizing: border-box; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.25);} -.json-dialog.popStyleGreen .title{ color:#636363; font-size:20px; text-align:left; margin: 0px; font-weight: normal; } -.json-dialog.popStyleGreen #dialog-continue { background-color:#2EB52B;color:#ffffff; border-radius:2px; } -.json-dialog.popStyleGreen #dialog-cancel{ background-color:none; color:#929292; text-decoration: underline; background-color:#ffffff;} -.json-dialog.popStyleGreen #dialog-format{ background-color:none; color:#929292; background-color:#ffffff; border: 1px solid #d2d1d170; padding: 5px 10px; float: right; margin-top: -5px; } -.json-dialog.popStyleGreen .icon-button { float:none; border:none; padding:12px; box-shadow:none; display: inline-block; margin:0; } -.json-dialog.popStyleGreen .buttons { margin: 0px; padding: 10px; padding-right: 15px; border-top: 2px solid #d2d1d170; } +.json-dialog.popStyleGreen { text-align: center; color: #717171; width: 600px; border: none; border-radius: 2px; padding: 0; max-width: 600px; box-sizing: border-box; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25); } + +.json-dialog.popStyleGreen .title { color: #636363; font-size: 20px; text-align: left; margin: 0; font-weight: normal; } + +.json-dialog.popStyleGreen #dialog-continue { background-color: #2EB52B; color: #FFF; border-radius: 2px; } + +.json-dialog.popStyleGreen #dialog-cancel { background-color: none; color: #929292; text-decoration: underline; background-color: #FFF; } + +.json-dialog.popStyleGreen #dialog-format { background-color: none; color: #929292; background-color: #FFF; border: 1px solid #D2D1D170; padding: 5px 10px; float: right; margin-top: -5px; } + +.json-dialog.popStyleGreen .icon-button { float: none; border: none; padding: 12px; box-shadow: none; display: inline-block; margin: 0; } + +.json-dialog.popStyleGreen .buttons { margin: 0; padding: 10px; padding-right: 15px; border-top: 2px solid #D2D1D170; } + .json-braces { position: absolute; right: 7px; @@ -3589,46 +5073,71 @@ color:#E95C6C; transition:color 1s; cursor: pointer; top: 7px; } + .highlighted-app-item { - background-color: #ebebeb; + background-color: #EBEBEB; } -.routename-loyalty #label-container .labels { position: relative; margin-top:20px; width:100%; text-align:center; } -.routename-loyalty #label-container .label { cursor:pointer; overflow:hidden; max-width:128px; margin:2px 10px; position: relative; display: inline-block; } -.routename-loyalty #label-container .label.hidden { opacity:0.3; } -.routename-loyalty #label-container .label .color { float:left; margin-right:8px; height:15px; width:15px; border-radius:1px; } -.routename-loyalty #label-container .label .text { float:left; font: 13px Ubuntu; line-height:111%; color:#666; max-width:105px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} +.routename-loyalty #label-container .labels { position: relative; margin-top: 20px; width: 100%; text-align: center; } + +.routename-loyalty #label-container .label { cursor: pointer; overflow: hidden; max-width: 128px; margin: 2px 10px; position: relative; display: inline-block; } + +.routename-loyalty #label-container .label.hidden { opacity: 0.3; } + +.routename-loyalty #label-container .label .color { float: left; margin-right: 8px; height: 15px; width: 15px; border-radius: 1px; } + +.routename-loyalty #label-container .label .text { float: left; font: 13px Ubuntu; line-height: 111%; color: #666; max-width: 105px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zoom { width: 102px; display: flex; margin: 0 auto; margin-top: -18px; } -.zoom *:before { content: none; position: initial; } + +.zoom *::before { content: none; position: initial; } + .zoom .zoom-button { visibility: hidden; user-select: none; cursor: pointer; padding: 4px 10px 3px 10px; font-size: 14px; font-family: "Ionicons"; position: relative !important; margin: 0; color: #666; background-color: rgba(0, 0, 0, 0.05); border: solid 1px rgba(0, 0, 0, 0.1); } + .zoom .zoom-button:hover { opacity: 0.7; } + .zoom .zoom-out { border-radius: 100px 0 0 100px; text-align: right; padding-left: 12px; } -.zoom .zoom-out:before { content: "\f209"; } + +.zoom .zoom-out::before { content: "\f209"; } + .zoom .zoom-reset { text-align: center; padding-left: 11px; border-left: none; border-right: none; } -.zoom .zoom-reset:before { content: "\f21c"; } + +.zoom .zoom-reset::before { content: "\f21c"; } + .zoom .zoom-in { border-radius: 0 100px 100px 0; text-align: left; padding-right: 12px; } -.zoom .zoom-in:before { content: "\f218"; } + +.zoom .zoom-in::before { content: "\f218"; } + .graph.pannable { cursor: grab; } + *:not(.hide-zoom):hover > .zoom .zoom-button { visibility: visible; } + #dashboard-export-graph .zoom { margin-top: 18px; } + #dashboard-purge-graph .zoom { margin-top: 18px; } .routename-user .zoom { margin-top: -25px; } + .routename-sessions .zoom { margin-top: -25px; } -.routename-events #event-main .events-general-description:empty ~ .widget-content > .zoom { margin-top: -45px } -.routename-events #event-main .events-general-description ~ .widget-content > .zoom { margin-top: -10px } + +.routename-events #event-main .events-general-description:empty ~ .widget-content > .zoom { margin-top: -45px; } + +.routename-events #event-main .events-general-description ~ .widget-content > .zoom { margin-top: -10px; } + .routename-revenue .zoom { margin-top: -12px; } + .routename-attribution .zoom { margin-top: -25px; } + .routename-compliance .zoom { margin-top: -12px; } -.routename-messagingDashboardView .zoom { left: calc(50% - 51px); position: absolute; z-index: 999; top: 7%;} + +.routename-messagingDashboardView .zoom { left: calc(50% - 51px); position: absolute; z-index: 999; top: 7%; } .cly-breadcrumbs { - padding: 0px 0px 20px 0px; + padding: 0 0 20px 0; } .cly-breadcrumbs ul { - padding: 0px; + padding: 0; list-style: none; } @@ -3637,26 +5146,26 @@ color:#E95C6C; transition:color 1s; font-size: 18px; } -.cly-breadcrumbs ul li+li:before { +.cly-breadcrumbs ul li + li::before { padding: 8px; content: "\f125"; font-family: 'Ionicons'; font-size: 8px; vertical-align: middle; - color: #5f5f5f; + color: #5F5F5F; } .cly-breadcrumbs ul li a { text-decoration: none; font-size: 13px; text-transform: uppercase; - color: #5f5f5f; + color: #5F5F5F; } .cly-breadcrumbs ul li a:hover { text-decoration: underline; } -.clip { max-height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} -.clip.nothing { color: #bbb;} +.clip { max-height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } +.clip.nothing { color: #BBB; } diff --git a/frontend/express/public/stylesheets/pre-login/main.css b/frontend/express/public/stylesheets/pre-login/main.css index 0317f8cd8dc..6daccf93335 100644 --- a/frontend/express/public/stylesheets/pre-login/main.css +++ b/frontend/express/public/stylesheets/pre-login/main.css @@ -1,144 +1,201 @@ @font-face { - font-family: 'Ubuntu'; - font-weight: 400; - font-style: normal; - src: url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.eot'); - src: url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'), - local('Ubuntu'), - local('Ubuntu-Regular'), - url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.woff2') format('woff2'), - url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.woff') format('woff'), - url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.ttf') format('truetype'), - url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.svg#Ubuntu') format('svg'); + font-family: 'Ubuntu'; + font-weight: 400; + font-style: normal; + src: url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.eot'); + src: + url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'), + local('Ubuntu'), + local('Ubuntu-Regular'), + url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.woff2') format('woff2'), + url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.woff') format('woff'), + url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.ttf') format('truetype'), + url('../../fonts/Ubuntu-Regular/Ubuntu-Regular.svg#Ubuntu') format('svg'); } @font-face { - font-family: 'Ubuntu'; - font-weight: 500; - font-style: normal; - src: url('../../fonts/Ubuntu-500/Ubuntu-500.eot'); - src: url('../../fonts/Ubuntu-500/Ubuntu-500.eot?#iefix') format('embedded-opentype'), - local('Ubuntu Medium'), - local('Ubuntu-500'), - url('../../fonts/Ubuntu-500/Ubuntu-500.woff2') format('woff2'), - url('../../fonts/Ubuntu-500/Ubuntu-500.woff') format('woff'), - url('../../fonts/Ubuntu-500/Ubuntu-500.ttf') format('truetype'), - url('../../fonts/Ubuntu-500/Ubuntu-500.svg#Ubuntu') format('svg'); + font-family: 'Ubuntu'; + font-weight: 500; + font-style: normal; + src: url('../../fonts/Ubuntu-500/Ubuntu-500.eot'); + src: + url('../../fonts/Ubuntu-500/Ubuntu-500.eot?#iefix') format('embedded-opentype'), + local('Ubuntu Medium'), + local('Ubuntu-500'), + url('../../fonts/Ubuntu-500/Ubuntu-500.woff2') format('woff2'), + url('../../fonts/Ubuntu-500/Ubuntu-500.woff') format('woff'), + url('../../fonts/Ubuntu-500/Ubuntu-500.ttf') format('truetype'), + url('../../fonts/Ubuntu-500/Ubuntu-500.svg#Ubuntu') format('svg'); } @font-face { - font-family: 'Ubuntu'; - font-weight: 400; - font-style: italic; - src: url('../../fonts/Ubuntu-italic/Ubuntu-italic.eot'); - src: url('../../fonts/Ubuntu-italic/Ubuntu-italic.eot?#iefix') format('embedded-opentype'), - local('Ubuntu Italic'), - local('Ubuntu-italic'), - url('../../fonts/Ubuntu-italic/Ubuntu-italic.woff2') format('woff2'), - url('../../fonts/Ubuntu-italic/Ubuntu-italic.woff') format('woff'), - url('../../fonts/Ubuntu-italic/Ubuntu-italic.ttf') format('truetype'), - url('../../fonts/Ubuntu-italic/Ubuntu-italic.svg#Ubuntu') format('svg'); + font-family: 'Ubuntu'; + font-weight: 400; + font-style: italic; + src: url('../../fonts/Ubuntu-italic/Ubuntu-italic.eot'); + src: + url('../../fonts/Ubuntu-italic/Ubuntu-italic.eot?#iefix') format('embedded-opentype'), + local('Ubuntu Italic'), + local('Ubuntu-italic'), + url('../../fonts/Ubuntu-italic/Ubuntu-italic.woff2') format('woff2'), + url('../../fonts/Ubuntu-italic/Ubuntu-italic.woff') format('woff'), + url('../../fonts/Ubuntu-italic/Ubuntu-italic.ttf') format('truetype'), + url('../../fonts/Ubuntu-italic/Ubuntu-italic.svg#Ubuntu') format('svg'); } @font-face { - font-family: 'Ubuntu'; - font-weight: 500; - font-style: italic; - src: url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.eot'); - src: url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.eot?#iefix') format('embedded-opentype'), - local('Ubuntu Medium Italic'), - local('Ubuntu-500italic'), - url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.woff2') format('woff2'), - url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.woff') format('woff'), - url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.ttf') format('truetype'), - url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.svg#Ubuntu') format('svg'); + font-family: 'Ubuntu'; + font-weight: 500; + font-style: italic; + src: url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.eot'); + src: + url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.eot?#iefix') format('embedded-opentype'), + local('Ubuntu Medium Italic'), + local('Ubuntu-500italic'), + url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.woff2') format('woff2'), + url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.woff') format('woff'), + url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.ttf') format('truetype'), + url('../../fonts/Ubuntu-500italic/Ubuntu-500italic.svg#Ubuntu') format('svg'); } -body { padding:20px; background-color:#0B131A; font-family:Ubuntu,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -input { outline:none; } -input[type=text], input[type=password], input[type=email] { font:15px Ubuntu,Helvetica,sans-serif; border-radius:3px; border:none; padding:10px; background-color:#FFF; color:#CCC; width:206px; margin:0 0 8px 0; } -input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus { outline:none; color:#666; } -a { color:inherit; text-decoration:none; } -a:visited { color:inherit; } -a:hover { color:inherit; } -a:active { color:inherit; } -#login-form { text-align:center; width:480px; height:270px; margin-left:-240px; left:50%; top:50%; margin-top:-135px; position:absolute; } -#login-left { margin-right:30px; padding-right:30px; height:100%; float:left; } -#forgot-form { width:420px; height:218px; margin-left:-210px; left:50%; top:50%; margin-top:-109px; position:absolute; } -#forgot-left { margin-bottom:28px; } -#reset-form { width:704px; height:174px; margin-left:-352px; left:50%; top:50%; margin-top:-87px; position:absolute; } -#login-button { line-height:14px !important; font:14px Ubuntu,Helvetica,sans-serif; border:none; border-radius:3px; padding: 11px 26px 12px 26px; background-color:#2FA732; color:#FFF; font-weight:400; cursor:pointer; width:226px; margin-top:10px; } - #login-button:hover { background-color: #2f9732; } - #login-button:active { } - #forgot-form #login-button { margin-top:0; width: 123px;} -#top-container { position:absolute; top:20px; right:20px; min-width: 200px; z-index: 1; } -#top-left-container { position:absolute; top:20px; left:20px; min-width: 200px; z-index: 1; } -.top-button { float:right; margin-left:5px; color:#6F6F6F; padding:9px 20px; display:block; background-color:#02060B; border-radius:4px; cursor:pointer; font-size:14px; } - .top-button:hover { background-color: #000; } - .top-button:active { background:#000; } - a.top-button:visited { color:#6F6F6F; } - a.top-button:hover { color:#6F6F6F; } - a.top-button:active { color:#6F6F6F; } - #top-left-container .top-button {float: left;} -#select-lang { padding:9px 10px; } - #select-lang.active #langs { display:block; } - #select-lang.active { background:#02060B; } - #select-lang.active:hover { background:#02060B; } - #select-lang.active:active { background:#02060B; } - #select-lang .item { padding-bottom:3px; padding-top:3px; cursor:pointer; display:block; font-size:12px; } - #select-lang .item:hover { color:#A2A2A2; } -#active-lang { text-align:right; } - #langs { display:none; margin-top:8px; } - #langs .group { float:left; margin-right:17px; } - #langs .group:last-child { margin-right:0; } -#login-logo { margin:0 auto; width:165px; height:50px; background-image:url('../../images/pre-login/countly-logo.svg'); background-repeat: no-repeat; background-size: contain; } -#forgot-logo { margin:0 auto; width:180px; height:55px; background-image:url('../../images/pre-login/countly-logo.svg'); background-repeat: no-repeat; background-size: contain; } -#create-account { overflow:auto; } - #create-account div { float:left; margin-right:10px; } - #create-account div:last-child { margin-right:0; } -#message { position:absolute; top:50px; text-align:center; left:50%; width:400px; margin-left:-200px; color:#A7A7A7; font:18px Ubuntu,Helvetica,sans-serif; } -#forgot-password { color:#666; font-size:13px; cursor:pointer; transition:color 1s; } - #forgot-password:hover { color:#2f9732; transition:color 1s; } - -body.mobile { padding-top:0; min-height:300px; } - -.mobile #login-form { background-image: none; height:210px; width:300px; margin-left:-150px; margin-top:-105px; } + +body { padding: 20px; background-color: #0B131A; font-family: Ubuntu, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + +input { outline: none; } + +input[type=text],input[type=password],input[type=email] { font: 15px Ubuntu, Helvetica, sans-serif; border-radius: 3px; border: none; padding: 10px; background-color: #FFF; color: #CCC; width: 206px; margin: 0 0 8px 0; } + +input[type=text]:active,input[type=text]:focus,input[type=password]:active,input[type=password]:focus { outline: none; color: #666; } + +a { color: inherit; text-decoration: none; } + +a:visited { color: inherit; } + +a:hover { color: inherit; } + +a:active { color: inherit; } + +#login-form { text-align: center; width: 480px; height: 270px; margin-left: -240px; left: 50%; top: 50%; margin-top: -135px; position: absolute; } + +#login-left { margin-right: 30px; padding-right: 30px; height: 100%; float: left; } + +#forgot-form { width: 420px; height: 218px; margin-left: -210px; left: 50%; top: 50%; margin-top: -109px; position: absolute; } + +#forgot-left { margin-bottom: 28px; } + +#reset-form { width: 704px; height: 174px; margin-left: -352px; left: 50%; top: 50%; margin-top: -87px; position: absolute; } + +#login-button { line-height: 14px !important; font: 14px Ubuntu, Helvetica, sans-serif; border: none; border-radius: 3px; padding: 11px 26px 12px 26px; background-color: #2FA732; color: #FFF; font-weight: 400; cursor: pointer; width: 226px; margin-top: 10px; } + +#login-button:hover { background-color: #2F9732; } + +#login-button:active { } + +#forgot-form #login-button { margin-top: 0; width: 123px; } + +#top-container { position: absolute; top: 20px; right: 20px; min-width: 200px; z-index: 1; } + +#top-left-container { position: absolute; top: 20px; left: 20px; min-width: 200px; z-index: 1; } + +.top-button { float: right; margin-left: 5px; color: #6F6F6F; padding: 9px 20px; display: block; background-color: #02060B; border-radius: 4px; cursor: pointer; font-size: 14px; } + +.top-button:hover { background-color: #000; } + +.top-button:active { background: #000; } + +a.top-button:visited { color: #6F6F6F; } + +a.top-button:hover { color: #6F6F6F; } + +a.top-button:active { color: #6F6F6F; } + +#top-left-container .top-button { float: left; } + +#select-lang { padding: 9px 10px; } + +#select-lang.active #langs { display: block; } + +#select-lang.active { background: #02060B; } + +#select-lang.active:hover { background: #02060B; } + +#select-lang.active:active { background: #02060B; } + +#select-lang .item { padding-bottom: 3px; padding-top: 3px; cursor: pointer; display: block; font-size: 12px; } + +#select-lang .item:hover { color: #A2A2A2; } + +#active-lang { text-align: right; } + +#langs { display: none; margin-top: 8px; } + +#langs .group { float: left; margin-right: 17px; } + +#langs .group:last-child { margin-right: 0; } + +#login-logo { margin: 0 auto; width: 165px; height: 50px; background-image: url('../../images/pre-login/countly-logo.svg'); background-repeat: no-repeat; background-size: contain; } + +#forgot-logo { margin: 0 auto; width: 180px; height: 55px; background-image: url('../../images/pre-login/countly-logo.svg'); background-repeat: no-repeat; background-size: contain; } + +#create-account { overflow: auto; } + +#create-account div { float: left; margin-right: 10px; } + +#create-account div:last-child { margin-right: 0; } + +#message { position: absolute; top: 50px; text-align: center; left: 50%; width: 400px; margin-left: -200px; color: #A7A7A7; font: 18px Ubuntu, Helvetica, sans-serif; } + +#forgot-password { color: #666; font-size: 13px; cursor: pointer; transition: color 1s; } + +#forgot-password:hover { color: #2F9732; transition: color 1s; } + +body.mobile { padding-top: 0; min-height: 300px; } + +.mobile #login-form { background-image: none; height: 210px; width: 300px; margin-left: -150px; margin-top: -105px; } + .mobile #login-logo { margin: 0 auto; } -.mobile #login-left { float:none; margin:0 auto; margin-bottom:30px; padding:0; width:250px; text-align: center; } -.mobile #login-right { margin:0 auto; width:250px; text-align: center; } + +.mobile #login-left { float: none; margin: 0 auto; margin-bottom: 30px; padding: 0; width: 250px; text-align: center; } + +.mobile #login-right { margin: 0 auto; width: 250px; text-align: center; } + #error-message { - padding-top: 100px; - height: 40px; - text-align: center; - color: #ED6262; + padding-top: 100px; + height: 40px; + text-align: center; + color: #ED6262; } + #password-requirements { text-align: left; color: #A7A7A7; - font: 12px Ubuntu,Helvetica,sans-serif; + font: 12px Ubuntu, Helvetica, sans-serif; padding-left: 90px; - margin-top:-10px; + margin-top: -10px; } + #password-requirements ul { margin-top: -6px; padding-left: 12px; - width:300px; + width: 300px; color: #FFF; } -#password-requirements ul li { margin-bottom: 4px;} -.register-form #login-button {width: 300px;} +#password-requirements ul li { margin-bottom: 4px; } + +.register-form #login-button { width: 300px; } -.register-form input[type=text], .register-form input[type=password],.register-form input[type=email] { font:15px Ubuntu,Helvetica,sans-serif; border-radius:3px; border:none; padding:12px; background-color:#FFF; color:#CCC; width:280px; margin:0 0 16px 0; } +.register-form input[type=text],.register-form input[type=password],.register-form input[type=email] { font: 15px Ubuntu, Helvetica, sans-serif; border-radius: 3px; border: none; padding: 12px; background-color: #FFF; color: #CCC; width: 280px; margin: 0 0 16px 0; } + +.register-form .passwd-check-pass { color: #2FA732; } -.register-form .passwd-check-pass {color:#2FA732} .register-form .hint-password-good { - color: #fff; + color: #FFF; width: 280px; margin: 12px 0 12px 0; text-align: center; } + .register-form .password-hint-valid { - color:#A7A7A7; - transition:all 0.25s ease-in-out 0s; + color: #A7A7A7; + transition: all 0.25s ease-in-out 0s; } - diff --git a/package.json b/package.json index a33e6829b08..6d384bcd05b 100644 --- a/package.json +++ b/package.json @@ -23,9 +23,13 @@ "grunt-eslint": "^23.0.0", "grunt-mocha-nyc": "^1.0.3", "grunt-mocha-test": "0.13.3", + "grunt-stylelint": "^0.15.0", "mocha": "^8.0.1", "nyc": "^15.0.0", "should": "13.2.3", + "stylelint": "^13.6.1", + "stylelint-config-standard": "^20.0.0", + "stylelint-no-unsupported-browser-features": "^4.0.0", "supertest": "4.0.2" }, "scripts": { diff --git a/plugins/alerts/frontend/public/stylesheets/main.css b/plugins/alerts/frontend/public/stylesheets/main.css index 161212c40b2..f3f3dfaec3a 100644 --- a/plugins/alerts/frontend/public/stylesheets/main.css +++ b/plugins/alerts/frontend/public/stylesheets/main.css @@ -1,71 +1,108 @@ -#alert-widget-drawer { width:715px; transform: translateX(715px); } +#alert-widget-drawer { width: 715px; transform: translateX(715px); } + #alert-widget-drawer.open { transform: translateX(0); } #alert-widget-drawer #alert-widget-drawer-edit-title { display: none; } + #alert-widget-drawer #save-widget { display: none; } + #alert-widget-drawer #alert-widget-drawer-create-title { display: block; } + #alert-widget-drawer #create-widget { display: block; } #alert-widget-drawer.editing #create-widget { display: none; } + #alert-widget-drawer.editing #save-widget { display: block; } #alert-view .cly-button-menu-group { position: relative; } -#alert-view .cly-button-menu-group .icon-button { border-bottom-right-radius: 0; border-top-right-radius: 0; margin:0; float:left; } -#alert-view .cly-button-menu-group .cly-button-menu-trigger { cursor:pointer; border-bottom-right-radius: 2px; border-top-right-radius: 2px; display: inline-block; float:left; margin-left: 1px; font-size:10px; line-height: 20px; padding: 4px 8px; } + +#alert-view .cly-button-menu-group .icon-button { border-bottom-right-radius: 0; border-top-right-radius: 0; margin: 0; float: left; } + +#alert-view .cly-button-menu-group .cly-button-menu-trigger { cursor: pointer; border-bottom-right-radius: 2px; border-top-right-radius: 2px; display: inline-block; float: left; margin-left: 1px; font-size: 10px; line-height: 20px; padding: 4px 8px; } + #alert-view .cly-button-menu-group .cly-button-menu-trigger:hover { opacity: 0.8; } -#alert-view .cly-button-menu-group.green .cly-button-menu-trigger { background-color: #2EB52B; color:#FFF; } -#alert-view .cly-button-menu-group .cly-button-menu-trigger:after { font-family: 'Ionicons'; content: "\f3d0"; } + +#alert-view .cly-button-menu-group.green .cly-button-menu-trigger { background-color: #2EB52B; color: #FFF; } + +#alert-view .cly-button-menu-group .cly-button-menu-trigger::after { font-family: 'Ionicons'; content: "\f3d0"; } + #alert-view .cly-button-menu-group .cly-button-menu-trigger.active { opacity: 0.8; } -#alert-view .cly-button-menu-group .cly-button-menu-trigger.active:after { font-family: 'Ionicons'; content: "\f3d8"; } + +#alert-view .cly-button-menu-group .cly-button-menu-trigger.active::after { font-family: 'Ionicons'; content: "\f3d8"; } + #alert-view .cly-button-menu-group .cly-button-menu-trigger.active + .cly-button-menu { opacity: 1; transition: opacity 0.2s; z-index: 2; } -#alert-view .cly-button-menu-group .cly-button-menu { padding:10px 0; opacity: 0; transition: opacity 0.3s, z-index 3s; z-index: -1; position: absolute; background-color: #FFF; right:0; top:37px; border-radius: 2px; } -#alert-view .cly-button-menu-group .cly-button-menu .item { cursor:pointer; padding: 8px 20px; font-size: 13px; white-space: nowrap; color:#474747; } -#alert-view .cly-button-menu-group .cly-button-menu .item:hover { background-color: #f3f3f3; } -#alert-view .cly-button-menu-group .cly-button-menu:before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; top:-8px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } +#alert-view .cly-button-menu-group .cly-button-menu { padding: 10px 0; opacity: 0; transition: opacity 0.3s, z-index 3s; z-index: -1; position: absolute; background-color: #FFF; right: 0; top: 37px; border-radius: 2px; } + +#alert-view .cly-button-menu-group .cly-button-menu .item { cursor: pointer; padding: 8px 20px; font-size: 13px; white-space: nowrap; color: #474747; } + +#alert-view .cly-button-menu-group .cly-button-menu .item:hover { background-color: #F3F3F3; } + +#alert-view .cly-button-menu-group .cly-button-menu::before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; top: -8px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } + +#alert-view .cly-drawer .details .section .opts { overflow: auto; } + +#alert-view .cly-drawer .details .section .opts .opt { float: left; box-sizing: border-box; cursor: pointer; user-select: none; } -#alert-view .cly-drawer .details .section .opts { overflow:auto; } -#alert-view .cly-drawer .details .section .opts .opt { float:left; box-sizing: border-box; cursor:pointer; user-select: none; } #alert-view .cly-drawer .details .section .opts .opt.disabled { opacity: 0.5; cursor: default; } -#alert-view .cly-drawer .details .section .opts .opt .inner { border-radius:2px; background-color: #ececec; border:1px solid #d6d6d6; margin-left: 8px; padding: 10px; text-align: center; color: #6f6f6f; font-size: 12px; } + +#alert-view .cly-drawer .details .section .opts .opt .inner { border-radius: 2px; background-color: #ECECEC; border: 1px solid #D6D6D6; margin-left: 8px; padding: 10px; text-align: center; color: #6F6F6F; font-size: 12px; } + #alert-view .cly-drawer .details .section .opts .opt:first-child .inner { margin-left: 0; } -#alert-view .cly-drawer .details .section .opts .opt.selected .inner { background-color: #FFF; border-color: #2eb52b; } + +#alert-view .cly-drawer .details .section .opts .opt.selected .inner { background-color: #FFF; border-color: #2EB52B; } + #alert-view .cly-drawer .details .section .opts .opt .inner .icon { width: 35px; height: 35px; display: block; background-position: center; margin: 0 auto; margin-bottom: 5px; } + #alert-view .cly-drawer .details .section .opts .opt .inner .icon.time-series { background-image: url("/dashboards/images/time-series.svg"); } + #alert-view .cly-drawer .details .section .opts .opt .inner .icon.bar-chart { background-image: url("/dashboards/images/bar-chart.svg"); } + #alert-view .cly-drawer .details .section .opts .opt .inner .icon.number { background-image: url("/dashboards/images/number.svg"); } + #alert-view .cly-drawer .details .section .opts .opt .inner .icon.table { background-image: url("/dashboards/images/table.svg"); } -#alert-view .alert-hide-config { display: none; } +#alert-view .alert-hide-config { display: none; } + +#alert-view .options-item { position: relative; } + +#alert-view .options-item .edit { display: block; right: 10px; top: 0; font-size: 17px; cursor: pointer; color: #A7A7A7; padding: 7px 10px; line-height: 15px; background-color: rgba(255, 255, 255, 0.03); transition: background-color 1s; float: right; } + +#alert-view .options-item .edit::before { font-size: 20px; font-family: 'Ionicons'; content: "\f396"; } + +#alert-view .options-item .edit:hover { color: #6B6B6B; background-color: rgba(255, 255, 255, 0.06); transition: background-color 1s; } -#alert-view .options-item {position: relative;} -#alert-view .options-item .edit { display: block; right: 10px; top: 0; font-size: 17px; cursor: pointer; color: #a7a7a7; padding: 7px 10px; line-height: 15px; background-color: rgba(255,255,255,0.03); transition: background-color 1s;float:right; } -#alert-view .options-item .edit:before { font-size:20px; font-family: 'Ionicons'; content: "\f396"; } -#alert-view .options-item .edit:hover { color: #6B6B6B; background-color: rgba(255,255,255,0.06); transition: background-color 1s; } #alert-view .options-item:hover .edit { display: block; } + #alert-view .options-item .edit-menu { top: 30px; right: 5px; display: none; z-index: 10; - position:absolute; + position: absolute; font-size: 13px; white-space: nowrap; - background-color: #fff; + background-color: #FFF; border-radius: 2px; width: 106px; - padding:10px 0 10px 0; - border: 1px solid #d0d0d0; + padding: 10px 0 10px 0; + border: 1px solid #D0D0D0; } + #alerts-table .options-item .edit-menu .item { cursor: pointer; padding: 8px 20px; font-size: 24px; white-space: nowrap; - cursor:pointer; font-size: 13px; white-space: nowrap; color:#474747; } -#alerts-table .options-item .edit-menu .item:hover { background-color: #f3f3f3; } + cursor: pointer; + font-size: 13px; + white-space: nowrap; + color: #474747; +} -#alerts-table .options-item .edit-menu:before { +#alerts-table .options-item .edit-menu .item:hover { background-color: #F3F3F3; } + +#alerts-table .options-item .edit-menu::before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; @@ -78,9 +115,9 @@ z-index: 2; } -#alerts-table .options-item .edit-menu:after { +#alerts-table .options-item .edit-menu::after { border: 5px solid rgba(194, 225, 245, 0); - border-bottom-color: #d0d0d0; + border-bottom-color: #D0D0D0; right: 6px; top: -10px; content: " "; @@ -91,40 +128,39 @@ z-index: 1; } - - - - -#alert-view .data-saver-bar{ - width:100%; - height:60px; +#alert-view .data-saver-bar { + width: 100%; + height: 60px; bottom: 0; right: 0; position: fixed; z-index: 10000; - margin-left:250px; + margin-left: 250px; background-color: white; - box-shadow: 0px 0px 1px #807777; + box-shadow: 0 0 1px #807777; } + #alert-view .data-save-bar-remind { - float:left; + float: left; margin-left: 30px; color: gray; margin-top: 20px; } -#alert-view .data-saver-bar-hide{ - display:none + +#alert-view .data-saver-bar-hide { + display: none; } #alert-view .save-button-wrapper { margin-left: 350px; - } +} - #alert-view .data-saver-button { - float:right; - margin-right:25px; +#alert-view .data-saver-button { + float: right; + margin-right: 25px; margin-top: 18px; } + #alert-view .data-saver-cancel-button { float: right; margin-right: 5px; @@ -132,50 +168,54 @@ margin-top: 18px; } -#alerts-table th:nth-child(1) { - width:25%; +#alerts-table th:nth-child(1) { + width: 25%; } -#alerts-table th:nth-child(2) { - width:12%; + +#alerts-table th:nth-child(2) { + width: 12%; } -#alerts-table th:nth-child(3) { - width:18%; + +#alerts-table th:nth-child(3) { + width: 18%; } -#alerts-table th:nth-child(4) { - widows:25%; + +#alerts-table th:nth-child(4) { + widows: 25%; } -#alerts-table th:nth-child(5) { - width:15%; + +#alerts-table th:nth-child(5) { + width: 15%; } -#alerts-table th:nth-last-child(1) { + +#alerts-table th:nth-last-child(1) { width: 5%; } -[data-id ^= alerts] { +[data-id^=alerts] { cursor: default !important; } #alert-view .alert-big-numbers { border: 1px solid #D0D0D0; - margin-top: 0px; + margin-top: 0; } -#alert-view .alert-big-numbers .big-numbers:nth-child(1):after, -#alert-view .alert-big-numbers .big-numbers:nth-child(2):after { +#alert-view .alert-big-numbers .big-numbers:nth-child(1)::after,#alert-view .alert-big-numbers .big-numbers:nth-child(2)::after { content: " "; position: absolute; top: 10px; right: 0; bottom: 20px; width: 1px; - background:#D0D0D0; + background: #D0D0D0; } -#alerts-table_wrapper .save-table-data{ - display:none; +#alerts-table_wrapper .save-table-data { + display: none; } -#alerts-table_wrapper td{ +#alerts-table_wrapper td { padding-left: 10px; font-family: ubuntu; font-size: 12px; @@ -189,132 +229,127 @@ font-size: 13px; transition: none; color: #636363; - background-color: #fdfdfd !important; + background-color: #FDFDFD !important; } #alert-widget-drawer .panel { - min-width:550px; + min-width: 550px; } -#alert-widget-drawer .selectize-control.multi .selectize-input input{ +#alert-widget-drawer .selectize-control.multi .selectize-input input { font-size: 12px; } - #alert-view .single-target-dropdown-class { width: 40%; box-sizing: border-box; - margin-right:5px; + margin-right: 5px; } -#alert-view .single-target-dropdown-class2{ + +#alert-view .single-target-dropdown-class2 { width: 27%; - margin-right:5px; + margin-right: 5px; box-sizing: border-box; - } - -#alert-view .single-target2-class{ +#alert-view .single-target2-class { width: 24%; - margin-right:5px; + margin-right: 5px; box-sizing: border-box; } #alert-view .single-target-condition-dropdown-class { width: 35%; box-sizing: border-box; - margin-right:5px; + margin-right: 5px; } -#alert-view .single-event-target-condition-dropdown-class{ + +#alert-view .single-event-target-condition-dropdown-class { width: 40%; box-sizing: border-box; - margin-right:5px; + margin-right: 5px; } -#alert-view .single-target-condition-dropdown-class2{ +#alert-view .single-target-condition-dropdown-class2 { width: 27%; - margin-right:5px; + margin-right: 5px; box-sizing: border-box; - } -#alert-view .alert-compare-value-class{ +#alert-view .alert-compare-value-class { box-sizing: border-box; display: inline-block; position: absolute; margin-left: 3px; float: left; - } -#alert-view .alert-compare-value-class.disabled{ + +#alert-view .alert-compare-value-class.disabled { opacity: 0.4 !important; cursor: default; } -#alert-view .alert-compare-value-class input{ +#alert-view .alert-compare-value-class input { height: 27px; border: 1px solid #D0D0D0; border-radius: 2px; padding-left: 9px; color: #444; font-weight: normal; - font: 13px Ubuntu,Helvetica,sans-serif; - box-sizing:border-box; + font: 13px Ubuntu, Helvetica, sans-serif; + box-sizing: border-box; width: calc(100% - 40px); - } +} - #alert-view .alert-compare-value-class input::placeholder{ +#alert-view .alert-compare-value-class input::placeholder { padding: 6px 25px 6px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #444; font-weight: normal; - font: 13px Ubuntu,Helvetica,sans-serif; - line-height:0; - } + font: 13px Ubuntu, Helvetica, sans-serif; + line-height: 0; +} - #alert-view .alert-compare-value-class input:focus{ +#alert-view .alert-compare-value-class input:focus { outline: none; - } - +} - #alert-view .alert-compare-value-class:after { +#alert-view .alert-compare-value-class::after { content: "%"; position: absolute; top: 0; right: 50px; line-height: 27px; - color: #6d6d6d; + color: #6D6D6D; } -#alert-view .alert-compare-value-class2:after { + +#alert-view .alert-compare-value-class2::after { right: 50px !important; } -#alert-view .alert-compare-value-class input::-webkit-outer-spin-button, -#alert-view .alert-compare-value-class input::-webkit-inner-spin-button { +#alert-view .alert-compare-value-class input::-webkit-outer-spin-button,#alert-view .alert-compare-value-class input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } - -#alert-view .alert-compare-value-class2 input{ +#alert-view .alert-compare-value-class2 input { /* min-width: 110px !important; */ box-sizing: border-box; width: calc(100% - 40px) !important; } - -#single-app-dropdown{ +#single-app-dropdown { min-height: 32px; } -#alert-view .panel-heading .left{ +#alert-view .panel-heading .left { display: inline-block; } -#alert-view .panel-heading .right{ +#alert-view .panel-heading .right { display: inline-block; float: right; color: #928989; @@ -327,11 +362,11 @@ padding: 8px 9px; } -.edit-menu.alerts-menu .fa{ - margin-right: 7px; +.edit-menu.alerts-menu .fa { + margin-right: 7px; } #alert-widget-drawer .selectize-control.multi .selectize-input > div { padding: 6px 22px 6px 6px !important; line-height: 8px !important; -} \ No newline at end of file +} diff --git a/plugins/assistant/frontend/public/stylesheets/main.css b/plugins/assistant/frontend/public/stylesheets/main.css index 7086cbd2123..61bdaa84c65 100644 --- a/plugins/assistant/frontend/public/stylesheets/main.css +++ b/plugins/assistant/frontend/public/stylesheets/main.css @@ -1,61 +1,101 @@ -#assistant_container { top: 0; right: 0; width: 100%; height: 100%; overflow: auto; background-color: #fff; text-align: left; } +#assistant_container { top: 0; right: 0; width: 100%; height: 100%; overflow: auto; background-color: #FFF; text-align: left; } + +#assistant_container .assistant-tab { height: 100%; height: calc(100% - 47px); overflow: auto; box-sizing: border-box; padding-top: 0; margin-top: 1px; } -#assistant_container .assistant-tab { height:100%; height: calc(100% - 47px); overflow: auto; box-sizing: border-box; padding-top:0; margin-top: 1px;} #assistant_container .ui-tabs { height: 100%; overflow: hidden; } + #assistant_container .ui-tabs .ui-tabs-nav { height: 48px; } + #assistant_container .ui-tabs .ui-tabs-nav li { width: 33.33%; } -#assistant_container .assistant_notif { border-bottom: 1px solid #eee; padding: 20px 0; } +#assistant_container .assistant_notif { border-bottom: 1px solid #EEE; padding: 20px 0; } #assistant_container .ui-widget-content .assistant-tab a { color: #03BD4A; } #assistant_container .assistant_notif_title { font-size: 14px; margin-top: 5px; color: #636363; } + #assistant_container .assistant_notif_timesince { font-size: 10px; color: #C9C9C9; margin-top: 5px; } -#assistant_container .assistant_notif_message { font-size: 13px; color: #5f5f5f; margin-top: 15px; line-height: 17px; word-wrap: break-word;} -#assistant_container .assistant_icon_quicktips { color: #44baa0; } -#assistant_container .assistant_icon_insight { color: #Fcb11A; } +#assistant_container .assistant_notif_message { font-size: 13px; color: #5F5F5F; margin-top: 15px; line-height: 17px; word-wrap: break-word; } + +#assistant_container .assistant_icon_quicktips { color: #44BAA0; } + +#assistant_container .assistant_icon_insight { color: #FCB11A; } + #assistant_container .assistant_icon_announcments { color: #EC8C45; } -#assistant_container .assistant_icon_regular { color: #7cFaa0; } -#assistant_container .assistant_icon_image { width: 30px; height: 30px; background-position: 50% 50%; background-repeat: no-repeat } -#assistant_container .assistant_end_image_container { display:none; margin: 15px auto; } +#assistant_container .assistant_icon_regular { color: #7CFAA0; } + +#assistant_container .assistant_icon_image { width: 30px; height: 30px; background-position: 50% 50%; background-repeat: no-repeat; } + +#assistant_container .assistant_end_image_container { display: none; margin: 15px auto; } #assistant_container .assistant_notif { position: relative; } -#assistant_container .assistant_notif .action-buttons { display:none; position: absolute; right:0; top:21px; width: 20px; text-align: center; background-color: #fff; } + +#assistant_container .assistant_notif .action-buttons { display: none; position: absolute; right: 0; top: 21px; width: 20px; text-align: center; background-color: #FFF; } + #assistant_container .assistant_notif:hover .action-buttons { display: block; } -#assistant_container .assistant_notif .action-buttons .more { font-size: 20px; color:#a2a2a2; } -#assistant_container .assistant_notif .action-buttons .more:hover { color:#6b6b6b; } -#assistant_container .assistant_notif .action-buttons .delete { font-size: 15px; line-height:26px; color:#a2a2a2; cursor: pointer; } -#assistant_container .assistant_notif .action-buttons .delete:hover { color:#D63E40; } -#assistant_container .assistant_notif .action-buttons .list { display:none; position:absolute; top:0px; right: -5px; padding:5px 0; border-radius: 2px; background-color: #FFF; border:1px solid #D0D0D0; } + +#assistant_container .assistant_notif .action-buttons .more { font-size: 20px; color: #A2A2A2; } + +#assistant_container .assistant_notif .action-buttons .more:hover { color: #6B6B6B; } + +#assistant_container .assistant_notif .action-buttons .delete { font-size: 15px; line-height: 26px; color: #A2A2A2; cursor: pointer; } + +#assistant_container .assistant_notif .action-buttons .delete:hover { color: #D63E40; } + +#assistant_container .assistant_notif .action-buttons .list { display: none; position: absolute; top: 0; right: -5px; padding: 5px 0; border-radius: 2px; background-color: #FFF; border: 1px solid #D0D0D0; } + #assistant_container .assistant_notif .action-buttons:hover .list { display: block; } + #assistant_container .assistant_notif .action-buttons .list .item { font-size: 11px; white-space: nowrap; display: block; padding: 5px 10px; cursor: pointer; } -#assistant_container .assistant_notif .action-buttons .list .item:hover { background-color: #eaeaea; } + +#assistant_container .assistant_notif .action-buttons .list .item:hover { background-color: #EAEAEA; } /* page view table styling */ -#assistant_container .rTable { display: table; width: 100%; border: 1px solid #eaeaea; border-radius: 2px; margin-bottom: 10px; } -#assistant_container .rTableRow { display: table-row; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } -#assistant_container .rTableHead { border-bottom: 1px solid #eaeaea; } + +#assistant_container .rTable { display: table; width: 100%; border: 1px solid #EAEAEA; border-radius: 2px; margin-bottom: 10px; } + +#assistant_container .rTableRow { display: table-row; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; } + +#assistant_container .rTableHead { border-bottom: 1px solid #EAEAEA; } + #assistant_container .rTableHead { display: table-cell; padding: 3px 10px; } + #assistant_container .rTableRow:last-child .rTableCell { padding-bottom: 7px; } + #assistant_container .rTableCell { padding: 7px 10px 0 10px; } -#assistant_container .rTableHeading { display: table-header-group; background-color: #fbfbfb; font-size: 11px; color: #8c8c8c; } + +#assistant_container .rTableHeading { display: table-header-group; background-color: #FBFBFB; font-size: 11px; color: #8C8C8C; } + #assistant_container .rTableBody { display: table-row-group; } + #assistant_container .rMetricCount { display: inline; font-size: large; } + #assistant_container .rMetricName { display: inline; font-size: 11px; padding-left: 2px; } + #assistant_container .rUppercase { text-transform: uppercase; } -#assistant_container .sTable { display: table; width: 100%; border: 1px solid #eaeaea; table-layout: fixed; background-color: #fbfbfb; border-radius: 2px; } +#assistant_container .sTable { display: table; width: 100%; border: 1px solid #EAEAEA; table-layout: fixed; background-color: #FBFBFB; border-radius: 2px; } + #assistant_container .sTableRow { width: 100%; display: table-row; } -#assistant_container .sTableRowTopBorder { border-top: 1px solid #999999; } -#assistant_container .sTableRow:first-child .sTableCell { border-top:none; } -#assistant_container .sTableCell { display: table-cell; padding: 5px; border-top:1px solid #eaeaea; } -#assistant_container .sTableCell.left-align { text-align: left; padding-left:15px; } -#assistant_container .sTableCell .inner { padding:1px; margin: 4px 0; border-right: 1px solid #eaeaea; } + +#assistant_container .sTableRowTopBorder { border-top: 1px solid #999; } + +#assistant_container .sTableRow:first-child .sTableCell { border-top: none; } + +#assistant_container .sTableCell { display: table-cell; padding: 5px; border-top: 1px solid #EAEAEA; } + +#assistant_container .sTableCell.left-align { text-align: left; padding-left: 15px; } + +#assistant_container .sTableCell .inner { padding: 1px; margin: 4px 0; border-right: 1px solid #EAEAEA; } + #assistant_container .sTableBody { display: table-row-group; } + #assistant_container .center-children { text-align: center; } -#assistant_container .assistant_no_data { display: block; font-size: 14px; text-align: center; margin-top: 60px; color: #b9b9b9; } +#assistant_container .assistant_no_data { display: block; font-size: 14px; text-align: center; margin-top: 60px; color: #B9B9B9; } + #assistant_container .assistant_notif + .assistant_no_data { display: none; } -#assistant_container .assistant_notif + .assistant_no_data + .assistant_end_image_container { display: table; } \ No newline at end of file + +#assistant_container .assistant_notif + .assistant_no_data + .assistant_end_image_container { display: table; } diff --git a/plugins/compare/frontend/public/stylesheets/main.css b/plugins/compare/frontend/public/stylesheets/main.css index 4a863c0c07c..2644b8b5fa3 100644 --- a/plugins/compare/frontend/public/stylesheets/main.css +++ b/plugins/compare/frontend/public/stylesheets/main.css @@ -1,24 +1,41 @@ -.compare-view .alternative-selection { position: relative; background-color:#FFF; padding:20px 13px; border:1px solid #d0d0d0; border-bottom: none; } +.compare-view .alternative-selection { position: relative; background-color: #FFF; padding: 20px 13px; border: 1px solid #D0D0D0; border-bottom: none; } + .compare-view.d-table .name { cursor: pointer; margin-left: 15px; } -.compare-view.d-table .color { float: left; margin:2px 0 0 0; } -.compare-view.d-table .up, -.compare-view.d-table .down { font-size: 11px; margin-right: 8px; } -.compare-view.d-table .up { color: #2fa732; } + +.compare-view.d-table .color { float: left; margin: 2px 0 0 0; } + +.compare-view.d-table .up,.compare-view.d-table .down { font-size: 11px; margin-right: 8px; } + +.compare-view.d-table .up { color: #2FA732; } + .compare-view.d-table .down { color: #D63E40; } -.compare-view #empty-graph { z-index:1; position: absolute; text-align: center; width: 100%; top: 50%; margin-top: -35px; display: none; height: 70px; line-height: 70px; text-shadow: none; color: #B3B3B3; padding:0; } -.compare-view #empty-graph i { font-size: 70px; color: #ECECEC; user-select:none; } + +.compare-view #empty-graph { z-index: 1; position: absolute; text-align: center; width: 100%; top: 50%; margin-top: -35px; display: none; height: 70px; line-height: 70px; text-shadow: none; color: #B3B3B3; padding: 0; } + +.compare-view #empty-graph i { font-size: 70px; color: #ECECEC; user-select: none; } + .compare-view #compare-button { padding: 8px 15px 9px 15px; } -.compare-view #compare-button.disabled { background-color: #6d6d6d; cursor: default; box-shadow: inset 0 0 0 1px #6d6d6d; } -.compare-view #alternative-selector .default-text { color:#2fa732; } + +.compare-view #compare-button.disabled { background-color: #6D6D6D; cursor: default; box-shadow: inset 0 0 0 1px #6D6D6D; } + +.compare-view #alternative-selector .default-text { color: #2FA732; } /* For compare events view */ + #compare-events { margin-bottom: 0; padding: 3px 12px; text-align: center; } -#compare-events .icon { background-image: url("../images/compare/compare-events.svg"); width:20px; height: 20px; float:none; margin:4px 0 0 0; display: inline-block; } + +#compare-events .icon { background-image: url("../images/compare/compare-events.svg"); width: 20px; height: 20px; float: none; margin: 4px 0 0 0; display: inline-block; } + #compare-events .name { float: none; width: auto !important; display: inline-block; vertical-align: top; margin-left: 8px; } /* For compare apps view */ -#top-bar .dropdown .menu #compare-apps .icon { background-image: url("../images/compare/compare-apps.svg"); background-size: contain; width:16px; height: 16px; margin:1px 6px 0 0; display: inline-block; } + +#top-bar .dropdown .menu #compare-apps .icon { background-image: url("../images/compare/compare-apps.svg"); background-size: contain; width: 16px; height: 16px; margin: 1px 6px 0 0; display: inline-block; } + #top-bar .dropdown .menu #compare-apps span { vertical-align: top; margin-top: 2px; display: inline-block; } -#compare-apps-pointer { background-image: url("../images/compare/compare-apps-pointer.svg"); width:224px; height:200px; top:130px; background-repeat: no-repeat; position: absolute; } -#compare-apps-pointer > div { margin-top: 120px; padding: 0 40px; font-size: 12px; text-align: center; color: #6d6d6d; margin-bottom: 10px; line-height: 17px; } -#sidebar-app-select.compare-active .logo { border: none; border-radius: 0; background-image: url("../images/compare/compare-apps.svg") !important; } \ No newline at end of file + +#compare-apps-pointer { background-image: url("../images/compare/compare-apps-pointer.svg"); width: 224px; height: 200px; top: 130px; background-repeat: no-repeat; position: absolute; } + +#compare-apps-pointer > div { margin-top: 120px; padding: 0 40px; font-size: 12px; text-align: center; color: #6D6D6D; margin-bottom: 10px; line-height: 17px; } + +#sidebar-app-select.compare-active .logo { border: none; border-radius: 0; background-image: url("../images/compare/compare-apps.svg") !important; } diff --git a/plugins/compliance-hub/frontend/public/stylesheets/main.css b/plugins/compliance-hub/frontend/public/stylesheets/main.css index 0a2734a9610..7b52a09e036 100644 --- a/plugins/compliance-hub/frontend/public/stylesheets/main.css +++ b/plugins/compliance-hub/frontend/public/stylesheets/main.css @@ -1,41 +1,76 @@ /* CONSENT */ -#consent-view .ui-tabs .ui-tabs-nav{height: 40px; border: none; background-color:transparent; padding-left:12px;} -#consent-view .consent-tab{padding:0;} -#consent-view .ui-tabs .ui-tabs-panel{padding:0;} -#consent-view .ui-tabs .ui-tabs-nav li a{background-color: transparent; color: #666; padding: 0px 0px 6px 0px; font-size:15px} -#consent-view .ui-tabs.ui-widget-content .ui-tabs-nav > .ui-state-default {border-top: none;} -#consent-view .ui-tabs .ui-tabs-nav li.ui-tabs-active {border-top: none; border-bottom: none !important; background-color:transparent;} -#consent-view .ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#333; border-bottom: 2px solid #19cc63 !important;} -#consent-view .ui-tabs .ui-tabs-nav li {border-bottom:none !important; width: auto; margin-right: 30px;} -#consent-view .ui-tabs .ui-tabs-nav {margin-top:0px; margin-top:10px; margin-bottom: 10px} -#consent-view #d-table-history_wrapper {margin:0px;} -#consent-view #d-table-history_wrapper .dataTable-top {border-radius:0px;} -#consent-view #d-table-users_wrapper {margin:0px;} -#consent-view #d-table-users_wrapper .dataTable-top {border-radius:0px;} -#consent-view #d-table-exports_wrapper {margin:0px;} -#consent-view #d-table-exports_wrapper .dataTable-top {border-radius:0px;} -#consent-view .green-text {font-weight: bold; padding-left:0px; vertical-align: baseline;} -#consent-view .red-text {font-weight: bold; padding-left:0px; vertical-align: baseline;} -#consent-view .big-numbers-v2 .number{display: inline-block;} -#consent-view .big-numbers-v2 .trend{display: inline-block; text-align:center; font-size: 24px; position:absolute; right:-65px; top:0px;} -#consent-view .big-numbers-v2 .trend i, #consent-view .big-numbers-v2 .trend span{display:block;font-size: 24px;} -#consent-view .big-numbers-v2 .trend i {font-size: 24px;} -#consent-view .big-numbers-v2 .trend span {font-size: 13px;} -#consent-view .data .name{float:left; padding-top:20px; padding-left:20px; text-transform:uppercase; font-family: Ubuntu,Helvetica,sans-serif; font-size:16px; color: #484848;} -#consent-view .data .trend{float:right; padding-right:20px; padding-top:15px; text-align:center;} -#consent-view .data .trend i, #consent-view .data .trend span{display:block;} -#consent-view .data .trend span{font-size: 13px;} -#consent-view .data .trend.u { color:#83C986; } -#consent-view .data .trend.d { color:#DB6E6E; } -#consent-view .data .number{float:right; color: #484848; font-family: Oswald; font-size: 34px; padding-top:20px; padding-right:20px;line-height: 34px;} -#consent-view #dashboard-export-graph {height:395px; float:left; width:50%; border-right: 1px solid #D0D0D0;} -#consent-view #dashboard-purge-graph {height:395px; float:right; width:49%;} -#consent-view #dashboard-purge-graph .graph,#consent-view #dashboard-export-graph .graph {height:300px; font-family: Oswald; font-size: 14px; margin: 75px 30px 0px 30px !important;} -#userdetails #d-table-consents_wrapper {margin:0px;} -#userdetails #d-table-consents_wrapper .dataTable-top {border-radius:0px;} + +#consent-view .ui-tabs .ui-tabs-nav { height: 40px; border: none; background-color: transparent; padding-left: 12px; } + +#consent-view .consent-tab { padding: 0; } + +#consent-view .ui-tabs .ui-tabs-panel { padding: 0; } + +#consent-view .ui-tabs .ui-tabs-nav li a { background-color: transparent; color: #666; padding: 0 0 6px 0; font-size: 15px; } + +#consent-view .ui-tabs.ui-widget-content .ui-tabs-nav > .ui-state-default { border-top: none; } + +#consent-view .ui-tabs .ui-tabs-nav li.ui-tabs-active { border-top: none; border-bottom: none !important; background-color: transparent; } + +#consent-view .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #333; border-bottom: 2px solid #19CC63 !important; } + +#consent-view .ui-tabs .ui-tabs-nav li { border-bottom: none !important; width: auto; margin-right: 30px; } + +#consent-view .ui-tabs .ui-tabs-nav { margin-top: 0; margin-top: 10px; margin-bottom: 10px; } + +#consent-view #d-table-history_wrapper { margin: 0; } + +#consent-view #d-table-history_wrapper .dataTable-top { border-radius: 0; } + +#consent-view #d-table-users_wrapper { margin: 0; } + +#consent-view #d-table-users_wrapper .dataTable-top { border-radius: 0; } + +#consent-view #d-table-exports_wrapper { margin: 0; } + +#consent-view #d-table-exports_wrapper .dataTable-top { border-radius: 0; } + +#consent-view .green-text { font-weight: bold; padding-left: 0; vertical-align: baseline; } + +#consent-view .red-text { font-weight: bold; padding-left: 0; vertical-align: baseline; } + +#consent-view .big-numbers-v2 .number { display: inline-block; } + +#consent-view .big-numbers-v2 .trend { display: inline-block; text-align: center; font-size: 24px; position: absolute; right: -65px; top: 0; } + +#consent-view .big-numbers-v2 .trend i,#consent-view .big-numbers-v2 .trend span { display: block; font-size: 24px; } + +#consent-view .big-numbers-v2 .trend i { font-size: 24px; } + +#consent-view .big-numbers-v2 .trend span { font-size: 13px; } + +#consent-view .data .name { float: left; padding-top: 20px; padding-left: 20px; text-transform: uppercase; font-family: Ubuntu, Helvetica, sans-serif; font-size: 16px; color: #484848; } + +#consent-view .data .trend { float: right; padding-right: 20px; padding-top: 15px; text-align: center; } + +#consent-view .data .trend i,#consent-view .data .trend span { display: block; } + +#consent-view .data .trend span { font-size: 13px; } + +#consent-view .data .trend.u { color: #83C986; } + +#consent-view .data .trend.d { color: #DB6E6E; } + +#consent-view .data .number { float: right; color: #484848; font-family: Oswald; font-size: 34px; padding-top: 20px; padding-right: 20px; line-height: 34px; } + +#consent-view #dashboard-export-graph { height: 395px; float: left; width: 50%; border-right: 1px solid #D0D0D0; } + +#consent-view #dashboard-purge-graph { height: 395px; float: right; width: 49%; } + +#consent-view #dashboard-purge-graph .graph,#consent-view #dashboard-export-graph .graph { height: 300px; font-family: Oswald; font-size: 14px; margin: 75px 30px 0 30px !important; } + +#userdetails #d-table-consents_wrapper { margin: 0; } + +#userdetails #d-table-consents_wrapper .dataTable-top { border-radius: 0; } + /* CONSENT END */ -.cly-button-menu.consent-users-menu .item i{ - margin-left: -6px; - padding-right:8px; +.cly-button-menu.consent-users-menu .item i { + margin-left: -6px; + padding-right: 8px; } diff --git a/plugins/crashes/frontend/public/stylesheets/main.css b/plugins/crashes/frontend/public/stylesheets/main.css index b5a378bdfbb..bd52bafa067 100644 --- a/plugins/crashes/frontend/public/stylesheets/main.css +++ b/plugins/crashes/frontend/public/stylesheets/main.css @@ -1,137 +1,214 @@ /* CRASHES */ -.crashes {overflow: auto; position: relative;} -.crash-data {margin-top: -20px; overflow: auto;} -.crashes .dataTable-top {border-radius: 0;} -.crashes tbody tr {cursor: pointer;} -.crash-reports tbody tr {cursor: pointer;} -.truncated {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 15px;} -.first-crash-line {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 15px; font-size: 11px; color: #8e8e8e;} -#crash-numbers-container .widget-footer {border-top-left-radius:7px; border-top-right-radius:7px; border-top: 1px solid #c2c2c2; border-bottom-left-radius:0px; border-bottom-right-radius:0px;} -#crash-big-numbers th{text-align: center; text-transform: uppercase; font-family:Ubuntu,Helvetica,sans-serif;} -#crash-big-numbers td{background-color: #fff; text-align: center; font-family:Oswald; font-size: 27px; padding: 20px 5px; word-wrap: break-word;} +.crashes { overflow: auto; position: relative; } -#crash-header { color: #646464; font-size: 20px; font-family: Ubuntu; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} -#crash-header span {color: #000;} +.crash-data { margin-top: -20px; overflow: auto; } -#crashstats {text-align: center; font-family:Ubuntu,Helvetica,sans-serif; font-weight: normal;} +.crashes .dataTable-top { border-radius: 0; } + +.crashes tbody tr { cursor: pointer; } + +.crash-reports tbody tr { cursor: pointer; } + +.truncated { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 15px; } + +.first-crash-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 15px; font-size: 11px; color: #8E8E8E; } + +#crash-numbers-container .widget-footer { border-top-left-radius: 7px; border-top-right-radius: 7px; border-top: 1px solid #C2C2C2; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +#crash-big-numbers th { text-align: center; text-transform: uppercase; font-family: Ubuntu, Helvetica, sans-serif; } + +#crash-big-numbers td { background-color: #FFF; text-align: center; font-family: Oswald; font-size: 27px; padding: 20px 5px; word-wrap: break-word; } + +#crash-header { color: #646464; font-size: 20px; font-family: Ubuntu; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + +#crash-header span { color: #000; } + +#crashstats { text-align: center; font-family: Ubuntu, Helvetica, sans-serif; font-weight: normal; } + +.crashoveral .widget-content .big-numbers .inner { height: 105px; padding-top: 7px; } -.crashoveral .widget-content .big-numbers .inner{height: 105px; padding-top: 7px;} .crashoveral .widget-content .big-numbers.top .trend { display: block; } -.crashoveral #big-numbers-container.dashboard{margin-bottom:-10px;border: none;} + +.crashoveral #big-numbers-container.dashboard { margin-bottom: -10px; border: none; } + .widget.crashoveral .widget-footer { overflow: visible; } -.widget-footer .crashnumbers .big-numbers .inner {height: 31px;} -.widget-header .left>.title #resolved-text {color: #45b849; padding-top: 2px; font-size: 11px;} -.widget-header .left>.title #unresolved-text {color: #e11a15; padding-top: 2px; font-size: 11px;} -#mark-resolved i {color: #45b849;} -#mark-unresolved i {color: #e11a15;} -#mark-resolved.disabled, -#mark-unresolved.disabled { opacity:0.8; } +.widget-footer .crashnumbers .big-numbers .inner { height: 31px; } + +.widget-header .left > .title #resolved-text { color: #45B849; padding-top: 2px; font-size: 11px; } -.widget-header .left>.title #error-title { display: block; } +.widget-header .left > .title #unresolved-text { color: #E11A15; padding-top: 2px; font-size: 11px; } -.main-error .left .title { max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px; padding-top: 3px; } +#mark-resolved i { color: #45B849; } -.routename-crashgroup #notes [contenteditable=true]:empty:not(:focus):before{content:attr(data-placeholder); color: #909090; font-size: 14px;} -.routename-crashgroup #notes [contenteditable=true] p, #userdata-note [contenteditable=true] div, #userdata-note [contenteditable=true] br {padding:0; margin:0; line-height: 20px;} +#mark-unresolved i { color: #E11A15; } -.routename-crashgroup #note-edit.fa-times{color: #e11a15;} -.routename-crashgroup #note-edit.fa-pencil{color: #F3A300;} +#mark-resolved.disabled,#mark-unresolved.disabled { opacity: 0.8; } + +.widget-header .left > .title #error-title { display: block; } + +.main-error .left .title { max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; padding-top: 3px; } + +.routename-crashgroup #notes [contenteditable=true]:empty:not(:focus)::before { content: attr(data-placeholder); color: #909090; font-size: 14px; } + +.routename-crashgroup #notes [contenteditable=true] p,#userdata-note [contenteditable=true] div,#userdata-note [contenteditable=true] br { padding: 0; margin: 0; line-height: 20px; } + +.routename-crashgroup #note-edit.fa-times { color: #E11A15; } + +.routename-crashgroup #note-edit.fa-pencil { color: #F3A300; } + +#crash-share-list { display: none; list-style: none; background-color: #FFF; border: 1px solid #D0D0D0; padding: 10px; width: 410px; position: absolute; z-index: 1000; top: 35px; right: 160px; } + +#crash-share-list li { font: 12px Ubuntu, Helvetica, sans-serif; color: #636363; padding: 5px; } -#crash-share-list { display: none; list-style: none; background-color: #FFF; border:1px solid #D0D0D0; padding:10px; width: 410px; position: absolute; z-index: 1000; top:35px; right:160px;} -#crash-share-list li { font:12px Ubuntu,Helvetica,sans-serif; color: #636363; padding: 5px; } #crash-share-list #crash-share-url { width: 100%; height: 22px; font-size: 11px; border: 1px solid #D0D0D0; } -#crash-share-list input[type=checkbox] {float: left; height: 18px; vertical-align: middle; margin: 6px 9px 0 0; } + +#crash-share-list input[type=checkbox] { float: left; height: 18px; vertical-align: middle; margin: 6px 9px 0 0; } + #crash-share-list li span { line-height: 23px; } -.crash-stack #comment, -.crash-stack #comment_edit textarea { max-width:100%; width: 100%; min-height: 56px; font-size: 15px; color: #666; border:none; box-shadow: inset 0 0 0 1px #ddd; padding:0; } +.crash-stack #comment,.crash-stack #comment_edit textarea { max-width: 100%; width: 100%; min-height: 56px; font-size: 15px; color: #666; border: none; box-shadow: inset 0 0 0 1px #DDD; padding: 0; } + .crash-stack #comment_edit textarea { margin-bottom: 10px; } -.crash-stack #comments .comment {margin-bottom: 20px; border-bottom: 1px dashed #e8e8e8;} -.crash-stack #comments .comment .comment-meta{overflow: auto;} -.crash-stack #comments .comment .comment-meta .icon-button{float: right; display:none;} + +.crash-stack #comments .comment { margin-bottom: 20px; border-bottom: 1px dashed #E8E8E8; } + +.crash-stack #comments .comment .comment-meta { overflow: auto; } + +.crash-stack #comments .comment .comment-meta .icon-button { float: right; display: none; } + .crash-stack #comments .comment:hover .comment-meta .icon-button { display: block; } -.crash-stack #comments .comment .author{font: 15px Ubuntu,Helvetica,sans-serif; text-align: left; color:#666;} -.crash-stack #comments .comment .time {font: 12px Ubuntu,Helvetica,sans-serif; text-align: left; color: #666;} -.crash-stack #comments .comment .text {font: 15px Ubuntu,Helvetica,sans-serif; padding: 5px 0; color: #757575;} -.crash-stack #comment_edit { overflow: hidden; padding:20px 0; } -.crash-stack pre { overflow:auto; } -.crash-comment-count{display:none; color:red;} +.crash-stack #comments .comment .author { font: 15px Ubuntu, Helvetica, sans-serif; text-align: left; color: #666; } + +.crash-stack #comments .comment .time { font: 12px Ubuntu, Helvetica, sans-serif; text-align: left; color: #666; } + +.crash-stack #comments .comment .text { font: 15px Ubuntu, Helvetica, sans-serif; padding: 5px 0; color: #757575; } + +.crash-stack #comment_edit { overflow: hidden; padding: 20px 0; } + +.crash-stack pre { overflow: auto; } + +.crash-comment-count { display: none; color: red; } + +.crash-stack pre code,.crash-stack pre .line-number { display: block; } -.crash-stack pre code, -.crash-stack pre .line-number { display:block; } -.crash-stack pre .line-number { color:#6c6e6c; } -.crash-stack pre .line-number { float:left; margin:0 1em 0 -1em; border-right:1px solid; text-align:right; } -.crash-stack pre .line-number span { display:block; padding:0 .5em 0 1em; } -.crash-stack pre .cl { display:block; clear:both; } -#crash-table_wrapper { margin-top:0; } +.crash-stack pre .line-number { color: #6C6E6C; } -.crash-stack .thread {border-bottom: 1px solid #d4d4d4;} +.crash-stack pre .line-number { float: left; margin: 0 1em 0 -1em; border-right: 1px solid; text-align: right; } + +.crash-stack pre .line-number span { display: block; padding: 0 0.5em 0 1em; } + +.crash-stack pre .cl { display: block; clear: both; } + +#crash-table_wrapper { margin-top: 0; } + +.crash-stack .thread { border-bottom: 1px solid #D4D4D4; } .routename-crashgroup #notes { overflow: auto; } -.routename-crashgroup #notes .btn-header { margin-top:0; margin-right: 0; } + +.routename-crashgroup #notes .btn-header { margin-top: 0; margin-right: 0; } + .routename-crashgroup #notes #add_comment { margin-top: 5px; } -.routename-crashgroup #tabs .error_menu { height:25px; position: relative; margin-top:0px;} -.routename-crashgroup .error_menu { height:25px; position: relative; margin-top:0px; margin-bottom: 10px;} -.routename-crashgroup #tabs .error-details-menu { margin:0; margin-top:15px; margin-right: 15px; color: #666; font-size: 15px; z-index:100; position: relative; float:right;} -.routename-crashgroup .error-details-menu { margin:0; margin-right: 5px; color: #666; font-size: 15px; z-index:100; position: relative; float:right;} -.routename-crashgroup .error-details-menu .cly-button-menu-trigger {color:#848484; font-size: 20px; cursor:pointer;} -.routename-crashgroup .error-details-menu .cly-button-menu-trigger:hover {color:#6B6B6B; cursor: pointer;} -.routename-crashgroup .error-details-menu .cly-button-menu-trigger:before { font-family: 'Ionicons'; content: "\f396"; } -.routename-crashgroup .error-details-menu .cly-button-menu-trigger.active + .cly-button-menu, .cly-button-menu.active { opacity: 1; transition: opacity 0.2s; z-index: 2; right:6px; top:27px;} -.routename-crashgroup .error-details-menu .cly-button-menu { padding:10px 0; opacity: 0; transition: opacity 0.3s, z-index 3s; z-index: -1; position: absolute; background-color: #FFF; top:-99999px; border-radius: 2px; outline:none; border: 1px solid #d0d0d0;} - -.tabs1.ui-tabs .ui-tabs-nav li {width: 100%} -.tabs2.ui-tabs .ui-tabs-nav li {width: 50%} -.tabs3.ui-tabs .ui-tabs-nav li {width: 33%} -.tabs3.ui-tabs .ui-tabs-nav li:last-child {width: 34%} -.tabs4.ui-tabs .ui-tabs-nav li {width: 25%} + +.routename-crashgroup #tabs .error_menu { height: 25px; position: relative; margin-top: 0; } + +.routename-crashgroup .error_menu { height: 25px; position: relative; margin-top: 0; margin-bottom: 10px; } + +.routename-crashgroup #tabs .error-details-menu { margin: 0; margin-top: 15px; margin-right: 15px; color: #666; font-size: 15px; z-index: 100; position: relative; float: right; } + +.routename-crashgroup .error-details-menu { margin: 0; margin-right: 5px; color: #666; font-size: 15px; z-index: 100; position: relative; float: right; } + +.routename-crashgroup .error-details-menu .cly-button-menu-trigger { color: #848484; font-size: 20px; cursor: pointer; } + +.routename-crashgroup .error-details-menu .cly-button-menu-trigger:hover { color: #6B6B6B; cursor: pointer; } + +.routename-crashgroup .error-details-menu .cly-button-menu-trigger::before { font-family: 'Ionicons'; content: "\f396"; } + +.routename-crashgroup .error-details-menu .cly-button-menu-trigger.active + .cly-button-menu,.cly-button-menu.active { opacity: 1; transition: opacity 0.2s; z-index: 2; right: 6px; top: 27px; } + +.routename-crashgroup .error-details-menu .cly-button-menu { padding: 10px 0; opacity: 0; transition: opacity 0.3s, z-index 3s; z-index: -1; position: absolute; background-color: #FFF; top: -99999px; border-radius: 2px; outline: none; border: 1px solid #D0D0D0; } + +.tabs1.ui-tabs .ui-tabs-nav li { width: 100%; } + +.tabs2.ui-tabs .ui-tabs-nav li { width: 50%; } + +.tabs3.ui-tabs .ui-tabs-nav li { width: 33%; } + +.tabs3.ui-tabs .ui-tabs-nav li:last-child { width: 34%; } + +.tabs4.ui-tabs .ui-tabs-nav li { width: 25%; } #crash-table .separator { display: none; } -#crash-table .tag { margin-top:10px; float:left; margin-right:5px; border-radius: 2px; padding:0 5px; font-size: 10px; line-height: 15px; color: #8e8e8e; border: 1px solid #d4d4d4; } -#crash-table .tag.not-viewed, -#crash-table .tag.re-occurred { display:none; } +#crash-table .tag { margin-top: 10px; float: left; margin-right: 5px; border-radius: 2px; padding: 0 5px; font-size: 10px; line-height: 15px; color: #8E8E8E; border: 1px solid #D4D4D4; } + +#crash-table .tag.not-viewed,#crash-table .tag.re-occurred { display: none; } #crash-table tr.newcrash .tag.not-viewed { display: block; } + #crash-table tr.renewedcrash .tag.re-occurred { display: block; } -#crash-group-buttons.btn-header { margin-top: 0; margin-right: 0px; } -.graph-description.crash { background-color: #ececec; padding:7px 14px; border-bottom-color:#d0d0d0; } +#crash-group-buttons.btn-header { margin-top: 0; margin-right: 0; } + +.graph-description.crash { background-color: #ECECEC; padding: 7px 14px; border-bottom-color: #D0D0D0; } #error { position: relative; font-size: 13px; line-height: 18px; } + #expandable { max-height: none; overflow: auto; } + #expandable.collapsed { max-height: 200px; overflow: hidden; } -#expandable_thread { max-height: none; overflow: auto; margin: 13px 0px;} + +#expandable_thread { max-height: none; overflow: auto; margin: 13px 0; } + #expandable_thread.collapsed { max-height: 200px; overflow: hidden; } -#expand-crash { font-size:12px; padding-bottom:10px; cursor:pointer; text-align: center; position:absolute; bottom:0; width:300px; left:50%; margin-left: -150px; } + +#expand-crash { font-size: 12px; padding-bottom: 10px; cursor: pointer; text-align: center; position: absolute; bottom: 0; width: 300px; left: 50%; margin-left: -150px; } + #expand-crash .expand { display: block; } + #expand-crash .collapse { display: none; } + #expand-crash.active .collapse { display: block; } + #expand-crash.active .expand { display: none; } -#expand-thread { font-size:12px; padding-bottom:10px; cursor:pointer; text-align: center; position:absolute; bottom:0; width:300px; left:50%; margin-left: -150px; } + +#expand-thread { font-size: 12px; padding-bottom: 10px; cursor: pointer; text-align: center; position: absolute; bottom: 0; width: 300px; left: 50%; margin-left: -150px; } + #expand-thread .expand { display: block; } + #expand-thread .collapse { display: none; } + #expand-thread.active .collapse { display: block; } + #expand-thread.active .expand { display: none; } -#view-filter.crash-filter .filter-view-container.centered #segmentation .query > .and-or [data-value="OR"] {display: none !important;} -.routename-crashgroup .datatablesubrow table, .threads-list table {width: 100%;} -td.details table tr.thread:first-child {background-color: #FFF !important;} -td.details table tr.header, td.details table tr.header:hover { +#view-filter.crash-filter .filter-view-container.centered #segmentation .query > .and-or [data-value="OR"] { display: none !important; } + +.routename-crashgroup .datatablesubrow table,.threads-list table { width: 100%; } + +td.details table tr.thread:first-child { background-color: #FFF !important; } + +td.details table tr.header,td.details table tr.header:hover { background-color: #F3F3F3 !important; line-height: 12px; } -.threads-list table td {vertical-align: top; height: 80px; word-break: break-all; word-wrap: break-word; width: 70%;} -.routename-crashgroup .datatablesubrow table td {vertical-align: top; word-break: break-all; word-wrap: break-word;} -.routename-crashgroup .datatablesubrow table td pre, .threads-list table td pre {word-break: break-word; word-wrap: break-word; white-space: pre-wrap; overflow-wrap: break-word;} -.threads-list table td.open-thread i {cursor: pointer; margin-top: 30px;} -.threads-list table td.thread-name {font-size: 13px; color: #777; width: 30%;} -.threads-list table td.thread-name p {margin-bottom: 0px;} + +.threads-list table td { vertical-align: top; height: 80px; word-break: break-all; word-wrap: break-word; width: 70%; } + +.routename-crashgroup .datatablesubrow table td { vertical-align: top; word-break: break-all; word-wrap: break-word; } + +.routename-crashgroup .datatablesubrow table td pre,.threads-list table td pre { word-break: break-word; word-wrap: break-word; white-space: pre-wrap; overflow-wrap: break-word; } + +.threads-list table td.open-thread i { cursor: pointer; margin-top: 30px; } + +.threads-list table td.thread-name { font-size: 13px; color: #777; width: 30%; } + +.threads-list table td.thread-name p { margin-bottom: 0; } + .thread .tag { - margin-left: 0px; + margin-left: 0; margin-top: 5px; margin-bottom: 5px; float: left; @@ -140,22 +217,26 @@ td.details table tr.header, td.details table tr.header:hover { padding: 0 5px; font-size: 10px; line-height: 15px; - border: 1px solid #d4d4d4; - display:inline-block; - color: #e11a15; + border: 1px solid #D4D4D4; + display: inline-block; + color: #E11A15; } -#action-segmentation-tooltip { font-size:12px; max-width:300px; text-align: center; } +#action-segmentation-tooltip { font-size: 12px; max-width: 300px; text-align: center; } + +.check-green:hover { color: #217923; } -.check-green:hover { color: #217923;} +.crash-manipulate-options { margin-top: 0 !important; margin-left: 8px !important; float: right; margin-right: 0 !important; } -.crash-manipulate-options { margin-top:0px !important; margin-left: 8px !important; float: right; margin-right: 0px !important; } -.resolved-text {color: #45b849; padding-top: 2px; font-size: 11px;} -.unresolved-text {color: #e11a15; padding-top: 2px; font-size: 11px;} -.resolving-text {color: #45b849; padding-top: 2px; font-size: 11px;} +.resolved-text { color: #45B849; padding-top: 2px; font-size: 11px; } -#userdetails #d-table-crashes_wrapper {margin:0px;} -#userdetails #d-table-crashes_wrapper .dataTable-top {border-radius:0px;} +.unresolved-text { color: #E11A15; padding-top: 2px; font-size: 11px; } + +.resolving-text { color: #45B849; padding-top: 2px; font-size: 11px; } + +#userdetails #d-table-crashes_wrapper { margin: 0; } + +#userdetails #d-table-crashes_wrapper .dataTable-top { border-radius: 0; } .material-icons { font-family: 'Material Icons'; @@ -172,6 +253,7 @@ td.details table tr.header, td.details table tr.header:hover { /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; @@ -180,17 +262,19 @@ td.details table tr.header, td.details table tr.header:hover { /* Support for IE. */ font-feature-settings: 'liga'; - } +} .filter-view-container.in-crashes { - background-color: #fff; + background-color: #FFF; } + #view-filter.in-crashes { - background-color: #ededed !important; + background-color: #EDEDED !important; border-top: none !important; } + .separator.in-crashes { - margin: 0px 10px; + margin: 0 10px; border-bottom: 1px solid#D0D0D0; height: 0; opacity: 0.6; @@ -203,11 +287,11 @@ td.details table tr.header, td.details table tr.header:hover { .crashes-fatal .trend.d { color: #2EB52B !important; } + .crashes-total .trend.d { color: #2EB52B !important; } - .crashes-nonfatal .trend.u { color: #ED6262 !important; } @@ -227,7 +311,7 @@ td.details table tr.header, td.details table tr.header:hover { align-items: center; width: 150px; padding: 0; - margin: 6px 0px; + margin: 6px 0; cursor: pointer; user-select: none; background-color: #2FA732; @@ -238,14 +322,14 @@ td.details table tr.header, td.details table tr.header:hover { #crashgroup-manipulation-trigger div { padding: 6px 9px; - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; } #crashgroup-manipulation-trigger i { font-size: 9px; } -#crashgroup-manipulation-menu:before, #crashgroup-manipulation-menu:after { +#crashgroup-manipulation-menu::before,#crashgroup-manipulation-menu::after { display: none; } @@ -260,53 +344,64 @@ td.details table tr.header, td.details table tr.header:hover { } .crash-detail-subrow table tbody tr td:last-child { - border-right: 1px solid #ebebeb; + border-right: 1px solid #EBEBEB; } +.crashes-filter-title .up,.crashes-filter-title .down { font-size: 9px; line-height: 9px; color: #717171; opacity: 0.8; margin-left: 6px; } + +.crashes-filter-title span.up { display: none; } + +.crashes-filter-title.active span.up { display: inline; } + +.crashes-filter-title.active span.down { display: none; } -.crashes-filter-title .up,.crashes-filter-title .down {font-size: 9px; line-height:9px; color: #717171; opacity: 0.8; margin-left:6px;} -.crashes-filter-title span.up {display:none;} -.crashes-filter-title.active span.up {display:inline;} -.crashes-filter-title.active span.down {display:none;} .crashes-filter-title { - padding: 6px 9px 0px 3px; + padding: 6px 9px 0 3px; padding-right: 25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #444; font-weight: normal; - font: 13px Ubuntu,Helvetica,sans-serif; - cursor:pointer; - position:relative; + font: 13px Ubuntu, Helvetica, sans-serif; + cursor: pointer; + position: relative; } + .crashes-filter-title a { display: inline-block; max-width: calc(100% - 30px); text-overflow: ellipsis; overflow: hidden; - float:left; + float: left; } + .crashes-filter-title:hover { - color:#2FA732; + color: #2FA732; } -.crashes-filter-title:hover span{ - color:#2FA732; + +.crashes-filter-title:hover span { + color: #2FA732; } -/*-------------*/ +/* ------------- */ + +.crashes-selector-form table { width: 100%; } + +.crashes-selector-form table tr td { padding: 5px 0; } + +.crashes-selector-form table tr td:first-child { text-align: right; width: 50px; white-space: nowrap; padding-right: 10px; } + +.crashes-selector-form .cly-select { background-color: #FDFDFD; width: 100%; } -.crashes-selector-form table {width:100%;} -.crashes-selector-form table tr td {padding:5px 0px;} -.crashes-selector-form table tr td:first-child {text-align:right; width:50px; white-space: nowrap; padding-right:10px;} -.crashes-selector-form .cly-select { background-color:#FDFDFD; width:100%;} -.crashes-selector-form .cly-select .select-items{width: 100%;} -.crashes-selector-form .cly-select .placeholder {color: #D0D0D0;} +.crashes-selector-form .cly-select .select-items { width: 100%; } + +.crashes-selector-form .cly-select .placeholder { color: #D0D0D0; } .crashes-selector-form { - box-shadow: 0 3px 7px rgba(0,0,0,.08); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08); width: 350px; - background-color: #fff; + background-color: #FFF; position: absolute; left: 10px; top: 55px; @@ -318,11 +413,10 @@ td.details table tr.header, td.details table tr.header:hover { } -/*-----*/ - +/* ----- */ .apply-crashes-filter { - float:right; + float: right; outline: none; border: none; border-radius: 2px; @@ -330,14 +424,12 @@ td.details table tr.header, td.details table tr.header:hover { margin-right: -2px; } - .remove-crashes-filter { - cursor:pointer; - float:right; + cursor: pointer; + float: right; outline: none; border: none; - box-shadow:none; + box-shadow: none; margin-top: 5px; - background-color:#ffffff; - -} \ No newline at end of file + background-color: #FFF; +} diff --git a/plugins/data_migration/frontend/public/stylesheets/main.css b/plugins/data_migration/frontend/public/stylesheets/main.css index ce573fb6126..f9aedc179a9 100644 --- a/plugins/data_migration/frontend/public/stylesheets/main.css +++ b/plugins/data_migration/frontend/public/stylesheets/main.css @@ -5,96 +5,105 @@ font-size: 10px; line-height: 12px; } + #import-export-button.active .down { display: none; } -#import-export-button:hover {opacity:0.8;} -#import-export-button .up{display:none;} -#import-export-button.active .up{display:inline;} -.d-table tr.stopped -{ - background-color:orange; +#import-export-button:hover { opacity: 0.8; } + +#import-export-button .up { display: none; } + +#import-export-button.active .up { display: inline; } + +.d-table tr.stopped { + background-color: orange; } -.data-migration .ui-tabs .ui-tabs-panel -{ - background-color: #ffffff; +.data-migration .ui-tabs .ui-tabs-panel { + background-color: #FFF; } .data-migration { border-radius: 0; - border: 1px solid #d0d0d0; + border: 1px solid #D0D0D0; } -.data-migration h3 -{ + +.data-migration h3 { margin: 0 0 20px 0; -color: #646464; -font-size: 15px; -font-family: Ubuntu; -text-align: center; -font-weight: 400; -text-transform: uppercase; -padding: 20px; -border-bottom: 1px solid #ddd; -} - -.data-migration .config-help -{ + color: #646464; + font-size: 15px; + font-family: Ubuntu; + text-align: center; + font-weight: 400; + text-transform: uppercase; + padding: 20px; + border-bottom: 1px solid #DDD; +} + +.data-migration .config-help { font-size: 13px; -color: #929292; -padding-top: 10px; -line-height: 17px; + color: #929292; + padding-top: 10px; + line-height: 17px; } -.data-migration .d-table -{ +.data-migration .d-table { border-bottom: 1px solid #D0D0D0; } -.data-migration .d-table td -{ - font-family: Ubuntu; +.data-migration .d-table td { + font-family: Ubuntu; } -.data-migration table.migration-table, .data-migration table.migration-table td -{ - border:none; + +.data-migration table.migration-table,.data-migration table.migration-table td { + border: none; } -.fullwidth-button -{ + +.fullwidth-button { width: 100%; margin: 0 auto; - float:0; - text-align:center; + float: 0; + text-align: center; } -.data-migration-plugin .options-item .edit { display: block; right: 10px; top: 0; font-size: 17px; cursor: pointer; color: #a7a7a7; padding: 7px 10px; line-height: 15px; background-color: rgba(255,255,255,0.03); transition: background-color 1s; } -.data-migration-plugin .options-item .edit:before { font-size:20px; font-family: 'Ionicons'; content: "\f396"; } -.data-migration-plugin .options-item .edit:hover { color: #6B6B6B; background-color: rgba(255,255,255,0.06); transition: background-color 1s; } -.data-migration-plugin .edit-menu{ - margin: -6px -80px; - float:left; +.data-migration-plugin .options-item .edit { display: block; right: 10px; top: 0; font-size: 17px; cursor: pointer; color: #A7A7A7; padding: 7px 10px; line-height: 15px; background-color: rgba(255, 255, 255, 0.03); transition: background-color 1s; } + +.data-migration-plugin .options-item .edit::before { font-size: 20px; font-family: 'Ionicons'; content: "\f396"; } + +.data-migration-plugin .options-item .edit:hover { color: #6B6B6B; background-color: rgba(255, 255, 255, 0.06); transition: background-color 1s; } + +.data-migration-plugin .edit-menu { + margin: -6px -80px; + float: left; z-index: 10; - position:absolute; + position: absolute; font-size: 13px; white-space: nowrap; - background-color: #fff; + background-color: #FFF; border-radius: 2px; width: 106px; - padding:10px 0 10px 0; - border: 1px solid #d0d0d0; + padding: 10px 0 10px 0; + border: 1px solid #D0D0D0; } -#import-export-button-menu {top:49px; right:9px; margin:0;} + +#import-export-button-menu { top: 49px; right: 9px; margin: 0; } + .data-migration-plugin .edit-menu .item { text-align: left; cursor: pointer; padding: 8px 20px; font-size: 24px; white-space: nowrap; - cursor:pointer; font-size: 13px; white-space: nowrap; color:#474747; } -.data-migration-plugin .edit-menu .item:hover { background-color: #f3f3f3; } + cursor: pointer; + font-size: 13px; + white-space: nowrap; + color: #474747; +} -.data-migration-plugin .edit-menu:before { +.data-migration-plugin .edit-menu .item:hover { background-color: #F3F3F3; } + +.data-migration-plugin .edit-menu::before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; @@ -107,9 +116,9 @@ line-height: 17px; z-index: 2; } -.data-migration-plugin .options-item .edit-menu:after { +.data-migration-plugin .options-item .edit-menu::after { border: 5px solid rgba(194, 225, 245, 0); - border-bottom-color: #d0d0d0; + border-bottom-color: #D0D0D0; right: 6px; top: -10px; content: " "; @@ -120,204 +129,205 @@ line-height: 17px; z-index: 1; } -.data-migration-plugin .options-item .edit-menu a.item{display:block;} +.data-migration-plugin .options-item .edit-menu a.item { display: block; } + +/* options for top */ -/*options for top */ -#import-export-button -{ +#import-export-button { min-height: 14px; cursor: pointer; float: left; padding: 7px 12px; border-radius: 2px; - font: 12px Ubuntu,Helvetica,sans-serif; - line-height: normal; + font: 12px Ubuntu, Helvetica, sans-serif; + line-height: normal; line-height: 15px; overflow: auto; margin-left: 8px; - margin-top:6px; + margin-top: 6px; background-color: #2EB52B; -color: #FFF; -box-shadow: inset 0 0 0 1px #2EB52B; + color: #FFF; + box-shadow: inset 0 0 0 1px #2EB52B; } -#import-export-button .edit-menu -{ + +#import-export-button .edit-menu { margin: 15px 0; right: 8px; - min-width:106px; - width:auto; + min-width: 106px; + width: auto; } -.migration_exports -{ +.migration_exports { width: 100%; font-family: Ubuntu; - border-collapse:separate; - border-spacing:0 5px; -} -.migration_exports tr th -{ - padding: 11px 20px 0px 20px; -color: #484848; -font-weight: normal; -font-size: 11px; -text-transform: uppercase; -line-height: 12px; -text-align: left; -} - -.migration_exports tr td -{ + border-collapse: separate; + border-spacing: 0 5px; +} + +.migration_exports tr th { + padding: 11px 20px 0 20px; + color: #484848; + font-weight: normal; + font-size: 11px; + text-transform: uppercase; + line-height: 12px; + text-align: left; +} + +.migration_exports tr td { padding: 10px 20px; font-weight: normal; - font-size:12px; + font-size: 12px; margin: 0; color: #6B6B6B; background-color: #F9F9F9; - border-top:1px solid #e1e1e1; - border-bottom: 1px solid #e1e1e1; + border-top: 1px solid #E1E1E1; + border-bottom: 1px solid #E1E1E1; } +.migration_exports tr td:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-left: 1px solid #E1E1E1; } -.migration_exports tr td:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-left: 1px solid #e1e1e1; } -.migration_exports tr td:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #e1e1e1; text-align:right; } +.migration_exports tr td:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: 1px solid #E1E1E1; text-align: right; } -.migration_exports tr.have_reason td:last-child {border-bottom-right-radius: 0px; } -.migration_exports tr.have_reason td:first-child {border-bottom-left-radius: 0px; } +.migration_exports tr.have_reason td:last-child { border-bottom-right-radius: 0; } -.migration_exports .options-item{position:relative;} -.migration_exports .options-item .edit-menu {min-width: 150px; width:auto; margin: -6px 0px; float:none; right:5px;} +.migration_exports tr.have_reason td:first-child { border-bottom-left-radius: 0; } -.migration_exports.disabled .remove -{ - display:none; -} +.migration_exports .options-item { position: relative; } -.migration_exports tr.migration_error_line td { border-top-right-radius: 0px; border-bottom-right-radius: 3px; border-right: 1px solid #e1e1e1; text-align:left; border-top-left-radius: 0px; border-bottom-left-radius: 3px; border-left: 1px solid #e1e1e1; background-color:#ffffff; position:relative; top:-6px; padding:17px 20px } +.migration_exports .options-item .edit-menu { min-width: 150px; width: auto; margin: -6px 0; float: none; right: 5px; } -.migration_exports tr.empty_error_line td{position:relative; top:-5px; padding:0; border:none;} +.migration_exports.disabled .remove { + display: none; +} -.migration_copyboard -{ - padding:30px 10px; - border: 1px solid #e1e1e1; background-color:#ffffff; - border-radius:3px; - text-align:center; - cursor:pointer; +.migration_exports tr.migration_error_line td { border-top-right-radius: 0; border-bottom-right-radius: 3px; border-right: 1px solid #E1E1E1; text-align: left; border-top-left-radius: 0; border-bottom-left-radius: 3px; border-left: 1px solid #E1E1E1; background-color: #FFF; position: relative; top: -6px; padding: 17px 20px; } +.migration_exports tr.empty_error_line td { position: relative; top: -5px; padding: 0; border: none; } +.migration_copyboard { + padding: 30px 10px; + border: 1px solid #E1E1E1; + background-color: #FFF; + border-radius: 3px; + text-align: center; + cursor: pointer; } -.migration_copyboard span -{ - display:block; + +.migration_copyboard span { + display: block; margin: 20px auto; color: #636363; - font-size:13px; + font-size: 13px; } -.migration_copyboard span:last-child -{ - display:block; + +.migration_copyboard span:last-child { + display: block; margin: 20px auto 0 auto; - color:#2EB52B; - font-size:12px; + color: #2EB52B; + font-size: 12px; } -.migration_copyboard input -{ + +.migration_copyboard input { width: 100%; text-align: center; border: none; color: #636363; font-size: 13px; - font-family: Ubuntu,Helvetica,sans-serif; + font-family: Ubuntu, Helvetica, sans-serif; } .migration_copyboard input::selection { - background: #2EB52B; /* WebKit/Blink Browsers */ + background: #2EB52B; /* WebKit/Blink Browsers */ } + .migration_copyboard input::-moz-selection { - background: #2EB52B; /* Gecko Browsers */ + background: #2EB52B; /* Gecko Browsers */ } -#create_another_token,#test_connection_button -{ - color: #2eb52c; + +#create_another_token,#test_connection_button { + color: #2EB52C; text-decoration: underline; - font-size:12px; + font-size: 12px; margin: 12px 0 20px 0; - cursor:pointer; - text-align:center; + cursor: pointer; + text-align: center; width: 100%; } -#create_another_token -{ + +#create_another_token { width: 400px; position: absolute; - bottom: 0px; - z-index:100; + bottom: 0; + z-index: 100; } -#data-migration-import-via-file -{ +#data-migration-import-via-file { width: 100%; height: 500px; - background-color: #ffffff; - border: 1px dashed #d5d5d5; + background-color: #FFF; + border: 1px dashed #D5D5D5; border-radius: 2px; position: relative; } -#data-migration-import-via-file.file-selected .dz-message, #data-migration-import-via-file.file-selected .fallback { +#data-migration-import-via-file.file-selected .dz-message,#data-migration-import-via-file.file-selected .fallback { display: none; } -.migration_status -{ - display:block; width: 8px; height: 8px; border-radius:4px; background-color:#55a8ed; position:relative; float:left; margin: 3px 10px; +.migration_status { + display: block; + width: 8px; + height: 8px; + border-radius: 4px; + background-color: #55A8ED; + position: relative; + float: left; + margin: 3px 10px; } -.migration_failed -{ - background-color:#ff4b29; + +.migration_failed { + background-color: #FF4B29; } -.migration_finished -{ - background-color:#14ca5f; + +.migration_finished { + background-color: #14CA5F; } -#export-widget-drawer .icon-button,#import-widget-drawer .icon-button -{ - text-align:center; - float:none; - margin-left:0; +#export-widget-drawer .icon-button,#import-widget-drawer .icon-button { + text-align: center; + float: none; + margin-left: 0; } -#data-migration-import-via-file .dz-file-preview p.sline -{ + +#data-migration-import-via-file .dz-file-preview p.sline { font-size: 14px; } -div.migration_empty -{ -color: #a2a2a2; -vertical-align: text-bottom; -font-size: 16px; -text-align:center; -margin: 50px 0; +div.migration_empty { + color: #A2A2A2; + vertical-align: text-bottom; + font-size: 16px; + text-align: center; + margin: 50px 0; } -#token_time_span{width:100%;} +#token_time_span { width: 100%; } -#export-widget-drawer .label .description{float:right; color:#9C9c9c} +#export-widget-drawer .label .description { float: right; color: #9C9C9C; } -#import-widget-drawer .description -{ - margin-top:-21px; - margin-bottom:10px; +#import-widget-drawer .description { + margin-top: -21px; + margin-bottom: 10px; } -input.migration-green-checkbox,#export-widget-drawer input[type=checkbox]{ + +input.migration-green-checkbox,#export-widget-drawer input[type=checkbox] { height: 16px; width: 16px; vertical-align: middle; - margin: .2em 0.4em 0.4em 0; + margin: 0.2em 0.4em 0.4em 0; border: 1px solid #DFE3E9; - background-color: #FFFFFF; + background-color: #FFF; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; @@ -325,15 +335,14 @@ input.migration-green-checkbox,#export-widget-drawer input[type=checkbox]{ transition: 200ms ease-in-out; padding: initial; box-sizing: border-box; - } -input.migration-green-checkbox:active,input.migration-green-checkbox:focus,#export-widget-drawer input[type=checkbox]:active,#export-widget-drawer input[type=checkbox]:focus -{ + +input.migration-green-checkbox:active,input.migration-green-checkbox:focus,#export-widget-drawer input[type=checkbox]:active,#export-widget-drawer input[type=checkbox]:focus { border: 1px solid #DFE3E9; - outline:none; + outline: none; } -input.migration-green-checkbox:checked:before,#export-widget-drawer input[type=checkbox]:checked:before { +input.migration-green-checkbox:checked::before,#export-widget-drawer input[type=checkbox]:checked::before { content: ''; display: block; width: 3px; @@ -346,35 +355,34 @@ input.migration-green-checkbox:checked:before,#export-widget-drawer input[type=c margin-top: 2px; } -input.migration-green-checkbox:checked,#export-widget-drawer input[type=checkbox]:checked -{ +input.migration-green-checkbox:checked,#export-widget-drawer input[type=checkbox]:checked { border-color: #C2C2C2; } -.migration-checkbox-label -{ +.migration-checkbox-label { font-size: 13px; color: #636363; } -.migration-message{ +.migration-message { padding: 10px 20px 10px 40px; position: relative; color: #717171; display: block; font-size: 13px; - font-family: Verdana,Arial,sans-serif; + font-family: Verdana, Arial, sans-serif; text-align: center; - background-color: #f8f8f8; + background-color: #F8F8F8; } + .migration-message { margin-top: 6px; } -#import-export-button-menu .item i{ - margin-left:-10px; +#import-export-button-menu .item i { + margin-left: -10px; } -#import-export-button-menu .item span{ - margin-left:4px; +#import-export-button-menu .item span { + margin-left: 4px; } diff --git a/plugins/dbviewer/frontend/public/stylesheets/main.css b/plugins/dbviewer/frontend/public/stylesheets/main.css index 2317db92409..39feb8b60aa 100644 --- a/plugins/dbviewer/frontend/public/stylesheets/main.css +++ b/plugins/dbviewer/frontend/public/stylesheets/main.css @@ -1,412 +1,504 @@ -#dbviewer { box-sizing: border-box; font-family: 'Ubuntu'; overflow: hidden; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; float:left; width: 100%; } -#dbviewer .clear { clear: both;} -#dbviewer .left-side { width: 300px; float: left; background-color: #fff; border-right: 1px solid #ddd; padding-bottom: 1000px; margin-bottom: -1000px; overflow: hidden;} -#dbviewer .left-side .ui-widget-content { border:none; } -#dbviewer .left-side ul {list-style: none; padding:0; font-size: 13px;} -#dbviewer .left-side ul li {padding-top: 3px; padding-bottom: 3px;} -#dbviewer .left-side ul li:hover {background-color: #dedede;} +#dbviewer { box-sizing: border-box; font-family: 'Ubuntu'; overflow: hidden; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; float: left; width: 100%; } + +#dbviewer .clear { clear: both; } + +#dbviewer .left-side { width: 300px; float: left; background-color: #FFF; border-right: 1px solid #DDD; padding-bottom: 1000px; margin-bottom: -1000px; overflow: hidden; } + +#dbviewer .left-side .ui-widget-content { border: none; } + +#dbviewer .left-side ul { list-style: none; padding: 0; font-size: 13px; } + +#dbviewer .left-side ul li { padding-top: 3px; padding-bottom: 3px; } + +#dbviewer .left-side ul li:hover { background-color: #DEDEDE; } + #dbviewer .left-side ul li a { font-size: 11px; } -#dbviewer .left-side ul li a.selected {font-weight: bold; padding-bottom: 3px;padding-top:3px;} -#dbviewer .left-side .ui-accordion .ui-accordion-content {padding: 10px;} -#dbviewer .left-side .ui-state-active, -#dbviewer .left-side .ui-accordion .ui-accordion-header { border: none; border-bottom: 1px solid #d0d0d0; color: #424242; font-size: 11px; padding: 10px 4px; background-color: #f7f7f7; text-align: center; background-image: none; border-radius: 0; margin: 0px;} -#dbviewer .right-side { border-radius:2px; margin-left: 300px; padding: 10px 15px; border-left: 1px solid #ddd; } -#dbviewer .right-side > p { font-size:13px; color:#464646; } + +#dbviewer .left-side ul li a.selected { font-weight: bold; padding-bottom: 3px; padding-top: 3px; } + +#dbviewer .left-side .ui-accordion .ui-accordion-content { padding: 10px; } + +#dbviewer .left-side .ui-state-active,#dbviewer .left-side .ui-accordion .ui-accordion-header { border: none; border-bottom: 1px solid #D0D0D0; color: #424242; font-size: 11px; padding: 10px 4px; background-color: #F7F7F7; text-align: center; background-image: none; border-radius: 0; margin: 0; } + +#dbviewer .right-side { border-radius: 2px; margin-left: 300px; padding: 10px 15px; border-left: 1px solid #DDD; } + +#dbviewer .right-side > p { font-size: 13px; color: #464646; } + #dbviewer .right-side p.breadcrumbs { display: inline-block; margin-bottom: 20px; font-size: 15px; } + #dbviewer .right-side p.pagination { margin: 25px 0; text-align: center; } + #dbviewer .right-side p.pagination a:last-of-type { margin-right: 20px; } + #dbviewer .right-side select { height: 27px; position: relative; } + #dbviewer .right-side .jh-type-string a[href] { color: #2FA732; font-size: 14px; font-weight: 400; } -#dbviewer-collections {display:block;width: 100%; border-spacing: 2px; border: 1px solid #ccc; border-collapse: collapse; border-collapse: collapse; border-radius: 2px; border-style: hidden; box-shadow: 0 0 0 1px #ccc;} -#dbviewer-collections th { display:block; width:100%;} -#dbviewer-collections tr { display:block; width:100%;} -#dbviewer-collections tbody { display:block; width:100%;} -#dbviewer-collections td { background-color: #f9f9f9; font-size: 12px; overflow: auto; display: block; height: 150px; white-space: pre-wrap; padding:15px; } -.jh-key.jh-object-key p { margin: 0; padding:10px; } -/*.pagination a, #collection-filter { border: 1px solid #ccc; background-color: #f5f5f5; padding: 4px 10px; cursor: pointer; font-size: 11px; border-radius: 2px; }*/ -.pagination a.current { color:#2FA732; } -.breadcrumbs {font-weight: bold; color: #666; } + +#dbviewer-collections { display: block; width: 100%; border-spacing: 2px; border: 1px solid #CCC; border-collapse: collapse; border-collapse: collapse; border-radius: 2px; border-style: hidden; box-shadow: 0 0 0 1px #CCC; } + +#dbviewer-collections th { display: block; width: 100%; } + +#dbviewer-collections tr { display: block; width: 100%; } + +#dbviewer-collections tbody { display: block; width: 100%; } + +#dbviewer-collections td { background-color: #F9F9F9; font-size: 12px; overflow: auto; display: block; height: 150px; white-space: pre-wrap; padding: 15px; } + +.jh-key.jh-object-key p { margin: 0; padding: 10px; } + +/* .pagination a, #collection-filter { border: 1px solid #ccc; background-color: #f5f5f5; padding: 4px 10px; cursor: pointer; font-size: 11px; border-radius: 2px; } */ + +.pagination a.current { color: #2FA732; } + +.breadcrumbs { font-weight: bold; color: #666; } + .breadcrumbs a { color: rgb(180, 253, 182); } -.dbviewer-collection-filter { width: calc(100% - 10px); width: -webkit-calc(100% - 10px); max-width: 100%; min-height: 50px; border-radius:2px; margin:0; margin-top:-10px; margin-bottom:20px; font:14px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px; border:1px solid #DDD; } -.jh-root, -.jh-type-object, -.jh-type-array, -.jh-key, -.jh-value, -.jh-root tr{ + +.dbviewer-collection-filter { width: calc(100% - 10px); width: -webkit-calc(100% - 10px); max-width: 100%; min-height: 50px; border-radius: 2px; margin: 0; margin-top: -10px; margin-bottom: 20px; font: 14px Ubuntu, Helvetica, sans-serif; line-height: 111%; padding: 5px; border: 1px solid #DDD; } + +.jh-root,.jh-type-object,.jh-type-array,.jh-key,.jh-value,.jh-root tr { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } -.jh-key, -.jh-value { margin: 0; padding: 0.2em; } -.jh-type-bool, -.jh-type-number { color: #8e8e8e; } -.jh-type-string { color: #8e8e8e; } + +.jh-key,.jh-value { margin: 0; padding: 0.2em; } + +.jh-type-bool,.jh-type-number { color: #8E8E8E; } + +.jh-type-string { color: #8E8E8E; } + .jh-array-key { font-style: italic; font-size: small; text-align: center; } -.jh-object-key, -.jh-array-key { color: #444; vertical-align: top; } -.jh-type-object > tr { background-color: #fff; } -.jh-type-object, -.jh-type-array { width: 100%; border-collapse: collapse; } -.jh-root { border: 1px solid #ccc; margin: 0.2em; } + +.jh-object-key,.jh-array-key { color: #444; vertical-align: top; } + +.jh-type-object > tr { background-color: #FFF; } + +.jh-type-object,.jh-type-array { width: 100%; border-collapse: collapse; } + +.jh-root { border: 1px solid #CCC; margin: 0.2em; } + th.jh-key { text-align: left; } -.jh-type-object > tr, -.jh-type-array > tr{ border: 1px solid #ddd; border-bottom: none; } -.jh-type-object > tr:last-child, -.jh-type-array > tr:last-child{ border-bottom: 1px solid #ddd; } -.jh-type-object > tr:hover, -.jh-type-array > tr:hover { border: 1px solid #F99927; } -.jh-empty{ font-style: italic; color: #999; font-size: small; } + +.jh-type-object > tr,.jh-type-array > tr { border: 1px solid #DDD; border-bottom: none; } + +.jh-type-object > tr:last-child,.jh-type-array > tr:last-child { border-bottom: 1px solid #DDD; } + +.jh-type-object > tr:hover,.jh-type-array > tr:hover { border: 1px solid #F99927; } + +.jh-empty { font-style: italic; color: #999; font-size: small; } + .dbviewer-collection-filter-input { - width: 90% !important; + width: 90% !important; height: 20px !important; font-size: 11px !important; - margin-bottom:10px !important; - border:none; - display:inline-block; - padding-top:5px; - padding-bottom:5px; - outline: none; - float:left; + margin-bottom: 10px !important; + border: none; + display: inline-block; + padding-top: 5px; + padding-bottom: 5px; + outline: none; + float: left; } + .dbviewer-header-of-query-wrapper { - /* border-bottom:1px solid #DBDBDB; */ - padding-bottom: 5px; + /* border-bottom:1px solid #DBDBDB; */ + padding-bottom: 5px; } + .dbviewer-left { - float:left; + float: left; } + .dbviewer-view-link { - float:right; - color:#2eb52b; + float: right; + color: #2EB52B; } + #dbviewer-projection-area > div > div.selectize-input.items > div { - cursor: default; - position: relative; - float: left; - border-radius: 2px; - background-color: #77787b; - color: #f1f1f1; - padding: 2px 4px 2px 4px; - font-size: 12px; + cursor: default; + position: relative; + float: left; + border-radius: 2px; + background-color: #77787B; + color: #F1F1F1; + padding: 2px 4px 2px 4px; + font-size: 12px; } + .dbviewer-sort-type-select { - background-color: #ececec; - margin-left: 8px; - padding: 10px; - text-align: center; - color: #6f6f6f; - font-size: 12px; - cursor:pointer; + background-color: #ECECEC; + margin-left: 8px; + padding: 10px; + text-align: center; + color: #6F6F6F; + font-size: 12px; + cursor: pointer; } + .dbviewer-sort-active { - background-color: #FFF; - border-color: #2eb52b !important; + background-color: #FFF; + border-color: #2EB52B !important; } + .dbviewer-first-sort-item { - margin-right: -11px; + margin-right: -11px; } + #dbviewer-export-button { - background-color: #2EB52B; - color: #FFF; - box-shadow: inset 0 0 0 1px #2EB52B; - border-radius: 2px; - border: none; - display: block; - padding: 6px 15px 9px; - font: 12px 'Ubuntu', Helvetica, sans-serif; - font-weight: 500; - margin-right:5px; - margin-top: 2px; + background-color: #2EB52B; + color: #FFF; + box-shadow: inset 0 0 0 1px #2EB52B; + border-radius: 2px; + border: none; + display: block; + padding: 6px 15px 9px; + font: 12px 'Ubuntu', Helvetica, sans-serif; + font-weight: 500; + margin-right: 5px; + margin-top: 2px; } + #dbviewer-export-button:hover { - background-color: rgba(47, 167, 51, 0.808); - opacity: 0.8; - cursor:pointer; + background-color: rgba(47, 167, 51, 0.808); + opacity: 0.8; + cursor: pointer; } + .dbviewer-subtitle { - font-size:13px; - color: #636363 !important; + font-size: 13px; + color: #636363 !important; } + .dbviewer-link-in-collection-list { - display: block; + display: block; } + #dbviewer-sort-descend { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-right: 1px solid #d6d6d6; - border-top: 1px solid #d6d6d6; - border-bottom: 1px solid #d6d6d6; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + border-right: 1px solid #D6D6D6; + border-top: 1px solid #D6D6D6; + border-bottom: 1px solid #D6D6D6; } + #dbviewer-sort-ascend { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - border: 1px solid #d6d6d6; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + border: 1px solid #D6D6D6; } + .dbviewer-db-square { - border: 1px solid #DBDBDB; - border-radius: 2px; - text-align:center; - width: 45%; - margin-left:2.5%; - display:inline-block; - padding:50px 5px 50px 5px; - font-size:14px; - font-family: 'Ubuntu', Helvetica, sans-serif; -} -#countly_out-box, #countly_fs-box { - margin-top:15px; + border: 1px solid #DBDBDB; + border-radius: 2px; + text-align: center; + width: 45%; + margin-left: 2.5%; + display: inline-block; + padding: 50px 5px 50px 5px; + font-size: 14px; + font-family: 'Ubuntu', Helvetica, sans-serif; +} + +#countly_out-box,#countly_fs-box { + margin-top: 15px; } + .dbviewer-db-square-drill { - border: 1px solid #DBDBDB; - border-radius: 2px; - text-align:center; - width: 45%; - margin-left:2.5%; - display:inline-block; - padding:48px 5px 50px 5px; - font-size:14px; - font-family: 'Ubuntu', Helvetica, sans-serif; + border: 1px solid #DBDBDB; + border-radius: 2px; + text-align: center; + width: 45%; + margin-left: 2.5%; + display: inline-block; + padding: 48px 5px 50px 5px; + font-size: 14px; + font-family: 'Ubuntu', Helvetica, sans-serif; } + .dbviewer-db-area-title { - background-color: #f7f7f7; - color:#424242; - padding: 15px; - border-top-right-radius:2px; - border-top-left-radius:2px; - margin-top:40px; - border-top:1px solid #DBDBDB; - border-right:1px solid #DBDBDB; - border-left:1px solid #DBDBDB; + background-color: #F7F7F7; + color: #424242; + padding: 15px; + border-top-right-radius: 2px; + border-top-left-radius: 2px; + margin-top: 40px; + border-top: 1px solid #DBDBDB; + border-right: 1px solid #DBDBDB; + border-left: 1px solid #DBDBDB; } + .dbviewer-db-detail-back { - margin-left:0px; + margin-left: 0; } + .dbviewer-collection-list { - border:1px solid #DBDBDB; - padding: 10px; + border: 1px solid #DBDBDB; + padding: 10px; } + .dbviewer-collection-list-item { - font-weight: 100; - color:#524f4fb5; - margin-top:5px; - font-size:14px; + font-weight: 100; + color: #524F4FB5; + margin-top: 5px; + font-size: 14px; } -.dbviewer-db-square:hover, .dbviewer-db-square-drill:hover { - background-color: #F9F9F9; + +.dbviewer-db-square:hover,.dbviewer-db-square-drill:hover { + background-color: #F9F9F9; } + .dbviewer-db-description { - color: #636363; - margin-left:10px; - margin-right:10px; - width: 70%; - text-align: center; - margin-left: 15%; + color: #636363; + margin-left: 10px; + margin-right: 10px; + width: 70%; + text-align: center; + margin-left: 15%; } + #dbviewer-collection-input-filter-wrapper { - border-bottom: 1px solid #DBDBDB; - height: 30px; + border-bottom: 1px solid #DBDBDB; + height: 30px; } -.dbviewer-filter-show, .dbviewer-filter-hide { - font-size: 12px; - margin-bottom: 5px; + +.dbviewer-filter-show,.dbviewer-filter-hide { + font-size: 12px; + margin-bottom: 5px; } + .dbviewer-collection-filter-input-icon { - display: inline-block; - width: 8%; - font-size:13px; - color:#d2d2d2; - margin-top:10px; - float:right; + display: inline-block; + width: 8%; + font-size: 13px; + color: #D2D2D2; + margin-top: 10px; + float: right; } + .dbviewer-red-button { - border:none; - background-color: #D63E40; - color:white; - padding: 3px; - font-size:12px; + border: none; + background-color: #D63E40; + color: white; + padding: 3px; + font-size: 12px; } + .dbviewer-green-button { - border:1px solid #2FA732; - background-color: #2FA732; - color:white; - padding: 3px; - font-size:12px; + border: 1px solid #2FA732; + background-color: #2FA732; + color: white; + padding: 3px; + font-size: 12px; } + .dbviewer-pagination-item { - border: 1px solid #DBDBDB; - padding: 3px 10px 3px 10px; - background-color: #f7f7f7; - border-radius:2px; - font-size:12px; + border: 1px solid #DBDBDB; + padding: 3px 10px 3px 10px; + background-color: #F7F7F7; + border-radius: 2px; + font-size: 12px; } + .dbviewer-documents-area { - padding-left: 10px; - padding-right: 15px; - padding-top: 10px; + padding-left: 10px; + padding-right: 15px; + padding-top: 10px; } -.dbviewer-filter-show:hover, .dbviewer-filter-hide:hover { - color:#2FA732; - font-size: 12px; + +.dbviewer-filter-show:hover,.dbviewer-filter-hide:hover { + color: #2FA732; + font-size: 12px; } + #dbviewer-result-count-selector { - float: right; + float: right; } + .dbviewer-inline { - display: inline-block; + display: inline-block; } + .dbviewer-gray-area { - padding: 10px; - padding-top:10px; - padding-bottom: 10px; - background-color:#f9f9f9; - border:1px solid #DBDBDB; - margin-top:40px; - display: none; - padding-bottom:15px; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - margin-left: 8px; - margin-right: 8px; + padding: 10px; + padding-top: 10px; + padding-bottom: 10px; + background-color: #F9F9F9; + border: 1px solid #DBDBDB; + margin-top: 40px; + display: none; + padding-bottom: 15px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + margin-left: 8px; + margin-right: 8px; } + .dbviewer-gray { - color: #636363 !important; - font-size:13px; + color: #636363 !important; + font-size: 13px; } + .dbviewer-collection-name { - font-size: 15px; + font-size: 15px; } + .dbviewer-gray-bg { - background-color:#f9f9f9; + background-color: #F9F9F9; } + .dbviewer-right { - float:right; + float: right; } + .dbviewer-incorrect-json { - color:#D63E40; - display: none; - margin-top: -10px; + color: #D63E40; + display: none; + margin-top: -10px; } + .dbviewer-go-back { - margin-left: 0px; + margin-left: 0; } + .dbviewer-doc-back-button { - margin-left: 8px; - margin-bottom: 10px; - display:none; + margin-left: 8px; + margin-bottom: 10px; + display: none; } + .dbviewer-filter-toggle { - display: block; - position: relative; - padding-left:10px; - padding-top:5px; + display: block; + position: relative; + padding-left: 10px; + padding-top: 5px; } + .dbviewer-filter-area { - display: none; - padding-left:30px; - padding-right:30px; - margin-top: 20px; + display: none; + padding-left: 30px; + padding-right: 30px; + margin-top: 20px; } + .dbviewer-filter-show { - display: inline-block; - cursor:pointer; + display: inline-block; + cursor: pointer; } + .dbviewer-filter-hide { - display: none; - cursor:pointer; + display: none; + cursor: pointer; } + .dbviewer-correct-json { - color:#2FA732; - display: none; - margin-top: -10px; + color: #2FA732; + display: none; + margin-top: -10px; } + .dbviewer-white { - background-color: white; + background-color: white; } + .dbviewer-export-icon { - color: #FFF; - font-family: 'Ionicons'; - content: "\f123"; - font-size: 9px; - position: absolute; - right: 12px; + color: #FFF; + font-family: 'Ionicons'; + content: "\f123"; + font-size: 9px; + position: absolute; + right: 12px; } + #dbviewer-apply-filter-button-wrapper { - position: absolute; - right:10px; - bottom: 20px; + position: absolute; + right: 10px; + bottom: 20px; } + #dbviewer-apply-filter-button { - border:1px solid silver; - background-color: transparent; - padding-top:7px; - padding-bottom:7px; - padding-right:10px; - padding-left:10px; - color:gray; - border-radius:3px; - cursor:pointer; - margin-right:30px; + border: 1px solid silver; + background-color: transparent; + padding-top: 7px; + padding-bottom: 7px; + padding-right: 10px; + padding-left: 10px; + color: gray; + border-radius: 3px; + cursor: pointer; + margin-right: 30px; } + #dbviewer-apply-filter-button:hover { - background-color: #ebebeb; + background-color: #EBEBEB; } + .dbviewer-collection-projection { - display: none; + display: none; } -#dbviewer-projection-area, #dbviewer-sort-area { - width: 100%; - display: none; - margin-bottom:50px; + +#dbviewer-projection-area,#dbviewer-sort-area { + width: 100%; + display: none; + margin-bottom: 50px; } + #dbviewer-manuel-projection-input { - width: 100%; - height: auto; - min-height: 32px; - background-color: #FDFDFD; - border:1px solid #DBDBDB; - border-radius: 2px; - box-sizing: border-box; - padding-left: 5px; - display: none; - font-family: Ubuntu,Helvetica,sans-serif; + width: 100%; + height: auto; + min-height: 32px; + background-color: #FDFDFD; + border: 1px solid #DBDBDB; + border-radius: 2px; + box-sizing: border-box; + padding-left: 5px; + display: none; + font-family: Ubuntu, Helvetica, sans-serif; } + #dbviewer-sort_param { - width: 50%; - display: inline-block; + width: 50%; + display: inline-block; } + #dbviewer-sort_type { - width: calc(50% - 14px); - display: inline-block; - margin-left:10px; - text-align: center; - width: -webkit-calc(50% - 14px); + width: calc(50% - 14px); + display: inline-block; + margin-left: 10px; + text-align: center; + width: -webkit-calc(50% - 14px); } -.dbviewer-area-pos{ - position: relative; + +.dbviewer-area-pos { + position: relative; } + .dbviewer-export-button-icon { - font-size: 16px; - margin-left: 5px; - transform: translateY(2px); - display: inline-block; + font-size: 16px; + margin-left: 5px; + transform: translateY(2px); + display: inline-block; } -.dbviewer-button-right-side{ - position: absolute; - top: 10px; - right: 10px; + +.dbviewer-button-right-side { + position: absolute; + top: 10px; + right: 10px; } -.dbviewer-left-side-1{ - border-bottom: 1px solid #DBDBDB; - padding: 10px 0px 20px; - margin-left:5px; - margin-right:5px; + +.dbviewer-left-side-1 { + border-bottom: 1px solid #DBDBDB; + padding: 10px 0 20px; + margin-left: 5px; + margin-right: 5px; } -.dbviewer-left-side-2{ - padding: 10px 0 0; + +.dbviewer-left-side-2 { + padding: 10px 0 0; } + /* The container */ + .dbviewer-custom-checkbox-container { display: block; position: relative; @@ -417,55 +509,72 @@ th.jh-key { text-align: left; } -ms-user-select: none; user-select: none; } + /* Hide the browser's default checkbox */ + .dbviewer-custom-checkbox-container input { position: absolute; opacity: 0; cursor: pointer; - border-radius:2px; + border-radius: 2px; } + /* Create a custom checkbox */ + .dbviewer-custom-checkbox-checkmark { position: absolute; top: 0; left: 0; height: 11px; width: 11px; - border-radius:3px; - border:1px solid #636363; + border-radius: 3px; + border: 1px solid #636363; } + .dbviewer-filter-status { - float: right; - display: none; - font-size: 13px; - margin-top: 5px; - margin-right: 5px; + float: right; + display: none; + font-size: 13px; + margin-top: 5px; + margin-right: 5px; } + /* On mouse-over, add a grey background color */ + .dbviewer-custom-checkbox-container:hover input ~ .dbviewer-custom-checkbox-checkmark { - border:1px solid #217923; + border: 1px solid #217923; } + /* When the checkbox is checked, add a blue background */ + .dbviewer-custom-checkbox-container input:checked ~ .dbviewer-custom-checkbox-checkmark { background-color: #2EB52B; - border:1px solid #2eb52b; + border: 1px solid #2EB52B; } + /* Create a custom checkbox */ + .dbviewer-custom-checkbox-container input:checked:hover { - background-color: #217923; + background-color: #217923; } + /* Create the checkmark/indicator (hidden when not checked) */ -.dbviewer-custom-checkbox-checkmark:after { + +.dbviewer-custom-checkbox-checkmark::after { content: ""; position: absolute; display: none; } + /* Show the checkmark when checked */ -.dbviewer-custom-checkbox-container input:checked ~ .dbviewer-custom-checkbox-checkmark:after { + +.dbviewer-custom-checkbox-container input:checked ~ .dbviewer-custom-checkbox-checkmark::after { display: block; } + /* Style the checkmark/indicator */ -.dbviewer-custom-checkbox-container .dbviewer-custom-checkbox-checkmark:after { + +.dbviewer-custom-checkbox-container .dbviewer-custom-checkbox-checkmark::after { left: 2.5px; top: 0.6px; width: 2.5px; @@ -476,13 +585,15 @@ th.jh-key { text-align: left; } -ms-transform: rotate(45deg); transform: rotate(45deg); } + #dbviewer-projection-checkbox-title { - position: absolute; - left: 20px; + position: absolute; + left: 20px; } + #dbviewer-sort-checkbox-title { - position: absolute; - left: 20px; + position: absolute; + left: 20px; } /** @@ -501,504 +612,563 @@ th.jh-key { text-align: left; } * @author Brian Reavis */ - .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { - visibility: visible !important; - background: #f2f2f2 !important; - background: rgba(0, 0, 0, 0.06) !important; - border: 0 none !important; - -webkit-box-shadow: inset 0 0 12px 4px #ffffff; - box-shadow: inset 0 0 12px 4px #ffffff; +.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { + visibility: visible !important; + background: #F2F2F2 !important; + background: rgba(0, 0, 0, 0.06) !important; + border: 0 none !important; + -webkit-box-shadow: inset 0 0 12px 4px #FFF; + box-shadow: inset 0 0 12px 4px #FFF; } + .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { - content: '!'; - visibility: hidden; + content: '!'; + visibility: hidden; } + .selectize-control.plugin-drag_drop .ui-sortable-helper { - -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } + .selectize-dropdown-header { - position: relative; - padding: 5px 8px; - border-bottom: 1px solid #d0d0d0; - background: #f8f8f8; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; + position: relative; + padding: 5px 8px; + border-bottom: 1px solid #D0D0D0; + background: #F8F8F8; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } + .selectize-dropdown-header-close { - position: absolute; - right: 8px; - top: 50%; - color: #303030; - opacity: 0.4; - margin-top: -12px; - line-height: 20px; - font-size: 20px !important; + position: absolute; + right: 8px; + top: 50%; + color: #303030; + opacity: 0.4; + margin-top: -12px; + line-height: 20px; + font-size: 20px !important; } + .selectize-dropdown-header-close:hover { - color: #000000; + color: #000; } + .selectize-dropdown.plugin-optgroup_columns .optgroup { - border-right: 1px solid #f2f2f2; - border-top: 0 none; - float: left; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + border-right: 1px solid #F2F2F2; + border-top: 0 none; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { - border-right: 0 none; + border-right: 0 none; } -.selectize-dropdown.plugin-optgroup_columns .optgroup:before { - display: none; + +.selectize-dropdown.plugin-optgroup_columns .optgroup::before { + display: none; } + .selectize-dropdown.plugin-optgroup_columns .optgroup-header { - border-top: 0 none; + border-top: 0 none; } + .selectize-control.plugin-remove_button [data-value] { - position: relative; - padding-right: 24px !important; + position: relative; + padding-right: 24px !important; } + .selectize-control.plugin-remove_button [data-value] .remove { - z-index: 1; - /* fixes ie bug (see #392) */ - position: absolute; - top: 0; - right: 0; - bottom: 0; - width: 17px; - text-align: center; - font-weight: bold; - font-size: 12px; - color: inherit; - text-decoration: none; - vertical-align: middle; - display: inline-block; - padding: 2px 0 0 0; - border-left: 1px solid #d0d0d0; - -webkit-border-radius: 0 2px 2px 0; - -moz-border-radius: 0 2px 2px 0; - border-radius: 0 2px 2px 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + z-index: 1; + + /* fixes ie bug (see #392) */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 17px; + text-align: center; + font-weight: bold; + font-size: 12px; + color: inherit; + text-decoration: none; + vertical-align: middle; + display: inline-block; + padding: 2px 0 0 0; + border-left: 1px solid #D0D0D0; + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .selectize-control.plugin-remove_button [data-value] .remove:hover { - background: rgba(0, 0, 0, 0.05); + background: rgba(0, 0, 0, 0.05); } + .selectize-control.plugin-remove_button [data-value].active .remove { - border-left-color: #cacaca; + border-left-color: #CACACA; } + .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { - background: none; + background: none; } + .selectize-control.plugin-remove_button .disabled [data-value] .remove { - border-left-color: #ffffff; + border-left-color: #FFF; } + .selectize-control.plugin-remove_button .remove-single { - position: absolute; - right: 28px; - top: 6px; - font-size: 23px; + position: absolute; + right: 28px; + top: 6px; + font-size: 23px; } + .selectize-control { - position: relative; -} -.selectize-dropdown, -.selectize-input, -.selectize-input input { - color: #303030; - font-family: inherit; - font-size: 13px; - line-height: 18px; - -webkit-font-smoothing: inherit; -} -.selectize-input, -.selectize-control.single .selectize-input.input-active { - background: #ffffff; - cursor: text; - display: inline-block; + position: relative; +} + +.selectize-dropdown,.selectize-input,.selectize-input input { + color: #303030; + font-family: inherit; + font-size: 13px; + line-height: 18px; + -webkit-font-smoothing: inherit; } + +.selectize-input,.selectize-control.single .selectize-input.input-active { + background: #FFF; + cursor: text; + display: inline-block; +} + .selectize-input { - border: 1px solid #d0d0d0; - padding: 8px 8px; - display: inline-block; - width: 100%; - overflow: hidden; - position: relative; - z-index: 1; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border: 1px solid #D0D0D0; + padding: 8px 8px; + display: inline-block; + width: 100%; + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + .selectize-control.multi .selectize-input.has-items { - padding: 6px 8px 3px; + padding: 6px 8px 3px; } + .selectize-input.full { - background-color: #ffffff; + background-color: #FFF; } -.selectize-input.disabled, -.selectize-input.disabled * { - cursor: default !important; + +.selectize-input.disabled,.selectize-input.disabled * { + cursor: default !important; } + .selectize-input.focus { - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } + .selectize-input.dropdown-active { - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; } + .selectize-input > * { - vertical-align: baseline; - display: -moz-inline-stack; - display: inline-block; - zoom: 1; - *display: inline; + vertical-align: baseline; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; } + .selectize-control.multi .selectize-input > div { - cursor: pointer; - margin: 0 3px 3px 0; - padding: 2px 6px; - background: #f2f2f2; - color: #303030; - border: 0 solid #d0d0d0; + cursor: pointer; + margin: 0 3px 3px 0; + padding: 2px 6px; + background: #F2F2F2; + color: #303030; + border: 0 solid #D0D0D0; } + .selectize-control.multi .selectize-input > div.active { - background: #e8e8e8; - color: #303030; - border: 0 solid #cacaca; + background: #E8E8E8; + color: #303030; + border: 0 solid #CACACA; } -.selectize-control.multi .selectize-input.disabled > div, -.selectize-control.multi .selectize-input.disabled > div.active { - color: #7d7d7d; - background: #ffffff; - border: 0 solid #ffffff; + +.selectize-control.multi .selectize-input.disabled > div,.selectize-control.multi .selectize-input.disabled > div.active { + color: #7D7D7D; + background: #FFF; + border: 0 solid #FFF; } + .selectize-input > input { - display: inline-block !important; - padding: 0 !important; - min-height: 0 !important; - max-height: none !important; - max-width: 100% !important; - margin: 0 2px 0 0 !important; - text-indent: 0 !important; - border: 0 none !important; - background: none !important; - line-height: inherit !important; - -webkit-user-select: auto !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + display: inline-block !important; + padding: 0 !important; + min-height: 0 !important; + max-height: none !important; + max-width: 100% !important; + margin: 0 2px 0 0 !important; + text-indent: 0 !important; + border: 0 none !important; + background: none !important; + line-height: inherit !important; + -webkit-user-select: auto !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; } + .selectize-input > input::-ms-clear { - display: none; + display: none; } + .selectize-input > input:focus { - outline: none !important; + outline: none !important; } + .selectize-input::after { - content: ' '; - display: block; - clear: left; + content: ' '; + display: block; + clear: left; } + .selectize-input.dropdown-active::before { - content: ' '; - display: block; - position: absolute; - background: #f0f0f0; - height: 1px; - bottom: 0; - left: 0; - right: 0; + content: ' '; + display: block; + position: absolute; + background: #F0F0F0; + height: 1px; + bottom: 0; + left: 0; + right: 0; } + .selectize-dropdown { - position: absolute; - z-index: 10; - border: 1px solid #d0d0d0; - background: #ffffff; - margin: -1px 0 0 0; - border-top: 0 none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - -webkit-border-radius: 0 0 3px 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; + position: absolute; + z-index: 10; + border: 1px solid #D0D0D0; + background: #FFF; + margin: -1px 0 0 0; + border-top: 0 none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; } + .selectize-dropdown [data-selectable] { - cursor: pointer; - overflow: hidden; + cursor: pointer; + overflow: hidden; } + .selectize-dropdown [data-selectable] .highlight { - background: rgba(125, 168, 208, 0.2); - -webkit-border-radius: 1px; - -moz-border-radius: 1px; - border-radius: 1px; + background: rgba(125, 168, 208, 0.2); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; } -.selectize-dropdown [data-selectable], -.selectize-dropdown .optgroup-header { - padding: 5px 8px; + +.selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header { + padding: 5px 8px; } + .selectize-dropdown .optgroup:first-child .optgroup-header { - border-top: 0 none; + border-top: 0 none; } + .selectize-dropdown .optgroup-header { - color: #303030; - background: #ffffff; - cursor: default; + color: #303030; + background: #FFF; + cursor: default; } + .selectize-dropdown .active { - background-color: #f5fafd; - color: #495c68; + background-color: #F5FAFD; + color: #495C68; } + .selectize-dropdown .active.create { - color: #495c68; + color: #495C68; } + .selectize-dropdown .create { - color: rgba(48, 48, 48, 0.5); + color: rgba(48, 48, 48, 0.5); } + .selectize-dropdown-content { - overflow-y: auto; - overflow-x: hidden; - max-height: 200px; - -webkit-overflow-scrolling: touch; -} -.selectize-control.single .selectize-input, -.selectize-control.single .selectize-input input { - cursor: pointer; -} -.selectize-control.single .selectize-input.input-active, -.selectize-control.single .selectize-input.input-active input { - cursor: text; -} -.selectize-control.single .selectize-input:after { - content: ' '; - display: block; - position: absolute; - top: 50%; - right: 15px; - margin-top: -3px; - width: 0; - height: 0; - border-style: solid; - border-width: 5px 5px 0 5px; - border-color: #808080 transparent transparent transparent; -} -.selectize-control.single .selectize-input.dropdown-active:after { - margin-top: -4px; - border-width: 0 5px 5px 5px; - border-color: transparent transparent #808080 transparent; -} -.selectize-control.rtl.single .selectize-input:after { - left: 15px; - right: auto; + overflow-y: auto; + overflow-x: hidden; + max-height: 200px; + -webkit-overflow-scrolling: touch; +} + +.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input { + cursor: pointer; +} + +.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input { + cursor: text; +} + +.selectize-control.single .selectize-input::after { + content: ' '; + display: block; + position: absolute; + top: 50%; + right: 15px; + margin-top: -3px; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: #808080 transparent transparent transparent; +} + +.selectize-control.single .selectize-input.dropdown-active::after { + margin-top: -4px; + border-width: 0 5px 5px 5px; + border-color: transparent transparent #808080 transparent; +} + +.selectize-control.rtl.single .selectize-input::after { + left: 15px; + right: auto; } + .selectize-control.rtl .selectize-input > input { - margin: 0 4px 0 -2px !important; + margin: 0 4px 0 -2px !important; } + .selectize-control .selectize-input.disabled { - opacity: 0.5; - background-color: #fafafa; + opacity: 0.5; + background-color: #FAFAFA; } -.dbviewer-sort-property:nth-child(1){ - display:inline-block; - width: 49%; +.dbviewer-sort-property:nth-child(1) { + display: inline-block; + width: 49%; } -.dbviewer-sort-property:nth-child(2){ - display:inline-block; - width: 49%; - text-align: center; + +.dbviewer-sort-property:nth-child(2) { + display: inline-block; + width: 49%; + text-align: center; } -/*JSONVIEWER*/ +/* JSONVIEWER */ + /* Syntax highlighting for JSON objects */ -ul.json-dict, ol.json-array { - list-style-type: none; - margin: 0 0 0 1px; - border-left: 1px dotted #ccc; - padding-left: 2em; + +ul.json-dict,ol.json-array { + list-style-type: none; + margin: 0 0 0 1px; + border-left: 1px dotted #CCC; + padding-left: 2em; } + .json-string { - color: #0B7500; + color: #0B7500; } + .json-literal { - color: #1A01CC; - font-weight: bold; + color: #1A01CC; + font-weight: bold; } /* Toggle button */ + a.json-toggle { - position: relative; - color: inherit; - text-decoration: none; + position: relative; + color: inherit; + text-decoration: none; } + a.json-toggle:focus { - outline: none; + outline: none; } -a.json-toggle:before { - color: #aaa; - content: "\25BC"; /* down arrow */ - position: absolute; - display: inline-block; - width: 1em; - left: -1em; + +a.json-toggle::before { + color: #AAA; + content: "\25BC"; /* down arrow */ + position: absolute; + display: inline-block; + width: 1em; + left: -1em; } -a.json-toggle.collapsed:before { - transform: rotate(-90deg); /* Use rotated down arrow, prevents right arrow appearing smaller than down arrow in some browsers */ - -ms-transform: rotate(-90deg); - -webkit-transform: rotate(-90deg); + +a.json-toggle.collapsed::before { + transform: rotate(-90deg); /* Use rotated down arrow, prevents right arrow appearing smaller than down arrow in some browsers */ + -ms-transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); } /* Collapsable placeholder links */ + a.json-placeholder { - color: #aaa; - padding: 0 1em; - text-decoration: none; + color: #AAA; + padding: 0 1em; + text-decoration: none; } + a.json-placeholder:hover { - text-decoration: underline; + text-decoration: underline; } + .dbviewer-documents-area #json-wrapper { - margin-top:35px; - background-color: #f7f7f7; - overflow-x: auto; + margin-top: 35px; + background-color: #F7F7F7; + overflow-x: auto; } -.dbviewer-json-pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; } + +.dbviewer-json-pre { outline: 1px solid #CCC; padding: 5px; margin: 5px; } + .db-detail { - cursor:pointer; + cursor: pointer; } + .dbviewer-collections { - margin-left:8px; - margin-right:8px; + margin-left: 8px; + margin-right: 8px; } .dbviewer-aggregate { - float:right; - margin-right: 8px; - display: none; + float: right; + margin-right: 8px; + display: none; } .countly-aggregate-input { - border: 1px solid #DBDBDB; - width: 300px; - font-size: 12px; - padding: 4px; - margin-left: 10px; - display: block; - margin-bottom: 5px; + border: 1px solid #DBDBDB; + width: 300px; + font-size: 12px; + padding: 4px; + margin-left: 10px; + display: block; + margin-bottom: 5px; } .countly-aggregate-header { - margin-left: 10px; - color: #636363; - font-size: 14px; - font-weight: 400; - letter-spacing: 0.3px; - line-height: 1.1; + margin-left: 10px; + color: #636363; + font-size: 14px; + font-weight: 400; + letter-spacing: 0.3px; + line-height: 1.1; } #generate_aggregate_report { - border:none; - background-color: #2EB52B; - color: white; - padding: 8px 16px 8px 16px; - border-radius: 2px; - float:right; - margin-right: 10px; - margin-bottom: 10px; - cursor: pointer; - text-align: center; - font-weight: 400; - font-size: 14px; - outline: none; + border: none; + background-color: #2EB52B; + color: white; + padding: 8px 16px 8px 16px; + border-radius: 2px; + float: right; + margin-right: 10px; + margin-bottom: 10px; + cursor: pointer; + text-align: center; + font-weight: 400; + font-size: 14px; + outline: none; } #back_to_dbviewer { - cursor: pointer; - display: none; + cursor: pointer; + display: none; } #aggregation_pipeline { - width: calc( 99% - 20px ); - margin-left: 10px; - font-size: 14px; - padding: 5px; - height: 50px; - margin-bottom: 10px; - outline: none; - border-radius: 2px; + width: calc(99% - 20px); + margin-left: 10px; + font-size: 14px; + padding: 5px; + height: 50px; + margin-bottom: 10px; + outline: none; + border-radius: 2px; } #aggregate-result-table { - font-size:12px; - border: 1px solid #D0D0D0; - width: 100%; + font-size: 12px; + border: 1px solid #D0D0D0; + width: 100%; } #aggregate-result-table > tbody > tr > td { - font-family: Ubuntu,Helvetica,sans-serif; - font-size: 12px; - line-height: 15px; - padding: 10px 5px 10px 5px; + font-family: Ubuntu, Helvetica, sans-serif; + font-size: 12px; + line-height: 15px; + padding: 10px 5px 10px 5px; } #aggregate-result-table > thead > tr > th { - padding: 11px 10px 10px 10px; - color: #484848; - font-size: 11px; - text-transform: uppercase; - line-height: 12px; - text-align: left; - border-bottom: 1px solid #E2E2E2; - background-color: #F3F3F3; - border-top: 1px solid #D0D0D0; + padding: 11px 10px 10px 10px; + color: #484848; + font-size: 11px; + text-transform: uppercase; + line-height: 12px; + text-align: left; + border-bottom: 1px solid #E2E2E2; + background-color: #F3F3F3; + border-top: 1px solid #D0D0D0; } #aggregate-result-table > tbody > tr.odd { - background-color: #f7f7f7; + background-color: #F7F7F7; } #aggregate-header { - display: none; + display: none; } #show-aggregation-input { - display: none; - border: none; - background-color: #2EB52B; - color: white; - padding: 8px; - border-radius: 2px; - text-transform: uppercase; - margin-top: 5px; - cursor: pointer; + display: none; + border: none; + background-color: #2EB52B; + color: white; + padding: 8px; + border-radius: 2px; + text-transform: uppercase; + margin-top: 5px; + cursor: pointer; } #aggregate-result-table_wrapper { - margin-top: 0px !important; + margin-top: 0 !important; } .aggregate-prepare-area { - background-color: white; - border: 1px solid #d0d0d0; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + background-color: white; + border: 1px solid #D0D0D0; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } #aggregate-view { - display: none; + display: none; } .dbviewer-indexes { - margin-right: 4px !important; -} \ No newline at end of file + margin-right: 4px !important; +} diff --git a/plugins/density/frontend/public/stylesheets/main.css b/plugins/density/frontend/public/stylesheets/main.css index bcf6adecdda..92abd22c255 100644 --- a/plugins/density/frontend/public/stylesheets/main.css +++ b/plugins/density/frontend/public/stylesheets/main.css @@ -1,8 +1,11 @@ -#sidebar-menu .sidebar-submenu .item .logo.densities { background-position:-750px; } -#sidebar-menu .sidebar-submenu .item.active .logo.densities { background-position:-720px; } +#sidebar-menu .sidebar-submenu .item .logo.densities { background-position: -750px; } -.widget-header .logo.densities { background-position:-456px; } +#sidebar-menu .sidebar-submenu .item.active .logo.densities { background-position: -720px; } -.density-table {margin-top: 0px; overflow: auto; position: relative;} -.density-table #dataTableOne_wrapper {margin: 0px; overflow: auto; position: relative;} -.density-widget {margin-bottom: 0px;} \ No newline at end of file +.widget-header .logo.densities { background-position: -456px; } + +.density-table { margin-top: 0; overflow: auto; position: relative; } + +.density-table #dataTableOne_wrapper { margin: 0; overflow: auto; position: relative; } + +.density-widget { margin-bottom: 0; } diff --git a/plugins/enterpriseinfo/frontend/public/stylesheets/main.css b/plugins/enterpriseinfo/frontend/public/stylesheets/main.css index b0ca29c9cff..a499d55b1ec 100644 --- a/plugins/enterpriseinfo/frontend/public/stylesheets/main.css +++ b/plugins/enterpriseinfo/frontend/public/stylesheets/main.css @@ -1,5 +1,9 @@ -.enterprise-content { padding:20px; display: none; } -.enterprise-content .image { float:left; } -.enterprise-content .text { font-family: Ubuntu; font-size:15px; color:#555; line-height: 22px; } -#enterprise-badge { transition:background-color 0.3s, color 0.3s; padding: 3px 12px; color: #2fa732; border: 1px solid #2fa732; border-radius: 2px; display: inline-block; line-height: 15px; float: right; font-size: 12px; margin-top: 18px; margin-right: 22px; } -#enterprise-badge:hover { transition:background-color 0.5s, color 0.3s; background-color: #2fa732; color:#FFF; } \ No newline at end of file +.enterprise-content { padding: 20px; display: none; } + +.enterprise-content .image { float: left; } + +.enterprise-content .text { font-family: Ubuntu; font-size: 15px; color: #555; line-height: 22px; } + +#enterprise-badge { transition: background-color 0.3s, color 0.3s; padding: 3px 12px; color: #2FA732; border: 1px solid #2FA732; border-radius: 2px; display: inline-block; line-height: 15px; float: right; font-size: 12px; margin-top: 18px; margin-right: 22px; } + +#enterprise-badge:hover { transition: background-color 0.5s, color 0.3s; background-color: #2FA732; color: #FFF; } diff --git a/plugins/errorlogs/frontend/public/stylesheets/main.css b/plugins/errorlogs/frontend/public/stylesheets/main.css index bbc1cde4175..9e6793e7051 100644 --- a/plugins/errorlogs/frontend/public/stylesheets/main.css +++ b/plugins/errorlogs/frontend/public/stylesheets/main.css @@ -1,6 +1,11 @@ -.errorlogs{margin-top: -16px;} -.errorlogs .ui-tabs{border-radius: 0; border: 1px solid #d0d0d0;} -.errorlogs .ui-tabs .errorlog.ui-tabs-panel{background-color: #fff;} -.errorlog pre{width:100%; max-height: 1000px; overflow: auto; white-space: pre-wrap; font-size:11px;} -.errorlogs .ui-widget-content .ui-state-default{color: #646464; font-size: 16px; font-family:Ubuntu;} -.errorlogs .ui-widget-content .ui-state-active{background-image: none; background-color: #fff;} \ No newline at end of file +.errorlogs { margin-top: -16px; } + +.errorlogs .ui-tabs { border-radius: 0; border: 1px solid #D0D0D0; } + +.errorlogs .ui-tabs .errorlog.ui-tabs-panel { background-color: #FFF; } + +.errorlog pre { width: 100%; max-height: 1000px; overflow: auto; white-space: pre-wrap; font-size: 11px; } + +.errorlogs .ui-widget-content .ui-state-default { color: #646464; font-size: 16px; font-family: Ubuntu; } + +.errorlogs .ui-widget-content .ui-state-active { background-image: none; background-color: #FFF; } diff --git a/plugins/locale/frontend/public/stylesheets/main.css b/plugins/locale/frontend/public/stylesheets/main.css index 9abe77af43e..3630e18d5e9 100644 --- a/plugins/locale/frontend/public/stylesheets/main.css +++ b/plugins/locale/frontend/public/stylesheets/main.css @@ -1,4 +1,5 @@ -#sidebar-menu .sidebar-submenu .item .logo.languages { background-position:-810px; } -#sidebar-menu .sidebar-submenu .item.active .logo.languages { background-position:-780px; } +#sidebar-menu .sidebar-submenu .item .logo.languages { background-position: -810px; } -.widget-header .logo.languages { background-position:-494px; } \ No newline at end of file +#sidebar-menu .sidebar-submenu .item.active .logo.languages { background-position: -780px; } + +.widget-header .logo.languages { background-position: -494px; } diff --git a/plugins/logger/frontend/public/stylesheets/main.css b/plugins/logger/frontend/public/stylesheets/main.css index 33a703ab4f3..39dbaf0f15d 100644 --- a/plugins/logger/frontend/public/stylesheets/main.css +++ b/plugins/logger/frontend/public/stylesheets/main.css @@ -1,38 +1,34 @@ /* LOGGER */ -.logger {margin-top: -16px;} -.logger .dataTable-top {border-radius: 0;} -.logger table td { font-family: Ubuntu; line-height: 15px; overflow: auto;} -.logger table td pre { background-color: transparent !important; line-height: 15px; white-space: pre-wrap; max-width:400px; } -.logger table td pre .hljs-keyword, -.logger table td pre .hljs-selector-tag, -.logger table td pre .hljs-name, -.logger table td pre .hljs-attr { - color: #ff4f42; +.logger { margin-top: -16px; } + +.logger .dataTable-top { border-radius: 0; } + +.logger table td { font-family: Ubuntu; line-height: 15px; overflow: auto; } + +.logger table td pre { background-color: transparent !important; line-height: 15px; white-space: pre-wrap; max-width: 400px; } + +.logger table td pre .hljs-keyword,.logger table td pre .hljs-selector-tag,.logger table td pre .hljs-name,.logger table td pre .hljs-attr { + color: #FF4F42; } -.logger table td pre .hljs-bullet, -.logger table td pre .hljs-quote, -.logger table td pre .hljs-number, -.logger table td pre .hljs-regexp, -.logger table td pre .hljs-literal, -.logger table td pre .hljs-link { - color: #8150da; +.logger table td pre .hljs-bullet,.logger table td pre .hljs-quote,.logger table td pre .hljs-number,.logger table td pre .hljs-regexp,.logger table td pre .hljs-literal,.logger table td pre .hljs-link { + color: #8150DA; } .logger .graph-description { - background-color: #f9f9f9; + background-color: #F9F9F9; padding: 10px 14px; color: #868686; font-size: 13px; - border: 1px solid #d0d0d0; - border-bottom-color: #e9e9e9; + border: 1px solid #D0D0D0; + border-bottom-color: #E9E9E9; overflow: auto; } .logger .red-text { color: #B94A48; - padding-left: 0px; + padding-left: 0; } #logger-selector { @@ -44,5 +40,5 @@ #logger-selector .select-items { width: 130px; - right: 0px; -} \ No newline at end of file + right: 0; +} diff --git a/plugins/onboarding/frontend/public/stylesheets/main.css b/plugins/onboarding/frontend/public/stylesheets/main.css index 74823bbce59..af524b19177 100644 --- a/plugins/onboarding/frontend/public/stylesheets/main.css +++ b/plugins/onboarding/frontend/public/stylesheets/main.css @@ -7,9 +7,10 @@ left: 0; z-index: 1000000000000; opacity: 0; - transition:opacity 200ms; + transition: opacity 200ms; } -#whatsnew #whatsnew-overlay.active { opacity: 1 !important; transition:opacity 200ms; } + +#whatsnew #whatsnew-overlay.active { opacity: 1 !important; transition: opacity 200ms; } #whatsnew #whatsnew-popup { overflow: visible; @@ -24,45 +25,72 @@ z-index: 1000000000001; border-radius: 3px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.35); - opacity:0; + opacity: 0; transition: top 500ms, opacity 500ms; } -#whatsnew #whatsnew-popup.show { top:50%; opacity:1 !important; transition: top 500ms, opacity 500ms; } -#whatsnew #whatsnew-popup .inner { position: relative; width:700px; height:600px; overflow:hidden; border-radius: 2px; } -#whatsnew #whatsnew-popup-close { cursor:pointer; position:absolute; right:-37px; top:0; width:30px; height:30px; background-color: #FFF; z-index: 1; text-align: center; border-radius: 30px; user-select: none; } -#whatsnew #whatsnew-popup-close:hover { background-color: #f5f5f5; } +#whatsnew #whatsnew-popup.show { top: 50%; opacity: 1 !important; transition: top 500ms, opacity 500ms; } + +#whatsnew #whatsnew-popup .inner { position: relative; width: 700px; height: 600px; overflow: hidden; border-radius: 2px; } + +#whatsnew #whatsnew-popup-close { cursor: pointer; position: absolute; right: -37px; top: 0; width: 30px; height: 30px; background-color: #FFF; z-index: 1; text-align: center; border-radius: 30px; user-select: none; } + +#whatsnew #whatsnew-popup-close:hover { background-color: #F5F5F5; } + #whatsnew #whatsnew-popup-close i { color: #000; font-size: 29px; line-height: 30px; } -#whatsnew #whatsnew-slider { width:700px; height:600px; overflow: hidden; position:relative; } -#whatsnew #whatsnew-slider #slider_inner { width:700px; height:500px; display:none; cursor: default; padding: 0 !important; -webkit-filter: blur(0px); overflow: hidden; } -#whatsnew #whatsnew-slider .element { width:700px; height:500px; overflow: hidden; } +#whatsnew #whatsnew-slider { width: 700px; height: 600px; overflow: hidden; position: relative; } + +#whatsnew #whatsnew-slider #slider_inner { width: 700px; height: 500px; display: none; cursor: default; padding: 0 !important; -webkit-filter: blur(0); overflow: hidden; } + +#whatsnew #whatsnew-slider .element { width: 700px; height: 500px; overflow: hidden; } + #whatsnew #whatsnew-slider .element .image { height: 300px; overflow: hidden; border-top-left-radius: 2px; border-top-right-radius: 2px; } + #whatsnew #whatsnew-slider .element .image img { max-width: 100%; overflow: hidden; border-top-left-radius: 2px; border-top-right-radius: 2px; } -#whatsnew #whatsnew-slider .element .subtitle, -#whatsnew #whatsnew-slider .element .title, -#whatsnew #whatsnew-slider .element .text { position:relative; opacity: 0; transition:opacity 100ms; } -#whatsnew #whatsnew-slider .element .subtitle { padding:0 40px; font-size:13px; color: #2FA732; text-transform: uppercase; margin-top:25px; } -#whatsnew #whatsnew-slider .element .title { padding:0 40px; font-size:23px; margin-top:12px; line-height: 30px; } -#whatsnew #whatsnew-slider .element .text { padding:0 40px; font-size: 15px; margin-top: 17px; color: #797979; line-height: 23px; } -#whatsnew #whatsnew-slider .element.current .subtitle { opacity: 1; transition:opacity 200ms; } -#whatsnew #whatsnew-slider .element.current .title { opacity: 1; transition:opacity 200ms; } -#whatsnew #whatsnew-slider .element.current .text { opacity: 1; transition:opacity 200ms; } - -#whatsnew #whatsnew-nav { position: absolute; top:500px; width:100%; height: 100px; } -#whatsnew #whatsnew-nav #bullet-navigation { user-select: none; position: relative; top:48px; left:40px; } -#whatsnew #whatsnew-nav #bullet-navigation .jssor-bullet { position: absolute; width: 8px; height: 8px; background-color: #D6D6D6; border-radius: 10px; cursor:pointer; } -#whatsnew #whatsnew-nav #bullet-navigation .jssor-bullet:hover { background-color: #bdbdbd; } + +#whatsnew #whatsnew-slider .element .subtitle,#whatsnew #whatsnew-slider .element .title,#whatsnew #whatsnew-slider .element .text { position: relative; opacity: 0; transition: opacity 100ms; } + +#whatsnew #whatsnew-slider .element .subtitle { padding: 0 40px; font-size: 13px; color: #2FA732; text-transform: uppercase; margin-top: 25px; } + +#whatsnew #whatsnew-slider .element .title { padding: 0 40px; font-size: 23px; margin-top: 12px; line-height: 30px; } + +#whatsnew #whatsnew-slider .element .text { padding: 0 40px; font-size: 15px; margin-top: 17px; color: #797979; line-height: 23px; } + +#whatsnew #whatsnew-slider .element.current .subtitle { opacity: 1; transition: opacity 200ms; } + +#whatsnew #whatsnew-slider .element.current .title { opacity: 1; transition: opacity 200ms; } + +#whatsnew #whatsnew-slider .element.current .text { opacity: 1; transition: opacity 200ms; } + +#whatsnew #whatsnew-nav { position: absolute; top: 500px; width: 100%; height: 100px; } + +#whatsnew #whatsnew-nav #bullet-navigation { user-select: none; position: relative; top: 48px; left: 40px; } + +#whatsnew #whatsnew-nav #bullet-navigation .jssor-bullet { position: absolute; width: 8px; height: 8px; background-color: #D6D6D6; border-radius: 10px; cursor: pointer; } + +#whatsnew #whatsnew-nav #bullet-navigation .jssor-bullet:hover { background-color: #BDBDBD; } + #whatsnew #whatsnew-nav #bullet-navigation .jssor-bullet.jssor-bulletav { background-color: #2FA732; } -#whatsnew #whatsnew-nav #arrow-navigation { user-select: none; position: absolute; right:40px; top:34px; } -#whatsnew #whatsnew-nav #arrow-navigation .icon-button { border:none; padding:10px 25px; user-select: none; outline: none; } -#whatsnew #whatsnew-nav #arrow-navigation .jssora01l { display: block; color: #828181; background-color: #FFF; position: absolute; right:85px; } -#whatsnew #whatsnew-nav #arrow-navigation .jssora01r { margin-left:0; position: absolute; right:0; } -#whatsnew #whatsnew-nav #arrow-navigation #last-step-button { position: absolute; right:0; white-space: nowrap; } - -#whatsnew #whatsnew-first-time { position: absolute; width:100%; height: 100%; background-color: #FFF; z-index: 1; border-radius: 2px; } -#whatsnew #whatsnew-first-time .icon { width:130px; height: 130px; margin:100px auto 20px auto; background-repeat: no-repeat; background-position: center; } -#whatsnew #whatsnew-first-time .title { font-size:32px; text-align: center; max-width: 500px; margin:12px auto 0 auto; font-weight: 500; } -#whatsnew #whatsnew-first-time .text { font-size: 15px; color: #797979; line-height: 23px; text-align: center; max-width: 410px; margin:20px auto 0 auto; } -#whatsnew #whatsnew-first-time .button { text-align: center; margin-top:30px; } -#whatsnew #whatsnew-first-time .button .icon-button { display: inline-block; float: none; padding: 12px 23px; font-size: 14px; } \ No newline at end of file + +#whatsnew #whatsnew-nav #arrow-navigation { user-select: none; position: absolute; right: 40px; top: 34px; } + +#whatsnew #whatsnew-nav #arrow-navigation .icon-button { border: none; padding: 10px 25px; user-select: none; outline: none; } + +#whatsnew #whatsnew-nav #arrow-navigation .jssora01l { display: block; color: #828181; background-color: #FFF; position: absolute; right: 85px; } + +#whatsnew #whatsnew-nav #arrow-navigation .jssora01r { margin-left: 0; position: absolute; right: 0; } + +#whatsnew #whatsnew-nav #arrow-navigation #last-step-button { position: absolute; right: 0; white-space: nowrap; } + +#whatsnew #whatsnew-first-time { position: absolute; width: 100%; height: 100%; background-color: #FFF; z-index: 1; border-radius: 2px; } + +#whatsnew #whatsnew-first-time .icon { width: 130px; height: 130px; margin: 100px auto 20px auto; background-repeat: no-repeat; background-position: center; } + +#whatsnew #whatsnew-first-time .title { font-size: 32px; text-align: center; max-width: 500px; margin: 12px auto 0 auto; font-weight: 500; } + +#whatsnew #whatsnew-first-time .text { font-size: 15px; color: #797979; line-height: 23px; text-align: center; max-width: 410px; margin: 20px auto 0 auto; } + +#whatsnew #whatsnew-first-time .button { text-align: center; margin-top: 30px; } + +#whatsnew #whatsnew-first-time .button .icon-button { display: inline-block; float: none; padding: 12px 23px; font-size: 14px; } diff --git a/plugins/plugin-upload/frontend/public/stylesheets/main.css b/plugins/plugin-upload/frontend/public/stylesheets/main.css index c797ed1a4b9..847e92fd8e5 100644 --- a/plugins/plugin-upload/frontend/public/stylesheets/main.css +++ b/plugins/plugin-upload/frontend/public/stylesheets/main.css @@ -1,35 +1,30 @@ -#plugin-upload-drop -{ - width:100%; +#plugin-upload-drop { + width: 100%; height: 500px; - background-color:#ffffff; - border: 1px dashed #d5d5d5; + background-color: #FFF; + border: 1px dashed #D5D5D5; border-radius: 2px; - position:relative; - + position: relative; } -#plugin-upload-drop.file-selected -{ - border: 1px solid #d5d5d5; + +#plugin-upload-drop.file-selected { + border: 1px solid #D5D5D5; } -#plugin-upload-drop.file-hovered -{ - background-color: rgba(33,181,10,0.03); +#plugin-upload-drop.file-hovered { + background-color: rgba(33, 181, 10, 0.03); border: 1px dashed #21B50A; } - -#plugin-upload-drop.file-selected .dz-message,#plugin-upload-drop.file-selected .fallback -{ - display:none; +#plugin-upload-drop.file-selected .dz-message,#plugin-upload-drop.file-selected .fallback { + display: none; } -.dz-message -{ - cursor:pointer; + +.dz-message { + cursor: pointer; } -.dz-message .arrow,.fallback .arrow -{ + +.dz-message .arrow,.fallback .arrow { width: 39px; height: 46px; margin: 0 auto; @@ -37,8 +32,7 @@ background-repeat: no-repeat; } -.dz-message,.fallback,.dz-filechosen -{ +.dz-message,.fallback,.dz-filechosen { height: 160px; width: 100%; margin-top: -80px; @@ -47,111 +41,102 @@ padding: 5px 0; } -.fallback -{ - background-color: #ffffff; +.fallback { + background-color: #FFF; } -.dz-filechosen -{ + +.dz-filechosen { height: 126px; margin-top: -63px; background-color: transparent; } -.dz-file-preview p -{ +.dz-file-preview p { font-size: 15px; line-height: 15px; - text-align:center; - margin:0; + text-align: center; + margin: 0; padding: 0; } -.dz-file-preview .fa-archive -{ +.dz-file-preview .fa-archive { font-size: 45px; line-height: 45px; - color: #acacac; + color: #ACACAC; margin-bottom: 25px; } -p.remove -{ - color: #d67778; + +p.remove { + color: #D67778; margin-top: 20px; - cursor:pointer; - font-size:12px; + cursor: pointer; + font-size: 12px; } -.fa-trash -{ + +.fa-trash { font-size: 15px; } -.dz-message p,.fallback p -{ - text-align: center; +.dz-message p,.fallback p { + text-align: center; font-size: 12px; - line-height:12px; + line-height: 12px; } -p.fline -{ + +p.fline { text-transform: uppercase; - color: #c6c6c6; + color: #C6C6C6; padding: 0; margin: 15px 0; - } -p.sline -{ + +p.sline { font-size: 17px; line-height: 17px; - color: #737373; + color: #737373; } -p.sline .browse -{ - color: #2eb52c; - text-decoration:underline; + +p.sline .browse { + color: #2EB52C; + text-decoration: underline; } -p.tline -{ - font-size: 12px; + +p.tline { + font-size: 12px; line-height: 12px; } -.pluginup-button -{ - + +.pluginup-button { height: 14px; border-radius: 2px; - color: #f5faf5; - font: 12px Ubuntu,Helvetica,sans-serif; - padding: 13px 0px; + color: #F5FAF5; + font: 12px Ubuntu, Helvetica, sans-serif; + padding: 13px 0; text-align: center; margin: 33px 0 0 0; line-height: 12px; - float:none; - background-color: #2EB52B + float: none; + background-color: #2EB52B; } -#upload-new-plugin.mydisabled -{ - background-color: #96d796; +#upload-new-plugin.mydisabled { + background-color: #96D796; cursor: default; } -.browseme -{ +.browseme { position: relative; - } -.browseme input -{ - position: absolute; + +.browseme input { + position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-size: 1; - width:0; + width: 0; height: 100%; opacity: 0; - cursor:ponter; -} \ No newline at end of file + cursor: ponter; +} diff --git a/plugins/plugins/frontend/public/stylesheets/main.css b/plugins/plugins/frontend/public/stylesheets/main.css index 542df1460ed..7669616a5cf 100755 --- a/plugins/plugins/frontend/public/stylesheets/main.css +++ b/plugins/plugins/frontend/public/stylesheets/main.css @@ -1,51 +1,75 @@ /* PLUGINS */ -.plugins {margin-top: -16px;} -.configs {margin-top: -16px;} -.plugins .dataTable-top {border-radius: 0;} +.plugins { margin-top: -16px; } + +.configs { margin-top: -16px; } + +.plugins .dataTable-top { border-radius: 0; } + .plugins table td { font-family: Ubuntu; padding: 15px 10px; } -.plugins table td.light { color:#969696; } -.plugins table .plugin-link { color:#6B6B6B; font-size: 17px; } -.plugins table .plugin-link:hover { color:#2FA732; } -.configs table {margin-bottom: 0;} +.plugins table td.light { color: #969696; } + +.plugins table .plugin-link { color: #6B6B6B; font-size: 17px; } + +.plugins table .plugin-link:hover { color: #2FA732; } + +.configs table { margin-bottom: 0; } + .configs table { border: none; } -.configs > table { border: 1px solid #d0d0d0; } -.configs table tr:hover { background-color: #fff; } + +.configs > table { border: 1px solid #D0D0D0; } + +.configs table tr:hover { background-color: #FFF; } + .configs table tr:nth-child(even):hover { background-color: #F9F9F9; } -.configs > table, -.configs > table td {border-radius: 0 !important;} -.configs > table > tbody > tr > td { padding:0; } +.configs > table,.configs > table td { border-radius: 0 !important; } + +.configs > table > tbody > tr > td { padding: 0; } + .configs > table > tbody > tr > td:first-child { background-color: #FFF; color: #2FA732; min-width: 125px; } -@media (max-width: 1050px) { .configs > table > tbody > tr > td:first-child { padding:20px 10px; } } -.configs > table > tbody > tr > td { border-bottom: 1px solid #d0d0d0; border-width: 0px } -.configs span.config-help{font-size: 13px; color: #929292; padding-top: 10px; display: inline-block; line-height: 17px;} -.configs span.config-help a{font-size: 13px; color: #2EB52B; display: inline-block; line-height: 17px; text-decoration: underline;} +@media (max-width: 1050px) { + + .configs > table > tbody > tr > td:first-child { padding: 20px 10px; } +} + +.configs > table > tbody > tr > td { border-bottom: 1px solid #D0D0D0; border-width: 0; } + +.configs span.config-help { font-size: 13px; color: #929292; padding-top: 10px; display: inline-block; line-height: 17px; } + +.configs span.config-help a { font-size: 13px; color: #2EB52B; display: inline-block; line-height: 17px; text-decoration: underline; } + +#configs-apply-changes { display: none; } + +.btn-plugin-enabler { padding: 7px; margin-right: 10px; display: none; float: right; } + +.plugins #loader { position: fixed; left: 50%; top: 50%; margin-top: -24px; margin-left: -24px; width: 48px; height: 48px; font-size: 48px; line-height: 45px; } + +.plugins #loader i { font-size: 48px; color: #888; } + +.configs .button-selector .button:nth-child(1) { background-color: #2EB52B; color: #FFF; border-color: #2EB52B; cursor: pointer; } + +.configs .button-selector .button:nth-child(2) { background-color: #D63E40; color: #FFF; border-color: #D63E40; cursor: pointer; } -#configs-apply-changes{ display: none; } +.configs .button-selector .button:nth-child(1).active { background-color: #F9F9F9; color: #6B6B6B; border-color: #D0D0D0; cursor: default; } -.btn-plugin-enabler{padding: 7px; margin-right: 10px; display: none; float: right;} +.configs .button-selector .button:nth-child(2).active { background-color: #F9F9F9; color: #6B6B6B; border-color: #D0D0D0; cursor: default; } -.plugins #loader { position:fixed; left:50%; top:50%; margin-top:-24px; margin-left:-24px; width:48px; height:48px; font-size:48px; line-height: 45px; } -.plugins #loader i {font-size:48px; color: #888;} +#sticky-config-header.fixed { position: fixed; top: 0; z-index: 2; border-bottom: 1px solid #D0D0D0; border-top: 1px solid #D0D0D0; } -.configs .button-selector .button:nth-child(1) { background-color: #2EB52B; color:#FFF; border-color:#2EB52B; cursor:pointer; } -.configs .button-selector .button:nth-child(2) { background-color: #D63E40; color:#FFF; border-color:#D63E40; cursor:pointer; } -.configs .button-selector .button:nth-child(1).active { background-color:#F9F9F9; color:#6B6B6B; border-color:#D0D0D0; cursor:default; } -.configs .button-selector .button:nth-child(2).active { background-color:#F9F9F9; color:#6B6B6B; border-color:#D0D0D0; cursor:default; } +#sticky-config-header.fixed .widget-header { border-top: none; } -#sticky-config-header.fixed { position: fixed; top:0; z-index: 2; border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; } -#sticky-config-header.fixed .widget-header { border-top:none; } #sticky-config-header.fixed + .configs { margin-top: 58px; } -#sticky-plugin-header.fixed { position: fixed; top:0; z-index: 2; border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; } -#sticky-plugin-header.fixed .widget-header { border-top:none; } -#sticky-plugin-header.fixed + .plugins { margin-top: 57px; } -#sticky-plugin-header.fixed + .plugins .sticky-header { top: 57px; } +#sticky-plugin-header.fixed { position: fixed; top: 0; z-index: 2; border-bottom: 1px solid #D0D0D0; border-top: 1px solid #D0D0D0; } + +#sticky-plugin-header.fixed .widget-header { border-top: none; } +#sticky-plugin-header.fixed + .plugins { margin-top: 57px; } +#sticky-plugin-header.fixed + .plugins .sticky-header { top: 57px; } #configs-title-bar { width: 180px; @@ -54,21 +78,22 @@ left: 242px; top: 79px; text-align: right; - background-color: #efefef; + background-color: #EFEFEF; max-height: 580px; box-sizing: border-box; - box-shadow: 0 0 0 1px #d0d0d0; + box-shadow: 0 0 0 1px #D0D0D0; } + #configs-nav-head { display: flex; align-items: center; height: 27px; padding: 15px 20px 15px 15px; color: #636363; - font: 15px Ubuntu,Helvetica,sans-serif; + font: 15px Ubuntu, Helvetica, sans-serif; text-align: left; background-color: #ECECEC; - border-bottom: 1px solid #d0d0d0; + border-bottom: 1px solid #D0D0D0; text-transform: uppercase; } @@ -76,17 +101,19 @@ padding-left: 15px; } -#configs-title-bar.expand { width:300px; box-shadow: 0 5px 18px 0 #a5a5a5, 0 0 0 1px #d0d0d0; z-index:1; } +#configs-title-bar.expand { width: 300px; box-shadow: 0 5px 18px 0 #A5A5A5, 0 0 0 1px #D0D0D0; z-index: 1; } + #configs-title-bar .nav-search input { - transition:width 200ms; + transition: width 200ms; -webkit-appearance: textfield; height: 30px; width: 100%; padding-right: 20px; } + #configs-title-bar.expand .nav-search input { - /*width:278px;*/ - transition:width 200ms; + /* width:278px; */ + transition: width 200ms; } #configs-title-container { @@ -101,43 +128,48 @@ height: 24px; padding: 8px 12px; overflow: hidden; - border-top: 1px solid #d0d0d0; - background-color: #efefef; + border-top: 1px solid #D0D0D0; + background-color: #EFEFEF; } + .config-container .name { text-align: left; text-overflow: ellipsis; text-transform: capitalize; white-space: nowrap; overflow: hidden; - float: left; - color: #6b6b6b; - font: 14px Ubuntu,Helvetica,sans-serif; + float: left; + color: #6B6B6B; + font: 14px Ubuntu, Helvetica, sans-serif; } .config-container:first-child { border-top: none; } + #configs-title-container .title { background: #FFF; cursor: default; } + #configs-title-container .title .name { color: #2EB52B; text-transform: uppercase; font-size: 13px; - padding-top: 8px + padding-top: 8px; } + .config-container.selected { - background-color:#dedede + background-color: #DEDEDE; } -.config-table-row-header > td { padding: 20px !important} -.title-rows-hidden .config-table-row-header{ +.config-table-row-header > td { padding: 20px !important; } + +.title-rows-hidden .config-table-row-header { display: none !important; } -.title-rows-enable tr, .title-rows-enable tr:hover { +.title-rows-enable tr,.title-rows-enable tr:hover { background-color: #F9F9F9 !important; } @@ -145,14 +177,14 @@ width: 60px; height: 60px; background: white; - border:1px solid #dbdbdb; + border: 1px solid #DBDBDB; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; font-size: 10px; text-align: center; color: #2FA732; - float:left; + float: left; } .pp-menu-trigger { @@ -163,9 +195,9 @@ } .pp-menu-list { - border:1px solid #dbdbdb; + border: 1px solid #DBDBDB; width: 120px; - margin-top:10px; + margin-top: 10px; border-radius: 2px; position: absolute; background-color: white; @@ -180,9 +212,9 @@ } .pp-menu-list { - border:1px solid #dbdbdb; + border: 1px solid #DBDBDB; width: 120px; - margin-top:10px; + margin-top: 10px; left: 92px; top: 50px; border-radius: 2px; @@ -212,7 +244,7 @@ .pp-menu-list::after { border: 5px solid rgba(194, 225, 245, 0); - border-bottom-color: #d0d0d0; + border-bottom-color: #D0D0D0; left: 6px; top: -10px; content: " "; @@ -224,7 +256,7 @@ } .pp-menu-list > div:hover { - background-color: #f9f9f9; + background-color: #F9F9F9; } .pp-menu-trigger::before { @@ -235,14 +267,14 @@ } .clearfix { - clear:both; + clear: both; } .pp-menu-label { display: block; } -.pp-circle > label > span, .pp-circle > span { +.pp-circle > label > span,.pp-circle > span { position: relative; top: 23px; cursor: pointer; @@ -257,58 +289,62 @@ opacity: 0; } -#empty-search-result{ +#empty-search-result { border: 1px solid #D0D0D0; padding: 50px; text-align: center; font-size: 16px; - color: #6b6b6b; - background-color: #fff; + color: #6B6B6B; + background-color: #FFF; } -.config-table-details-row, .config-table-row-header{ - border-bottom: 0px solid #d0d0d0 !important; + +.config-table-details-row,.config-table-row-header { + border-bottom: 0 solid #D0D0D0 !important; } -.config-table-details-row td, .config-table-row-header td, .config-table-row{ +.config-table-details-row td,.config-table-row-header td,.config-table-row { cursor: default !important; } .config-table-details-row td:last-child { - border-left: 0px solid #d0d0d0; + border-left: 0 solid #D0D0D0; } -.user-settings-table > table > tbody > tr > td:first-child{ +.user-settings-table > table > tbody > tr > td:first-child { padding: 20px 25px; - border-right: 1px solid #d0d0d0; + border-right: 1px solid #D0D0D0; } -#config-table-container .config-table-row > td > table > tbody > tr > td { - padding:15px 20px; +#config-table-container .config-table-row > td > table > tbody > tr > td { + padding: 15px 20px; } -.user-settings-table > table > tbody > tr > td > table > tbody > tr > td{ - padding:15px 20px; +.user-settings-table > table > tbody > tr > td > table > tbody > tr > td { + padding: 15px 20px; } .user-settings-table > table > tbody > tr > td { - border-bottom: 1px solid #e8e8e8; + border-bottom: 1px solid #E8E8E8; } #delete-user-account-button { - padding-top:6px; + padding-top: 6px; padding-bottom: 6px; - margin-bottom:10px; - margin-left:0px; + margin-bottom: 10px; + margin-left: 0; } + #delete_account_password { - float:left; + float: left; margin-bottom: 10px; - margin-right:8px; + margin-right: 8px; } + #password-input-mandatory-warning { - visibility:hidden; + visibility: hidden; } -#password-input-mandatory-warning{ + +#password-input-mandatory-warning { font-size: 12px; color: #B94A48; vertical-align: text-top; diff --git a/plugins/populator/frontend/public/stylesheets/main.css b/plugins/populator/frontend/public/stylesheets/main.css index f72a84f8a46..6bb539c04db 100644 --- a/plugins/populator/frontend/public/stylesheets/main.css +++ b/plugins/populator/frontend/public/stylesheets/main.css @@ -1,62 +1,85 @@ -#populator{ overflow: hidden; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-family:Ubuntu;} -#populator .clear {clear: both;} -#populator h3{margin: 0 0 20px 0; color: #646464; font-size: 15px; font-family: Ubuntu; text-align: center; font-weight: 400; text-transform: uppercase; padding:20px; border-bottom: 1px solid #ddd;} -#populator .left-side{ width: 380px; float: left; background-color: #fff; border-right: 1px solid #ddd; padding-bottom: 1000px; margin-bottom: -1000px; overflow: hidden; position: relative;} -#populator .right-side { margin-left: 380px; padding: 0;} -#populator .right-side .widget-content { border:none; padding:0 25px; } -#populator .right-side .widget-header { border-top:none; } -#populator #date-selector {float: none; clear: both; overflow: auto;} -#populator .icon-button{padding:10px; margin: 0 auto; float: none;} -#populate-explain{cursor: pointer; text-align: center; color:#9e9e9e; font-size: 18px; position: absolute; top:20px; right:34px;} -#populate-bar {margin: 5px; border-radius: 4px; position:relative; height: 30px; background-color: #ececec} -#populate-bar div{background-color: #52a3ef; position: absolute; top:0; left:0; width:0;height: 30px; border-radius: 4px 0px 0px 4px} +#populator { overflow: hidden; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-family: Ubuntu; } + +#populator .clear { clear: both; } + +#populator h3 { margin: 0 0 20px 0; color: #646464; font-size: 15px; font-family: Ubuntu; text-align: center; font-weight: 400; text-transform: uppercase; padding: 20px; border-bottom: 1px solid #DDD; } + +#populator .left-side { width: 380px; float: left; background-color: #FFF; border-right: 1px solid #DDD; padding-bottom: 1000px; margin-bottom: -1000px; overflow: hidden; position: relative; } + +#populator .right-side { margin-left: 380px; padding: 0; } + +#populator .right-side .widget-content { border: none; padding: 0 25px; } + +#populator .right-side .widget-header { border-top: none; } + +#populator #date-selector { float: none; clear: both; overflow: auto; } + +#populator .icon-button { padding: 10px; margin: 0 auto; float: none; } + +#populate-explain { cursor: pointer; text-align: center; color: #9E9E9E; font-size: 18px; position: absolute; top: 20px; right: 34px; } + +#populate-bar { margin: 5px; border-radius: 4px; position: relative; height: 30px; background-color: #ECECEC; } + +#populate-bar div { background-color: #52A3EF; position: absolute; top: 0; left: 0; width: 0; height: 30px; border-radius: 4px 0 0 4px; } + #populator-status { text-align: center; color: gray; font-size: 14px; } +#populator { padding: 77px 30px; } -#populator { padding: 77px 30px;} #populator > .content { max-width: 960px; display: flex; margin: 0 auto; } -#populator > .content > div:first-child { width : 273px; } -#populator > .content > div:last-child { width: 344px; border-left: solid 1px #dadada; display: flex; align-items: center; justify-content: center} -#populator > .content p { color: #a2a2a2; font-size: 14px; line-height: 1.5; letter-spacing: 0.3px} -#populator > .content h1{color: #636363; font-size: 18px; font-weight: 400; letter-spacing: 0.3px; line-height: 1.4} -#populator > .content img { width:243px; margin-right:50px; margin-left:50px; } -#populator > .content .data-populater-form { width: 220px;} -#populator > .content .data-populater-form > div { margin-bottom: 20px } -#populator > .content label { font-size: 12px; color: #636363; display: block; margin-bottom: 8px;} + +#populator > .content > div:first-child { width: 273px; } + +#populator > .content > div:last-child { width: 344px; border-left: solid 1px #DADADA; display: flex; align-items: center; justify-content: center; } + +#populator > .content p { color: #A2A2A2; font-size: 14px; line-height: 1.5; letter-spacing: 0.3px; } + +#populator > .content h1 { color: #636363; font-size: 18px; font-weight: 400; letter-spacing: 0.3px; line-height: 1.4; } + +#populator > .content img { width: 243px; margin-right: 50px; margin-left: 50px; } + +#populator > .content .data-populater-form { width: 220px; } + +#populator > .content .data-populater-form > div { margin-bottom: 20px; } + +#populator > .content label { font-size: 12px; color: #636363; display: block; margin-bottom: 8px; } + #populator > .content input { width: 220px; font-size: 12px; color: #636363; - background-color: #fdfdfd; - border: 1px solid #d6d6d6; + background-color: #FDFDFD; + border: 1px solid #D6D6D6; outline: none; padding: 7px; box-sizing: border-box; - border-radius: 2px + border-radius: 2px; } + #populator > .content .icon-button { text-align: center; font-weight: 400; - font-size:14px; - outline:none; - border:none; + font-size: 14px; + outline: none; + border: none; width: 100%; } .populator_modal { - border-width: 0px !important; + border-width: 0 !important; min-width: 600px; min-height: 615px; padding: 20px 70px 49px 60px; box-sizing: border-box; } -.populator_modal > .indicator { display: none} +.populator_modal > .indicator { display: none; } .populator_modal.cly-loading { - background-color: #fff; + background-color: #FFF; } -.populator_modal.cly-loading .content{ + +.populator_modal.cly-loading .content { width: 100%; height: auto; } @@ -68,22 +91,25 @@ } #populator-modal-content .stop-container { - text-align:center; - margin: 15px 0px 40px 0px; + text-align: center; + margin: 15px 0 40px 0; } + #populator-modal-content a { font-size: 12px; - color:#636363; + color: #636363; text-align: center; text-decoration: underline; } #populator-modal-content table { width: 100%; - font-size:15px; + font-size: 15px; } -#populator-modal-content table > tbody > tr > td:first-child { color: #636363} -#populator-modal-content table > tbody > tr > td:last-child { text-align: right; font-weight: 400} + +#populator-modal-content table > tbody > tr > td:first-child { color: #636363; } + +#populator-modal-content table > tbody > tr > td:last-child { text-align: right; font-weight: 400; } .populator-template-name.cly-select { width: 220px; @@ -117,8 +143,8 @@ height: 31px; font-size: 12px; color: #636363; - background-color: #fdfdfd; - border: 1px solid #d6d6d6; + background-color: #FDFDFD; + border: 1px solid #D6D6D6; outline: none; margin: 0; padding: 7px; @@ -171,8 +197,8 @@ } #populator-templates .dataTable-top { - border-top-left-radius: 0px; - border-top-right-radius: 0px; + border-top-left-radius: 0; + border-top-right-radius: 0; } #create-populator-template-button { @@ -211,13 +237,13 @@ #populator-template-drawer .text-link { cursor: pointer; font-size: 12px; - color: #e5851a; + color: #E5851A; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; - user-select: none; + user-select: none; } #populator-template-drawer .buttons > * { @@ -234,7 +260,7 @@ margin-bottom: 2px; } -.populator-event-key-row, .populator-event-segmentation-row, .populator-custom-user-prop-row { +.populator-event-key-row,.populator-event-segmentation-row,.populator-custom-user-prop-row { display: flex; flex-direction: row; height: 30px; @@ -271,7 +297,7 @@ #populator-template-drawer .event-property-inputs .input { box-sizing: border-box; border-radius: 2px; - border: 1px solid #d6d6d6; + border: 1px solid #D6D6D6; outline: none; padding: 7px; font-size: 12px; @@ -295,8 +321,8 @@ } #populator-template-drawer .populator-template-remove-event { - color: #d63e40; - margin: 8px 0px 8px auto + color: #D63E40; + margin: 8px 0 8px auto; } .populator-event-segmentation-table { @@ -322,7 +348,7 @@ top: 0; font-size: 17px; cursor: pointer; - color: #a7a7a7; + color: #A7A7A7; background-color: rgba(255, 255, 255, 0.03); transition: background-color 1s; padding-top: 17px; @@ -350,11 +376,11 @@ position: absolute; font-size: 13px; white-space: nowrap; - background-color: #fff; + background-color: #FFF; border-radius: 2px; width: 210px; padding: 10px 0 10px 0; - border: 1px solid #d0d0d0; + border: 1px solid #D0D0D0; } .populator-template-options-item .edit-menu .item { @@ -369,7 +395,7 @@ } .populator-template-options-item .edit-menu .item:hover { - background-color: #f3f3f3; + background-color: #F3F3F3; } .populator-template-options-item .edit-menu .item > i { @@ -391,7 +417,7 @@ .populator-template-options-item .edit-menu::after { border: 5px solid rgba(194, 225, 245, 0); - border-bottom-color: #d0d0d0; + border-bottom-color: #D0D0D0; right: 6px; top: -10px; content: " "; @@ -415,7 +441,7 @@ } .populator-event-property { - margin: 20px 20px 0px 20px; + margin: 20px 20px 0 20px; } .populator-event-property .content { @@ -436,7 +462,7 @@ } .populator-event-property .help-subtitle { - color: #b8b8b8; + color: #B8B8B8; margin-top: 4px; } diff --git a/plugins/push/frontend/public/stylesheets/main.css b/plugins/push/frontend/public/stylesheets/main.css index 414ca142c91..aa2dedd4b4d 100755 --- a/plugins/push/frontend/public/stylesheets/main.css +++ b/plugins/push/frontend/public/stylesheets/main.css @@ -1,168 +1,273 @@ -.clearfix {clear: both;} +.clearfix { clear: both; } .cly-loading { background-color: #F5F5F5; } + .cly-loading .content { width: 230px; height: 100px; position: relative; } + .cly-loading .message { text-align: center; } + .cly-loading #content-loader { margin-left: -24px; } -.d-table tr.app-apn-cert-old .note { font-size: 12px; color: #999;} +.d-table tr.app-apn-cert-old .note { font-size: 12px; color: #999; } + .d-table tr tr td { border-bottom: none; } -.comp-slider { position: fixed; overflow-y: auto; right: 0; top: 0; bottom: 0; left: auto; background-color: #F9F9F9; transition: 0.4s ease-in-out; box-shadow: -3px 2px 6px rgba(0,0,0,0.1); z-index: 10001; } +.comp-slider { position: fixed; overflow-y: auto; right: 0; top: 0; bottom: 0; left: auto; background-color: #F9F9F9; transition: 0.4s ease-in-out; box-shadow: -3px 2px 6px rgba(0, 0, 0, 0.1); z-index: 10001; } + .comp-slider.comp-slider-closed { transform: translate(100%, 0); visibility: hidden; opacity: 0; } -.comp-slider-inner { padding: 0px; height: 100%;} +.comp-slider-inner { padding: 0; height: 100%; } + .comp-slider-title { padding: 20px 30px; background-color: #FFF; height: 30px; margin: 0; position: relative; } -.comp-slider-title h3 { margin: 0; font-weight: normal; color: #636363; font-size: 22px;} + +.comp-slider-title h3 { margin: 0; font-weight: normal; color: #636363; font-size: 22px; } + .comp-slider-title h5 { margin: 5px 0 4px 2px; color: #949DA3; font-weight: normal; } + .comp-slider-close { position: absolute; top: 8px; left: 8px; width: 25px; height: 25px; color: #B2B2B2; background-color: #F0F0F0; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 25px; } -.comp-slider-close, .comp-slider-close:before { transition: .3s ease-in-out; } -.comp-slider-close:before { color: #B2B2B2; } -.comp-slider-close:hover { background-color: #e7e7e7; } -.comp-slider-close:hover:before { color: #929292; } + +.comp-slider-close,.comp-slider-close::before { transition: 0.3s ease-in-out; } + +.comp-slider-close::before { color: #B2B2B2; } + +.comp-slider-close:hover { background-color: #E7E7E7; } + +.comp-slider-close:hover::before { color: #929292; } + .comp-slider-content { padding: 0; flex-basis: 100%; } .comp-slider-title h3 .count { float: right; font-size: 14px; color: #324351; font-weight: normal; } + .comp-slider-title h3 .count .warn { position: relative; font-size: 22px; vertical-align: sub; margin-left: 5px; } + .comp-slider-title h3 .count.ion-person::before { font-size: 22px; vertical-align: sub; margin-right: 5px; color: #3B4B59; } + .comp-slider-title h3 .status { height: 20px; float: right; font-size: 14px; } + .comp-slider-title h3 .status > svg { width: 20px; height: 20px; margin-right: 5px; margin-bottom: -4px; } -.comp-push-panels { display: flex; margin: 0px 20px 100px 20px} -.comp-push-panel, .comp-push-panels > .form-group { flex-grow: 1; margin-bottom: 0; padding-right: 18px } +.comp-push-panels { display: flex; margin: 0 20px 100px 20px; } + +.comp-push-panel,.comp-push-panels > .form-group { flex-grow: 1; margin-bottom: 0; padding-right: 18px; } + .comp-push-panels > .form-group { padding-right: 0; } + .comp-push-panels > .comp-push-panel.form-group { padding-right: 18px; } + .comp-push-panel:last-child { padding-right: 0; } + .comp-push-panels > .comp-push-panel.form-group:last-child { padding-right: 0; } + .comp-push-panels.left-bigger > div:first-child { width: 56%; } + .comp-push-panels.left-bigger > div:last-child { width: 44%; } + .comp-push-vert-panel { margin-bottom: 18px; } + .comp-push-vert-panel:last-child { margin-bottom: 0; } + .comp-push-panel-half { display: table; } + .comp-push-panel-half > div { display: table-cell; width: 1%; } .comp-tabs-tabs { display: table; width: 100%; table-layout: fixed; border-radius: 2px; } + .comp-tabs-tab { display: table-cell; width: 2%; margin-bottom: 0; } + .comp-tabs-tab { border-right: 1px solid #ECECED; } + .comp-tabs-tab:first-child { border-radius: 2px 0 0 2px; } + .comp-tabs-tab:last-child { border-radius: 0 2px 2px 0; } + .comp-tabs-tab:hover { cursor: pointer; } .comp-tabs-tabs { border: 1px solid #ECECED; border-width: 1px 0 1px 1px; } -.comp-push-tab { padding: 14px 0px; } -.comp-push-tab.active { background-color: #FFFFFF; } + +.comp-push-tab { padding: 14px 0; } + +.comp-push-tab.active { background-color: #FFF; } + .comp-push-tab-num.ion-check { color: #1AB535; } -.comp-push-tab-num, .comp-push-tab-title, .comp-push-tab-desc { color: #A0A0A0; } + +.comp-push-tab-num,.comp-push-tab-title,.comp-push-tab-desc { color: #A0A0A0; } + .comp-push-locales .comp-tabs-tab { - background-color:#F9F9F9; + background-color: #F9F9F9; } -.comp-tabs-tab.active .comp-push-tab-num, .comp-tabs-tab.active .comp-push-tab-title { color: #252525; } + +.comp-tabs-tab.active .comp-push-tab-num,.comp-tabs-tab.active .comp-push-tab-title { color: #252525; } + .comp-tabs-tab.active .comp-push-tab-desc { color: #767676; } + .comp-push-tab-num { width: 24px; height: 38px; text-align: left; float: left; line-height: 30px; font-size: 25px; vertical-align: top; } + .comp-push-tab-warn { margin-left: -3px; margin-top: 5px; float: left; } -.comp-push-tab-title, .comp-push-tab-desc { margin-left: 30px; font-size: 14px; font-weight: normal; } + +.comp-push-tab-title,.comp-push-tab-desc { margin-left: 30px; font-size: 14px; font-weight: normal; } + .comp-push-tab-desc { font-size: 12px; margin-top: 2px; } -.comp-push-tab-content { color:#636363; } + +.comp-push-tab-content { color: #636363; } + .comp-push-tab-content .btns > div { line-height: 30px; } .comp-push .platforms { height: 27px; } + .comp-push-platform { margin-bottom: 9px; display: table-cell; width: 2%; } + .comp-push-platform:hover { cursor: pointer; } .comp-selector { width: 220px; height: 440px; padding: 9px; background-color: white; position: relative; } + .comp-selector-title { padding: 0 0 9px 0; font-size: 24px; border-bottom: 2px solid #989898; } + .comp-selector-title .ion-plus { float: right; transition: 0.6s ease-in-out; } + .comp-selector-option { padding: 9px 0; font-size: 16px; } -.comp-selector-option .ion-close:hover { cursor: pointer;} -.comp-selector-option .ion-close::before { padding-right: 9px;} -.comp-selector-add { position: absolute; top: 9px; bottom: 9px; left: 9px; right: 9px; background-color: white; opacity: 0; visibility:hidden; transition: 0.6s ease-in-out; } + +.comp-selector-option .ion-close:hover { cursor: pointer; } + +.comp-selector-option .ion-close::before { padding-right: 9px; } + +.comp-selector-add { position: absolute; top: 9px; bottom: 9px; left: 9px; right: 9px; background-color: white; opacity: 0; visibility: hidden; transition: 0.6s ease-in-out; } + .comp-selector-add.active { opacity: 1; visibility: visible; } + .comp-selector-add .comp-selector-title { border: none; } + .comp-selector-add.active .comp-selector-title .ion-plus { transform: rotate(405deg); } + .comp-selector-add-search { background-color: #989898; height: 39px; position: relative; } + .comp-selector-add-search input { position: absolute; top: 0; left: 24px; right: 9px; bottom: 0; margin: 0; padding: 9px 0 9px 9px; background-color: #989898; border: none; outline: none; font-size: 18px; } -.comp-selector-add-search .ion-search { font-size: 18px; position: absolute; top: 50%; margin-top: -9px; margin-left: 9px; } +.comp-selector-add-search .ion-search { font-size: 18px; position: absolute; top: 50%; margin-top: -9px; margin-left: 9px; } .comp-push h4 { margin: 18px 0 9px; color: #636363; font-size: 13px; line-height: 17px; font-weight: normal; } + .comp-push h6 { margin: 9px 0; color: #636363; font-size: 13px; font-weight: normal; } + .comp-push h6 .warn { position: relative; font-size: 22px; vertical-align: sub; margin-left: 5px; line-height: 13px; } -.comp-push .help { color: #8c8c8c; font-size: 12px;} + +.comp-push .help { color: #8C8C8C; font-size: 12px; } + .comp-push .desc { color: #A0A0A0; padding: 0; margin: 0 0 9px 0; font-size: 11px; line-height: 17px; } + .comp-push h4 + div { margin: 0 0 5px 0; } + .form-group > .comp-grid:nth-child(1) { margin: 0 0 5px 0; } + .comp-push input { font-size: 12px; } .comp-slider .btns { position: fixed; bottom: 0; right: 0; width: 968px; height: 78px; padding: 0; background-color: white; z-index: 100001; } + .comp-slider .btns > a { margin: 18px; border-radius: 2px; } + /* .comp-slider .btns > a:first-child { margin-left: 36px; } .comp-slider .btns > a:last-child { margin-right: 36px; } */ + .comp-slider .btns a.btn-next + a.btn-next:last-child { margin-right: 0; } + .comp-slider .btns { transition: 0.4s ease-in-out; border-top: 1px solid #ECECED; } + .comp-slider.comp-slider-closed .btns { visibility: hidden; opacity: 0; } -.comp-slider .btn-prev, .comp-slider .btn-next { background-color: #3FAA43; color: white; padding: 9px 18px; font-size: 13px; font-weight: normal; float: right; transition: .2s ease-in-out; } +.comp-slider .btn-prev,.comp-slider .btn-next { background-color: #3FAA43; color: white; padding: 9px 18px; font-size: 13px; font-weight: normal; float: right; transition: 0.2s ease-in-out; } + .comp-slider .btn-prev { float: left; background-color: #BCBCBC; } -.comp-slider .btn-next[disabled="disabled"] { color: #d4d4d4; cursor: default; } + +.comp-slider .btn-next[disabled="disabled"] { color: #D4D4D4; cursor: default; } + .comp-slider .ion-checkmark::before { color: #3FAA43; } -.comp-slider .btn-prev:hover { color: #333333; } + +.comp-slider .btn-prev:hover { color: #333; } + .comp-slider .btn-next:not([disabled="disabled"]):hover { background-color: #2F9A33; } -.comp-slider .btn-prev.orange { background-color: #FE8827; box-shadow: inset 0 0 0 1px #FE8827; color: #fff} -.comp-slider .btn-prev.orange:hover { background-color: #EE7817; color: #fff} -.comp-slider .btn-next.red, .comp-slider .btn-prev.red { background-color: #D54043; box-shadow: inset 0 0 0 1px #D54043;} -.comp-slider .btn-next.red:hover, .comp-slider .btn-prev.red:hover { background-color: #C53033; } +.comp-slider .btn-prev.orange { background-color: #FE8827; box-shadow: inset 0 0 0 1px #FE8827; color: #FFF; } + +.comp-slider .btn-prev.orange:hover { background-color: #EE7817; color: #FFF; } + +.comp-slider .btn-next.red,.comp-slider .btn-prev.red { background-color: #D54043; box-shadow: inset 0 0 0 1px #D54043; } + +.comp-slider .btn-next.red:hover,.comp-slider .btn-prev.red:hover { background-color: #C53033; } .comp-radio { background-color: white; border-radius: 2px; border: 1px solid #C5C5C5; } -.comp-radio-option { color: #272822; border-bottom: 1px solid #C5C5C5; border-radius: 2px 2px 0 0; padding: 9px; cursor: pointer } + +.comp-radio-option { color: #272822; border-bottom: 1px solid #C5C5C5; border-radius: 2px 2px 0 0; padding: 9px; cursor: pointer; } + .comp-radio-option > div { width: 180px; } + .comp-radio-option > div:first-child { width: auto; } + .comp-radio-option > div.help-holder { width: auto; text-align: right; } + .comp-radio-option:last-child { border-bottom: none; border-radius: 0 0 2px 2px; } + .comp-radio-option > label { font-size: 13px; font-weight: normal; margin: 0 9px; color: #354052; } -.comp-radio-option > .help { font-size: 10px; font-weight: normal; margin-right: 9px; color: #9c9c9c; line-height: 1.5 } + +.comp-radio-option > .help { font-size: 10px; font-weight: normal; margin-right: 9px; color: #9C9C9C; line-height: 1.5; } + .comp-inactive { background-color: #F3F4F5; } + .comp-active { background-color: white; } .comp-segmented { display: table; width: 100%; table-layout: fixed; } -.comp-segmented-option { display: table-cell; width: 2%; max-width: 80px; text-align: center; font-size: 12px; padding: 6px 9px; color: #A7A8A8; background-color: #F5F5F5; border: 1px solid #D0D0D0; border-width: 1px 0 1px 1px; transition: .6s ease-out; line-height: 15px; } + +.comp-segmented-option { display: table-cell; width: 2%; max-width: 80px; text-align: center; font-size: 12px; padding: 6px 9px; color: #A7A8A8; background-color: #F5F5F5; border: 1px solid #D0D0D0; border-width: 1px 0 1px 1px; transition: 0.6s ease-out; line-height: 15px; } + .comp-segmented-option:first-child { border-radius: 2px 0 0 2px; } + .comp-segmented-option:last-child { border-width: 1px; border-radius: 0 2px 2px 0; } + .comp-segmented-option.active { color: #636363; background-color: white; border: 1px solid #37BB29; } + .comp-segmented-option.active + .comp-segmented-option { border-left: none; } -.comp-segmented-option:hover { background-color: #eaeaea; cursor: pointer; } + +.comp-segmented-option:hover { background-color: #EAEAEA; cursor: pointer; } + .comp-segmented-option.active:hover { background-color: white; } + .widget-header .comp-segmented { width: 200px; float: right; margin-top: 5px; margin-right: 4px; } + .widget-header .comp-segmented.large { width: 300px; } + .widget-header .comp-segmented-option { padding: 8px 9px; } .comp-push .comp-datepicker { margin-left: 24px; } -.comp-push .comp-select { border-radius: 2px; } +.comp-push .comp-select { border-radius: 2px; } .comp-push-panel-compose-left { width: 650px; } + .comp-push-panel-compose-right { width: auto; } .comp-select { position: relative; background-color: white; border: 1px solid #C5C5C5; } -.comp-select > select { width: 100%; height: 30px; padding: 0 10px; font-size: 12px; color: #636363; background-color: white; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; border: none; } -.comp-select:after { - content:""; - position:absolute; - z-index:2; - right:8px; - top:50%; - margin-top:-2px; - width: 0; - height: 0; + +.comp-select > select { width: 100%; height: 30px; padding: 0 10px; font-size: 12px; color: #636363; background-color: white; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: none; } + +.comp-select::after { + content: ""; + position: absolute; + z-index: 2; + right: 8px; + top: 50%; + margin-top: -2px; + width: 0; + height: 0; border-style: solid; border-width: 3px 3px 0 3px; - border-color: rgba(0, 0, 0, .6) transparent transparent transparent; + border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent; } .comp-slider .loader { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } -.comp-slider .loadable { display: flex; height: 100%; flex-direction: column; overflow-y: auto;} -/*.comp-slider.loading .loadable { filter: blur(10px); -webkit-filter: blur(10px); }*/ -.comp-slider.loading .loader { opacity: 1; visibility: visible; background: rgba(255,255,255,.9); z-index: 10000; } + +.comp-slider .loadable { display: flex; height: 100%; flex-direction: column; overflow-y: auto; } + +/* .comp-slider.loading .loadable { filter: blur(10px); -webkit-filter: blur(10px); } */ + +.comp-slider.loading .loader { opacity: 1; visibility: visible; background: rgba(255, 255, 255, 0.9); z-index: 10000; } .loader > div.loading-bars { position: absolute; @@ -172,6 +277,7 @@ margin-top: -32px; margin-left: -100px; } + .loader > div:last-child { position: absolute; top: 30%; @@ -180,63 +286,117 @@ margin-left: -100px; } -.loader h3, .loader h6 { margin: 9px 0;} +.loader h3,.loader h6 { margin: 9px 0; } .comp-push-compose select { width: 160px; } + .comp-push-compose .comp-segmented { width: 160px; } + .comp-segmented.comp-push-message-type { width: 170px; } + .comp-push-locales { background-color: #EEEFEF; } -.comp-push-locales > div { border-radius: 2px; position: relative; max-height: 178px; height: 315px; transition: .3s ease-in-out; border: 1px solid #C2C2C2; } + +.comp-push-locales > div { border-radius: 2px; position: relative; max-height: 178px; height: 315px; transition: 0.3s ease-in-out; border: 1px solid #C2C2C2; } + .comp-push-locales.buttons-0 > div { max-height: 181px; } + .comp-push-locales.buttons-1 > div { max-height: 255px; } + .comp-push-locales.buttons-2 > div { max-height: 292px; } -.comp-push-locales .comp-tabs-tabs { display: block; position: absolute; top: 0; left: 0; width: 169px; height: 178px; overflow: auto; border: none; margin:0; padding:0; background-color: #F9F9F9; } + +.comp-push-locales .comp-tabs-tabs { display: block; position: absolute; top: 0; left: 0; width: 169px; height: 178px; overflow: auto; border: none; margin: 0; padding: 0; background-color: #F9F9F9; } + .comp-push-locales.buttons-0 .comp-tabs-tabs { height: 181px; } + .comp-push-locales.buttons-1 .comp-tabs-tabs { height: 255px; } + .comp-push-locales.buttons-2 .comp-tabs-tabs { height: 292px; } + .comp-push-locales .comp-tabs-tab { position: relative; display: block; width: auto; padding: 9px; border: 1px solid #DFE3E9; border-width: 0 1px 1px 0; } + .comp-push-locales .comp-tabs-tab:first-child { border-radius: 2px 0 0 0; } + .comp-push-locales .comp-tabs-tab:last-child { border-radius: 0 0 0 2px; display: block; width: auto; padding: 7px 9px 9px; border: 1px solid #DFE3E9; border-width: 0 1px 1px 0; } + .comp-push-locales .comp-tabs-tab.active { background-color: white; border-right: none; } + .comp-push-locales .comp-tabs-content { position: absolute; top: 0; left: 169px; right: 0; bottom: 0; height: 160px; padding: 0 10px 18px 10px; border: none; background-color: white; } + .comp-push-locales.buttons-0 .comp-tabs-content { height: 163px; } + .comp-push-locales.buttons-1 .comp-tabs-content { height: 237px; } + .comp-push-locales.buttons-2 .comp-tabs-content { height: 274px; } + .comp-push-locales .comp-tabs-content > div { width: 100%; height: 100%; } + .comp-push-locales .comp-tabs-content > div > div { padding-right: 18px; } + .comp-push-locales .comp-tabs-content > div > div { padding-right: 18px; } + .comp-push .emoji { position: relative; } -.comp-push .emoji [contenteditable=true]:empty:before { content: attr(placeholder); display: block; font-family: 'Ubuntu', 'Helvetica Neue', sans-serif; font-size: 13px; font-weight: normal; opacity: 0.3; } + +.comp-push .emoji [contenteditable=true]:empty::before { content: attr(placeholder); display: block; font-family: 'Ubuntu', 'Helvetica Neue', sans-serif; font-size: 13px; font-weight: normal; opacity: 0.3; } + .comp-push .emoji [contenteditable=true] .placeholder { font-family: 'Ubuntu', 'Helvetica Neue', sans-serif; font-size: 13px; font-weight: normal; opacity: 0.3; } -.comp-push .emoji .input[contenteditable=true]:empty:before { line-height: 30px; } + +.comp-push .emoji .input[contenteditable=true]:empty::before { line-height: 30px; } + .comp-push .emoji > .textarea { overflow: hidden; height: 60px; line-height: 20px; font-family: 'Ubuntu', 'Helvetica Neue', sans-serif; width: 100%; margin: 0 0 0 0; padding: 6px 6px 6px 10px; font-size: 13px; font-weight: normal; color: #324351; outline: none; resize: none; border: 1px solid #DFE3E9; border-radius: 2px; } + .comp-push .emoji > .input { height: 18px; line-height: 18px; font-size: 13px; padding: 6px 6px 6px 10px; outline: none; width: 100%; color: #354052; border: 1px solid #DFE3E9; border-radius: 2px; } -.comp-push .emoji > a { position: absolute; right: -10px; top: 70px; font-size: 19px; opacity: .3; transition: .3s ease-in-out; } + +.comp-push .emoji > a { position: absolute; right: -10px; top: 70px; font-size: 19px; opacity: 0.3; transition: 0.3s ease-in-out; } + .comp-push .emoji > a.pers { right: 15px; font-size: 14px; font-weight: 500; } + .comp-push .emoji > .textarea + a.pers { right: 15px; top: 46px; } + .comp-push .emoji > .textarea + a.pers + div + a { top: 46px; } + .comp-push .emoji > .textarea + a.fa-smile-o { top: 46px; } + .comp-push .emoji > .input + a.pers { top: 7px; } + .comp-push .emoji > .input + a.pers + div + a { top: 7px; } + .comp-push .emoji > .input + a.fa-smile-o { top: 7px; } -.comp-push .emoji > a:hover { opacity: .5; cursor: pointer; } + +.comp-push .emoji > a:hover { opacity: 0.5; cursor: pointer; } + .comp-push .emoji span.pers { padding: 1px 5px 2px; background: #ECECEC; border-radius: 2px; margin-right: 2px; } + .comp-push .emoji span.pers:hover { cursor: pointer; background: #E5E5E5; } + .comp-push .emoji .placeholder span.pers:hover { cursor: default; } + .comp-push .emoji #emoji-picker { background: white; border-radius: 2px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border: 1px solid #E2E2E2; } -.comp-push .emoji #emoji-picker.autoplace:after { background: white; } + +.comp-push .emoji #emoji-picker.autoplace::after { background: white; } + .comp-push .emoji #emoji-picker > .emoji-header { background-color: white; } + .comp-push .emoji #emoji-picker > .emoji-footer { background-color: white; } + .comp-push .emoji #emoji-picker .search-section { line-height: 22px; } -.pers-panel { position: absolute;top: 31px; right: -18px; display: none; width: 300px; background-color: white; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border: 1px solid #E2E2E2; padding: 20px; z-index: 11; border-radius: 2px; } + +.pers-panel { position: absolute; top: 31px; right: -18px; display: none; width: 300px; background-color: white; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border: 1px solid #E2E2E2; padding: 20px; z-index: 11; border-radius: 2px; } + .pers-panel.open { display: block; } + .pers-panel label { display: block; margin-bottom: 8px; } + .pers-panel label.check { display: inline-block; margin-bottom: 20px; font-size: 12px; } -.pers-panel .help { margin-top: 5px;} -.pers-panel .comp-singleselect { margin-bottom: 2px;} -.pers-panel .comp-singleselect.cly-select .text { font-size: 13px; line-height: 12px;} + +.pers-panel .help { margin-top: 5px; } + +.pers-panel .comp-singleselect { margin-bottom: 2px; } + +.pers-panel .comp-singleselect.cly-select .text { font-size: 13px; line-height: 12px; } + .comp-push .pers-panel .input[type=checkbox] + label { margin-left: 2px; } -.pers-panel:after, .comp-push #emoji-picker:after, .comp-push #emoji-picker.TooltipBelow:after { + +.pers-panel::after,.comp-push #emoji-picker::after,.comp-push #emoji-picker.TooltipBelow::after { box-shadow: -4px -4px 4px -1px rgba(0, 0, 0, 0.03); position: absolute; display: block; @@ -245,13 +405,13 @@ border-width: 1px 0 0 1px; } -.comp-push #emoji-picker.TooltipAbove:after { +.comp-push #emoji-picker.TooltipAbove::after { box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.03); border-width: 0 1px 1px 0; bottom: -8px; } -.pers-panel:after { +.pers-panel::after { top: -7px; right: 30px; bottom: auto; @@ -260,7 +420,8 @@ -webkit-transform: rotate(45deg); background: white; } -.pers-panel.centered:after { + +.pers-panel.centered::after { right: 50%; margin-right: -7px; } @@ -270,7 +431,6 @@ height: 30px; margin: 0; padding: 0 5px; - border: 1px solid #D0D0D0; border-radius: 2px; outline: none; @@ -279,11 +439,13 @@ } @keyframes border-pulsate { - 0% { border-color: #D0D0D0; } - 100% { border-color: #f70d0d; } + + 0% { border-color: #D0D0D0; } + + 100% { border-color: #F70D0D; } } -.pers-panel.acked-key .comp-singleselect, .pers-panel.acked-fal input[type="text"] { +.pers-panel.acked-key .comp-singleselect,.pers-panel.acked-fal input[type="text"] { animation: border-pulsate 0.5s 3; } @@ -305,23 +467,23 @@ .comp-slider .pers-panel .btns .delete { margin: 0; - padding: 9px 18px; + padding: 9px 18px; margin-left: -18px; - font-size: 13px; - transition: .2s ease-in-out; - float: left; + font-size: 13px; + transition: 0.2s ease-in-out; + float: left; color: #D54043; } -.comp-slider .pers-panel .btns .delete:hover { - color: #C53033; +.comp-slider .pers-panel .btns .delete:hover { + color: #C53033; } .comp-slider .pers-panel .btns .close { float: right; } -/*.comp-slider .pers-panel .btns a.btn { +/* .comp-slider .pers-panel .btns a.btn { margin: 0 10px; } @@ -332,141 +494,185 @@ margin-right: 0; } */ -.comp-slider .pers-panel .btns a.btn:last-child {margin-right: 0;} + +.comp-slider .pers-panel .btns a.btn:last-child { margin-right: 0; } + .comp-push-locales .comp-tabs-content > div > div > .error { position: absolute; top: 3px; right: 5px; z-index: 10; } + .comp-push-locales .comp-tabs-content > div > div > .error .comp-tt { visibility: hidden; } + .comp-push-locales .comp-tabs-content > div > div > .error:hover .comp-tt { visibility: visible; } + .comp-push-locales .comp-tabs-content > div > div > .error:hover { opacity: 1; } + .comp-push .emoji div[contenteditable=true]:focus + .error { opacity: 0.3; } + .comp-push .emoji div[contenteditable=true]:focus + .error:hover { opacity: 1; } -.comp-push-locales .comp-tabs-content > div > div > input, .comp-push-locales .comp-tabs-content > div > div > .custom-button input { height: 30px; font-size: 13px; padding: 0 6px 0 10px; outline: none; width: 100%; color: #354052; font-size: 13px; border: 1px solid #DFE3E9; border-radius: 2px; } + +.comp-push-locales .comp-tabs-content > div > div > input,.comp-push-locales .comp-tabs-content > div > div > .custom-button input { height: 30px; font-size: 13px; padding: 0 6px 0 10px; outline: none; width: 100%; color: #354052; font-size: 13px; border: 1px solid #DFE3E9; border-radius: 2px; } + .comp-push .custom-button + .custom-button { margin-top: 10px; } + .comp-push .custom-button { position: relative; height: 30px; } + .comp-push .custom-button > * { position: absolute; } + .comp-push .custom-button > h6 { width: 5%; text-align: right; } + .comp-push .custom-button > div { width: 20%; left: 8%; } + .comp-push .custom-button > div:last-child { width: 64%; left: 36%; } -.comp-push .custom-button > div > .error { position: absolute; top: 7px; right: -9px; opacity: 1; z-index: 10 } + +.comp-push .custom-button > div > .error { position: absolute; top: 7px; right: -9px; opacity: 1; z-index: 10; } + .comp-push-locales .ion-checkmark { position: absolute; top: 50%; right: 10px; margin-top: -10px; } + .comp-push-locale-count { display: block; float: left; width: 35px; text-align: right; padding-right: 9px; padding-top: 3px; } -.comp-push-locale-count, .comp-push-locale-title { font-size: 13px; } -.comp-push-locale-count .ion-information-circled { color: #ccc; } + +.comp-push-locale-count,.comp-push-locale-title { font-size: 13px; } + +.comp-push-locale-count .ion-information-circled { color: #CCC; } + .comp-push-locales .comp-tabs-tab > div > .error { position: absolute; top: 8px; right: 6px; z-index: 10; } + .comp-push-locales .comp-push-extras { margin-right: -18px; border-color: #DFE3E9; } + .comp-tabs-content.comp-tabs-no-locales { left: 0; } -.comp-push .help-tt .comp-tt, .comp-help-tt { text-align: left; background-color: #ccc !important; color: #333 !important; z-index: 11; } -.comp-push .help-tt > span, .comp-push .help-tt > svg { z-index: 10; } + +.comp-push .help-tt .comp-tt,.comp-help-tt { text-align: left; background-color: #CCC !important; color: #333 !important; z-index: 11; } + +.comp-push .help-tt > span,.comp-push .help-tt > svg { z-index: 10; } + .comp-push .help-tt { position: absolute; top: 8px; right: 3px; z-index: 10; } + .comp-push .help-tt:hover { z-index: 11; } + .comp-push .comp-push-locale-count .help-tt { position: relative; top: -2px; right: auto; } -.comp-push .ion-information-circled { color: #ccc; font-size: 16px; color: #ccc; } + +.comp-push .ion-information-circled { color: #CCC; font-size: 16px; color: #CCC; } + .comp-push .comp-push-extra-check .help-tt { right: 8px; } -.comp-push-space-top, h4.comp-push-space-top, h6.comp-push-space-top, input[type=checkbox].comp-push-space-top { margin-top: 18px; } +.comp-push-space-top,h4.comp-push-space-top,h6.comp-push-space-top,input[type=checkbox].comp-push-space-top { margin-top: 18px; } -.comp-push label, .comp-segmented-option { - font-size: 13px; +.comp-push label,.comp-segmented-option { + font-size: 13px; } -.comp-push input[type=checkbox], .comp-push input[type=radio] { + +.comp-push input[type=checkbox],.comp-push input[type=radio] { height: 16px; width: 16px; vertical-align: middle; - margin: .2em 0.4em 0.4em 0; + margin: 0.2em 0.4em 0.4em 0; border: 1px solid #DFE3E9; - background-color: #FFFFFF; - - -webkit-border-radius:2px; - border-radius:2px; - + background-color: #FFF; + -webkit-border-radius: 2px; + border-radius: 2px; -webkit-appearance: none; -webkit-transition: box-shadow 200ms; - transition: 200ms ease-in-out; } .comp-push input[type=radio] { - border-radius: 100%; + border-radius: 100%; } -.comp-push input[type="checkbox"]:not(:disabled):hover, .comp-push input[type="radio"]:not(:disabled):hover { border-color:#C2C2C2; cursor: pointer; } +.comp-push input[type="checkbox"]:not(:disabled):hover,.comp-push input[type="radio"]:not(:disabled):hover { border-color: #C2C2C2; cursor: pointer; } -.comp-push input[type="checkbox"]:active:not(:disabled), .comp-push input[type="radio"]:active:not(:disabled) { border-color:#C2C2C2; } +.comp-push input[type="checkbox"]:active:not(:disabled),.comp-push input[type="radio"]:active:not(:disabled) { border-color: #C2C2C2; } -.comp-push input[type="checkbox"]:focus, .comp-push input[type="radio"]:focus { outline:none; } +.comp-push input[type="checkbox"]:focus,.comp-push input[type="radio"]:focus { outline: none; } -.comp-push input[type="checkbox"]:checked { border-color:#C2C2C2; } -.comp-push input[type="radio"]:checked { border-color:#C2C2C2; background-color: white; } +.comp-push input[type="checkbox"]:checked { border-color: #C2C2C2; } -.comp-push input[type="checkbox"]:checked:before:hover, .comp-push input[type="radio"]:checked:before:hover { - cursor: pointer; +.comp-push input[type="radio"]:checked { border-color: #C2C2C2; background-color: white; } + +.comp-push input[type="checkbox"]:checked::before:hover,.comp-push input[type="radio"]:checked::before:hover { + cursor: pointer; } -.comp-push input[type="checkbox"]:checked:before { - content: ''; - display: block; - width: 3px; - height: 6px; - border: solid #2FA632; - border-width: 0 2px 2px 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - margin-left: 4px; - margin-top: 2px; +.comp-push input[type="checkbox"]:checked::before { + content: ''; + display: block; + width: 3px; + height: 6px; + border: solid #2FA632; + border-width: 0 2px 2px 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + margin-left: 4px; + margin-top: 2px; } -.comp-push input[type="radio"]:checked:before { - content: ''; - display: block; - margin: 2px; - width: 10px; - height: 10px; - background-color: #3FAA43; - border-radius: 100%; + +.comp-push input[type="radio"]:checked::before { + content: ''; + display: block; + margin: 2px; + width: 10px; + height: 10px; + background-color: #3FAA43; + border-radius: 100%; } -.comp-push input[type=checkbox]:disabled, .comp-push input[type=radio]:disabled { - opacity: .6; - box-shadow: none; - background: rgba(0, 0, 0, 0.1); - box-shadow:none; +.comp-push input[type=checkbox]:disabled,.comp-push input[type=radio]:disabled { + opacity: 0.6; + box-shadow: none; + background: rgba(0, 0, 0, 0.1); + box-shadow: none; } .comp-push input[type=checkbox] + label { - margin-left: 4px; + margin-left: 4px; } input:disabled + label { - opacity: .6; - cursor:default; - -webkit-user-select: none; + opacity: 0.6; + cursor: default; + -webkit-user-select: none; } .comp-tagselector { background-color: white; border: 1px solid #C2C2C2; border-radius: 2px; } + .comp-tagselector-selected { } + .comp-tagselector-options { } + .comp-tagselector-options > div { overflow-y: scroll; height: 210px; } + .comp-tagselector-selected { border-bottom: 1px solid #C5C5C5; padding: 0 0 7px 7px; } -.comp-tagselector-option { font-size: 14px; font-weight: normal; color: #666; padding: 9px 12px; transition: .2s ease-out; } -.comp-tagselector-option:hover { cursor: pointer; background-color: #fafafa; } + +.comp-tagselector-option { font-size: 14px; font-weight: normal; color: #666; padding: 9px 12px; transition: 0.2s ease-out; } + +.comp-tagselector-option:hover { cursor: pointer; background-color: #FAFAFA; } + .comp-tagselector-option.selected { font-size: 13px; font-weight: normal; color: #666; display: inline-block; padding: 5px; background-color: #E8E8E8; border: 1px solid #D0D0D1; border-radius: 2px; margin: 7px 7px 0 0; } + .comp-tagselector-option.selected > span { margin-left: 5px; } + .comp-tagselector-search { display: inline-block; border: none; outline: none; margin: 7px 7px 0 0; padding: 5px; font-size: 13px; font-weight: normal; color: #666; } .comp-tagselector-option.selected:hover { background-color: #E2E2E2; cursor: default; } -.comp-tagselector-option.selected .ion-close:before { transition: .2s ease-out; } + +.comp-tagselector-option.selected .ion-close::before { transition: 0.2s ease-out; } + .comp-tagselector-option.selected .ion-close:hover { cursor: pointer; } -.comp-tagselector-option.selected .ion-close:hover:before { color: #4a4a4a; } + +.comp-tagselector-option.selected .ion-close:hover::before { color: #4A4A4A; } .comp-push-preview h4 { text-align: center; } + .comp-push .comp-push-preview h4 .ion-information-circled { margin-left: 5px; font-size: 14px; } .comp-push-preview img { width: 274px; border-radius: 2px; } .preview { position: relative; overflow: hidden; border-radius: 2px; } + .preview-i { font-family: 'San Francisco', 'HelveticaNeue-UltraLight', 'Helvetica Neue', sans-serif; font-weight: 100; color: white; } + .preview-a { font-family: 'Roboto', 'Helvetica Neue', sans-serif; font-weight: 300; @@ -479,13 +685,15 @@ input:disabled + label { right: 0; text-align: center; } + .preview-i .preview-time { font-size: 45px; - top: 50px; + top: 50px; } + .preview-a .preview-time { top: 54px; - font-size: 53px + font-size: 53px; } .preview-date { @@ -494,14 +702,16 @@ input:disabled + label { right: 0; text-align: center; } + .preview-i .preview-date { top: 100px; font-size: 10px; } + .preview-a .preview-date { top: 120px; - font-size: 8px; - letter-spacing: 2px; + font-size: 8px; + letter-spacing: 2px; text-transform: uppercase; } @@ -509,6 +719,7 @@ input:disabled + label { position: absolute; overflow: hidden; } + .preview-i .preview-message { top: 120px; left: 22px; @@ -516,8 +727,9 @@ input:disabled + label { color: black; font-family: 'San Francisco', 'HelveticaNeue-Light', 'Helvetica Neue', sans-serif; } + .preview-a .preview-message { - background-color: rgba(250, 250, 250, .87); + background-color: rgba(250, 250, 250, 0.87); top: 148px; left: 15px; right: 14px; @@ -543,8 +755,10 @@ input:disabled + label { } .preview-i .preview-message img { width: 13px; margin: 8px 3px 8px 8px; border-radius: 4px; float: left; } + .preview-a .preview-message img { width: 13px; margin: 4px 3px 8px 4px; border-radius: 4px; float: left; } -.preview-message audio, .preview-message video { width: 100%; margin-bottom: -3px; } + +.preview-message audio,.preview-message video { width: 100%; margin-bottom: -3px; } .preview-message-title { position: absolute; @@ -552,6 +766,7 @@ input:disabled + label { right: 0; vertical-align: middle; } + .preview-message-message-title .placeholder { display: none; } @@ -562,9 +777,10 @@ input:disabled + label { font-size: 9px; line-height: 30px; background-color: white; - border-bottom: 1px solid rgba(0, 0, 0, .2); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px 6px 0 0; } + .preview-a .preview-message-title { position: initial; height: 25px; @@ -604,7 +820,9 @@ input:disabled + label { } .preview-i .preview-message-app { text-transform: uppercase; opacity: 0.7; } + .preview-i .preview-message-date { margin-right: 8px; float: right; opacity: 0.5; font-size: 9px; } + .preview-a .preview-message-date { margin-right: 8px; float: right; color: black; opacity: 0.5; font-size: 8px; } .preview-message-message { @@ -612,13 +830,19 @@ input:disabled + label { overflow: hidden; text-overflow: ellipsis; } + .preview-message-message:hover { cursor: default; } + .preview-message-message .pers { border-bottom: 1px dashed #2EB52B; } -.preview-message-message .pers + .pers{ margin-left: 1px; } + +.preview-message-message .pers + .pers { margin-left: 1px; } + .preview-message-message-title .pers { border-bottom: 1px dashed #2B2B2B; padding-bottom: 1px; display: inline-block; } -.preview-message-message-title .pers + .pers{ margin-left: 1px; } + +.preview-message-message-title .pers + .pers { margin-left: 1px; } + .preview-i .preview-message-message { - position: relative; + position: relative; font-size: 10.5px; padding: 5px 8px 8px; -webkit-line-clamp: 4; @@ -634,11 +858,11 @@ input:disabled + label { font-size: 9px; height: 16px; color: #787878; - -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; } + .preview-a .preview-message-message .pers { border-bottom-color: #787878; } @@ -648,7 +872,7 @@ input:disabled + label { } .preview-i .preview-buttons { - background-color: rgba(255,255,255,.6); + background-color: rgba(255, 255, 255, 0.6); border-radius: 6px; color: black; font-size: 16px; @@ -679,72 +903,112 @@ input:disabled + label { } .preview-i .preview-button:first-child { - border-bottom: 1px solid rgba(255,255,255,.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); } + .preview-i .preview-button:first-child:last-child { border-bottom: none; } .comp-segmented.platforms { width: 70px; margin: 18px auto 0; } + .comp-segmented.platforms .comp-segmented-option { padding: 3px 6px; } + .comp-segmented.platforms .comp-segmented-option span { font-size: 20px; } .h6-spacer { height: 16px; content: " "; } + .comp-push-extras { border: 1px solid #C2C2C2; border-radius: 2px; } -.comp-push-extra { height: 34px; color: #636363; font-size: 12px; position: relative; border-bottom: 1px solid #C5C5C5; transition: max-height .3s ease-in-out; } + +.comp-push-extra { height: 34px; color: #636363; font-size: 12px; position: relative; border-bottom: 1px solid #C5C5C5; transition: max-height 0.3s ease-in-out; } + .comp-push-extra.expanded { height: 71px; } + .comp-push-extra:first-child .comp-push-extra-check { border-radius: 2px 0 0 0; } + .comp-push-extra:first-child .comp-push-extra-value { border-radius: 0 2px 0 0; } + .comp-push-extra:last-child .comp-push-extra-check { border-radius: 0 0 0 2px; } + .comp-push-extra:last-child .comp-push-extra-value { border-radius: 0 0 2px 0; } + .comp-push-extra:last-child { border-bottom: none; } .comp-push-extra-check { position: absolute; top: 0; left: 0; width: 169px; bottom: 0; padding: 7px 0; border-right: 1px solid #C5C5C5; background-color: white; } + .comp-push-extra-check > label { margin-left: 9px; } + .comp-push-extra-check > label > input { width: 120px; height: 26px; margin: -6px 0; outline: none; border: none; font-size: 13px; } + .comp-push-extra-value { position: absolute; top: 0; left: 170px; right: 0; bottom: 0; padding: 7px; background-color: #F5F5F5; } + .comp-push-extra-value.active { background-color: white; } + .comp-push .comp-push-extra-check > input[type=checkbox] { margin-left: 10px; } -.comp-push-extra-value > input, .comp-push-extra-value > textarea { height: 16px; border: none; outline: none; width: 100%; background-color: transparent; color: #636363; font-size: 13px; resize: none; } + +.comp-push-extra-value > input,.comp-push-extra-value > textarea { height: 16px; border: none; outline: none; width: 100%; background-color: transparent; color: #636363; font-size: 13px; resize: none; } + .comp-push-extra-value > textarea { height: 16px; } + .comp-push-extra.expanded .comp-push-extra-value { padding: 0 7px; } + .comp-push-extra.expanded .comp-push-extra-value > textarea { height: 57px; padding: 7px 0; } -.comp-push-extra-value > .error { position: absolute; top: 7px; right: 9px; opacity: 1; z-index: 10 } +.comp-push-extra-value > .error { position: absolute; top: 7px; right: 9px; opacity: 1; z-index: 10; } + .comp-push-extra-value > .error .comp-tt { visibility: hidden; } + .comp-push-extra-value > .error:hover { opacity: 1; } + .comp-push-extra-value > .error:hover .comp-tt { opacity: 1; visibility: visible; } + .comp-push-extra-value > input:focus + .error { opacity: 0.3; } -.comp-push-extra-value > input:focus + .error:hover { opacity: 1; } + +.comp-push-extra-value > input:focus + .error:hover { opacity: 1; } .help.pulsating { color: #5F6F84; } .pulsating { - -webkit-animation: alpha_change 800ms infinite alternate; - -moz-animation: alpha_change 800ms infinite alternate; - -ms-animation: alpha_change 800ms infinite alternate; - -o-animation: alpha_change 800ms infinite alternate; - animation: alpha_change 800ms infinite alternate; + -webkit-animation: alpha_change 800ms infinite alternate; + -moz-animation: alpha_change 800ms infinite alternate; + -ms-animation: alpha_change 800ms infinite alternate; + -o-animation: alpha_change 800ms infinite alternate; + animation: alpha_change 800ms infinite alternate; } @-webkit-keyframes alpha_change { - from { opacity: 1; } - to { opacity: 0.5; } + + from { opacity: 1; } + + to { opacity: 0.5; } } + @-moz-keyframes alpha_change { - from { opacity: 1; } - to { opacity: 0.5; } + + from { opacity: 1; } + + to { opacity: 0.5; } } + @-ms-keyframes alpha_change { - from { opacity: 1; } - to { opacity: 0.5; } + + from { opacity: 1; } + + to { opacity: 0.5; } } + @-o-keyframes alpha_change { - from { opacity: 1; } - to { opacity: 0.5; } + + from { opacity: 1; } + + to { opacity: 0.5; } } + @keyframes alpha_change { - from { opacity: 1; } - to { opacity: 0.5; } + + from { opacity: 1; } + + to { opacity: 0.5; } } + /* // ::-webkit-scrollbar { // -webkit-appearance: none; @@ -759,59 +1023,83 @@ input:disabled + label { */ @-webkit-keyframes fadeIn { + from { opacity: 0; } - to { opacity: 1; } + + to { opacity: 1; } } @keyframes fadeIn { + from { opacity: 0; } - to { opacity: 1; } + + to { opacity: 1; } } -.comp-datepicker { background-color: white; position: relative; border: 1px solid #C2C2C2; border-radius: 2px; color: #636363; font-size: 12px; line-height: 16px; transition: .3s ease-in; } -.comp-datepicker img, .comp-datepicker svg, .comp-datepicker span.formatted { margin: 0px;} +.comp-datepicker { background-color: white; position: relative; border: 1px solid #C2C2C2; border-radius: 2px; color: #636363; font-size: 12px; line-height: 16px; transition: 0.3s ease-in; } + +.comp-datepicker img,.comp-datepicker svg,.comp-datepicker span.formatted { margin: 0; } + .comp-datepicker img .comp-datepicker svg { width: 17px; } + .comp-datepicker .ion-chevron-down { float: right; } -.comp-datepicker .ion-chevron-down:before { padding-top: 2px; color: #636363; font-size: 9px; transition: .3s ease-in; } -.comp-datepicker:hover { background-color: #fafafa; } -.comp-datepicker-head { display: flex} + +.comp-datepicker .ion-chevron-down::before { padding-top: 2px; color: #636363; font-size: 9px; transition: 0.3s ease-in; } + +.comp-datepicker:hover { background-color: #FAFAFA; } + +.comp-datepicker-head { display: flex; } + .comp-datepicker-head:hover { cursor: pointer; } -.comp-datepicker-head > .formatted { margin-top: 5px; margin-left: 5px} -.comp-datepicker-head > .ion-chevron-down { margin-top: 0px; margin-left: auto;} +.comp-datepicker-head > .formatted { margin-top: 5px; margin-left: 5px; } + +.comp-datepicker-head > .ion-chevron-down { margin-top: 0; margin-left: auto; } + +.comp-datepicker-head i.material-icons { font-size: 15px; float: left; margin-right: 4px; margin-top: 0; } + +.comp-datepicker-head::after { clear: both; } -.comp-datepicker-head i.material-icons {font-size: 15px;float: left;margin-right: 4px; margin-top: 0px} -.comp-datepicker-head::after{clear:both} .comp-datepicker.active { } + /* .comp-datepicker.active .ion-chevron-down:before { transform: rotate(-90deg); } */ -.comp-datepicker .picker { width: 205px; position: absolute; top: 43px; left: -1px; right: -1px; background-color: #292929; border: none; border-radius: 2px; color: white; display: none; padding: 10px } -.comp-datepicker .on-top { top: -311px } -.comp-datepicker.active .picker { display: block; opacity: 1; z-index: 2; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; margin-bottom: 100px } +.comp-datepicker .picker { width: 205px; position: absolute; top: 43px; left: -1px; right: -1px; background-color: #292929; border: none; border-radius: 2px; color: white; display: none; padding: 10px; } + +.comp-datepicker .on-top { top: -311px; } + +.comp-datepicker.active .picker { display: block; opacity: 1; z-index: 2; -webkit-animation: fadein 1s; animation: fadeIn 1s; margin-bottom: 100px; } -.comp-datepicker-ui-picker { overflow:hidden; margin:2px; border-radius:2px; } -.comp-datepicker-ui-picker .calendar{ float:left; margin-right:6px; border:1px solid #666; border-radius:2px; } -.comp-datepicker-ui-picker .calendar:nth-child(2) { margin-right:0; } +.comp-datepicker-ui-picker { overflow: hidden; margin: 2px; border-radius: 2px; } + +.comp-datepicker-ui-picker .calendar { float: left; margin-right: 6px; border: 1px solid #666; border-radius: 2px; } + +.comp-datepicker-ui-picker .calendar:nth-child(2) { margin-right: 0; } .comp-datepicker-ui-picker .ui-datepicker.ui-widget { - padding: 0; - border-radius: 2px; - width: 200px ! important; - /*background-color: #fff;*/ + padding: 0; + border-radius: 2px; + width: 200px !important; + + /* background-color: #fff; */ } + .comp-datepicker-apply { padding-right: 3px; } + .comp-datepicker-apply .icon-button { float: right; display: inline-block; - margin:0px; + margin: 0; padding: 7px 20px; } + .comp-datepicker-apply .icon-button.dark { float: left; } -.comp-datepicker.active .picker:before { + +.comp-datepicker.active .picker::before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #292929; right: 7px; @@ -822,6 +1110,7 @@ input:disabled + label { position: absolute; pointer-events: none; } + .comp-datepicker.active .on-top::before { display: none; } @@ -838,7 +1127,7 @@ input:disabled + label { pointer-events: none; } -/*.comp-datepicker-ui-picker .ui-datepicker.ui-widget { +/* .comp-datepicker-ui-picker .ui-datepicker.ui-widget { padding: 0; background-color: transparent; } @@ -896,16 +1185,16 @@ input:disabled + label { width: auto !important; } -.comp-datepicker-ui-picker .ui-state-disabled, -.comp-datepicker-ui-picker .ui-widget-content .ui-state-disabled, +.comp-datepicker-ui-picker .ui-state-disabled, +.comp-datepicker-ui-picker .ui-widget-content .ui-state-disabled, .comp-datepicker-ui-picker .ui-widget-header .ui-state-disabled { - border: none; + border: none; background: white; background-image: none; -}*/ +} */ .comp-datepicker-ui-picker a.ui-state-default.ui-state-highlight.ui-state-active { - /*// border: none;*/ + /* // border: none; */ } .comp-datepicker-ui-picker td.ui-datepicker-week-end.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today { @@ -917,13 +1206,14 @@ input:disabled + label { } .comp-datepicker-ui-picker .ui-widget-content .ui-state-active { - /*// background: #F2F2F2;*/ + /* // background: #F2F2F2; */ } .comp-datepicker-ui-picker .ui-widget-content .ui-state-active { } -.comp-datepicker-time, .comp-datepicker-tz { margin: 10px 0; padding-left:4px; text-align: right; margin-bottom: 15px } +.comp-datepicker-time,.comp-datepicker-tz { margin: 10px 0; padding-left: 4px; text-align: right; margin-bottom: 15px; } + .comp-datepicker-tz { margin-bottom: 10px; } .comp-datepicker-time > * { display: inline-block; margin-right: 5px; } @@ -931,7 +1221,7 @@ input:disabled + label { .comp-datepicker-time > input[type=number] { width: 46px; height: 24px; - background-color: rgb(61,61,61); + background-color: rgb(61, 61, 61); border: none; outline: none; font-size: 13px; @@ -940,14 +1230,21 @@ input:disabled + label { border-radius: 2px; line-height: 2; } -.comp-datepicker-time > *:first-child {float:left; margin-top:3px} -.comp-datepicker-time > *:last-child {margin-right : 3px;} -.comp-datepicker-time > *:last-child::after { clear: both} + +.comp-datepicker-time > *:first-child { float: left; margin-top: 3px; } + +.comp-datepicker-time > *:last-child { margin-right: 3px; } + +.comp-datepicker-time > *:last-child::after { clear: both; } .comp-push-no-users { position: relative; } + .comp-push-no-users-zero { position: absolute; top: 20%; left: 0; right: 0; bottom: 0; font-size: 200px; text-align: center; color: rgba(0, 0, 0, 0.04); } + .comp-push-no-users-text { position: absolute; left: 0; right: 0; margin-top: 15%; font-size: 16px; line-height: 26px; text-align: center; } + .comp-push-no-users-text a { color: #3DA63A; } + .comp-push-no-users-text a.btn-next { margin-top: 12px; line-height: 13px; display: inline-block; float: none; } .comp-push-view-table { @@ -961,18 +1258,20 @@ input:disabled + label { table-layout: fixed; width: 100%; border-bottom: 1px solid #DFE3E9; + /* overflow: hidden; */ } .comp-push-view-row:first-child { border-radius: 2px 2px 0 0; } + .comp-push-view-row:last-child { border-radius: 0 0 2px 2px; border-bottom: none; } -.comp-push-view-row > *{ +.comp-push-view-row > * { padding: 9px; font-size: 13px; line-height: 15px; @@ -981,8 +1280,7 @@ input:disabled + label { .comp-push-view-table .pers { border-bottom: 1px dashed #636363; padding-bottom: 1px; line-height: 14px; display: inline-block; } -.comp-push-view-row > .col-left, .comp-push-view-row > .col-mid, .comp-push-view-row > .col-right { display: table-cell; } - +.comp-push-view-row > .col-left,.comp-push-view-row > .col-mid,.comp-push-view-row > .col-right { display: table-cell; } .comp-push-view-row > .col-left { width: 30%; @@ -992,7 +1290,7 @@ input:disabled + label { } .comp-push-view-row span { - display: relative; + display: relative; } .comp-push-view-row > .col-mid { @@ -1009,6 +1307,7 @@ input:disabled + label { right: 9px; bottom: 9px; } + .comp-push-view-row > .col-right { width: 70%; color: #636363; @@ -1018,20 +1317,21 @@ input:disabled + label { } .comp-push-error-codes .comp-push-view-row > .col-right { width: 60%; } + .comp-push-error-codes .comp-push-view-row > .col-right > a { text-decoration: underline; } .comp-push-view .comp-push-locales > div { - display: table; - table-layout:fixed; - height: auto; - width: 100%; - position: relative; + display: table; + table-layout: fixed; + height: auto; + width: 100%; + position: relative; } .comp-push .comp-push-locales .comp-tabs-tabs::-webkit-scrollbar { display: none; -webkit-appearance: none; } .comp-push-view .comp-push-locales .comp-tabs-tabs .comp-tabs-tab { - border-right: none; + border-right: none; } .comp-push-view .comp-push-locales .comp-tabs-tabs .comp-tabs-tab:first-child:last-child { @@ -1064,99 +1364,133 @@ input:disabled + label { } .comp-tt-parent { - position: relative; + position: relative; } + .comp-tt { - position: absolute; - opacity: 0; + position: absolute; + opacity: 0; padding: 4px 8px; - background: rgba(255,160,70,.9); + background: rgba(255, 160, 70, 0.9); border-radius: 2px; - color: white; - font-size: 13px; + color: white; + font-size: 13px; line-height: 17px; overflow-x: hidden; overflow-y: visible; white-space: pre-wrap; word-wrap: break-word; - transition: opacity ease-in-out .3s; + transition: opacity ease-in-out 0.3s; z-index: 10; visibility: hidden; - font-family: Ubuntu,Helvetica,sans-serif; + font-family: Ubuntu, Helvetica, sans-serif; } + .comp-tt.visible { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } - + .comp-tt.help { - font-size: 14px; - z-index: 100000; - font-family:'Ubuntu'; - line-height:19px; - background-color: #F6F792; - color:#444; + font-size: 14px; + z-index: 100000; + font-family: 'Ubuntu'; + line-height: 19px; + background-color: #F6F792; + color: #444; margin-top: -80px; text-align: left; } .push-overview .dataTables_wrapper { margin: 0; } + .push-overview .dataTable-top { border: none; } -.push-overview .dataTable-bottom { border: none; border-top:1px solid #E2E2E2 } + +.push-overview .dataTable-bottom { border: none; border-top: 1px solid #E2E2E2; } + .push-overview table.d-table { border: none; } + .push-overview table.d-table tbody tr td:hover { cursor: pointer; } + table.d-table .nothing { opacity: 0.3; } -.push-overview .chart { margin: 10px 30px 0; z-index: 1; top: 30px } + +.push-overview .chart { margin: 10px 30px 0; z-index: 1; top: 30px; } .push-overview .widget:first-child .widget-header { border-bottom: 1px solid #D0D0D0; } -/*.push-overview .widget:first-child .big-numbers:first-child .number { border-right: 1px solid #D0D0D0; }*/ -.push-overview .widget:first-child .big-numbers:first-child:after { content: " "; position: absolute; top: 10px; right: 0; bottom: 20px; width: 1px; background: #D0D0D0; } -.push-overview .widget-content + .widget-footer.big-numbers-v2 .big-numbers .inner { height: 90px; padding-top: 20px; } +/* .push-overview .widget:first-child .big-numbers:first-child .number { border-right: 1px solid #D0D0D0; } */ + +.push-overview .widget:first-child .big-numbers:first-child::after { content: " "; position: absolute; top: 10px; right: 0; bottom: 20px; width: 1px; background: #D0D0D0; } + +.push-overview .widget-content + .widget-footer.big-numbers-v2 .big-numbers .inner { height: 90px; padding-top: 20px; } .comp-push-metrics h5 { font-size: 14px; font-weight: normal; text-align: center; margin: 2px 0 4px; } -.comp-push-metrics i { margin-left: 9px; color: rgba(68, 82, 101, .5); /* font-weight: 100; */ } + +.comp-push-metrics i { margin-left: 9px; color: rgba(68, 82, 101, 0.5); /* font-weight: 100; */ } + .comp-push-metrics span { text-align: center; display: block; } + .comp-push-metrics h5 span { display: inline-block; position: relative; margin-left: 5px; } -.comp-push-metrics span > b, .comp-push-metrics span > a { margin: 0 4px; font-size: 18px; color: rgb(68, 82, 101); } + +.comp-push-metrics span > b,.comp-push-metrics span > a { margin: 0 4px; font-size: 18px; color: rgb(68, 82, 101); } + .comp-push-metrics span > a { font-weight: bold; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid rgb(68, 82, 101); } + .comp-bar { position: relative; height: 100%; } + .comp-bar .percent { position: absolute; top: 10px; left: 0; width: 50px; height: 100%; font-size: 20px; text-align: center; } + .comp-bar .bar { position: absolute; top: 10px; left: 60px; right: 10px; height: 14px; background-color: #ECECEC; } + .comp-bar .tick-holder { position: relative; height: 100%; } + .comp-bar .tick { position: absolute; top: 0; bottom: 0; border-right: 1px solid white; color: white; text-align: center; } + .comp-bar .color { position: absolute; top: 0; left: 0; bottom: 0; } -.comp-bar .desc { position: absolute; top: 30px; left: 60px; right: 10px; height: 14px; color: rgba(68, 82, 101, .5); font-size: 12px } + +.comp-bar .desc { position: absolute; top: 30px; left: 60px; right: 10px; height: 14px; color: rgba(68, 82, 101, 0.5); font-size: 12px; } .comp-push-view .textarea { font-size: 13px; } + .comp-push-view-message { font-size: 13px; background-color: white; padding: 9px; border: 1px solid #DFE3E9; border-radius: 2px; } -.comp-push-error, .comp-push-warn { background-color: #D54043; padding: 9px; font-size: 12px; color: rgba(240, 240, 240, 1); border-radius: 2px; } -.comp-push-error svg, .comp-push-warn svg { margin: -2px 10px -3px 0; } +.comp-push-error,.comp-push-warn { background-color: #D54043; padding: 9px; font-size: 12px; color: rgba(240, 240, 240, 1); border-radius: 2px; } + +.comp-push-error svg,.comp-push-warn svg { margin: -2px 10px -3px 0; } + .comp-push-warn { background-color: #FE8827; } .appmng-push .none { color: #B7B6B6; } + .appmng-push .hint { padding-left: 12px; } .comp-push-box { display: block; position: relative; } + .comp-push-box-cell { display: inline-block; width: 49%; } + .d-table .comp-push-box-cell > input { width: 180px; } + .d-table .comp-push-box-cell > label { margin: 0 0 5px 0; display: inline-block; width: 105px; } + .d-table .comp-push-box-cell:nth-child(2n) > input { margin-left: 12px; } + .d-table .comp-push-box-cell:nth-child(2n) > label { margin-left: 12px; } .comp-credentials input[type=file] { margin-bottom: 12px; } + .comp-credentials a.remove { margin-left: 12px; color: red; text-decoration: underline; font-size: 13px; } + .comp-credentials-edit .existing .comp-credentials-type { float: left; } + .comp-credentials-edit a.icon-button.light { float: none; margin-top: -6px; @@ -1164,6 +1498,7 @@ table.d-table .nothing { opacity: 0.3; } color: #2EB52B; box-shadow: inset 0 0 0 1px #2EB52B; } + .comp-credentials-edit a.icon-button.light[disabled=true] { color: #D0D0D0; box-shadow: inset 0 0 0 1px #D0D0D0; @@ -1211,21 +1546,28 @@ table.d-table .nothing { opacity: 0.3; } } .comp-enableable .comp-push-extras { border: none; } + .comp-enableable .comp-push-extras .comp-push-extra { border: 1px solid #DFE3E9; margin-bottom: 10px; } + .comp-enableable .comp-push-extras .comp-push-extra:last-child { border: 1px solid #DFE3E9; margin-bottom: 0; } -.comp-push .mime { display: table; color: #333; opacity: .6; font-size: 13px; margin: 4px 0 18px; } +.comp-push .mime { display: table; color: #333; opacity: 0.6; font-size: 13px; margin: 4px 0 18px; } + .comp-push .mime > * { display: table-cell; width: 1%; } + .comp-push .mime-size { text-align: right; } + .comp-push .mime-type svg { float: right; margin-bottom: -4px; } -.comp-push .mime +.mime { margin-top: -18px; } -.android-warn { float: right; color: #333; opacity: .6; font-size: 13px; } + +.comp-push .mime + .mime { margin-top: -18px; } + +.android-warn { float: right; color: #333; opacity: 0.6; font-size: 13px; } + .android-warn svg { margin-bottom: -3px; margin-right: 4px; } -.comp-push input[type="number"]::-webkit-inner-spin-button, -.comp-push input[type="number"]::-webkit-outer-spin-button { - -webkit-appearance:none; - margin:0; +.comp-push input[type="number"]::-webkit-inner-spin-button,.comp-push input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; } #emoji-picker { @@ -1235,449 +1577,524 @@ table.d-table .nothing { opacity: 0.3; } /* ---------------------------------- EmojiPicker ---------------------------------------------- */ #emoji-picker { - position: absolute; - display: block; - border-radius: 5px; - background: #FFFFFF; - -webkit-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.75); - -moz-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.75); - box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.75); - max-width: 300px; - z-index: 99999; - color: #000000; } - -#emoji-picker:after { - position: absolute; - display: block; - content: ""; } - -#emoji-picker.TooltipLeft:after { - left: -7px; - right: auto; - height: 14px; - width: 14px; - top: calc(50% - 7px); - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - background: #FFFFFF; - -webkit-box-shadow: -2px -1px 2px -2px rgba(50, 50, 50, 0.4); - -moz-box-shadow: -2px -1px 2px -2px rgba(50, 50, 50, 0.4); - box-shadow: -2px -1px 2px -2px rgba(50, 50, 50, 0.4); } - -#emoji-picker.TooltipRight:after { - right: -7px; - left: auto; - height: 14px; - width: 14px; - top: calc(50% - 7px); - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - background: #FFFFFF; - -webkit-box-shadow: 2px -1px 2px -2px rgba(50, 50, 50, 0.4); - -moz-box-shadow: 2px -1px 2px -2px rgba(50, 50, 50, 0.4); - box-shadow: 2px -1px 2px -2px rgba(50, 50, 50, 0.4); } - -#emoji-picker.TooltipAbove:after { - bottom: -7px; - top: auto; - height: 14px; - width: 14px; - left: calc(50% - 7px); - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - background: #F5F5F5; - -webkit-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); - -moz-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); - box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); } - -#emoji-picker.TooltipBelow:after { - top: -7px; - bottom: auto; - height: 14px; - width: 14px; - left: calc(50% - 7px); - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - background: #F5F5F5; - -webkit-box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); - -moz-box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); - box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); } - -#emoji-picker.autoplace:after { - background: #F5F5F5; } - -#emoji-picker.TooltipLeft.TooltipAbove.autoplace:after, .TooltipRight.TooltipAbove.autoplace:after { - bottom: -7px; - top: auto; - border: none; - -webkit-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); - -moz-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); - box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); } - -#emoji-picker.TooltipLeft.TooltipAbove.autoplace:after { - left: 30px; - right: auto; } - -#emoji-picker.TooltipRight.TooltipAbove.autoplace:after { - right: 30px; - left: auto; } - -#emoji-picker.TooltipLeft.TooltipBelow.autoplace:after, .TooltipRight.TooltipBelow.autoplace:after { - top: -7px; - bottom: auto; - border: none; - -webkit-box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); - -moz-box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); - box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); } - -#emoji-picker.TooltipLeft.TooltipBelow.autoplace:after { - left: 30px; - right: auto; } - -#emoji-picker.TooltipRight.TooltipBelow.autoplace:after { - right: 30px; - left: auto; } + position: absolute; + display: block; + border-radius: 5px; + background: #FFF; + -webkit-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.75); + -moz-box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.75); + box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.75); + max-width: 300px; + z-index: 99999; + color: #000; +} + +#emoji-picker::after { + position: absolute; + display: block; + content: ""; +} + +#emoji-picker.TooltipLeft::after { + left: -7px; + right: auto; + height: 14px; + width: 14px; + top: calc(50% - 7px); + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + background: #FFF; + -webkit-box-shadow: -2px -1px 2px -2px rgba(50, 50, 50, 0.4); + -moz-box-shadow: -2px -1px 2px -2px rgba(50, 50, 50, 0.4); + box-shadow: -2px -1px 2px -2px rgba(50, 50, 50, 0.4); +} + +#emoji-picker.TooltipRight::after { + right: -7px; + left: auto; + height: 14px; + width: 14px; + top: calc(50% - 7px); + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + background: #FFF; + -webkit-box-shadow: 2px -1px 2px -2px rgba(50, 50, 50, 0.4); + -moz-box-shadow: 2px -1px 2px -2px rgba(50, 50, 50, 0.4); + box-shadow: 2px -1px 2px -2px rgba(50, 50, 50, 0.4); +} + +#emoji-picker.TooltipAbove::after { + bottom: -7px; + top: auto; + height: 14px; + width: 14px; + left: calc(50% - 7px); + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + background: #F5F5F5; + -webkit-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); + -moz-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); + box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); +} + +#emoji-picker.TooltipBelow::after { + top: -7px; + bottom: auto; + height: 14px; + width: 14px; + left: calc(50% - 7px); + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + background: #F5F5F5; + -webkit-box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); + -moz-box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); + box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); +} + +#emoji-picker.autoplace::after { + background: #F5F5F5; +} + +#emoji-picker.TooltipLeft.TooltipAbove.autoplace::after,.TooltipRight.TooltipAbove.autoplace::after { + bottom: -7px; + top: auto; + border: none; + -webkit-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); + -moz-box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); + box-shadow: 2px 2px 2px 0 rgba(50, 50, 50, 0.3); +} + +#emoji-picker.TooltipLeft.TooltipAbove.autoplace::after { + left: 30px; + right: auto; +} + +#emoji-picker.TooltipRight.TooltipAbove.autoplace::after { + right: 30px; + left: auto; +} + +#emoji-picker.TooltipLeft.TooltipBelow.autoplace::after,.TooltipRight.TooltipBelow.autoplace::after { + top: -7px; + bottom: auto; + border: none; + -webkit-box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); + -moz-box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); + box-shadow: -1px -1px 2px -1px rgba(50, 50, 50, 0.4); +} + +#emoji-picker.TooltipLeft.TooltipBelow.autoplace::after { + left: 30px; + right: auto; +} + +#emoji-picker.TooltipRight.TooltipBelow.autoplace::after { + right: 30px; + left: auto; +} .emoji-section { - position: relative; - display: block; } + position: relative; + display: block; +} #emoji-picker > .emoji-header { - height: 30px; - -webkit-border-top-left-radius: 5px; - -webkit-border-top-right-radius: 5px; - -moz-border-radius-topleft: 5px; - -moz-border-radius-topright: 5px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - background: #F5F5F5; - display: table; - table-layout: fixed; - width: 100%; - border-bottom: 1px solid #E0E0E0; - z-index: 1; } + height: 30px; + -webkit-border-top-left-radius: 5px; + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + background: #F5F5F5; + display: table; + table-layout: fixed; + width: 100%; + border-bottom: 1px solid #E0E0E0; + z-index: 1; +} .emoji-header > .select-category { - position: relative; - display: table-cell; - vertical-align: top; - line-height: 30px; - height: 30px; - text-align: center; - color: #555459; } + position: relative; + display: table-cell; + vertical-align: top; + line-height: 30px; + height: 30px; + text-align: center; + color: #555459; +} .select-category:hover { - cursor: pointer; } - -.select-category:after, .select-category.active:after { - position: absolute; - display: block; - content: ""; - visibility: hidden; - height: 0; - opacity: 0.5; - width: 100%; - background: #4DB6AC; - margin-top: -3px; - z-index: 10; - -webkit-transition: height 0.2s ease, opacity 0.2s ease; - -moz-transition: height 0.2s ease, opacity 0.2s ease; - -ms-transition: height 0.2s ease, opacity 0.2s ease; - -o-transition: height 0.2s ease, opacity 0.2s ease; - transition: height 0.2s ease, opacity 0.2s ease; } - -.select-category:hover:after, .select-category.active:after { - height: 3px; - opacity: 1.0; - visibility: visible; } + cursor: pointer; +} + +.select-category::after,.select-category.active::after { + position: absolute; + display: block; + content: ""; + visibility: hidden; + height: 0; + opacity: 0.5; + width: 100%; + background: #4DB6AC; + margin-top: -3px; + z-index: 10; + -webkit-transition: height 0.2s ease, opacity 0.2s ease; + -moz-transition: height 0.2s ease, opacity 0.2s ease; + -ms-transition: height 0.2s ease, opacity 0.2s ease; + -o-transition: height 0.2s ease, opacity 0.2s ease; + transition: height 0.2s ease, opacity 0.2s ease; +} + +.select-category:hover::after,.select-category.active::after { + height: 3px; + opacity: 1; + visibility: visible; +} .emoji-search { - height: 30px; } + height: 30px; +} .emoji-search > .search-wrapper { - height: 24px; - width: 90%; - margin: 5px auto; - color: #000000; - border: 1px solid #E0E0E0; - -webkit-border-radius: 20px; - -moz-border-radius: 20px; - border-radius: 20px; } + height: 24px; + width: 90%; + margin: 5px auto; + color: #000; + border: 1px solid #E0E0E0; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; +} .search-section { - position: relative; - display: inline-block; - vertical-align: middle; - height: 100%; - line-height: 24px; } + position: relative; + display: inline-block; + vertical-align: middle; + height: 100%; + line-height: 24px; +} .search-section.centered { - text-align: center; - width: 10%; } + text-align: center; + width: 10%; +} .search-section > i { - color: #555459; - font-size: 0.8em; } + color: #555459; + font-size: 0.8em; +} .search-section.input { - width: 85%; } + width: 85%; +} .search-emojis { - width: 100%; - height: 85%; - font-size: 13px; - color: #555459; - display: block; - position: relative; - outline: none; - border: none; - margin-top: 1px; } + width: 100%; + height: 85%; + font-size: 13px; + color: #555459; + display: block; + position: relative; + outline: none; + border: none; + margin-top: 1px; +} .search-emojis::-webkit-input-placeholder { - /* Chrome/Opera/Safari */ - color: #555459; } + /* Chrome/Opera/Safari */ + color: #555459; +} .search-emojis::-moz-placeholder { - /* Firefox 19+ */ - color: #555459; } + /* Firefox 19+ */ + color: #555459; +} .search-emojis:-ms-input-placeholder { - /* IE 10+ */ - color: #555459; } + /* IE 10+ */ + color: #555459; +} .search-emojis:-moz-placeholder { - /* Firefox 18- */ - color: #555459; } + /* Firefox 18- */ + color: #555459; +} .emoji-title-overlay { - height: 22px; - background: #FFFFFF; - opacity: 0.95; - position: absolute; - display: block; - width: 100%; - z-index: 3; } + height: 22px; + background: #FFF; + opacity: 0.95; + position: absolute; + display: block; + width: 100%; + z-index: 3; +} .emoji-title-overlay > #active-title { - line-height: 20px; - margin-left: 10px; } + line-height: 20px; + margin-left: 10px; +} .emoji-content { - height: 200px; - width: 300px; - background: #FFFFFF; - overflow-y: auto; } + height: 200px; + width: 300px; + background: #FFF; + overflow-y: auto; +} .emoji-footer { - height: 70px; - background: #F5F5F5; - -webkit-border-bottom-right-radius: 5px; - -webkit-border-bottom-left-radius: 5px; - -moz-border-radius-bottomright: 5px; - -moz-border-radius-bottomleft: 5px; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; - border-top: 1px solid #E0E0E0; } + height: 70px; + background: #F5F5F5; + -webkit-border-bottom-right-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomright: 5px; + -moz-border-radius-bottomleft: 5px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + border-top: 1px solid #E0E0E0; +} .emoji-wrapper { - position: relative; - display: inline-block; - width: calc(100% / 8); } + position: relative; + display: inline-block; + width: calc(100% / 8); +} .emoji-char-wrapper { - position: relative; - display: inline-block; - vertical-align: middle; - padding: 3px; - width: 28px; - font-size: 22px; - text-align: center; - border-radius: 4px; } + position: relative; + display: inline-block; + vertical-align: middle; + padding: 3px; + width: 28px; + font-size: 22px; + text-align: center; + border-radius: 4px; +} .emoji-char-wrapper:hover { - cursor: pointer; } + cursor: pointer; +} .emoji-char-wrapper.blue:hover { - background: #B2DFDB; } + background: #B2DFDB; +} .emoji-char-wrapper.yellow:hover { - background: #FFF9C4; } + background: #FFF9C4; +} .emoji-char-wrapper.green:hover { - background: #C8E6C9; } + background: #C8E6C9; +} .emoji-char-wrapper.orange:hover { - background: #FFE0B2; } + background: #FFE0B2; +} .emoji-char-wrapper.indigo:hover { - background: #C5CAE9; } + background: #C5CAE9; +} .emoji-char-wrapper.pink:hover { - background: #FFCDD2; } + background: #FFCDD2; +} .category-title { - padding: 3px 0; } + padding: 3px 0; +} .category-title.inactive { - display: none; } + display: none; +} .category-wrapper.first .inactive { - display: block; - visibility: hidden; } + display: block; + visibility: hidden; +} .category-title > span { - margin-left: 10px; } + margin-left: 10px; +} .category-content { - padding: 0 5px 0 5px; } + padding: 0 5px 0 5px; +} .default-content { - position: absolute; - display: block; - text-align: center; - width: 100%; - height: 30px; - margin: 20px 0 20px 0; - font-weight: bold; - font-size: 13px; } + position: absolute; + display: block; + text-align: center; + width: 100%; + height: 30px; + margin: 20px 0 20px 0; + font-weight: bold; + font-size: 13px; +} .default-content > span { - color: #777 !important; - line-height: 30px; - font-weight: normal; + color: #777 !important; + line-height: 30px; + font-weight: normal; } .emoji-preview { - position: absolute; - display: block; - height: 100%; - left: 10px; - width: 50%; } + position: absolute; + display: block; + height: 100%; + left: 10px; + width: 50%; +} .preview-section { - position: relative; - display: inline-block; - height: 100%; - vertical-align: middle; - width: 50%; } + position: relative; + display: inline-block; + height: 100%; + vertical-align: middle; + width: 50%; +} #emoji-large-preview { - font-size: 32px; - max-height: 36px; - max-width: 36px; - text-align: center; } + font-size: 32px; + max-height: 36px; + max-width: 36px; + text-align: center; +} -#emoji-name, #colon-display { - position: relative; - display: block; - font-size: 12px; - white-space: nowrap; } +#emoji-name,#colon-display { + position: relative; + display: block; + font-size: 12px; + white-space: nowrap; +} #emoji-name { - margin: 20px 0 3px 5px; } + margin: 20px 0 3px 5px; +} #emoji-name.name-only { - margin-top: 28px; } + margin-top: 28px; +} #colon-display { - margin-left: 5px; } + margin-left: 5px; +} span.emoji-outer.emoji-sizer { - width: 22px; - height: 22px; - pointer-events: none; } + width: 22px; + height: 22px; + pointer-events: none; +} span.emoji-sizer { - font-size: 1em; - line-height: .81em; } + font-size: 1em; + line-height: 0.81em; +} span.emoji-outer { - display: -moz-inline-box; - display: inline-block; - width: 22px; - height: 22px; - margin-top: -2px; - vertical-align: middle; - *display: inline; } + display: -moz-inline-box; + display: inline-block; + width: 22px; + height: 22px; + margin-top: -2px; + vertical-align: middle; + *display: inline; +} span.emoji-inner { - display: -moz-inline-box; - display: inline-block; - width: 100%; - height: 100%; - vertical-align: baseline; - text-indent: -9999px; - zoom: 1; } + display: -moz-inline-box; + display: inline-block; + width: 100%; + height: 100%; + vertical-align: baseline; + text-indent: -9999px; + zoom: 1; +} #emoji-large-preview span.emoji-outer.emoji-sizer { - width: 40px; - height: 40px; } + width: 40px; + height: 40px; +} .icon-tooltip { - position: absolute; - display: block; - background-color: #FFFFFF; - /*#B0BEC5;*/ - color: #000000; - border: 1px solid #4DB6AC; - height: auto; - width: auto; - padding: 5px; - overflow: visible; - text-align: center; - border-radius: 5px; - -webkit-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.4); - -moz-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.4); - box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.4); - z-index: 2; } - -.slider-close{ + position: absolute; + display: block; + background-color: #FFF; + + /* #B0BEC5; */ + color: #000; + border: 1px solid #4DB6AC; + height: auto; + width: auto; + padding: 5px; + overflow: visible; + text-align: center; + border-radius: 5px; + -webkit-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.4); + -moz-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.4); + box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.4); + z-index: 2; +} + +.slider-close { position: absolute; right: 30px; top: 9px; font-size: 45px; - color: #9c9c9c; + color: #9C9C9C; transition: color 1s; cursor: pointer; } -.slider-close:hover{ - color:#333; transition:color 1s; + +.slider-close:hover { + color: #333; + transition: color 1s; } + .comp-slider .comp-slider-footer { - background-color: #fff; + background-color: #FFF; border-top: 1px solid #ECECED; padding: 20px 10px; height: 35px; } -.comp-tabs-tabs { border-width: 1px 0 0 0; background-color: #fff; border-color: #F9F9F9; padding: 10px 20px 0px 20px; } + +.comp-tabs-tabs { border-width: 1px 0 0 0; background-color: #FFF; border-color: #F9F9F9; padding: 10px 20px 0 20px; } + .comp-push > div > .comp-tabs-tabs { width: auto; } -.comp-tabs-tab { border-width: 0; padding-right: 10px} + +.comp-tabs-tab { border-width: 0; padding-right: 10px; } + .comp-push-tab.active { border-bottom: 2px solid #2EB52B; } -.comp-panel{ +.comp-panel { width: 500px; - margin: 50px auto 0px auto; + margin: 50px auto 0 auto; margin-bottom: 100px; } -.comp-panel label{ + +.comp-panel label { font-size: 12px; color: #636363; margin-bottom: 8px; } -.comp-panel .block-label { + +.comp-panel .block-label { display: block; } -.comp-panel .comp-select select{ - font-family: Ubuntu,Helvetica,sans-serif; + +.comp-panel .comp-select select { + font-family: Ubuntu, Helvetica, sans-serif; } -.comp-panel .form-group{ + +.comp-panel .form-group { margin-bottom: 20px; } + .comp-panel .check-box label { cursor: pointer; - margin-left: 0px !important; + margin-left: 0 !important; } .comp-slider .btn-next { @@ -1687,70 +2104,78 @@ span.emoji-inner { padding: 12px; margin-right: 20px; } -.comp-slider .btn-prev{ + +.comp-slider .btn-prev { float: right; color: #767676; background-color: transparent; font-size: 15px; padding: 12px; } + .comp-slider .btn-prev:hover { - color: #333333; + color: #333; } -.comp-radio-option{ + +.comp-radio-option { display: flex; - justify-content:space-between; - padding: 0px; + justify-content: space-between; + padding: 0; } + .comp-radio-option > div { line-height: 0; padding: 8px; } - -.comp-radio-option > .date-container, .comp-radio-option > .date-time-container { +.comp-radio-option > .date-container,.comp-radio-option > .date-time-container { width: 224px; - border-left : 1px solid #C5C5C5; + border-left: 1px solid #C5C5C5; } .comp-radio-option > div > input { - margin: 0px !important; + margin: 0 !important; margin-right: 8px !important; } -.comp-radio-option > div > input[type="number"]{ - margin: 0px !important; - padding: 0px !important; + +.comp-radio-option > div > input[type="number"] { + margin: 0 !important; + padding: 0 !important; } + .comp-radio-option > div > label { cursor: pointer; - margin-bottom: 0px; + margin-bottom: 0; } + .comp-radio-option > div > span { - margin: 0px; + margin: 0; display: block; margin-top: 8px; } -.comp-radio-option > div > .comp-datepicker, .comp-grid-cell > .comp-datepicker{ +.comp-radio-option > div > .comp-datepicker,.comp-grid-cell > .comp-datepicker { width: auto; - margin: 0px; - border-width: 0px; + margin: 0; + border-width: 0; background-color: transparent; } - -.comp-grid{ - background-color:#ffffff; +.comp-grid { + background-color: #FFF; border: 1px solid #C5C5C5; border-radius: 2px; } -.comp-grid-row{ + +.comp-grid-row { display: flex; border-bottom: 1px solid #C5C5C5; } -.comp-grid-row:last-child{ - border-bottom-width: 0px; + +.comp-grid-row:last-child { + border-bottom-width: 0; } + .comp-grid-cell { padding: 8px; font-size: 12px; @@ -1758,23 +2183,26 @@ span.emoji-inner { line-height: 16px; flex-grow: 1; } + .comp-grid-cell > .check-box > input[type="checkbox"] { - margin: 0px; + margin: 0; margin-right: 8px; } -.comp-grid-cell > input[type="number"], .comp-grid-cell > input[type="text"]{ + +.comp-grid-cell > input[type="number"],.comp-grid-cell > input[type="text"] { width: 100%; - border-width: 0px; + border-width: 0; padding: 8px; box-sizing: border-box; color: #636363; font-size: 14px; - } -.comp-grid-cell > .cly-select { border-width: 0px; } + +.comp-grid-cell > .cly-select { border-width: 0; } + .comp-grid-cell > .cly-select.time-select { width: 100%; background-color: transparent; } -.comp-grid-cell *:focus, .comp-grid-cell input:focus, .comp-grid-cell select:focus { +.comp-grid-cell *:focus,.comp-grid-cell input:focus,.comp-grid-cell select:focus { outline: none; } @@ -1782,34 +2210,45 @@ span.emoji-inner { width: 180px; max-width: 180px; box-sizing: border-box; - margin-left:auto; + margin-left: auto; border-left: 1px solid #C5C5C5; } + .comp-summary .comp-grid-cell { - font-size:12px; + font-size: 12px; } + .comp-summary .comp-grid-cell:last-child { width: 380px; } -.widget-header .cly-select { background-color: #ECECEC; position:relative; } + +.widget-header .cly-select { background-color: #ECECEC; position: relative; } .comp-push .comp-singleselect { width: 100%; } + .comp-singleselect.cly-select { height: 33px; } + .comp-singleselect.cly-select .text { padding: 9px 8px 8px; font-size: 12px; } + .comp-singleselect.cly-select .text i { font-size: 15px; margin-right: 5px; } + .comp-singleselect.cly-select .text > * { display: inline-block; vertical-align: middle; } -.comp-singleselect.cly-select .right{ line-height: 33px; } + +.comp-singleselect.cly-select .right { line-height: 33px; } .final-footer { display: flex; } -.final-footer > div:first-child { flex : 1; padding: 14px; font-size: 13px; line-height: 20px;} -.final-footer > div:last-child { width: 250px; margin-top: 16px} + +.final-footer > div:first-child { flex: 1; padding: 14px; font-size: 13px; line-height: 20px; } + +.final-footer > div:last-child { width: 250px; margin-top: 16px; } + .final-footer > div > div { line-height: 44px; } -.push-group{ +.push-group { padding-right: 30px; } -.push-group::before{ +.push-group::before { color: #FFF; font-family: 'Ionicons'; content: "\f123"; @@ -1817,20 +2256,22 @@ span.emoji-inner { position: absolute; right: 12px; } + .push-group-menu { - box-shadow: 0 3px 7px rgba(0,0,0,.08); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08); width: 540px; - background-color: #fff; + background-color: #FFF; position: absolute; - right: 0px; + right: 0; top: 47px; - z-index : 100; + z-index: 100; border: 1px solid #D0D0D0; border-radius: 2px; display: flex; padding: 12px; } -.push-group-menu::before{ + +.push-group-menu::before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; @@ -1843,7 +2284,8 @@ span.emoji-inner { pointer-events: none; z-index: 2; } -.push-group-menu::after{ + +.push-group-menu::after { border: 7px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; right: 6px; @@ -1858,7 +2300,7 @@ span.emoji-inner { } .push-group-menu > div { - flex:1; + flex: 1; cursor: pointer; } @@ -1867,20 +2309,23 @@ span.emoji-inner { background-size: 50% 50%; background-position-x: 71px; background-position-y: 9px; - background-image : url('/images/push/one-time.svg') + background-image: url('/images/push/one-time.svg'); } -.push-group-menu .one-time:hover{ - background-image : url('/images/push/one-time-hover.svg') + +.push-group-menu .one-time:hover { + background-image: url('/images/push/one-time-hover.svg'); } + .push-group-menu .auto-push-image { background-repeat: no-repeat; background-size: 50% 50%; background-position-x: 60px; background-position-y: 9px; - background-image : url('/images/push/automated.svg') + background-image: url('/images/push/automated.svg'); } + .push-group-menu .auto-push-image:hover { - background-image : url('/images/push/automated-hover.svg') + background-image: url('/images/push/automated-hover.svg'); } .push-group-menu .title { @@ -1889,12 +2334,14 @@ span.emoji-inner { font-weight: 500; margin-top: 135px; } + .push-group-menu .description { - color: #8e8e8e; - padding: 10px 25px;; + color: #8E8E8E; + padding: 10px 25px; font-size: 13px; line-height: 1.6; } + .push-group-menu .url { color: #2EB52B; text-align: center; @@ -1902,25 +2349,28 @@ span.emoji-inner { margin-bottom: 20px; margin-top: 10px; } + .push-group-menu > .not-available { - background-color: #F9F9F9; + background-color: #F9F9F9; cursor: pointer; } + .push-group-menu > .not-available:hover { - background-color: #F5F5F5; + background-color: #F5F5F5; } .push-group-menu > .not-available .body { - border: 1px solid #ececed; - border-top-width: 0px; - border-radius: 0px 0px 2px 2px; + border: 1px solid #ECECED; + border-top-width: 0; + border-radius: 0 0 2px 2px; padding-top: 110px; } -.push-group-menu > .not-available > .body > .title { - margin-top: 0px; + +.push-group-menu > .not-available > .body > .title { + margin-top: 0; } -.push-group-menu > .not-available > .header { +.push-group-menu > .not-available > .header { background-color: #00C3C4; color: #FFF; padding: 4px; @@ -1928,40 +2378,47 @@ span.emoji-inner { text-transform: uppercase; font-size: 11px; letter-spacing: 1px; - border-width: 1px solid #00C3C4; - border-bottom-width: 0px; - border-radius: 2px 2px 0px 0px; + border-width: 1px solid #00C3C4; + border-bottom-width: 0; + border-radius: 2px 2px 0 0; } + .ee-menu { - padding: 0px; + padding: 0; } + .ee-menu > div:hover { - background-color: #F9F9F9; + background-color: #F9F9F9; } -.ee-menu .one-time{ + +.ee-menu .one-time { background-position-x: 65px; } + .ee-menu .description { padding-bottom: 40px; } -.gray-tooltip{ - background-color: #ccc !important; + +.gray-tooltip { + background-color: #CCC !important; color: #333 !important; text-align: left; } .comp-slider-content::-webkit-scrollbar-thumb { - border-radius: 5px; - background-color: rgba(0,0,0,.5); - -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .push-overview .widget-content { border-top-width: 1px; } + .push-overview .widget-content .chart { - margin-top: 0px; + margin-top: 0; } + .tab-buttons { background-color: #FFF; display: flex; @@ -1974,29 +2431,34 @@ span.emoji-inner { text-align: center; padding: 13px; font-size: 12px; - color: #6b6b6b; + color: #6B6B6B; text-transform: uppercase; - border : 1px solid #D0D0D0; + border: 1px solid #D0D0D0; box-sizing: border-box; } + .tab-buttons div:first-child { - border-right-width : 0px; + border-right-width: 0; } .tab-buttons div.active { - background-color: #fff; - border-bottom-width: 0px; + background-color: #FFF; + border-bottom-width: 0; } -.message-table-container table tr td:last-child{ + +.message-table-container table tr td:last-child { width: 100px; } + .view-message-slider { margin: 30px; } -.view-message-slider h3, .view-message-slider h4 { + +.view-message-slider h3,.view-message-slider h4 { font-weight: normal; color: #636363; } + .view-message-slider h3 { display: flex; justify-content: space-between; @@ -2007,45 +2469,70 @@ span.emoji-inner { display: flex; align-items: center; } + .view-message-slider h3 .status svg { margin-right: 6px; } + .message-chart-container { - background-color: #fff; + background-color: #FFF; padding: 20px; } -.big-numbers:last-child:after{ + +.big-numbers:last-child::after { background-color: transparent !important; } .comp-delay { display: table; table-layout: fixed; } + .comp-delay > * { display: table-cell; width: 25%; } + .comp-delay.single > input { width: 95%; padding: 0; margin: 0; } + .comp-delay.single > label { width: 5%; } + .comp-delay > input { min-width: 40px; border: none; outline: none; } + .comp-delay > label { text-align: right; } + .comp-delay > label.comp-delay-days { text-align: center; } + .comp-delay > input { text-align: right; } .comp-checkbox input[type="checkbox"] { margin: 0; } + .comp-checkbox input[type="checkbox"] + label { margin: 0 0 0 10px; vertical-align: bottom; } + .comp-checkbox > .comp-view { position: relative; } + +/* // .comp-checkbox > .comp-view > i { position: absolute; top: 9px; left: 8px; font-size: 14px; z-index: 2; } // .comp-checkbox > .comp-view > i.ion-chevron-down { top: 7px; right: 8px; left: auto; } // .comp-checkbox > .comp-view > i.ion-chevron-down:before { font-size: 9px; } +*/ + .comp-checkbox .time-select .cly-select .select-items-component .item { text-align: right; padding-right: 25px; } + .comp-checkbox .time-select .cly-select .default-text { text-align: right; } -.comp-grid.comp-unpadded .comp-grid-cell:last-child{ padding: 0; height: 33px; } + +.comp-grid.comp-unpadded .comp-grid-cell:last-child { padding: 0; height: 33px; } + .comp-grid.comp-unpadded .comp-grid-cell:last-child .comp-datepicker { padding: 8px; } .comp-push .cly-multi-select .text { padding: 4px 6px; } + .comp-push .cly-multi-select .text .default-text { padding: 5px 3px; } -// .comp-push .cly-multi-select .selection { margin-top: 0; margin-bottom: 0; } + +/* // .comp-push .cly-multi-select .selection { margin-top: 0; margin-bottom: 0; } */ + .comp-push .desc .warn { margin-left: 5px; } .comp-push .big-numbers-v2 { padding-top: 0; } + .comp-push .big-numbers-v2 .big-numbers .inner { padding-top: 0; height: 60px; } + .comp-push .big-numbers-v2 .big-numbers .inner .number { display: inline-block; font-size: 20px; padding-left: 16px; } + .comp-push .big-numbers-v2 .big-numbers .inner .select { vertical-align: middle; padding-bottom: 10px; } .mgmt-plugins-row .fa.fa-check-circle { @@ -2059,5 +2546,5 @@ span.emoji-inner { .routename-messagingDashboardView .widget-content { position: relative; - border-bottom-width: 0px; + border-bottom-width: 0; } diff --git a/plugins/reports/frontend/public/stylesheets/main.css b/plugins/reports/frontend/public/stylesheets/main.css index d81c3fffeef..e403628684f 100644 --- a/plugins/reports/frontend/public/stylesheets/main.css +++ b/plugins/reports/frontend/public/stylesheets/main.css @@ -1,60 +1,84 @@ -.reports-dow{display: none;} -.reports-table .user-details .row {overflow: visible;} -.reports-timezone{width: 300px;} -.reports-timezone .select-items{width: 300px;} -#reports-table tr td>div { position:relative; } -.reports-table {margin-top: -16px;} -.reports-table .dataTable-top {border-radius: 0;} -.user-details.create-report-row { padding-bottom:45px; box-shadow:inset 2px 0 0 -1px #DDD, inset -2px 0 0 -1px #DDD, inset 0 2px 0 -1px #DDD; position:relative; font-size: 12px; font-weight: normal; color: #6B6B6B; margin-bottom: -15px; } +.reports-dow { display: none; } + +.reports-table .user-details .row { overflow: visible; } + +.reports-timezone { width: 300px; } + +.reports-timezone .select-items { width: 300px; } + +#reports-table tr td > div { position: relative; } + +.reports-table { margin-top: -16px; } + +.reports-table .dataTable-top { border-radius: 0; } + +.user-details.create-report-row { padding-bottom: 45px; box-shadow: inset 2px 0 0 -1px #DDD, inset -2px 0 0 -1px #DDD, inset 0 2px 0 -1px #DDD; position: relative; font-size: 12px; font-weight: normal; color: #6B6B6B; margin-bottom: -15px; } + .reports-table td { font-family: Ubuntu; line-height: 16px; } -.reports-table td.details { padding:0; } -#reports-table .user-details .select-apps { margin-top: -1px; } +.reports-table td.details { padding: 0; } +#reports-table .user-details .select-apps { margin-top: -1px; } +#reports-widget-drawer { width: 450px; transform: translateX(450px); } -#reports-widget-drawer { width:450px; transform: translateX(450px); } -#reports-widget-drawer .title {z-index:100; } +#reports-widget-drawer .title { z-index: 100; } #reports-widget-drawer.open { transform: translateX(0); } #reports-widget-drawer #reports-widget-drawer-edit-title { display: none; } + #reports-widget-drawer #reports-save-widget { display: none; } + #reports-widget-drawer #reports-widget-drawer-create-title { display: block; } + #reports-widget-drawer #reports-create-widget { display: block; } #reports-widget-drawer.editing #reports-widget-drawer-create-title { display: none; } + #reports-widget-drawer.editing #reports-widget-drawer-edit-title { display: block; } + #reports-widget-drawer.editing #reports-create-widget { display: none; } + #reports-widget-drawer.editing #reports-save-widget { display: block; } - #reports-table .options-item .edit { display: block; right: 10px; top: 0; font-size: 17px; cursor: pointer; color: #a7a7a7; padding: 7px 10px; line-height: 15px; background-color: rgba(255,255,255,0.03); transition: background-color 1s; } - #reports-table .options-item .edit:before { font-size:20px; font-family: 'Ionicons'; content: "\f396"; } - #reports-table .options-item .edit:hover { color: #6B6B6B; background-color: rgba(255,255,255,0.06); transition: background-color 1s; } - #reports-table .options-item :hover .edit { display: block; } - #reports-table .options-item .edit-menu { +#reports-table .options-item .edit { display: block; right: 10px; top: 0; font-size: 17px; cursor: pointer; color: #A7A7A7; padding: 7px 10px; line-height: 15px; background-color: rgba(255, 255, 255, 0.03); transition: background-color 1s; } + +#reports-table .options-item .edit::before { font-size: 20px; font-family: 'Ionicons'; content: "\f396"; } + +#reports-table .options-item .edit:hover { color: #6B6B6B; background-color: rgba(255, 255, 255, 0.06); transition: background-color 1s; } + +#reports-table .options-item :hover .edit { display: block; } + +#reports-table .options-item .edit-menu { margin: -6px -95px; display: none; - float:left; + float: left; z-index: 10; - position:absolute; + position: absolute; font-size: 13px; white-space: nowrap; - background-color: #fff; + background-color: #FFF; border-radius: 2px; width: 121px; - padding:10px 0 10px 0; - border: 1px solid #d0d0d0; + padding: 10px 0 10px 0; + border: 1px solid #D0D0D0; } - #reports-table .options-item .edit-menu .item { + +#reports-table .options-item .edit-menu .item { cursor: pointer; padding: 8px 20px; font-size: 24px; white-space: nowrap; - cursor:pointer; font-size: 13px; white-space: nowrap; color:#474747; } - #reports-table .options-item .edit-menu .item:hover { background-color: #f3f3f3; } + cursor: pointer; + font-size: 13px; + white-space: nowrap; + color: #474747; +} + +#reports-table .options-item .edit-menu .item:hover { background-color: #F3F3F3; } - #reports-table .options-item .edit-menu:before { +#reports-table .options-item .edit-menu::before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; @@ -67,9 +91,9 @@ z-index: 2; } - #reports-table .options-item .edit-menu:after { +#reports-table .options-item .edit-menu::after { border: 5px solid rgba(194, 225, 245, 0); - border-bottom-color: #d0d0d0; + border-bottom-color: #D0D0D0; right: 6px; top: -10px; content: " "; @@ -86,69 +110,80 @@ /* #reports-table th:nth-child(1) { width:15%; } */ -#reports-table th:nth-child(2) { - width:10%; + +#reports-table th:nth-child(2) { + width: 10%; } + /* #reports-table th:nth-child(3) { width:10%; } #reports-table th:nth-child(4) { widows:15%; } */ -#reports-table th:nth-child(5) { - width:12%; + +#reports-table th:nth-child(5) { + width: 12%; } + /* #reports-table th:nth-child(6) { width:10%; } #reports-table th:nth-child(7) { width:20%; } */ -#reports-table th:nth-last-child(1) { + +#reports-table th:nth-last-child(1) { width: 5%; } -.data-saver-bar{ - width:100%; - height:60px; +.data-saver-bar { + width: 100%; + height: 60px; bottom: 0; right: 0; position: fixed; z-index: 10000; - margin-left:250px; + margin-left: 250px; background-color: white; - box-shadow: 0px 0px 1px #807777; + box-shadow: 0 0 1px #807777; } + .data-save-bar-remind { - float:left; + float: left; margin-left: 30px; color: gray; margin-top: 20px; } -.data-saver-bar-hide{ - display:none + +.data-saver-bar-hide { + display: none; } .save-button-wrapper { margin-left: 350px; - } +} .data-saver-button { - float:right; - margin-right:25px; + float: right; + margin-right: 25px; margin-top: 18px; } + .data-saver-cancel-button { float: right; margin-right: 5px; color: gray; margin-top: 18px; } -.metrics-checkbox-line span { color: #636363;} -.include-metrics{display: block; width: 100%; } -.metrics-checkbox-line{display:inline; float: left; margin-left: 0px; margin-top: 10px;} -.metrics-checkbox-inline{display:inline; float: left; font-size:12px;} +.metrics-checkbox-line span { color: #636363; } + +.include-metrics { display: block; width: 100%; } + +.metrics-checkbox-line { display: inline; float: left; margin-left: 0; margin-top: 10px; } + +.metrics-checkbox-inline { display: inline; float: left; font-size: 12px; } .metrics-checkbox-line .container { display: block; @@ -171,67 +206,82 @@ cursor: pointer; } -.reports-table td:hover{ - cursor:default !important; +.reports-table td:hover { + cursor: default !important; } - -.metrics-checkbox-line .container input:checked ~ .check-green:before { +.metrics-checkbox-line .container input:checked ~ .check-green::before { content: "\f14a"; - color: #32B630 + color: #32B630; } -#reports-widget-drawer.cly-drawer .details .section .opts { overflow:auto; } -#reports-widget-drawer.cly-drawer .details .section .opts .opt { float:left; box-sizing: border-box; cursor:pointer; user-select: none; } +#reports-widget-drawer.cly-drawer .details .section .opts { overflow: auto; } + +#reports-widget-drawer.cly-drawer .details .section .opts .opt { float: left; box-sizing: border-box; cursor: pointer; user-select: none; } + #reports-widget-drawer.cly-drawer .details .section .opts .opt.disabled { opacity: 0.5; cursor: default; } -#reports-widget-drawer.cly-drawer .details .section .opts .opt .inner { border-radius:2px; background-color: #ececec; border:1px solid #d6d6d6; margin-left: 8px; padding: 10px; text-align: center; color: #6f6f6f; font-size: 12px; } -#reports-widget-drawer.cly-drawer .details .section .opts .opt.selected .inner { background-color: #FFF; border-color: #2eb52b; } + +#reports-widget-drawer.cly-drawer .details .section .opts .opt .inner { border-radius: 2px; background-color: #ECECEC; border: 1px solid #D6D6D6; margin-left: 8px; padding: 10px; text-align: center; color: #6F6F6F; font-size: 12px; } + +#reports-widget-drawer.cly-drawer .details .section .opts .opt.selected .inner { background-color: #FFF; border-color: #2EB52B; } + #reports-widget-drawer.cly-drawer .details .section .opts .opt .inner .icon { width: 35px; height: 35px; display: block; background-position: center; margin: 0 auto; margin-bottom: 5px; } + #reports-widget-drawer.cly-drawer .details .section .opts .opt .inner .icon.core { background-image: url("../images/reports/core-report.svg"); background-repeat: no-repeat; } + #reports-widget-drawer.cly-drawer .details .section #report-types .opts .opt:nth-child(3n+1) .inner { margin-left: 0; } + #reports-widget-drawer.cly-drawer .details .section #report-types .opts .opt:nth-child(n+4) .inner { margin-top: 8px; } + #reports-widget-drawer.cly-drawer .details .section #report-types .opts .opt.cly-grid-3:nth-child(2) { width: 33%; } #reports-widget-drawer.cly-drawer .cly-select { height: 32px; } -#reports-widget-drawer.cly-drawer .cly-select .text { padding:8px 9px; } -#reports-widget-drawer.cly-drawer .cly-select .right.combo:before { top: 2px; } + +#reports-widget-drawer.cly-drawer .cly-select .text { padding: 8px 9px; } + +#reports-widget-drawer.cly-drawer .cly-select .right.combo::before { top: 2px; } #reports-widget-drawer.cly-drawer .selectize-input { padding: 6px 6px 4px 6px !important; box-shadow: none !important; -webkit-box-shadow: none !important; } + #reports-widget-drawer.cly-drawer .selectize-input.focus { box-shadow: none !important; -webkit-box-shadow: none !important; } + #reports-widget-drawer.cly-drawer .selectize-control.multi .selectize-input > div { padding: 3px 22px 3px 10px !important; line-height: 14px !important; } #reports-widget-drawer input::placeholder { - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; } #reports-widget-drawer input::-webkit-input-placeholder { - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; } + #reports-widget-drawer input::-moz-placeholder { - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; } + #reports-widget-drawer input:-ms-input-placeholder { - font: 13px Ubuntu,Helvetica,sans-serif; + font: 13px Ubuntu, Helvetica, sans-serif; } -#reports-widget-drawer input{ - font: 13px Ubuntu,Helvetica,sans-serif; - color: #444 +#reports-widget-drawer input { + font: 13px Ubuntu, Helvetica, sans-serif; + color: #444; } -.edit-menu.reports-menu .fa{ - margin-right: 7px; +.edit-menu.reports-menu .fa { + margin-right: 7px; } -.edit-menu.reports-menu .item{ - padding: 8px 8px; + +.edit-menu.reports-menu .item { + padding: 8px 8px; } diff --git a/plugins/server-stats/frontend/public/stylesheets/main.css b/plugins/server-stats/frontend/public/stylesheets/main.css index 1448a437cad..587cc151edc 100644 --- a/plugins/server-stats/frontend/public/stylesheets/main.css +++ b/plugins/server-stats/frontend/public/stylesheets/main.css @@ -1,8 +1,10 @@ #data-points-table .dataTables_wrapper { margin-top: -16px; } + .widget-dp > .widget-content { border-bottom: none; - padding-top: 30px + padding-top: 30px; } + #dp-punch-card text { cursor: default; } @@ -11,25 +13,28 @@ font-size: 12px; } -#dp-punch-card .dp-punch-card-xlabel, -#dp-punch-card .dp-punch-card-ylabel{ - font-size : 14px; - font-family: Ubuntu,Helvetica,sans-serif; +#dp-punch-card .dp-punch-card-xlabel,#dp-punch-card .dp-punch-card-ylabel { + font-size: 14px; + font-family: Ubuntu, Helvetica, sans-serif; color: #777; } + #dp-punch-card .row { background: #777; } -#dp-punch-card .dp-punch-card-react-hover{ - -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); - -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); - box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); + +#dp-punch-card .dp-punch-card-react-hover { + -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75); + box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75); } -#dp-punch-card .dp-punch-card-chart-title{ + +#dp-punch-card .dp-punch-card-chart-title { text-transform: uppercase; font-size: 14px; - color: #444 + color: #444; } -.widget-dp > .graph-description{ + +.widget-dp > .graph-description { line-height: 17px; -} \ No newline at end of file +} diff --git a/plugins/sources/frontend/public/stylesheets/main.css b/plugins/sources/frontend/public/stylesheets/main.css index d7231c60b52..2d7a3902cee 100644 --- a/plugins/sources/frontend/public/stylesheets/main.css +++ b/plugins/sources/frontend/public/stylesheets/main.css @@ -1,3 +1,5 @@ -.source-table tr{cursor: pointer;} -.source-20{width: 20%;} -.source-40{width: 40%;} \ No newline at end of file +.source-table tr { cursor: pointer; } + +.source-20 { width: 20%; } + +.source-40 { width: 40%; } diff --git a/plugins/star-rating/frontend/public/stylesheets/main.css b/plugins/star-rating/frontend/public/stylesheets/main.css index 2dda9bcbeae..19cb9b7924b 100644 --- a/plugins/star-rating/frontend/public/stylesheets/main.css +++ b/plugins/star-rating/frontend/public/stylesheets/main.css @@ -1,56 +1,61 @@ .routename-star .zoom { left: calc(50% - 51px); top: 15%; - margin: 0px; + margin: 0; position: absolute; z-index: 999; } + .routename-star .widget-content { position: relative; } + .routename-star #dashboard-graph-time { font-family: Oswald; font-size: 14px; margin: 0 30px; } + .routename-star #dashboard-graph-cumulative { font-family: Oswald; font-size: 14px; margin: 0 30px; } + .routename-star .left-m4 { - left: -4px; + left: -4px; } + .routename-star .left-m8 { - left: -8px; + left: -8px; } + .routename-star .tooltip-text { - visibility: hidden; - position: absolute; - top: -25px; - left: -6px; - font-size: 13px; - width: 60px; - background-color: black; - padding: 3px 1px; - border-radius: 4px; - color: white; + visibility: hidden; + position: absolute; + top: -25px; + left: -6px; + font-size: 13px; + width: 60px; + background-color: black; + padding: 3px 1px; + border-radius: 4px; + color: white; } .routename-star .tooltip-wrapper { - position: relative; - text-align: center; + position: relative; + text-align: center; } -.mycolorpicker button{ - float:left; - padding:0; - border-radius:0; - width: 25px; - height:25px; - background:none; - margin-left:-27px; - +.mycolorpicker button { + float: left; + padding: 0; + border-radius: 0; + width: 25px; + height: 25px; + background: none; + margin-left: -27px; } .routename-star .left-m8 { @@ -99,7 +104,7 @@ display: none !important; } -.routename-star .mycolorpicker button:hover, .mycolorpicker button:active { +.routename-star .mycolorpicker button:hover,.mycolorpicker button:active { background-image: none; border: none; } @@ -108,15 +113,17 @@ outline: none; } -.mleft-s > #feedback-sticker-svg, .mright-s > #feedback-sticker-svg, .bright-s > #feedback-sticker-svg, .bleft-s > #feedback-sticker-svg { +.mleft-s > #feedback-sticker-svg,.mright-s > #feedback-sticker-svg,.bright-s > #feedback-sticker-svg,.bleft-s > #feedback-sticker-svg { height: 13px; width: 14px; } -.mleft-m > #feedback-sticker-svg, .mright-m > #feedback-sticker-svg, .bright-m > #feedback-sticker-svg, .bleft-m > #feedback-sticker-svg { + +.mleft-m > #feedback-sticker-svg,.mright-m > #feedback-sticker-svg,.bright-m > #feedback-sticker-svg,.bleft-m > #feedback-sticker-svg { height: 15px; width: 18px; } -.mleft-l > #feedback-sticker-svg, .mright-l > #feedback-sticker-svg, .bright-l > #feedback-sticker-svg, .bleft-l > #feedback-sticker-svg { + +.mleft-l > #feedback-sticker-svg,.mright-l > #feedback-sticker-svg,.bright-l > #feedback-sticker-svg,.bleft-l > #feedback-sticker-svg { height: 18px; width: 20px; } @@ -138,13 +145,13 @@ .routename-star .mycolorpicker input[type="text"] { width: 247px; height: 15px; - border-radius: 0px 2px 2px 0px + border-radius: 0 2px 2px 0; } .ui-colorpicker { - background-color: #fff; + background-color: #FFF; padding: 16px; - box-shadow: 0 3px 7px rgba(0, 0, 0, .08); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08); border: 1px solid #D0D0D0; border-radius: 2px; } @@ -183,10 +190,10 @@ margin-top: 10px !important; } -.ui-colorpicker-buttonset .ui-button .ui-button-text, .ui-button-text-only .ui-button-text { +.ui-colorpicker-buttonset .ui-button .ui-button-text,.ui-button-text-only .ui-button-text { padding: 0; margin: 0; - line-height: 1.0; + line-height: 1; font-weight: normal !important; } @@ -195,7 +202,7 @@ position: relative; } -.ui-widget .ui-colorpicker-hex-alpha, .ui-widget .ui-colorpicker-hex-input, .ui-widget .ui-colorpicker-number { +.ui-widget .ui-colorpicker-hex-alpha,.ui-widget .ui-colorpicker-hex-input,.ui-widget .ui-colorpicker-number { border-radius: 2px; margin: 0 !important; font: 14px Ubuntu, Helvetica, sans-serif; @@ -205,7 +212,7 @@ line-height: normal; line-height: 111%; padding: 5px; - border: 1px solid #d0d0d0; + border: 1px solid #D0D0D0; text-align: center; } @@ -215,7 +222,7 @@ padding-left: 11px; } -.ui-colorpicker-hex p, .ui-colorpicker-rgb div p { +.ui-colorpicker-hex p,.ui-colorpicker-rgb div p { text-align: center; margin: 0; padding: 7px 0 0 0; @@ -230,7 +237,7 @@ height: 256px; width: 20px; border-radius: 2px; - border: 1px solid #d0d0d0; + border: 1px solid #D0D0D0; background-image: url("../images/star-rating/bar-alpha.png"); } @@ -243,7 +250,7 @@ border: none; } -.ui-colorpicker-a .rangeslider .ui-slider-handle, .ui-colorpicker-a .rangeslider .ui-slider-handle:hover { +.ui-colorpicker-a .rangeslider .ui-slider-handle,.ui-colorpicker-a .rangeslider .ui-slider-handle:hover { border: none; width: 17px; height: 20px; @@ -268,8 +275,8 @@ .ui-colorpicker .ui-dialog-buttonset .ui-button { color: #717171; - background-color: #fdfdfd; - box-shadow: inset 0 0 0 1px #dcdcdc; + background-color: #FDFDFD; + box-shadow: inset 0 0 0 1px #DCDCDC; min-height: 14px; cursor: pointer; padding: 7px 12px; @@ -283,14 +290,14 @@ font-weight: 400 !important; } -.ui-colorpicker .ui-dialog-buttonset .ui-colorpicker-ok, .ui-colorpicker .ui-dialog-buttonset .ui-colorpicker-ok:hover, .ui-colorpicker .ui-dialog-buttonset .ui-colorpicker-ok:active { - background-color: #2eb52b !important; - color: #fff; - box-shadow: inset 0 0 0 1px #2eb52b !important; +.ui-colorpicker .ui-dialog-buttonset .ui-colorpicker-ok,.ui-colorpicker .ui-dialog-buttonset .ui-colorpicker-ok:hover,.ui-colorpicker .ui-dialog-buttonset .ui-colorpicker-ok:active { + background-color: #2EB52B !important; + color: #FFF; + box-shadow: inset 0 0 0 1px #2EB52B !important; border: none; } -.ui-colorpicker, .ui-dialog.ui-colorpicker { +.ui-colorpicker,.ui-dialog.ui-colorpicker { width: auto; white-space: nowrap; -webkit-touch-callout: none; @@ -306,18 +313,18 @@ .ui-colorpicker-buttonset { float: left; - margin-left: .4em; + margin-left: 0.4em; } .ui-colorpicker-buttonset .ui-button { - margin: .5em 0 .5em 0; + margin: 0.5em 0 0.5em 0; cursor: pointer; } .ui-colorpicker-buttonpane { background-image: none; - margin: .7em 0 0 0; - padding: 0 .2em; + margin: 0.7em 0 0 0; + padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; @@ -325,9 +332,9 @@ .ui-colorpicker-buttonpane button { float: right; - margin: .5em .2em .4em; + margin: 0.5em 0.2em 0.4em; cursor: pointer; - padding: .2em .6em .3em .6em; + padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } @@ -339,6 +346,7 @@ .ui-colorpicker table { width: 100%; font-size: 100%; + /* Reset browser table font-size */ margin: 0; } @@ -361,18 +369,20 @@ } /* Bar & map */ -.ui-colorpicker-map > *, .ui-colorpicker-bar > * { + +.ui-colorpicker-map > *,.ui-colorpicker-bar > * { position: absolute; cursor: crosshair; } -.ui-colorpicker-map-pointer, .ui-colorpicker-bar-pointer { +.ui-colorpicker-map-pointer,.ui-colorpicker-bar-pointer { position: absolute; left: 0; } /* Map */ -.ui-colorpicker-map, .ui-colorpicker-map > * { + +.ui-colorpicker-map,.ui-colorpicker-map > * { display: block; width: 256px; height: 256px; @@ -384,16 +394,16 @@ border-radius: 2px; } -.ui-colorpicker-map-layer-1, .ui-colorpicker-map-layer-2 { +.ui-colorpicker-map-layer-1,.ui-colorpicker-map-layer-2 { background: url(../images/star-rating/map.png) no-repeat; } -.ui-colorpicker-map-128, .ui-colorpicker-map-128 > * { +.ui-colorpicker-map-128,.ui-colorpicker-map-128 > * { width: 128px; height: 128px; } -.ui-colorpicker-map-128 .ui-colorpicker-map-layer-1, .ui-colorpicker-map-128 .ui-colorpicker-map-layer-2 { +.ui-colorpicker-map-128 .ui-colorpicker-map-layer-1,.ui-colorpicker-map-128 .ui-colorpicker-map-layer-2 { background: url(../images/star-rating/128/map.png) no-repeat; } @@ -410,7 +420,8 @@ } /* Bar */ -.ui-colorpicker-bar, .ui-colorpicker-bar > * { + +.ui-colorpicker-bar,.ui-colorpicker-bar > * { display: block; width: 20px; height: 256px; @@ -423,15 +434,15 @@ border: 1px solid #D0D0D0; } -.ui-colorpicker-bar-128, .ui-colorpicker-bar-128 > * { +.ui-colorpicker-bar-128,.ui-colorpicker-bar-128 > * { height: 128px; } -.ui-colorpicker-bar-layer-1, .ui-colorpicker-bar-layer-2, .ui-colorpicker-bar-layer-3, .ui-colorpicker-bar-layer-4 { +.ui-colorpicker-bar-layer-1,.ui-colorpicker-bar-layer-2,.ui-colorpicker-bar-layer-3,.ui-colorpicker-bar-layer-4 { background: url(../images/star-rating/bar.png) repeat-x; } -.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-1, .ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-2, .ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-3, .ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-4 { +.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-1,.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-2,.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-3,.ui-colorpicker-bar-128 .ui-colorpicker-bar-layer-4 { background: url(../images/star-rating/128/bar.png) repeat-x; } @@ -458,6 +469,7 @@ } /* Preview */ + .ui-colorpicker-preview { text-align: center; height: 20px; @@ -467,13 +479,13 @@ cursor: pointer; } -.ui-colorpicker-preview-initial, .ui-colorpicker-preview-current { +.ui-colorpicker-preview-initial,.ui-colorpicker-preview-current { width: 50px; height: 20px; display: inline-block; } -.ui-colorpicker-preview-initial-alpha, .ui-colorpicker-preview-current-alpha { +.ui-colorpicker-preview-initial-alpha,.ui-colorpicker-preview-current-alpha { width: 50px; height: 20px; display: inline-block; @@ -481,26 +493,29 @@ } /* Inputs */ -.ui-colorpicker-rgb label, .ui-colorpicker-hsv label, .ui-colorpicker-hsl label, .ui-colorpicker-lab label, .ui-colorpicker-cmyk label, .ui-colorpicker-alpha label { + +.ui-colorpicker-rgb label,.ui-colorpicker-hsv label,.ui-colorpicker-hsl label,.ui-colorpicker-lab label,.ui-colorpicker-cmyk label,.ui-colorpicker-alpha label { width: 1.5em; display: inline-block; } .ui-colorpicker-number { - margin: .1em; + margin: 0.1em; width: 4em; } /* Hex */ + .ui-colorpicker-hex { text-align: center; } /* Swatches */ + .ui-colorpicker-swatches { height: 256px; overflow: auto; - background-color: #f8f8f8; + background-color: #F8F8F8; } .ui-colorpicker-swatch { @@ -513,7 +528,7 @@ } .ui-colorpicker-disabled { - opacity: .5; + opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); pointer-events: none; @@ -538,7 +553,7 @@ } .routename-star .star-icon { - color: #fed52d; + color: #FED52D; font-size: 14px; line-height: 11px; vertical-align: middle; @@ -569,10 +584,10 @@ } .routename-star .sticky-header .little-feedback-icon { - top: 0px; + top: 0; } -.routename-star #feedback-ratings-tab, .routename-star #feedback-widgets-tab, .routename-star #feedback-comments-tab { +.routename-star #feedback-ratings-tab,.routename-star #feedback-widgets-tab,.routename-star #feedback-comments-tab { display: none; } @@ -637,11 +652,11 @@ } .routename-star #comments-widget-content { - border: 0px; + border: 0; } -.routename-star #comments-widget-content > #tableThree_wrapper, .routename-star #comments-widget-content > #tableFour_wrapper { - margin: 0px !important; +.routename-star #comments-widget-content > #tableThree_wrapper,.routename-star #comments-widget-content > #tableFour_wrapper { + margin: 0 !important; } .routename-star #create-new-feedback-widget { @@ -659,8 +674,8 @@ transform: translateX(1200px); transition: transform 0.3s; top: 0; - background-color: #f9f9f9; - border-left: 1px solid #d0d0d0; + background-color: #F9F9F9; + border-left: 1px solid #D0D0D0; z-index: 10000; } @@ -694,13 +709,13 @@ .routename-star .feedback-create-side { width: 60%; height: 800px; - background-color: #f9f9f9; + background-color: #F9F9F9; float: left; position: relative; } .routename-star .create-feedback-widget-drawer-detail { - padding: 0px !important; + padding: 0 !important; } .routename-star #create-feedback-widget-drawer { @@ -763,12 +778,12 @@ font-size: 14px; } -.routename-star .feedback-active-step > .feedback-step-title, .routename-star .feedback-active-step > .feedback-step-desc { +.routename-star .feedback-active-step > .feedback-step-title,.routename-star .feedback-active-step > .feedback-step-desc { color: black !important; } .routename-star .feedback-active-step { - border-bottom: 2px solid #13b94d; + border-bottom: 2px solid #13B94D; } .routename-star #countly-feedback-next-step { @@ -819,29 +834,29 @@ } .routename-star .feedback-modal-select-right { - background-color: #ececec; + background-color: #ECECEC; margin-left: 8px; padding: 10px; text-align: center; - color: #6f6f6f; + color: #6F6F6F; font-size: 12px; cursor: pointer; - border-top: 1px solid #d9d9d9; - border-bottom: 1px solid #d9d9d9; - border-right: 1px solid #d9d9d9; + border-top: 1px solid #D9D9D9; + border-bottom: 1px solid #D9D9D9; + border-right: 1px solid #D9D9D9; } .routename-star .feedback-modal-select-left { - background-color: #ececec; + background-color: #ECECEC; margin-left: 8px; padding: 10px; text-align: center; - color: #6f6f6f; + color: #6F6F6F; font-size: 12px; cursor: pointer; - border-top: 1px solid #d9d9d9; - border-bottom: 1px solid #d9d9d9; - border-left: 1px solid #d9d9d9; + border-top: 1px solid #D9D9D9; + border-bottom: 1px solid #D9D9D9; + border-left: 1px solid #D9D9D9; } .routename-star .feedback-input-validation-error { @@ -854,17 +869,17 @@ } .routename-star .feedback-modal-active-left { - border-left: 1px solid #2eb52b; - border-top: 1px solid #2eb52b; - border-bottom: 1px solid #2eb52b; - background-color: #fff; + border-left: 1px solid #2EB52B; + border-top: 1px solid #2EB52B; + border-bottom: 1px solid #2EB52B; + background-color: #FFF; } .routename-star .feedback-modal-active-right { - border-right: 1px solid #2eb52b; - border-top: 1px solid #2eb52b; - border-bottom: 1px solid #2eb52b; - background-color: #fff; + border-right: 1px solid #2EB52B; + border-top: 1px solid #2EB52B; + border-bottom: 1px solid #2EB52B; + background-color: #FFF; } .routename-star #feedback-create-side-footer > .right { @@ -894,9 +909,10 @@ } /* Modal Content/Box */ + .routename-star .success-modal-content { position: relative; - background-color: #fefefe; + background-color: #FEFEFE; width: 80%; margin: 10%; padding-bottom: 25px; @@ -908,12 +924,13 @@ } /* Modal Content/Box */ + .routename-star .modal-content { -webkit-box-shadow: 0 10px 11px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 10px 11px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 10px 11px 0 rgba(0, 0, 0, 0.06); position: relative; - background-color: #fefefe; + background-color: #FEFEFE; width: 80%; margin: 10%; padding-bottom: 25px; @@ -1026,7 +1043,7 @@ } .routename-star .countly-feedback-check-green { - color: #9e9e9e; + color: #9E9E9E; font-size: medium !important; transform: translateY(1.5px); } @@ -1036,6 +1053,7 @@ } /* The container */ + .routename-star .countly-feedback-checkbox-container { display: block; color: gray; @@ -1049,6 +1067,7 @@ } /* Hide the browser's default checkbox */ + .routename-star .countly-feedback-checkbox-container input { position: absolute; opacity: 0; @@ -1057,6 +1076,7 @@ } /* Create a custom checkbox */ + .routename-star .dbviewer-custom-checkbox-checkmark { position: absolute; top: 0; @@ -1076,35 +1096,41 @@ } /* On mouse-over, add a grey background color */ + .routename-star .countly-feedback-checkbox-container:hover input ~ .dbviewer-custom-checkbox-checkmark { border: 1px solid #217923; } /* When the checkbox is checked, add a blue background */ + .routename-star .countly-feedback-checkbox-container input:checked ~ .dbviewer-custom-checkbox-checkmark { background-color: #2EB52B; - border: 1px solid #2eb52b; + border: 1px solid #2EB52B; } /* Create a custom checkbox */ + .routename-star .countly-feedback-checkbox-container input:checked:hover { background-color: #217923; } /* Create the checkmark/indicator (hidden when not checked) */ -.routename-star .dbviewer-custom-checkbox-checkmark:after { + +.routename-star .dbviewer-custom-checkbox-checkmark::after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ -.routename-star .countly-feedback-checkbox-container input:checked ~ .dbviewer-custom-checkbox-checkmark:after { + +.routename-star .countly-feedback-checkbox-container input:checked ~ .dbviewer-custom-checkbox-checkmark::after { display: block; } /* Style the checkmark/indicator */ -.routename-star .countly-feedback-checkbox-container .dbviewer-custom-checkbox-checkmark:after { + +.routename-star .countly-feedback-checkbox-container .dbviewer-custom-checkbox-checkmark::after { left: 2.5px; top: 0.6px; width: 2.5px; @@ -1125,7 +1151,7 @@ width: 22px; height: auto; writing-mode: tb-rl; - background-color: #13b94d; + background-color: #13B94D; color: white; cursor: pointer; font-family: ‘Lato’, sans-serif; @@ -1152,11 +1178,11 @@ .routename-star .countly-feedback-arrow_box { position: relative; - background: #000000; - border: 4px solid #000000; + background: #000; + border: 4px solid #000; } -.routename-star .countly-feedback-arrow_box:after, .countly-feedback-arrow_box:before { +.routename-star .countly-feedback-arrow_box::after,.countly-feedback-arrow_box::before { top: 100%; left: 50%; border: solid transparent; @@ -1167,16 +1193,16 @@ pointer-events: none; } -.routename-star .countly-feedback-arrow_box:after { +.routename-star .countly-feedback-arrow_box::after { border-color: rgba(0, 0, 0, 0); - border-top-color: #000000; + border-top-color: #000; border-width: 30px; margin-left: -30px; } -.routename-star .countly-feedback-arrow_box:before { +.routename-star .countly-feedback-arrow_box::before { border-color: rgba(0, 0, 0, 0); - border-top-color: #000000; + border-top-color: #000; border-width: 36px; margin-left: -36px; } @@ -1223,12 +1249,12 @@ color: silver; } -.routename-star .emotion, .routename-star .emotion-first { - /*width: 77.5px;*/ +.routename-star .emotion,.routename-star .emotion-first { + /* width: 77.5px; */ display: inline-block; } -.routename-star .emotions-area, .routename-star .contact-me-area { +.routename-star .emotions-area,.routename-star .contact-me-area { text-align: center; font-family: 'Lato', sans-serif; font-size: 15px; @@ -1278,7 +1304,7 @@ } .routename-star #continue-button { - background-color: #13b94d; + background-color: #13B94D; color: white; font-family: 'Lato', sans-serif; font-size: 13px; @@ -1298,7 +1324,7 @@ width: 32px; height: 3px; padding: 0; - color: #d6d6d6; + color: #D6D6D6; font-style: normal; font-size: 32px; font-family: Arial, Baskerville, monospace; @@ -1307,7 +1333,7 @@ } .routename-star .fa-check { - color: #13b94d; + color: #13B94D; } .routename-star .fa-check-square { @@ -1334,7 +1360,7 @@ } .routename-star .countly-feedback-verification-fail { - border: 1px solid #a82f2f !important; + border: 1px solid #A82F2F !important; } .routename-star #send-button:hover { @@ -1342,7 +1368,7 @@ } .routename-star .grow { - transition: all .2s ease-in-out; + transition: all 0.2s ease-in-out; } .routename-star .grow:hover { @@ -1364,7 +1390,7 @@ position: relative; } -.routename-star .feedback-front, .routename-star .feedback-back { +.routename-star .feedback-front,.routename-star .feedback-back { backface-visibility: hidden; transition: 0.6s; transform-style: preserve-3d; @@ -1420,6 +1446,7 @@ float: left; border: 1px solid #DBDBDB; border-radius: 2px; + /* margin-left: 5px; */ margin-right: 5px; @@ -1427,7 +1454,7 @@ font-size: 12px; text-align: center; cursor: pointer; - background-color: #fff; + background-color: #FFF; } .routename-star .feedback_target_device_field { @@ -1448,7 +1475,7 @@ } .routename-star .first-size-box { - margin-left: -0px; + margin-left: 0; background-color: #ECECEC; width: 90px; float: left; @@ -1462,7 +1489,7 @@ .routename-star .active-size-box { background-color: white; - border: 1px solid #17af24; + border: 1px solid #17AF24; } .routename-star .position-box { @@ -1479,7 +1506,7 @@ } .routename-star .first-position-box { - margin-left: -0px; + margin-left: 0; background-color: #ECECEC; width: 90px; float: left; @@ -1493,7 +1520,7 @@ .routename-star .active-position-box { background-color: white; - border: 1px solid #17af24; + border: 1px solid #17AF24; } .routename-star .position-box-img { @@ -1564,7 +1591,7 @@ margin-top: 5px; } -.routename-star #completed-1, #completed-2, #completed-3 { +.routename-star #completed-1,#completed-2,#completed-3 { display: none; } @@ -1597,8 +1624,8 @@ border-bottom: none; color: #BBB; transition: color 0.5s; - border-top-left-radius: 0px; - border-top-right-radius: 0px; + border-top-left-radius: 0; + border-top-right-radius: 0; } .routename-star #feedback-callout-text { @@ -1618,8 +1645,8 @@ .routename-star #feedback-sticker-on-window { position: absolute; - background-color: #13b94d; - color: #fff; + background-color: #13B94D; + color: #FFF; cursor: pointer; font-family: ‘Lato’, sans-serif; } @@ -1640,10 +1667,12 @@ position: absolute; box-shadow: 0 10px 11px 0 rgba(0, 0, 0, 0.06); } + .routename-star #feedback-preview-step-2 { display: relative; height: 275px; } + .routename-star .mright-s { top: 25%; right: 0; @@ -1688,6 +1717,7 @@ writing-mode: vertical-rl; text-align: center; } + .routename-star .mleft-s { top: 25%; left: 0; @@ -1702,6 +1732,7 @@ text-align: center; writing-mode: vertical-lr; } + .routename-star .mleft-m { top: 25%; left: 0; @@ -1716,6 +1747,7 @@ text-align: center; writing-mode: vertical-lr; } + .routename-star .mleft-l { top: 25%; left: 0; @@ -1730,6 +1762,7 @@ text-align: center; writing-mode: vertical-lr; } + .routename-star .bleft-s { bottom: 0; left: 10%; @@ -1744,6 +1777,7 @@ font-size: 16px; writing-mode: horizontal-tb; } + .routename-star .bleft-m { bottom: 0; left: 10%; @@ -1758,6 +1792,7 @@ font-size: 20px; writing-mode: horizontal-tb; } + .routename-star .bleft-l { bottom: 0; left: 10%; @@ -1772,6 +1807,7 @@ font-size: 24px; writing-mode: horizontal-tb; } + .routename-star .bright-s { bottom: 0; right: 10%; @@ -1786,6 +1822,7 @@ font-size: 16px; writing-mode: horizontal-tb; } + .routename-star .bright-m { bottom: 0; right: 10%; @@ -1800,6 +1837,7 @@ font-size: 20px; writing-mode: horizontal-tb; } + .routename-star .bright-l { bottom: 0; right: 10%; @@ -1872,226 +1910,262 @@ } .routename-star #countly-feedback { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - position: absolute; - top: 45%; - right: 0; - width: 22px; - height: auto; - writing-mode: tb-rl; - background-color: #13b94d; - color: white; - cursor: pointer; - font-family: ‘Lato’, sans-serif; - padding-top: 10px; - padding-bottom: 10px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + position: absolute; + top: 45%; + right: 0; + width: 22px; + height: auto; + writing-mode: tb-rl; + background-color: #13B94D; + color: white; + cursor: pointer; + font-family: ‘Lato’, sans-serif; + padding-top: 10px; + padding-bottom: 10px; } .routename-star .countly-feedback-modal-header { - text-align: center; - font-family: 'Lato', sans-serif; + text-align: center; + font-family: 'Lato', sans-serif; } + .routename-star .countly-feedback-modal-header > img { - width: 140px; - height: 40px; + width: 140px; + height: 40px; } + .routename-star .success-emotions-area { - text-align: center; - font-family: 'Lato', sans-serif; - font-size:15px; - margin-bottom:50px; + text-align: center; + font-family: 'Lato', sans-serif; + font-size: 15px; + margin-bottom: 50px; } + .routename-star .countly-feedback-arrow_box { - position: relative; - background: #000000; - border: 4px solid #000000; -} -.routename-star .countly-feedback-arrow_box:after, .routename-star .countly-feedback-arrow_box:before { - top: 100%; - left: 50%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} -.routename-star .countly-feedback-arrow_box:after { - border-color: rgba(0, 0, 0, 0); - border-top-color: #000000; - border-width: 30px; - margin-left: -30px; -} -.routename-star .countly-feedback-arrow_box:before { - border-color: rgba(0, 0, 0, 0); - border-top-color: #000000; - border-width: 36px; - margin-left: -36px; + position: relative; + background: #000; + border: 4px solid #000; } + +.routename-star .countly-feedback-arrow_box::after,.routename-star .countly-feedback-arrow_box::before { + top: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.routename-star .countly-feedback-arrow_box::after { + border-color: rgba(0, 0, 0, 0); + border-top-color: #000; + border-width: 30px; + margin-left: -30px; +} + +.routename-star .countly-feedback-arrow_box::before { + border-color: rgba(0, 0, 0, 0); + border-top-color: #000; + border-width: 36px; + margin-left: -36px; +} + .routename-star label { - font-size: 13px; + font-size: 13px; } + .routename-star .emotion > img:hover { - opacity: 1; + opacity: 1; } + .routename-star .countly-feedback-checkbox-container { - display: block; - position: relative; - cursor: pointer; - font-size: 13px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + display: block; + position: relative; + cursor: pointer; + font-size: 13px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .routename-star .countly-feedback-checkbox-container input { - position: absolute; - opacity: 0; - cursor: pointer; - border-radius:2px; + position: absolute; + opacity: 0; + cursor: pointer; + border-radius: 2px; } + .routename-star .dbviewer-custom-checkbox-checkmark { - position: absolute; - top: 0; - left: 0; - height: 11px; - width: 11px; - border-radius:3px; - border:1px solid #636363; + position: absolute; + top: 0; + left: 0; + height: 11px; + width: 11px; + border-radius: 3px; + border: 1px solid #636363; } + .routename-star .countly-feedback-close-icon { - cursor: pointer; - font-size: lighter; - color:silver; + cursor: pointer; + font-size: lighter; + color: silver; } -.routename-star .emotion, .routename-star .emotion-first { - /* width: 77.5px; */ - display: inline-block; + +.routename-star .emotion,.routename-star .emotion-first { + /* width: 77.5px; */ + display: inline-block; } -.routename-star .emotions-area, .routename-star .contact-me-area { - text-align: center; - font-family: 'Lato', sans-serif; - font-size:15px; - height: 161px; + +.routename-star .emotions-area,.routename-star .contact-me-area { + text-align: center; + font-family: 'Lato', sans-serif; + font-size: 15px; + height: 161px; } + .routename-star .buttons-area-on-success { - margin-top: 35px; - font-family: 'Lato', sans-serif; - font-size:15px; - text-align: center; - width: 70%; - margin-left: 15%; + margin-top: 35px; + font-family: 'Lato', sans-serif; + font-size: 15px; + text-align: center; + width: 70%; + margin-left: 15%; } + .routename-star .contact-me-area > .input-area { - font-size:13px; + font-size: 13px; } + .routename-star .input-area { - margin-top: 10px; + margin-top: 10px; } + .routename-star #contact-me-email { - width: 100%; - outline: none; - border:1px solid #DBDBDB; - height: 30px; - margin-top: 10px; - line-height: 20px; - padding-left: 2px; - font-size:13px; - display: none; - border-radius: 3px; + width: 100%; + outline: none; + border: 1px solid #DBDBDB; + height: 30px; + margin-top: 10px; + line-height: 20px; + padding-left: 2px; + font-size: 13px; + display: none; + border-radius: 3px; } + .routename-star #countly-feedback-comment-textarea { - width: 100%; - height: 60px; - margin-top: 10px; - resize: none; - border:1px solid #DBDBDB; - outline: none; - font-size:13px; - border-radius: 3px; - display: none; + width: 100%; + height: 60px; + margin-top: 10px; + resize: none; + border: 1px solid #DBDBDB; + outline: none; + font-size: 13px; + border-radius: 3px; + display: none; } + .routename-star #continue-button { - background-color: #13b94d; - color:white; - font-family: 'Lato', sans-serif; - font-size: 13px; - padding: 20px 30px 20px 30px; - border:none; - border-radius: 3px; - cursor: pointer; - margin-right: 10px; + background-color: #13B94D; + color: white; + font-family: 'Lato', sans-serif; + font-size: 13px; + padding: 20px 30px 20px 30px; + border: none; + border-radius: 3px; + cursor: pointer; + margin-right: 10px; } + .routename-star #countly-feedback-close-icon { - right: 15px; - top: 15px; - cursor: pointer; - text-decoration: none; - text-align: center; - width: 32px; - height:3px, padding: 0; - color: #d6d6d6; - font-style: normal; - font-size: 32px; - font-family: Arial,Baskerville,monospace; - line-height: 32px; - position: absolute; + right: 15px; + top: 15px; + cursor: pointer; + text-decoration: none; + text-align: center; + width: 32px; + height: 3px,; + padding: 0; + color: #D6D6D6; + font-style: normal; + font-size: 32px; + font-family: Arial, Baskerville, monospace; + line-height: 32px; + position: absolute; } + .routename-star .fa-check { - color:#13b94d; + color: #13B94D; } + .routename-star .fa-check-square { - color: #32B630; + color: #32B630; } + .routename-star .icon-area > i { - color:#32B630; + color: #32B630; } + .routename-star .success-icon-area { - margin-top:50px; - text-align: center; + margin-top: 50px; + text-align: center; } + .routename-star .icon-area { - text-align: center; - margin-top: 10px; + text-align: center; + margin-top: 10px; } + .routename-star .success-modal { - display: none; - z-index: 999; + display: none; + z-index: 999; } + .routename-star .countly-feedback-verification-fail { - border:1px solid #a82f2f !important; + border: 1px solid #A82F2F !important; } + .routename-star #send-button:hover { - background-color: #59C358; + background-color: #59C358; } + .routename-star .grow { - transition: all .2s ease-in-out; + transition: all 0.2s ease-in-out; } + .routename-star .grow:hover { - transform: scale(1.15) !important; + transform: scale(1.15) !important; } + .routename-star .tippy-popper { - font-family: 'Lato'; + font-family: 'Lato'; } + .routename-star .flip-container { - perspective: 1000px; - transform-style: preserve-3d; + perspective: 1000px; + transform-style: preserve-3d; } + .routename-star .flipper { - transition: 0.6s; - transform-style: preserve-3d; - position: relative; + transition: 0.6s; + transform-style: preserve-3d; + position: relative; } -.routename-star .feedback-front, .routename-star .feedback-back { - backface-visibility: hidden; - transition: 0.6s; - transform-style: preserve-3d; - margin-top: 15px; - position: absolute; - top: 0; - left: 0; - display: block; + +.routename-star .feedback-front,.routename-star .feedback-back { + backface-visibility: hidden; + transition: 0.6s; + transform-style: preserve-3d; + margin-top: 15px; + position: absolute; + top: 0; + left: 0; + display: block; } .routename-star .cf-intable-button { @@ -2152,10 +2226,11 @@ display: block; right: 10px; top: 0; + /* font-size: 17px; */ cursor: pointer; - color: #a7a7a7; + color: #A7A7A7; background-color: rgba(255, 255, 255, 0.03); transition: background-color 1s; padding-top: 17px; @@ -2164,7 +2239,7 @@ height: 34px; } -.routename-star .feedback-options-item .edit:before { +.routename-star .feedback-options-item .edit::before { font-size: 20px; font-family: 'Ionicons'; content: "\f396"; @@ -2188,11 +2263,11 @@ position: absolute; font-size: 13px; white-space: nowrap; - background-color: #fff; + background-color: #FFF; border-radius: 2px; width: 210px; padding: 10px 0 10px 0; - border: 1px solid #d0d0d0; + border: 1px solid #D0D0D0; } .routename-star .feedback-options-item .edit-menu .item { @@ -2207,10 +2282,10 @@ } .routename-star .feedback-options-item .edit-menu .item:hover { - background-color: #f3f3f3; + background-color: #F3F3F3; } -.routename-star .feedback-options-item .edit-menu:before { +.routename-star .feedback-options-item .edit-menu::before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; @@ -2223,13 +2298,13 @@ z-index: 2; } -.routename-star .feedback-options-item, .edit-menu { +.routename-star .feedback-options-item,.edit-menu { margin-left: 75%; } -.routename-star .feedback-options-item .edit-menu:after { +.routename-star .feedback-options-item .edit-menu::after { border: 5px solid rgba(194, 225, 245, 0); - border-bottom-color: #d0d0d0; + border-bottom-color: #D0D0D0; right: 6px; top: -10px; content: " "; @@ -2248,7 +2323,8 @@ /* padding: 6px !important; */ outline: none !important; - border: 1px solid #dbdbdb !important; + border: 1px solid #DBDBDB !important; + /* font-size: 12px !important; */ margin-top: 5px !important; @@ -2267,7 +2343,7 @@ } .routename-star .feedback-drawer-form-input > .checks { - border: 1px solid #d0d0d0; + border: 1px solid #D0D0D0; border-radius: 2px; } @@ -2276,8 +2352,8 @@ } .routename-star .feedback-drawer-form-input > .checks .check { - border-top: 1px solid #d0d0d0; - background-color: #ececec; + border-top: 1px solid #D0D0D0; + background-color: #ECECEC; overflow: auto; padding: 8px; cursor: pointer; @@ -2301,14 +2377,14 @@ .routename-star .feedback-drawer-form-input > .checks .check.selected .box { box-shadow: inset 0 0 0 2px #FFF; - background-color: #2eb52b; + background-color: #2EB52B; } .routename-star .feedback-drawer-form-input > .checks .check .text { float: left; font-size: 12px; margin-top: 1px; - color: #6f6f6f; + color: #6F6F6F; cursor: pointer; } @@ -2317,7 +2393,7 @@ font-size: 10px; margin-top: 3px; margin-left: 20px; - color: #9c9c9c; + color: #9C9C9C; } .routename-star .tippy-tooltip.custom-theme { @@ -2355,7 +2431,7 @@ .routename-star .feedback-modal-body { border-radius: 2px; - background-color: #f7f7f7; + background-color: #F7F7F7; height: auto; padding: 5% 15% 5% 15%; font-size: 13px; @@ -2417,14 +2493,14 @@ } .routename-star #tableThree_wrapper > div.dataTable-top { - border-top-left-radius: 0px !important; - border-top-right-radius: 0px !important; + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } .routename-star .star-rating-selector-form { - box-shadow: 0 3px 7px rgba(0, 0, 0, .08); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08); width: 350px; - background-color: #fff; + background-color: #FFF; position: absolute; left: 10px; top: 55px; @@ -2435,7 +2511,7 @@ padding: 18px 22px 20px 20px; } -.routename-star .star-rating-filter-title .up, .star-rating-filter-title .down { +.routename-star .star-rating-filter-title .up,.star-rating-filter-title .down { font-size: 9px; line-height: 9px; color: #717171; @@ -2456,7 +2532,7 @@ } .routename-star .star-rating-filter-title { - padding: 6px 9px 0px 3px; + padding: 6px 9px 0 3px; padding-right: 25px; text-overflow: ellipsis; overflow: hidden; @@ -2500,7 +2576,7 @@ border: none; box-shadow: none; margin-top: 5px; - background-color: #ffffff; + background-color: #FFF; } .routename-star .star-rating-selector-form table { @@ -2508,7 +2584,7 @@ } .routename-star .star-rating-selector-form table tr td { - padding: 5px 0px; + padding: 5px 0; } .routename-star .star-rating-selector-form table tr td:first-child { @@ -2543,11 +2619,14 @@ .routename-star .edit-menu.rating-feedback-menu { width: 230px; - /*margin-left: -20px;*/ + + /* margin-left: -20px; */ } -_::-webkit-full-page-media, _:future, :root .mright-s, .mright-m, .mright-l { + +_::-webkit-full-page-media,_:future,:root .mright-s,.mright-m,.mright-l { right: 3px !important; } + .routename-star .widget-header .title.small + #drill-down-for-view { - margin-top: 0px !important; -} \ No newline at end of file + margin-top: 0 !important; +} diff --git a/plugins/systemlogs/frontend/public/stylesheets/main.css b/plugins/systemlogs/frontend/public/stylesheets/main.css index ba4c0db44f7..dc000ede2b7 100644 --- a/plugins/systemlogs/frontend/public/stylesheets/main.css +++ b/plugins/systemlogs/frontend/public/stylesheets/main.css @@ -1,33 +1,31 @@ /* LOGGER */ -.systemlogs {margin-top: -16px;} -.systemlogs .dataTable-top {border-radius: 0;} +.systemlogs { margin-top: -16px; } + +.systemlogs .dataTable-top { border-radius: 0; } + .systemlogs table { table-layout: fixed; } -.systemlogs table td, -.systemlogs table th { width:15%; } -.systemlogs table th:last-child, -.systemlogs table td:last-child { width:50%; } -.systemlogs table th:first-child, -.systemlogs table td:first-child { width:20%; } + +.systemlogs table td,.systemlogs table th { width: 15%; } + +.systemlogs table th:last-child,.systemlogs table td:last-child { width: 50%; } + +.systemlogs table th:first-child,.systemlogs table td:first-child { width: 20%; } + .systemlogs table td { font-family: Ubuntu; } + .systemlogs table td pre { background-color: transparent !important; line-height: 15px; white-space: pre-wrap; } -.systemlogs .search-table-data {display: none;} -.systemlogs table td pre .hljs-keyword, -.systemlogs table td pre .hljs-selector-tag, -.systemlogs table td pre .hljs-name, -.systemlogs table td pre .hljs-attr { - color: #ff4f42; +.systemlogs .search-table-data { display: none; } + +.systemlogs table td pre .hljs-keyword,.systemlogs table td pre .hljs-selector-tag,.systemlogs table td pre .hljs-name,.systemlogs table td pre .hljs-attr { + color: #FF4F42; } -.systemlogs table td pre .hljs-bullet, -.systemlogs table td pre .hljs-quote, -.systemlogs table td pre .hljs-number, -.systemlogs table td pre .hljs-regexp, -.systemlogs table td pre .hljs-literal, -.systemlogs table td pre .hljs-link { - color: #8150da; +.systemlogs table td pre .hljs-bullet,.systemlogs table td pre .hljs-quote,.systemlogs table td pre .hljs-number,.systemlogs table td pre .hljs-regexp,.systemlogs table td pre .hljs-literal,.systemlogs table td pre .hljs-link { + color: #8150DA; } -#consent-view #d-table-actionlogs_wrapper {margin:0px;} -#consent-view #d-table-actionlogs_wrapper .dataTable-top {border-radius:0px;} \ No newline at end of file +#consent-view #d-table-actionlogs_wrapper { margin: 0; } + +#consent-view #d-table-actionlogs_wrapper .dataTable-top { border-radius: 0; } diff --git a/plugins/times-of-day/frontend/public/stylesheets/main.css b/plugins/times-of-day/frontend/public/stylesheets/main.css index 677a4e1fd18..6a6dc886bab 100755 --- a/plugins/times-of-day/frontend/public/stylesheets/main.css +++ b/plugins/times-of-day/frontend/public/stylesheets/main.css @@ -1,55 +1,77 @@ #tod text { cursor: default; } - + #tod .dot-label text { font-size: 12px; } - -#tod .tod-xlabel, -#tod .tod-ylabel{ - font-size : 14px; - font-family: Ubuntu,Helvetica,sans-serif; + +#tod .tod-xlabel,#tod .tod-ylabel { + font-size: 14px; + font-family: Ubuntu, Helvetica, sans-serif; color: #777; } + #tod .row { background: #777; } -#tod .tod-react-hover{ - -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); - -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); - box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.75); + +#tod .tod-react-hover { + -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75); + -moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75); + box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.75); } -#tod .tod-chart-title{ + +#tod .tod-chart-title { text-transform: uppercase; font-size: 14px; - color: #444 + color: #444; } + .cly-drawer .details .section .opts .opt .inner .icon.timesofday { background-image: url("../images/times-of-day/times-of-day.svg"); } -.cly-widget .timesofday table { width:100%; color:rgba(255, 255, 255, 0.4); font-size: 13px; border-collapse: separate; padding-right: 10px; table-layout: fixed; } -.cly-widget .timesofday table th { text-align: left; padding: 0px 0px 4px 0px; font-size: 11px; text-transform: uppercase; font-weight: normal; } -.cly-widget .timesofday table th:first-child { border-left:none; text-align: right; padding: 0px 8px; } +.cly-widget .timesofday table { width: 100%; color: rgba(255, 255, 255, 0.4); font-size: 13px; border-collapse: separate; padding-right: 10px; table-layout: fixed; } + +.cly-widget .timesofday table th { text-align: left; padding: 0 0 4px 0; font-size: 11px; text-transform: uppercase; font-weight: normal; } + +.cly-widget .timesofday table th:first-child { border-left: none; text-align: right; padding: 0 8px; } + .cly-widget .timesofday table th:nth-child(2n+1) { visibility: hidden; } -.cly-widget .timesofday table td { padding: 0px; } -.cly-widget .timesofday table td:first-child { border-left:none; text-align: right; padding: 7px 8px; line-height: 16px; } + +.cly-widget .timesofday table td { padding: 0; } + +.cly-widget .timesofday table td:first-child { border-left: none; text-align: right; padding: 7px 8px; line-height: 16px; } + .cly-widget .timesofday .timesofday-body-cell { position: relative; right: -7px; } + .cly-widget .timesofday .crcl { width: 100%; height: 26px; } -#tod-tip { font-size:12px; max-width:300px; text-align: center; } +#tod-tip { font-size: 12px; max-width: 300px; text-align: center; } + #tod-tip .highlight { color: #2FA732; } -#tod-tip a[href=""] { cursor: default; text-decoration: none; color:#FFF; } -#tod-tip a { cursor: pointer; text-decoration: underline; color:#2FA732; } + +#tod-tip a[href=""] { cursor: default; text-decoration: none; color: #FFF; } + +#tod-tip a { cursor: pointer; text-decoration: underline; color: #2FA732; } /* White */ -html.theme-5 .cly-widget .timesofday table { color:rgba(0, 0, 0, 0.6); } -.routename-times-of-day #date-selector2 { float:right; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#6B6B6B; padding:6px; padding-right:0; user-select:none; position: relative; } -.routename-times-of-day #date-selector2 .button { visibility: visible; cursor:pointer; user-select:none; background-color:#ececec; float:left; padding:7px 5px; padding-top:6px; border:1px solid #D0D0D0; margin-right:-1px; } +html.theme-5 .cly-widget .timesofday table { color: rgba(0, 0, 0, 0.6); } + +.routename-times-of-day #date-selector2 { float: right; font: 13px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #6B6B6B; padding: 6px; padding-right: 0; user-select: none; position: relative; } + +.routename-times-of-day #date-selector2 .button { visibility: visible; cursor: pointer; user-select: none; background-color: #ECECEC; float: left; padding: 7px 5px; padding-top: 6px; border: 1px solid #D0D0D0; margin-right: -1px; } + .routename-times-of-day #date-selector2 .button { visibility: visible; } + .routename-times-of-day #date-selector2 .date-buttons-container { float: left; } -.routename-times-of-day #date-selector2 .date-buttons-container .button:first-child { border-top-left-radius:2px; border-bottom-left-radius:2px; } -.routename-times-of-day #date-selector2 .date-buttons-container .button:last-child { border-top-right-radius:2px; border-bottom-right-radius:2px; border-right:1px solid #D0D0D0; } -.routename-times-of-day #date-selector2 .button:hover { background-color:#F9F9F9; } -.routename-times-of-day #date-selector2 .button:active { background-color:#F9F9F9; } -.routename-times-of-day #date-selector2 .button.active { background-color:#F9F9F9; } \ No newline at end of file + +.routename-times-of-day #date-selector2 .date-buttons-container .button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } + +.routename-times-of-day #date-selector2 .date-buttons-container .button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: 1px solid #D0D0D0; } + +.routename-times-of-day #date-selector2 .button:hover { background-color: #F9F9F9; } + +.routename-times-of-day #date-selector2 .button:active { background-color: #F9F9F9; } + +.routename-times-of-day #date-selector2 .button.active { background-color: #F9F9F9; } diff --git a/plugins/two-factor-auth/frontend/public/stylesheets/main.css b/plugins/two-factor-auth/frontend/public/stylesheets/main.css index fb58bbf8dae..1ec25924163 100644 --- a/plugins/two-factor-auth/frontend/public/stylesheets/main.css +++ b/plugins/two-factor-auth/frontend/public/stylesheets/main.css @@ -3,13 +3,13 @@ } .setup-2fa-dialog { - min-width: 640px; - min-height: 650px; - padding: 0; - box-sizing: border-box; - box-shadow: 0 2px 14px 0 rgba(0,0,0,.25); - border: none !important; - border-radius: 2px; + min-width: 640px; + min-height: 650px; + padding: 0; + box-sizing: border-box; + box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25); + border: none !important; + border-radius: 2px; } #resetup-2fa-link { @@ -18,11 +18,11 @@ } #two-factor-auth-setup { - font-size: 12px; - color: #6B6B6B; - line-height: 1.5; - display: flex; - flex-direction: column; + font-size: 12px; + color: #6B6B6B; + line-height: 1.5; + display: flex; + flex-direction: column; } #two-factor-auth-setup .icon-button { @@ -42,7 +42,7 @@ } #two-factor-auth-setup .step-number { - background-color: #ececec; + background-color: #ECECEC; border-radius: 50%; width: 30px; height: 30px; @@ -57,7 +57,7 @@ #two-factor-auth-setup .row.secrets { flex-direction: column; align-items: center; - background-color: #f9f9f9; + background-color: #F9F9F9; padding: 10px 0; margin: 10px 0; } @@ -69,12 +69,12 @@ #two-factor-auth-setup .secret-2fa-label { margin-top: 6px; - color: #a8a8a8; + color: #A8A8A8; } #two-factor-auth-setup .row.one-time-password input { margin-top: 8px; - border: 1px solid #d8d8d8; + border: 1px solid #D8D8D8; width: 280px; height: 26px; padding: 0 4px; @@ -82,7 +82,7 @@ } #two-factor-auth-setup .row.one-time-password input::placeholder { - color: #adadad; + color: #ADADAD; } #two-factor-auth-setup .row.one-time-password .step-number { @@ -97,6 +97,6 @@ text-decoration: underline; cursor: pointer; margin: auto 6px auto 0; - color: #a8a8a8; + color: #A8A8A8; font-size: 12px; -} \ No newline at end of file +} diff --git a/plugins/updates/frontend/public/stylesheets/main.css b/plugins/updates/frontend/public/stylesheets/main.css index b67128a06eb..dbf19146d06 100644 --- a/plugins/updates/frontend/public/stylesheets/main.css +++ b/plugins/updates/frontend/public/stylesheets/main.css @@ -1 +1 @@ -.updates .btn-update { margin-right: 1em; display: block; } \ No newline at end of file +.updates .btn-update { margin-right: 1em; display: block; } diff --git a/plugins/video-intelligence-monetization/frontend/public/stylesheets/main.css b/plugins/video-intelligence-monetization/frontend/public/stylesheets/main.css index a6afaa37d41..0bdc7d22744 100644 --- a/plugins/video-intelligence-monetization/frontend/public/stylesheets/main.css +++ b/plugins/video-intelligence-monetization/frontend/public/stylesheets/main.css @@ -1,3 +1,3 @@ -#vi-integration{ - width:100%; +#vi-integration { + width: 100%; } diff --git a/plugins/views/frontend/public/stylesheets/main.css b/plugins/views/frontend/public/stylesheets/main.css index 101f347faf8..78691525c9e 100644 --- a/plugins/views/frontend/public/stylesheets/main.css +++ b/plugins/views/frontend/public/stylesheets/main.css @@ -1,59 +1,88 @@ .views-widget {} -.views-widget .dataTable-top {border-radius: 0;} -.views-widget .trend { width:12px; height:9px; display: inline-block; margin-top: 5px; margin-right: 5px;} -.views-widget tbody tr {cursor: pointer;} - -.views-widget .widget-content .big-numbers .inner{height: 30px;} -.views-widget .widget-footer{border-radius: 0;} -.views-widget #empty-graph { position: absolute; text-align: center; font-size: 15px; width:100%; top:50%; margin-top: -60px; display: none; height: 20px; line-height: 20px; text-shadow: none; color: #B3B3B3; z-index: 2; background-color: #FFF; padding: 50px 0; } -.views-widget div.color{ width: 10px; height: 20px; float: right;} - -.seven-column { width:14%; } -.seven-column:first-child { width:15%; } -.seven-column:last-child { width:15%; } - -#view-map{width:100%; height:100%; position: relative; margin-bottom:-50px;} -#view-map iframe {width:100%; height:100%; border:none; position:relative; z-index:1; overflow:hidden;} -#view-map image {width:100%; height:100%; border:none; position:relative; z-index:1;} -#view-map canvas {width:100%; height:100%; border:none; position:absolute; z-index:2; top:0px; left:0px; opacity: 0.5; /*pointer-events: none;*/} -#action-map-tools {position: absolute; top: 20px; right: 20px; z-index: 3; background-color: rgba(255, 255, 255, 0.8); width: 90%; padding: 10px;} -#action-map-tools span {position: relative; top:-7px; font: 16px Ubuntu,Helvetica,sans-serif; line-height: 111%; color: #333;} -#action-map-tools .cly-button-dark{float:none;} -#action-map-type {margin-right: 30px;} -#view_loaded_url {width:80%; height: 22px;} -#view_reload_url { float:none; } -.views-table div.color{ width: 11px; height: 11px; float:left; margin: 2px 10px 0 0; } + +.views-widget .dataTable-top { border-radius: 0; } + +.views-widget .trend { width: 12px; height: 9px; display: inline-block; margin-top: 5px; margin-right: 5px; } + +.views-widget tbody tr { cursor: pointer; } + +.views-widget .widget-content .big-numbers .inner { height: 30px; } + +.views-widget .widget-footer { border-radius: 0; } + +.views-widget #empty-graph { position: absolute; text-align: center; font-size: 15px; width: 100%; top: 50%; margin-top: -60px; display: none; height: 20px; line-height: 20px; text-shadow: none; color: #B3B3B3; z-index: 2; background-color: #FFF; padding: 50px 0; } + +.views-widget div.color { width: 10px; height: 20px; float: right; } + +.seven-column { width: 14%; } + +.seven-column:first-child { width: 15%; } + +.seven-column:last-child { width: 15%; } + +#view-map { width: 100%; height: 100%; position: relative; margin-bottom: -50px; } + +#view-map iframe { width: 100%; height: 100%; border: none; position: relative; z-index: 1; overflow: hidden; } + +#view-map image { width: 100%; height: 100%; border: none; position: relative; z-index: 1; } + +#view-map canvas { width: 100%; height: 100%; border: none; position: absolute; z-index: 2; top: 0; left: 0; opacity: 0.5; /* pointer-events: none; */ } + +#action-map-tools { position: absolute; top: 20px; right: 20px; z-index: 3; background-color: rgba(255, 255, 255, 0.8); width: 90%; padding: 10px; } + +#action-map-tools span { position: relative; top: -7px; font: 16px Ubuntu, Helvetica, sans-serif; line-height: 111%; color: #333; } + +#action-map-tools .cly-button-dark { float: none; } + +#action-map-type { margin-right: 30px; } + +#view_loaded_url { width: 80%; height: 22px; } + +#view_reload_url { float: none; } + +.views-table div.color { width: 11px; height: 11px; float: left; margin: 2px 10px 0 0; } + .views-table tbody tr { cursor: pointer; } -.btn-view-map {display: block;} + +.btn-view-map { display: block; } .cly-drawer .details .section .opts .opt .inner .icon.views { background-image: url("../images/views/views.svg"); } + .cly-widget .views.table table th { white-space: nowrap; } -.cly-widget .views.table table td:first-child { white-space: nowrap; max-width:1px; overflow: hidden; text-overflow: ellipsis; } -#views-tip { font-size:12px; max-width:300px; text-align: center; } + +.cly-widget .views.table table td:first-child { white-space: nowrap; max-width: 1px; overflow: hidden; text-overflow: ellipsis; } + +#views-tip { font-size: 12px; max-width: 300px; text-align: center; } /* White */ -html.theme-5 .cly-widget .views table { color:rgba(0, 0, 0, 0.6); } + +html.theme-5 .cly-widget .views table { color: rgba(0, 0, 0, 0.6); } + .views-table-block .item span { margin-left: 10px; } + .views-table-block .item i { margin-left: -6px; } -.manage-views-table-block .dataTable-top{ - border-radius: 0px; +.manage-views-table-block .dataTable-top { + border-radius: 0; } + .manage-views-table-block .dataTables_wrapper { - margin-top: 0px; + margin-top: 0; } + .apply-view-changes { margin: 7px 6px 7px; } + .apply-view-changes.disabled { cursor: auto; } -#manage-views-button{ +#manage-views-button { margin-top: 6px; color: #636363; padding: 2px 7px; @@ -62,20 +91,25 @@ html.theme-5 .cly-widget .views table { color:rgba(0, 0, 0, 0.6); } background-color: #F3F3F3; font-size: 11px; } + #ViewsDataTableOne_wrapper .dataTable-top .select-column-table-data { height: 32px; } -@media(min-width: 1240px) { + +@media (min-width: 1240px) { + #ViewsDataTableOne tr th { - white-space:pre; + white-space: pre; } + #ViewsDataTableOne tr td:first-child { - width:300px; + width: 300px; } } -@media(max-width: 1240px) { +@media (max-width: 1240px) { + #ViewsDataTableOne tr td:first-child { width: 28%; } -} \ No newline at end of file +} diff --git a/plugins/web/frontend/public/stylesheets/main.css b/plugins/web/frontend/public/stylesheets/main.css index 43ff6bf45ff..1f9c1045ace 100644 --- a/plugins/web/frontend/public/stylesheets/main.css +++ b/plugins/web/frontend/public/stylesheets/main.css @@ -1,3 +1,5 @@ -.web-15{width: 15%;} -.web-20{width: 20%;} -.web-50{width: 50%;} \ No newline at end of file +.web-15 { width: 15%; } + +.web-20 { width: 20%; } + +.web-50 { width: 50%; } From db6ecf8b3e27e9ebfbed39708ae2823515c0e78f Mon Sep 17 00:00:00 2001 From: Arturs Sosins Date: Thu, 23 Jul 2020 12:42:12 +0300 Subject: [PATCH 3/5] [eslint] add removing console, let's force using internal log utility --- .eslintrc.json | 2 +- .stylelintrc.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index 04bf4d5e912..75c5dc37220 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -258,7 +258,7 @@ "off" ], "no-console": [ - "off" + "error" ], "no-control-regex": [ "off" diff --git a/.stylelintrc.json b/.stylelintrc.json index 6b6a9aa8991..ddf91db50e3 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -13,7 +13,7 @@ "selector-list-comma-newline-after": "never-multi-line", "selector-list-comma-newline-before": "never-multi-line", "selector-list-comma-space-after": "always-single-line", - "selector-list-comma-space-after": "never-single-line", + "selector-list-comma-space-before": "never", "rule-empty-line-before": "always", "indentation": 4, "linebreaks": "unix", From fe9e3dd5c6fb9635a222e8ee14224ccc9891db60 Mon Sep 17 00:00:00 2001 From: Arturs Sosins Date: Fri, 24 Jul 2020 21:33:45 +0300 Subject: [PATCH 4/5] [eslint] rules we agreed on --- .eslintrc.json | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index 75c5dc37220..f94300670eb 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -209,7 +209,6 @@ "ecmaVersion": 9 }, "rules": { - "no-console": "off", "node/handle-callback-err": "error", "node/no-extraneous-import": "off", "node/no-extraneous-require": "off", @@ -231,11 +230,18 @@ "node/callback-return": "error", "node/exports-style": "error", "node/no-sync": "error", - "promise/no-promise-in-callback": "off", + "promise/always-return": "error", + "promise/no-return-wrap": "off", + "promise/param-names": "error", + "promise/catch-or-return": "error", + "promise/no-native": "off", + "promise/no-nesting": "off", + "promise/no-promise-in-callback": "error", "promise/no-callback-in-promise": "off", - "promise/valid-params": "error", + "promise/avoid-new": "off", + "promise/no-new-statics": "error", "promise/no-return-in-finally": "error", - "promise/no-nesting": "off", + "promise/valid-params": "error", "valid-jsdoc": [ "error", { From b091c053438dbcccd52782b0b8c8b0d2dce05920 Mon Sep 17 00:00:00 2001 From: Arturs Sosins Date: Mon, 28 Jun 2021 12:25:49 +0300 Subject: [PATCH 5/5] Fixed package.json --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 38805be464e..be1a0328be7 100644 --- a/package.json +++ b/package.json @@ -27,10 +27,10 @@ "mocha": "^9.0.0", "nyc": "^15.0.0", "should": "13.2.3", - "supertest": "6.1.3" "stylelint": "^13.6.1", "stylelint-config-standard": "^20.0.0", "stylelint-no-unsupported-browser-features": "^4.0.0", + "supertest": "6.1.3" }, "scripts": { "test": "grunt --verbose"