diff --git a/.eslintrc.json b/.eslintrc.json index 1509be6fd93..dec4e92832d 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -191,6 +191,10 @@ } }, { + "extends": [ + "plugin:node/recommended", + "plugin:promise/recommended" + ], "files": [ "api/**/*.js", "frontend/express/*.js", @@ -209,7 +213,39 @@ "ecmaVersion": 9 }, "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/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/avoid-new": "off", + "promise/no-new-statics": "error", + "promise/no-return-in-finally": "error", + "promise/valid-params": "error", "valid-jsdoc": [ "error", { @@ -232,13 +268,19 @@ "off" ], "no-console": [ - "off" + "error" ], "no-control-regex": [ "off" ], "no-await-in-loop": [ - "off" + "error" + ], + "no-return-await": [ + "error" + ], + "no-promise-executor-return": [ + "error" ], "dot-notation": [ "error" diff --git a/.stylelintrc.json b/.stylelintrc.json new file mode 100644 index 00000000000..ddf91db50e3 --- /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-before": "never", + "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 b170247b48b..f0cbeb52c02 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: ';' @@ -229,9 +238,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', ['sass', 'concat', 'uglify', 'cssmin']); 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 5d384905ea6..be1a0328be7 100644 --- a/package.json +++ b/package.json @@ -2,6 +2,9 @@ "name": "countly-server", "version": "20.11.2", "description": "innovative, real-time, open source mobile analytics application", + "engines": { + "node": ">=10.0.0" + }, "keywords": [ "analytics", "mobile", @@ -14,12 +17,19 @@ "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", + "grunt-stylelint": "^0.15.0", "mocha": "^9.0.0", "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": "6.1.3" }, "scripts": { 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/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/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/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/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/reports/frontend/public/stylesheets/main.css b/plugins/reports/frontend/public/stylesheets/main.css index ca180beb2a6..ea387531dc6 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,69 +206,84 @@ 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; } #reports-widget-drawer .time-and-zone { display: flex; 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 9ec6b308a98..a5591fdeedb 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; } @@ -140,13 +147,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; } @@ -185,10 +192,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; } @@ -197,7 +204,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; @@ -207,7 +214,7 @@ line-height: normal; line-height: 111%; padding: 5px; - border: 1px solid #d0d0d0; + border: 1px solid #D0D0D0; text-align: center; } @@ -217,7 +224,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; @@ -232,7 +239,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"); } @@ -245,7 +252,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; @@ -270,8 +277,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; @@ -285,14 +292,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; @@ -308,18 +315,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; @@ -327,9 +334,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; } @@ -341,6 +348,7 @@ .ui-colorpicker table { width: 100%; font-size: 100%; + /* Reset browser table font-size */ margin: 0; } @@ -363,18 +371,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; @@ -386,16 +396,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; } @@ -412,7 +422,8 @@ } /* Bar */ -.ui-colorpicker-bar, .ui-colorpicker-bar > * { + +.ui-colorpicker-bar,.ui-colorpicker-bar > * { display: block; width: 20px; height: 256px; @@ -425,15 +436,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; } @@ -460,6 +471,7 @@ } /* Preview */ + .ui-colorpicker-preview { text-align: center; height: 20px; @@ -469,13 +481,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; @@ -483,26 +495,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 { @@ -515,7 +530,7 @@ } .ui-colorpicker-disabled { - opacity: .5; + opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); pointer-events: none; @@ -540,7 +555,7 @@ } .routename-star .star-icon { - color: #fed52d; + color: #FED52D; font-size: 14px; line-height: 11px; vertical-align: middle; @@ -571,10 +586,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; } @@ -639,11 +654,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 { @@ -661,8 +676,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; } @@ -696,13 +711,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 { @@ -765,12 +780,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 { @@ -821,29 +836,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 { @@ -856,17 +871,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 { @@ -896,9 +911,10 @@ } /* Modal Content/Box */ + .routename-star .success-modal-content { position: relative; - background-color: #fefefe; + background-color: #FEFEFE; width: 80%; margin: 10%; padding-bottom: 25px; @@ -910,12 +926,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; @@ -1028,7 +1045,7 @@ } .routename-star .countly-feedback-check-green { - color: #9e9e9e; + color: #9E9E9E; font-size: medium !important; transform: translateY(1.5px); } @@ -1038,6 +1055,7 @@ } /* The container */ + .routename-star .countly-feedback-checkbox-container { display: block; color: gray; @@ -1051,6 +1069,7 @@ } /* Hide the browser's default checkbox */ + .routename-star .countly-feedback-checkbox-container input { position: absolute; opacity: 0; @@ -1059,6 +1078,7 @@ } /* Create a custom checkbox */ + .routename-star .dbviewer-custom-checkbox-checkmark { position: absolute; top: 0; @@ -1078,35 +1098,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; @@ -1127,7 +1153,7 @@ width: 22px; height: auto; writing-mode: tb-rl; - background-color: #13b94d; + background-color: #13B94D; color: white; cursor: pointer; font-family: ‘Lato’, sans-serif; @@ -1154,11 +1180,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; @@ -1169,16 +1195,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; } @@ -1225,12 +1251,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; @@ -1280,7 +1306,7 @@ } .routename-star #continue-button { - background-color: #13b94d; + background-color: #13B94D; color: white; font-family: 'Lato', sans-serif; font-size: 13px; @@ -1300,7 +1326,7 @@ width: 32px; height: 3px; padding: 0; - color: #d6d6d6; + color: #D6D6D6; font-style: normal; font-size: 32px; font-family: Arial, Baskerville, monospace; @@ -1309,7 +1335,7 @@ } .routename-star .fa-check { - color: #13b94d; + color: #13B94D; } .routename-star .fa-check-square { @@ -1336,7 +1362,7 @@ } .routename-star .countly-feedback-verification-fail { - border: 1px solid #a82f2f !important; + border: 1px solid #A82F2F !important; } .routename-star #send-button:hover { @@ -1344,7 +1370,7 @@ } .routename-star .grow { - transition: all .2s ease-in-out; + transition: all 0.2s ease-in-out; } .routename-star .grow:hover { @@ -1366,7 +1392,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; @@ -1422,6 +1448,7 @@ float: left; border: 1px solid #DBDBDB; border-radius: 2px; + /* margin-left: 5px; */ margin-right: 5px; @@ -1429,7 +1456,7 @@ font-size: 12px; text-align: center; cursor: pointer; - background-color: #fff; + background-color: #FFF; } .routename-star .feedback_target_device_field { @@ -1450,7 +1477,7 @@ } .routename-star .first-size-box { - margin-left: -0px; + margin-left: 0; background-color: #ECECEC; width: 90px; float: left; @@ -1464,7 +1491,7 @@ .routename-star .active-size-box { background-color: white; - border: 1px solid #17af24; + border: 1px solid #17AF24; } .routename-star .position-box { @@ -1481,7 +1508,7 @@ } .routename-star .first-position-box { - margin-left: -0px; + margin-left: 0; background-color: #ECECEC; width: 90px; float: left; @@ -1495,7 +1522,7 @@ .routename-star .active-position-box { background-color: white; - border: 1px solid #17af24; + border: 1px solid #17AF24; } .routename-star .position-box-img { @@ -1566,7 +1593,7 @@ margin-top: 5px; } -.routename-star #completed-1, #completed-2, #completed-3 { +.routename-star #completed-1,#completed-2,#completed-3 { display: none; } @@ -1599,8 +1626,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 { @@ -1620,8 +1647,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; } @@ -1642,10 +1669,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; @@ -1690,6 +1719,7 @@ writing-mode: vertical-rl; text-align: center; } + .routename-star .mleft-s { top: 25%; left: 0; @@ -1704,6 +1734,7 @@ text-align: center; writing-mode: vertical-lr; } + .routename-star .mleft-m { top: 25%; left: 0; @@ -1718,6 +1749,7 @@ text-align: center; writing-mode: vertical-lr; } + .routename-star .mleft-l { top: 25%; left: 0; @@ -1732,6 +1764,7 @@ text-align: center; writing-mode: vertical-lr; } + .routename-star .bleft-s { bottom: 0; left: 10%; @@ -1746,6 +1779,7 @@ font-size: 16px; writing-mode: horizontal-tb; } + .routename-star .bleft-m { bottom: 0; left: 10%; @@ -1760,6 +1794,7 @@ font-size: 20px; writing-mode: horizontal-tb; } + .routename-star .bleft-l { bottom: 0; left: 10%; @@ -1774,6 +1809,7 @@ font-size: 24px; writing-mode: horizontal-tb; } + .routename-star .bright-s { bottom: 0; right: 10%; @@ -1788,6 +1824,7 @@ font-size: 16px; writing-mode: horizontal-tb; } + .routename-star .bright-m { bottom: 0; right: 10%; @@ -1802,6 +1839,7 @@ font-size: 20px; writing-mode: horizontal-tb; } + .routename-star .bright-l { bottom: 0; right: 10%; @@ -1874,226 +1912,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 { @@ -2154,10 +2228,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; @@ -2166,7 +2241,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"; @@ -2190,11 +2265,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 { @@ -2209,10 +2284,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; @@ -2225,13 +2300,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: " "; @@ -2250,7 +2325,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; @@ -2269,7 +2345,7 @@ } .routename-star .feedback-drawer-form-input > .checks { - border: 1px solid #d0d0d0; + border: 1px solid #D0D0D0; border-radius: 2px; } @@ -2278,8 +2354,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; @@ -2303,14 +2379,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; } @@ -2319,7 +2395,7 @@ font-size: 10px; margin-top: 3px; margin-left: 20px; - color: #9c9c9c; + color: #9C9C9C; } .routename-star .tippy-tooltip.custom-theme { @@ -2357,7 +2433,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; @@ -2419,14 +2495,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; @@ -2437,7 +2513,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; @@ -2458,7 +2534,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; @@ -2502,7 +2578,7 @@ border: none; box-shadow: none; margin-top: 5px; - background-color: #ffffff; + background-color: #FFF; } .routename-star .star-rating-selector-form table { @@ -2510,7 +2586,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 { @@ -2545,11 +2621,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%; }