diff --git a/lib/View/templates/_upload.html b/lib/View/templates/_upload.html index 87cafb8838..dcfb7525ee 100755 --- a/lib/View/templates/_upload.html +++ b/lib/View/templates/_upload.html @@ -585,8 +585,6 @@
- - diff --git a/package.json b/package.json index 85c4d9f18f..6936215f21 100644 --- a/package.json +++ b/package.json @@ -66,7 +66,7 @@ "eslint-plugin-jest-dom": "^5.0.0", "eslint-plugin-react": "^7.23.2", "eslint-plugin-react-hooks": "^5.0.0", - "eslint-plugin-testing-library": "^6.0.0", + "eslint-plugin-testing-library": "^7.0.0", "fs-extra": "^11.1.1", "glob": "^11.0.0", "html-webpack-plugin": "5.6.3", @@ -83,7 +83,8 @@ "sass-loader": "16.0.3", "style-loader": "4.0.0", "undici": "^5.28.2", - "webpack": "5.95.0", + "webpack": "5.96.1", + "webpack-bundle-analyzer": "^4.10.2", "webpack-cli": "5.1.4", "webpack-concat-files-plugin": "^0.5.2", "whatwg-fetch": "^3.6.20" diff --git a/public/api/swagger-source.js b/public/api/swagger-source.js index 152a7de08d..093169a2d0 100644 --- a/public/api/swagger-source.js +++ b/public/api/swagger-source.js @@ -105,7 +105,7 @@ var spec = { name: 'mt_engine', in: 'formData', description: - 'Identifier for Machine Translation Engine. 0 deactivates MT, 1 uses ModernMT Lite, other values correspond to the user\'s personal MT engines (available engines are retrieved via the /api/v2/engines/list endpoint).', + "Identifier for Machine Translation Engine. 0 deactivates MT, 1 uses ModernMT Lite, other values correspond to the user's personal MT engines (available engines are retrieved via the /api/v2/engines/list endpoint).", required: false, type: 'integer', default: 1, @@ -214,7 +214,8 @@ var spec = { { name: 'dialect_strict', in: 'formData', - description: 'Specify if you want matches only from dialect (excluding the other language variants)', + description: + 'Specify if you want matches only from dialect (excluding the other language variants)', required: false, type: 'string', example: '{"it-IT": true, "en-US": false, "fr-FR": false}', @@ -225,20 +226,18 @@ var spec = { description: 'Load specific MMT glossaries', required: false, type: 'string', - example: '{"glossaries": [1, 2, 3, 4], "ignore_glossary_case": true }', + example: + '{"glossaries": [1, 2, 3, 4], "ignore_glossary_case": true }', }, { name: 'deepl_formality', in: 'formData', - description: 'DeepL formality (choose between `default`, `prefer_less` or `prefer_more`)', + description: + 'DeepL formality (choose between `default`, `prefer_less` or `prefer_more`)', required: false, type: 'string', default: 'default', - enum: [ - 'default', - 'prefer_less', - 'prefer_more' - ], + enum: ['default', 'prefer_less', 'prefer_more'], }, { name: 'deepl_id_glossary', @@ -251,10 +250,12 @@ var spec = { { name: 'filters_extraction_parameters', in: 'formData', - description: 'Set the filters extraction parameters throught a json string', + description: + 'Set the filters extraction parameters throught a json string', required: false, type: 'string', - example: '{"name": "parameters": {"json": {"extract_arrays": true, "escape_forward_slashes": false, "translate_keys": ["key"], "do_not_translate_keys": [], "context_keys": [], "character_limit": []}}}', + example: + '{"name": "parameters": {"json": {"extract_arrays": true, "escape_forward_slashes": false, "translate_keys": ["key"], "do_not_translate_keys": [], "context_keys": [], "character_limit": []}}}', }, { name: 'xliff_parameters', @@ -262,12 +263,14 @@ var spec = { description: 'Specific parameters for the analysis of Xliff files', required: false, type: 'string', - example: '{"xliff12": [{"analysis": "pre-translated", "states": ["final"], "editor": "new"}], "xliff20": []}', + example: + '{"xliff12": [{"analysis": "pre-translated", "states": ["final"], "editor": "new"}], "xliff20": []}', }, { name: 'xliff_parameters_template_id', in: 'formData', - description: 'Load a specific template for the analysis of Xliff files', + description: + 'Load a specific template for the analysis of Xliff files', required: false, type: 'string', example: '3213', @@ -275,7 +278,8 @@ var spec = { { name: 'filters_extraction_parameters_template_id', in: 'formData', - description: 'Load a specific template for the analysis of Xliff files and for filters extraction parameters', + description: + 'Load a specific template for the analysis of Xliff files and for filters extraction parameters', required: false, type: 'string', example: '3213', @@ -291,7 +295,8 @@ var spec = { { name: 'id_qa_model_template', in: 'formData', - description: 'Load a previously saved, custom QA framework template', + description: + 'Load a previously saved, custom QA framework template', required: false, type: 'string', example: '3213', diff --git a/public/css/sass/activity-log-main.scss b/public/css/sass/activity-log-main.scss index 6448c2c3dc..726c6583cb 100644 --- a/public/css/sass/activity-log-main.scss +++ b/public/css/sass/activity-log-main.scss @@ -1,4 +1,4 @@ -@import 'variables'; +@import 'commons/variables'; @import 'upload-main'; .activity-log-content { diff --git a/public/css/sass/analyze_main.scss b/public/css/sass/analyze_main.scss deleted file mode 100644 index 1b357f4016..0000000000 --- a/public/css/sass/analyze_main.scss +++ /dev/null @@ -1,30 +0,0 @@ -@import 'vendor_mc/semantic/matecat_semantic'; - -@import "common-main"; -@import 'commons/filter-teams'; -@import 'commons/nav-bar'; -@import 'commons/icons'; -@import 'commons/shadows'; -@import 'commons/project'; -@import 'commons/divider'; -@import 'commons/progress-mc-bar'; -@import 'commons/buttons'; -@import 'common-components'; -@import 'components/signin/OnBoarding'; -@import 'popup'; - -@import 'modals/split_modal'; - -@import 'commons/sub-header'; -@import 'commons/team-member'; - -@import 'commons/analyze'; -@import 'commons/outsource'; -@import 'commons/date-picker-translator'; -@import 'components/common/CookieConsent'; -@import 'components/common/Tooltip'; -@import 'components/common/Button'; -@import 'components/common/LabelWithTooltip'; -@import 'components/common/Switch'; -@import 'components/common/Accordion'; -@import 'components/Analyze/JobAnalyze'; \ No newline at end of file diff --git a/public/css/sass/cattool.scss b/public/css/sass/cattool.scss index 0e463512b9..f6bf283e20 100644 --- a/public/css/sass/cattool.scss +++ b/public/css/sass/cattool.scss @@ -1,4 +1,4 @@ -@import '_mixins'; +@import 'commons/mixins'; @import 'commons/_colors'; body.cattool { //display: flex; @@ -45,194 +45,10 @@ body.cattool { } } - .stats-foo { - //height: 44px; - background-color: $white; - width: 100%; - //position: fixed; - bottom: 0; - left: 0; - z-index: 2; - display: grid; - min-width: 1024px; - - /* .footer-body { - display: grid; - position: relative; - grid-column-gap: 10px; - grid-template-columns: - minmax(80px, 120px) minmax(80px, 420px) minmax(140px, 350px) - minmax(172px, 0.2fr) minmax(116px, 0.2fr) minmax(316px, 0.4fr); - align-items: center; - padding: 0 12px 0 14px; - height: 44px; - - .item { - position: relative; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: 1.5; - color: black; - - .common-tooltip { - font-weight: normal; - span { - max-width: none; - } - } - - p { - margin: 0; - float: none; - - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - #job_id { - text-align: left; - } - - &.language { - display: grid; - justify-self: end; - } - - .to-arrow { - font-size: 14px; - font-weight: bold; - color: #999999; - } - - #stat-todo { - font-weight: bold; - font-size: 14px; - - span { - color: black; - text-decoration: underline; - &:hover { - text-decoration: none; - } - } - } - - #job_id { - font-weight: 200; - font-size: 14px; - } - - .statistics-core { - font-size: 14px; - font-weight: 200; - - a { - span { - color: black; - text-decoration: underline; - &:hover { - text-decoration: none; - } - } - } - } - } - - .progress-bar .progr { - position: relative; - display: grid; - grid-template-columns: 1fr 44px; - grid-column-gap: 8px; - - .percent { - font-weight: 600; - } - - .common-tooltip { - left: calc(50% - 22px); - span { - max-width: none; - } - } - - .meter { - margin: 0 !important; - height: auto; - - @-webkit-keyframes move-bg { - from { - -webkit-transform: translateX(0); - } - to { - -webkit-transform: translateX(46px); - } - } - - @keyframes move-bg { - from { - transform: translateX(0); - } - to { - transform: translateX(46px); - } - } - - .bg-loader { - position: absolute; - left: -46px; - right: 0; - top: 0; - bottom: 0; - z-index: 1; - - background: -webkit-repeating-linear-gradient( - 110deg, - #e8e8e8 0px, - #e8e8e8 10px, - #d8d8d8 0px, - #d8d8d8 20px - ); - background: repeating-linear-gradient( - 110deg, - #e8e8e8 0px, - #e8e8e8 10px, - #d8d8d8 0px, - #d8d8d8 20px - ); - - -webkit-animation-name: move-bg; - -webkit-animation-duration: 0.8s; - -webkit-animation-timing-function: linear; - -webkit-animation-iteration-count: infinite; - - animation-name: move-bg; - animation-duration: 0.8s; - animation-timing-function: linear; - animation-iteration-count: infinite; - } - - a { - &:after { - background-image: none; - } - } - } - } - .statistics-details { - display: grid; - grid-template-columns: minmax(144px, 0.4fr) minmax(168px, 0.6fr); - grid-column-gap: 4px; - justify-self: end; - } - } */ - } .pointer-first-segment { height: 36px; width: 36px; - background: $darkBlue url('../../img/icons/arrow-up.svg') no-repeat center + background: $darkBlue url('/public/img/icons/arrow-up.svg') no-repeat center center; background-size: 24px; border-radius: 50%; @@ -248,14 +64,6 @@ body.cattool { } } -/* -This file contains styles that are specific to the Cattool page. -Styles from other css files should be ported over time. -*/ -.statusmenu li a { - text-transform: uppercase; - cursor: pointer; -} .segment-side-buttons { /* styles based on .sid line 376 style.css */ @@ -272,7 +80,6 @@ Styles from other css files should be ported over time. height: 100%; } -.segmentButton, .toolbar a { height: 20px; zoom: 0.8; @@ -293,26 +100,6 @@ Styles from other css files should be ported over time. } } -.position-sing-in { - position: relative; - top: 5px; -} - -.btn-confirm-medium { - color: #fff; - background: $translatedBlue; - border: 1px solid #848689; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - border-radius: 2px; - font-size: 18px; - margin: 0px 0px 0px 0px; - display: inline-block; - text-align: center; - position: relative; -} - //ICE MATCH .ice-locked, .readonly { diff --git a/public/css/sass/common-components.scss b/public/css/sass/common-components.scss index 1bccdcfa8b..12d0662b0e 100644 --- a/public/css/sass/common-components.scss +++ b/public/css/sass/common-components.scss @@ -13,3 +13,7 @@ @import 'components/common/DropdownMenu'; @import 'components/common/LabelWithTooltip'; @import 'components/common/Checkbox'; +@import 'components/common/SegmentedControl'; +@import 'components/common/Accordion'; +@import 'components/common/FilenameLabel'; + diff --git a/public/css/sass/common-main.scss b/public/css/sass/common-main.scss index 46871adc5d..9685f13c66 100644 --- a/public/css/sass/common-main.scss +++ b/public/css/sass/common-main.scss @@ -1,7 +1,12 @@ +@import 'commons/variables'; @import 'commons/colors'; +@import './vendor_mc/semantic/matecat_semantic'; + @import "commons/typography"; @import 'commons/matecat_fonts'; + @import 'popup'; @import 'common-modals'; -@import 'notifications'; +@import 'components/NotificationBox'; @import 'common-components'; +@import './commons/nav-bar'; diff --git a/public/css/sass/common-modals.scss b/public/css/sass/common-modals.scss index 1a8d76930a..7a033cd31f 100644 --- a/public/css/sass/common-modals.scss +++ b/public/css/sass/common-modals.scss @@ -2,11 +2,6 @@ @import 'modals/tmShareModal'; @import 'modals/PreferenceModal'; -body.side-popup { - overflow: hidden !important; - font-family: Calibri, Arial, Helvetica, sans-serif; -} - h1, h2, h3, @@ -24,18 +19,6 @@ a { font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; } -//ul, -//li, -//ol, -//p, -//button, -//.button, -//.primary, -//input, -//input[type='text'] input[type='email'] .input { -// font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; -//} - ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; @@ -45,8 +28,7 @@ a { /***** Login Footer ****/ #logoutlink, -.reset-password, -#resendlink { +.reset-password { margin-bottom: 10px; text-decoration: underline; float: left; @@ -59,70 +41,6 @@ a { } } -#resendlink { - float: none; -} - -a.ui.primary.right.floated.button.tiny.register-ok { - border: 1px solid black; - font-family: Calibri, Arial, Helvetica, sans-serif; - font-size: 16px; - padding: 6px 19px; -} - -#welcomebox { - float: right; - cursor: pointer; - position: relative; - text-decoration: underline; - margin-left: 8px; -} - -.manage #welcomebox { - margin-top: 0; -} - -#welcomebox .icon-sort-up { - font-size: 22px; - float: right; - margin-left: 9px; -} - -.user-menu { - position: absolute; - top: -92px; - background-color: white; - color: black; - text-align: left; - font-size: 19px; - left: -60px; - box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.4); - visibility: hidden; - transform: translateY(1em); - transition: - all 0.3s ease-in-out 0s, - visibility 0s linear 0.3s, - z-index 0s linear 0.01s; - z-index: -1; - opacity: 0; -} - -.user-menu li { - width: 120px; - height: 20px; - padding: 10px; - line-height: 20px; - border-bottom: 1px solid black; -} - -#welcomebox:hover .user-menu { - visibility: visible; - opacity: 1; - z-index: 1; - transform: translateY(0%); - transition-delay: 0s, 0s, 0.3s; -} - .success-modal, .fatal-error-modal { padding: 20px; @@ -134,16 +52,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { color: red; } -.validation-error.email-translator-error { - position: relative; - top: -25px; - left: 18px; - padding: 0px; - margin-bottom: 0px; - height: 0px; - display: none; -} - .user-info-form, .user-reset-password, .user-gdrive { @@ -157,83 +65,12 @@ a.ui.primary.right.floated.button.tiny.register-ok { width: 100%; } -.login-container-right { - width: 41%; - padding: 3% 1% 3% 25px; - font-size: 17px; - display: inline-block; - float: left; - box-sizing: border-box; - //background: url(https://www.matecat.com/wp-content/themes/stanleywp/images/bgfeat5.png) no-repeat; - //background-size: 84%; - //background-position: 370% center; - padding-top: 30px; -} - -.login-container-left { - width: 59%; - display: inline-block; - padding: 20px 0; - background: #f8f8f8; - border-left: 1px solid #ccc; - box-sizing: border-box; - text-align: center; -} - -.login-container-right h2, -.login-container-right p, -.login-container-right ul { - text-align: left; -} - -.add-project-manage { - padding-left: 0px !important; - margin-left: 20px !important; -} - -.login-container-right ul { - margin-left: 30px; - margin-top: 25px; - margin-bottom: 60px; -} - -.login-container-right .register-button { - margin-top: 30px; - float: left; - margin-left: 50px; -} - -.google-login-button { - background: url('../../img/btn_gg_sprite.png') no-repeat; - background-position: 0 0; -} - -.google-login-button:hover { - background-position: 0 -101px; - box-shadow: none !important; -} - -.google-login-button:focus { - background-position: 0 -50px; -} - -.google-login-button, -.google-login-button:hover, -.google-login-button:focus { - background-size: 100%; - border: none; - height: 30px; - box-shadow: none !important; -} - .forgot-password { cursor: pointer; text-decoration: underline; color: $linkBlue; } -.preferences-modal input[type='text'], -.preferences-modal input[type='password'], .dqf-modal input[type='text'], .dqf-modal input[type='password'], .login-container-left input, @@ -269,12 +106,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { color: #000; } -.login-container-right li { - margin-bottom: 15px; - margin-right: 42px; -} - -.google-login-button, .login-button, .register-button, .register-submit, @@ -300,15 +131,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { padding: 20px 0; } -.preferences-modal input:disabled { - color: #999; - cursor: not-allowed; - background: $grey2; -} - -.preferences-modal .reset-password { - margin-right: 20px; -} .forgot-password-modal { background: url(/public/img/matecat_watch-left-border.png) no-repeat -34px 136px; @@ -327,19 +149,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { width: 80%; } -.register-modal { - padding: 25px 15%; - text-align: center; -} - -.register-modal h2 { - padding: 10px 0 10px 0; -} - -.register-modal .google-login-button { - margin-bottom: 0; -} - .preference-modal-message { box-shadow: 0 2px 2px #e2e2e2; border-radius: 2px; @@ -352,7 +161,7 @@ a.ui.primary.right.floated.button.tiny.register-ok { } .button-loader { - background: url(../../img/loader.gif) center center no-repeat; + background: url(/public/img/loader.gif) center center no-repeat; width: 20px; height: 20px; visibility: hidden; @@ -421,7 +230,7 @@ a.ui.primary.right.floated.button.tiny.register-ok { .modal-logo { background-size: inherit; - background: url(../../img/logo_matecat_small_white.svg) no-repeat; + background: url(/public/img/logo_matecat_small_white.svg) no-repeat; background-position-y: center; background-size: contain; width: 35px; @@ -560,17 +369,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { } } -.preferences-modal { - text-align: left; -} - -.preferences-modal h2 { - margin: 0; - padding: 0 0 0 15px; - font-size: 20px; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; -} - .user-link { float: left; clear: both; @@ -578,6 +376,8 @@ a.ui.primary.right.floated.button.tiny.register-ok { margin-left: 66px; height: 20px; margin-top: 12px; + display: flex; + gap: 16px; } /* The Close Button */ @@ -607,74 +407,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { border: 1px solid #666; } -.matecat-modal-content .btn-confirm-medium:hover, -.matecat-modal-content .btn-confirm-small:hover { - cursor: pointer; - box-shadow: - 0 0 0 #e0e0e0, - 0 0 2px rgba(0, 0, 0, 0.12), - 0 2px 4px rgba(0, 0, 0, 0.24) !important; - color: #ffffff; -} - -.matecat-modal-content .btn-confirm-medium:active { - box-shadow: none !important; -} - -.matecat-modal-content .btn-confirm-medium { - color: #fff; - background: $translatedBlue; - border: 1px solid #848689; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - border-radius: 2px; - font-size: 18px; - margin: 16px 0 16px 0px; - display: inline-block; - text-align: center; - position: relative; -} - -.matecat-modal-content .btn-confirm-medium.google-login-button { - background: url(../../img/btn_gg_sprite.png) no-repeat; - background-position: 0 0; - background-size: cover; - border: none; -} - -.matecat-modal-content .btn-confirm-medium.google-login-button, -.matecat-modal-content .btn-confirm-medium.google-login-button:hover, -.matecat-modal-content .btn-confirm-medium.google-login-button:focus { - background-size: cover; - border: none; - height: 30px; - width: 160px; - margin-left: 0; - margin-top: 5px; - margin-bottom: 0; - box-sizing: content-box; -} - -.matecat-modal-content .btn-confirm-medium.google-login-button:hover { - background: url(../../img/btn_gg_sprite.png) no-repeat; - background-position: 0 -101px; - background-size: cover; - box-shadow: none !important; -} - -.matecat-modal-content .btn-confirm-medium.sing-in { - margin-left: 0px; -} - -.matecat-modal-content .btn-confirm-medium.sing-up { - //margin-left: 0px; -} - -.matecat-modal-content .btn-confirm-medium.register-now { - margin-left: 0px; -} - .matecat-modal-content .disabled, .matecat-modal-content .disabled:hover, .matecat-modal-content .disabled:active { @@ -965,17 +697,6 @@ a.ui.primary.right.floated.button.tiny.register-ok { } } -.register-modal { - .form-divider { - margin-top: 25px; - margin-bottom: 10px; - } - - .condition-google { - font-size: 12px; - } -} - .form-divider { width: 100%; margin: 0 auto; @@ -1180,21 +901,10 @@ a.ui.primary.right.floated.button.tiny.register-ok { } } -a.login-button.btn-confirm-medium.sing-in.disabled:hover { - border: 1px solid #848689; -} - .dropdown > .menu { z-index: 100000000; } -.popup.popup-confirm.confirm_checkbox { - .boxed { - padding-right: 20px; - padding-bottom: 15px; - } -} - .shortcuts-modal { .matecat-modal-top { padding: 15px 25px; diff --git a/public/css/sass/common.scss b/public/css/sass/common.scss index 8a9979a76d..3c67fc986a 100644 --- a/public/css/sass/common.scss +++ b/public/css/sass/common.scss @@ -51,7 +51,7 @@ ul { .logo { float: left; border: 0; - background: url(../../img/logo_matecat_big_white.svg) 0px 0px no-repeat; + background: url(/public/img/logo_matecat_big_white.svg) 0px 0px no-repeat; width: 190px; height: 40px; //margin-top: 5px; @@ -61,2803 +61,98 @@ ul { margin-left: 13px; } -.normal-foo { - background-color: $grey4; - min-width: 992px; - width: 100%; - .footer-body { - display: grid; - position: relative; - grid-column-gap: 24px; - padding: 12px 64px; - //grid-template-columns: minmax(auto,440px) auto; - grid-template-columns: minmax(auto, 440px) auto minmax(auto, 440px); - align-items: center; - .info { - display: grid; - align-items: center; - grid-template-columns: 40px auto; - grid-column-gap: 8px; - .image { - display: flex; - align-items: center; - } - .logo { - background-position: center; - background-size: cover; - } - .description { - color: $grey1; - font-weight: 100; - font-size: 12px; - text-align: left; - line-height: 14px; - .link { - color: #00aee4; - text-decoration: underline; - } - } - } - } - .side-info { - margin-top: 4px; - display: flex; - align-items: center; - box-shadow: none; - justify-content: center; - .item { - padding: 0 20px; - display: flex; - gap: 5px; - a { - margin: 0; - color: $grey1; - text-align: left; - font-size: 16px; - font-weight: bold; - text-decoration: none; - display: flex; - align-items: center; - &.email-link { - color: #fff; - background-color: $grey1; - padding: 6px 24px; - border-radius: 2px; - &:hover { - background-color: $grey6; - } - } - } - } - } - .footer-logo { - display: flex; - justify-content: end; - a { - display: flex; - align-items: center; - } - } -} - -footer p { - margin: 0 5px 0 0; - padding: 0; - float: left; -} - -footer ul { - margin: -5px 0 0 0; - padding: 0; - float: left; - /* border-right: 1px solid #333; */ -} - -footer nav ul, -footer ul.external-links { - border-right: none; -} - -footer nav ul li { - margin-left: 4px; -} -footer .wrapper nav ul li:last-child { - border-right: none; -} - -footer li { - margin: 0 0px 0 0; - padding: 5px 5px; - float: left; -} -footer nav li, -footer ul.external-links li { - height: 18px; - padding-top: 0px; - border-right: 1px solid #fff; - margin-top: 5px; -} - -ul.statistics-details { - margin: 0 auto; - overflow: hidden; - width: 33%; - float: none; - border: none; - height: unset; -} - -ul.statistics-details li { - border-right: 1px solid #fff; - border-left: 1px solid #fff; - padding-top: 0px; - height: 16px; -} - -ul.statistics-details li:first-child { - border-right: none; -} - -a[class^='edit_'] span { - text-decoration: underline; -} - -a[class^='edit_'] { - text-decoration: none; -} - -a.edit_1:before { - color: $translatedBlue; -} - -a.edit_2:before { - color: #ffcc00; -} - -a.edit_3:before { - color: #ff5656; -} - -a[class^='edit_']:before { - content: 'a'; - content: ' \25CF'; - text-decoration: none; - padding-right: 3px; -} - -footer nav li:first-child { - border-left: none; -} - -footer ul.external-links li:last-child { - border-right: none; -} - -footer nav { - float: right; -} - -footer a, -footer #stat-todo span { - text-shadow: none; - font-weight: 100; - cursor: pointer; - color: black; -} -#stat-eqwords strong { - font-weight: bold; -} - -footer a:hover { - text-decoration: none; - //color: #ffffff; -} - -/*footer .wrapper -{ - text-align: right; -}*/ - -.editlog { - margin-right: 23px; -} - -/*stats*/ -footer #statistics { -} - -#stat-quality { - margin-left: 10px; -} - -#stat-quality .quality { - color: rgb(255, 87, 75); -} - -.pull-left { - float: left !important; -} - -.pull-right { - float: right !important; -} - -.stats { - display: none; - width: 460px; - height: 220px; - background-color: #fff; - z-index: 99999999; - position: fixed; - bottom: 33px; - right: 60px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border: 1px solid #000; - text-align: left; - padding: 0; - text-shadow: none; - font-size: 14px; - -moz-box-shadow: 0 0 5px #888; - -webkit-box-shadow: 0 0 5px #000; - box-shadow: 0 0 5px #000; - color: #000; -} - -.iepopup.nobrowser { - width: 1200px; - margin: 0 auto; - overflow: hidden; - box-shadow: none; - border: none; -} - -.iepopup .logoblack { - background-size: 200px auto; - width: 200px; - height: 50px; -} - -.titleie h1 { - font-size: 44px; - margin: 0px; -} - -.titleie h2 { - margin: 0px; - font-weight: normal; -} - -.iepopup.nobrowser ul li { - display: inline-block; - margin: 20px; -} - -.iepopup .col-2 { - width: 46%; - padding: 0%; - margin-top: 50px; - min-height: 400px; - margin-right: 4%; - line-height: 40px; - box-shadow: 0px 2px 3px #e9e9e9; - border-radius: 2px; - border: 1px solid #ccc; -} - -.iepopup .col-2:last-child { - margin-right: 0px; -} - -.iepopup .col-2:hover { - border: 1px solid #3aa9dd; - box-shadow: 0px 0px 3px #3aa9dd; -} - -.button-learn { - width: 100% !important; - padding: 2% 4%; - font-size: 28px !important; - background: #3aa9dd; - border: none !important; - border-radius: 4px; - text-decoration: none; - color: #fff !important; - border-bottom: 3px solid #1b5d7b !important; -} - -.button-learn-2 { - background: none repeat scroll 0% 0% #f4f4f4; - position: relative; - border-width: 1px 1px 3px !important; - border-style: solid !important; - border-color: #e4e4e4 #e4e4e4 #ccc !important; - -moz-border-top-colors: none !important; - -moz-border-right-colors: none !important; - -moz-border-bottom-colors: none !important; - -moz-border-left-colors: none !important; - border-image: none !important; - color: #333 !important; - font-size: 28px !important; - text-decoration: none; - width: 280px !important; - padding: 20px 75px; - height: 30px; - border-radius: 4px; -} - -.col-b .button-learn-2:hover { - color: #3aa9dd !important; -} - -.col-2.col-b .button-learn-2 img { - width: 100px; - position: absolute; - top: -110px; - right: 0px; -} - -.col-b h3 { - margin-bottom: 125px; -} - -.iepopup { - width: 800px; - margin: 30px auto; - padding: 30px 0 30px 0; - display: block; - z-index: 999999; - background: #fff; - box-shadow: 0px 0px 5px #ccc; - border-radius: 2px; - font-size: 18px; - border: 1px solid #ccc; -} - -.iepopup img { - border: 0; -} - -.iepopup ul a { - padding: 0px 0 0 0; - color: #39699a; - text-decoration: underline; -} - -.iepopup a:hover { - text-decoration: none; -} - -.logoblack { - border: 0; - background: url(../../img/logo_matecat_big.svg) 0px 2px no-repeat; - display: block; - width: 145px; - height: 31px; - background-size: 130px 28px; - clear: both; - margin: 0 auto 10px auto; -} - -.nobrowser #outer, -.nobrowser header, -.nobrowser footer, -.nobrowser .wrapper { - display: none !important; -} - -.iepopup p { - line-height: 27px; -} - -/* mgmt panel */ - -.mgmt-panel-tm .tablestats, -.mgmt-panel.gl { - display: block; -} - -/*end mgmt panel */ - -/* dropdown menu profile */ - -.wrapper-dropdown-5.logged { - padding: 8px 20px 20px 10px; -} - -.logged .dropdown-icon img { - border: 1px solid #555; -} - -.userinfo { - padding: 0; - border-bottom: 1px solid #999; - color: #ccc; - margin: 0 auto; - overflow: hidden; -} - -.userinfo a { - border-bottom: none !important; - font-weight: bold; - float: left; - color: #333 !important; - margin-right: 4px; -} - -.dropdown span { - margin-right: 11px; - margin-top: 2px; - float: left; - position: relative; -} - -.dropdown .cancel span { - margin-right: 13px; -} - -.deleteTM span { - margin-right: 11px; - font-size: 16px; - margin-left: 2px; -} - -#loginlink { - color: #fff; -} - -.login-info { - padding: 6px 0; - color: #fff; -} - -.dropdown-icon { - /* Little arrow */ - width: 23px; - height: 21px; -} - -.dropdown-icon .icon-paw { - font-size: 1.5em; - margin-right: 10px; -} - -.dropdown .icon-stack-exchange { - font-size: 1.1em; - margin-top: -1px; -} - -/* No CSS3 support */ - -.no-opacity .wrapper-dropdown-1 .dropdown, -.no-pointerevents .wrapper-dropdown-1 .dropdown { - display: none; - opacity: 1; /* If opacity support but no pointer-events support */ - pointer-events: auto; /* If pointer-events support but no pointer-events support */ -} - -.no-opacity .wrapper-dropdown-1.active .dropdown, -.no-pointerevents .wrapper-dropdown-1.active .dropdown { - display: block; -} - -.needtobelogged { - height: 150px; - text-align: center; - padding: 15px 5px; - color: #333; -} - -/*end dropdown menu profile */ - -/*.topMenu ul li { - box-shadow: 0 0 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important; - background: #fff; -}*/ - -.topMenu ul li a { - text-decoration: none; - color: #333; - padding: 13px 10px 10px 22px; - display: block; - background-size: 24px; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; -} - -.topMenu ul li.current a { - font-weight: bold; - border-left: 3px solid #ffcc00; -} - -.topMenu ul li a:hover { - background: #f2f4f7; -} - -.tooltip { - cursor: help; - position: absolute; - border: 1px solid #717171; - border-radius: 20px; - width: 13px !important; - font-size: 13px; - height: 11px; - font-weight: bold; - padding-left: 0px; - padding-top: 2px; - margin-top: -3px; - line-height: 11px; - background: #fbf3aa; - margin-left: 5px; - color: #717171; - box-shadow: 1px 1px 1px #999; -} - -.tooltip:hover span { - opacity: 1; - top: -90px; -} - -.tooltip span { - width: 200px; - height: auto; - line-height: 22px; - color: #333; - padding: 10px; - left: -98px; - font-weight: 400; - font-size: 15px; - text-align: center; - border: 1px solid #727272; - background: #fff8ba; - text-indent: 0px; - border-radius: 5px; - position: absolute; - pointer-events: none; - top: -110px; - opacity: 0; - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -moz-box-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - z-index: 1000000000000000; -} - -.tooltip span:before, -.tooltip span:after { - content: ''; - position: absolute; - bottom: -11px; - left: 43%; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid #727272; -} - -.tooltip span:after { - bottom: -10px; - margin-left: -1px; - border-top: 10px solid #fff8ba; -} - -.mgmt-table-tm .boxed { - border-radius: 4px; - border: 1px dashed #ccc; - padding: 10px; - margin-bottom: 20px; - background: #f7f7f7; -} - -#editlog-boxed { - border-radius: 4px; - border: 1px dashed #ccc; - padding: 10px; - margin-bottom: 10px; - margin-top: 15px; - background: #f7f7f7; - font-size: 17px; -} - -#contextMenu { - position: absolute; - display: none; - background: white; - z-index: 999; - border: 1px solid #999; - width: 200px; - padding: 3px; -} - -#contextMenu li { - text-align: left; - padding: 3px; - font-size: 80%; -} - -#contextMenu li:hover { - background: #eee; - cursor: pointer; -} - -#contextMenu .shortcut { - float: right; -} - -/*popup*/ -.modal[data-type='view'] { - display: none; -} - -.popup-outer { - background: #000; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 12; - opacity: 0.4; -} - -.popup { - overflow: hidden; - line-height: 30px; - border-radius: 0 0 4px 4px; - color: #000 !important; - /*margin: -200px 0 0 -250px;*/ - padding: 0 0px 20px 0px; - /*position: fixed;*/ - top: 50%; - left: 50%; - z-index: 999999999999999999999999999; -} - -.popup.popup-alert:hover { - background-color: #fff; -} - -.modal .popup p.waiting { - background: url(../../img/loading.gif) 38% 3px no-repeat !important; - background-size: 24px !important; -} - -/********** TM panel **********/ - -.slide-panel { - height: 100% !important; - width: 1024px; - margin: 0 auto; - overflow-x: hidden; - overflow-y: auto; - position: fixed; - z-index: 12; - top: 0; - right: -1100px; - background: #fff; -} - -.mymemory-descr { - margin-left: 7px; - width: 100%; - color: #666; -} - -.dqf-settings { - font-weight: bold; - text-decoration: underline; - cursor: pointer; -} - -/********** TM panel End **********/ - -span.notify { - margin-top: 10px; -} - -.action .dropdown a.disabled { - opacity: 1 !important; - color: #b5b5b5 !important; - border: none; - border-bottom: 1px solid #e6e8ea !important; - background: #f1f1f1 !important; -} - -td.addtmxtd { - width: 804px; -} - -input.email-export { - width: 180px; - margin-left: 10px !important; -} - -.downloading .uploadloader { - display: block; - z-index: 10; -} - -.downloading .uploadloader { - right: 130px; - margin-top: -2px; - background-size: 15px; - background-color: #d6d6d6; -} - -.uploadloader { - background: url(../../img/loader.gif) center center no-repeat; - width: 20px; - height: 20px; - float: right; - margin-top: 3px; - position: absolute; - right: 233px; - background-size: 20px 20px; -} - -.pending .uploadloader { - display: block !important; - position: relative; - float: left; - top: inherit; - margin-top: 0; - right: inherit; -} - -.continuebtn, -.continuebtn:hover { - background: #7eaf3e; -} - -.mgmt-table-mt td.action .btn { - border-radius: 2px; -} - -.mgmt-table-mt th.description { - width: 40%; -} - -th.enable-mt { - width: 190px; -} - -/*#inactivetm td.action .addtmx { - display: none; -}*/ -#activetm tr:hover td { - background: #f1f8fc; -} - -#inactivetm tr:hover td { - background: #f8f8f8; -} - -form.add-TM-Form { - display: inline; - padding: 5px 0 10px; - margin: 0 0 0 10px; -} - -#uploadCallback { - display: none; -} - -#activetm tr.new .error { - display: none; - float: left; - width: 80%; - color: #f00; - position: relative; -} - -.notify td { - background: #fffa8b !important; - padding: 5px 25px; - text-align: right; -} - -#activetm tr.new .error span { - display: none; - width: 100%; - line-height: 100%; - float: left; - margin-bottom: 6px; -} - -.tm-error-key, -.tm-error-grants { - height: auto; - line-height: 22px; - padding: 10px; - font-weight: 400; - font-size: 15px; - text-align: center; - border: 4px solid #fff; - background: rgba(255, 255, 255, 1); - text-indent: 0px; - opacity: 0.9; - border-radius: 5px; - position: absolute; - pointer-events: none; - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; -} - -.tm-error-grants { - width: 200px !important; - left: -175px; - top: -130px; -} - -.tm-error-key { - width: 200px; - left: -5px; - top: -50px; -} - -.tm-error-key:before, -.tm-error-key:after, -.tm-error-grants:before, -.tm-error-grants:after { - content: ''; - position: absolute; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid rgba(0, 0, 0, 0.1); -} - -.tm-error-key:before, -.tm-error-key:after { - bottom: -15px; - left: 43%; -} - -.tm-error-grants:before, -.tm-error-grants:after { - bottom: -15px; - left: 43%; -} - -.tm-error-grants:after { - bottom: -14px; - margin-left: -1px; - border-top: 10px solid #fff; -} - -.tm-error-key:after { - bottom: -14px; - margin-left: -1px; - border-top: 10px solid #fff; -} - -.popup p { - font-size: 18px; -} - -.popup h1, -.popup-tm h1, -.popup-languages.slide h1, -.slide-panel h1 { - overflow: visible; - max-height: inherit; - font-size: 24px; - background: #002b5c url(../../img/logo_matecat_small_white.svg) 16px 12px - no-repeat; - padding: 10px 10px 7px 68px; - background-size: 40px; - /*border-bottom: 1px solid #000;*/ - color: #fff; - margin: 0 !important; - text-align: left; -} - -.popup-tm h1, -.popup-languages.slide h1 { - height: 60px; - padding: 10px 13px 7px 58px; -} - -.popup h2 { - font-weight: normal; - font-size: 24px; - color: black; - display: block; - margin: 20px 0 20px 0; -} - -.popup a.anonymous { - font-size: 12px; -} - -.popup a.anonymous:visited, -.popup a.anonymous:active { - color: black; -} - -.popup-confirm .btn-ok { - /* TODO REVIEW this rule breaks the popup button alignment in confirm change language after file conversion */ - /*float: left;*/ - margin-left: 10px; -} - -.popup .inner { - width: 45px; - border-right: 1px solid #003366; - border-radius: 0 0 0 6px; -} - -.popup .login-button { - width: 330px; - font-weight: normal; - padding: 8px 0 8px 45px; - text-align: center; - color: #fff; - font-size: 16px !important; - text-shadow: 0 -1px 0 #003366; - background: transparent; - border: none; - cursor: pointer; -} - -.popup .x-popup, -.mgmt-panel .x-popup, -.slide-panel .x-popup { - color: #fff; - text-decoration: none; - display: block; - height: 30px; - font-size: 20px; - padding-top: 2px; - float: right; - margin: 0; - background-size: 22px; -} - -.popup .x-popup:hover, -.slide-panel .x-popup:hover, -.x-popup2:hover { - color: $darkBlueTransparent; -} - -.x-popup:hover { - color: $darkBlueTransparent; -} - -.mgmt-panel .x-popup { - right: 130px; - margin-top: 10px; -} - -.uploadtm.disabled { - background: $translatedBlue !important; -} - -.popup .btn-ok, -.popup .btn-cancel { - padding: 1px 18px; - margin: 16px 0 16px 20px; - display: inline-block; -} - -.mgmt-panel-tm .btn-ok, -.mgmt-panel-gl .btn-ok, -.popup .btn-ok, -.popup .btn-cancel, -.slide-panel .btn-ok, -.slide-panel .btn-cancel, -.uploadtm.disabled, -.download-manage.btn-ok { - color: #fff; - background: $translatedBlue; - //border: 1px solid #797979; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - border-radius: 2px; - font-size: 18px; - cursor: pointer; - border: 0; - line-height: 18px; -} - -.btn-cancel.in-popup { - padding: 7px 18px !important; -} - -.hide { - display: none; -} - -.slide-panel.open tr.hide { - display: none !important; -} - -.btn-grey { - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - margin: 0 5px; - border-radius: 2px; - font-size: 18px; - color: #333; - background: #f6f6f6; - background: -webkit-gradient( - linear, - left top, - left bottom, - from(#f6f6f6), - to(#e2e3e5) - ); - background: -moz-linear-gradient(top, #f6f6f6, #e2e3e5); - background: linear-gradient(top, #f6f6f6, #e2e3e5); - line-height: 20px; -} - -#sign-in-o, -#sign-in-o-mt { - padding: 10px 10px 0px; - margin: 0 auto; - width: 200px; - text-align: center; - float: none !important; -} - -#sign-in-o-mt { - width: 290px; -} - -.popup .btnsplit .btn-cancel { - margin: 0; -} - -.popup .btn-cancel, -.btn-grey, -.slide-panel .btn-cancel, -.btn-grey { - color: $grey2; - background: white; - //background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e2e3e5)); - //background: -moz-linear-gradient(top, #f6f6f6, #e2e3e5); - //background: linear-gradient(top, #f6f6f6, #e2e3e5); -} - -.dont_show + label { - font-size: 16px; -} - -.slide-panel h1 .btn-ok, -.slide-panel h1 .btn-cancel { - padding: 0px 18px; -} - -.mgmt-panel-tm .btn-ok:hover, -.mgmt-panel-gl .btn-ok:hover, -.popup .btn-ok:hover, -.popup .btn-cancel:hover, -.slide-panel .btn-ok:hover, -.slide-panel .btn-cancel:hover { - background-color: $translatedBlueHover; - //box-shadow: 0 0 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important; - //border: 1px solid #797979; -} - -.mgmt-panel-gl .btn-ok:active, -.mgmt-panel-tm .btn-ok:active, -.popup .btn-ok:active, -.popup .btn-cancel:active, -.slide-panel .btn-ok:active, -.slide-panel .btn-cancel:active { - //-moz-box-shadow: inset 0 0 1px 1px #888; - //-webkit-box-shadow: inset 0 0 1px 1px #888; - //box-shadow: inset 0 0 1px 1px #888; -} - -.popup .btn-ok.right, -.popup .btn-cancel.right, -.popup-tm .btn-ok.right, -.popup-tm .btn-cancel.right, -.popup-languages.slide .btn-ok.right, -.popup-languages.slide .btn-cancel.right { - float: right; -} - -#chooseMultilang, -#cancelMultilang { - padding: 4px 18px; - margin-left: 10px; -} - -#cancelMultilang:hover { - padding: 4px 18px; - margin-left: 10px; - color: #333333; -} - -.mgmt-panel-tm .nav-tabs { - background: #002b5c; - display: block; -} - -.mgmt-add-tm, -.mgmt-add-gl, -.addrow-tm, -.addrow-gl, -.dataTables_paginate { - display: none; -} - -.add-tm span { - margin: 2px 8px 0 0; -} - -.notlogged { - color: #ccc !important; -} - -.mgmt-add-tm .source { - clear: both; -} - -div.mgmt-container { - margin: 0 auto; - overflow: hidden; - width: 998px; - padding-top: 20px; - padding-bottom: 150px; - text-align: left; - min-height: 400px; - .insert-tm { - ul { - list-style: circle; - padding-left: 25px; - padding-top: 6px; - } - .provider-field.checkbox .checkbox-label { - margin-top: 4px; - } - .info-icon { - background: url(../../img/info.png); - background-size: 18px; - width: 18px; - height: 18px; - margin-left: 4px; - margin-bottom: 4px; - cursor: pointer; - } - .provider-field.checkbox { - display: flex; - justify-content: flex-start; - align-items: center; - } - .provider-field.checkbox.first { - margin-top: 10px; - } - } -} - -.mgmt-tm .priority { - /*width:5%!important;*/ -} - -.mgmt-tm .privatekey { - width: 150px !important; - font-size: 13px; -} - -.mgmt-tm .new td.privatekey { - width: 195px !important; -} - -td.description, -th.description { - width: 491px !important; -} - -th.owner, -td.owner { - width: 46px !important; -} - -.mgmt-tm .langpair { - /*width:14%!important;*/ - width: 144px !important; -} - -.mgmt-tm .check { - /*width:6%!important;*/ - width: 55px !important; - text-align: center; -} - -.mgmt-table-mt td { - padding: 10px !important; -} - -.mgmt-mt .action { - /*width:22%!important;*/ - width: 95px !important; - text-align: center; -} - -.mgmt-tm th.action, -.mgmt-tm td.action { - width: 186px !important; -} - -th.activate, -td.activate { - width: 55px !important; - text-align: center; -} - -#inactivetm th.check, -#inactivetm th.privatekey, -#inactivetm th.owner, -#inactivetm th.action, -#activetm th.privatekey, -#activetm th.owner #ativetm th.action { - visibility: hidden; -} - -#inactivetm .check.lookup input, -#inactivetm .check.update input { - visibility: hidden; -} - -#inactivetm tbody { - background: #f3f3f3; -} - -.icon-owner.icon-owner-private, -.icon-owner.icon-owner-shared, -.icon-owner.icon-owner-public { - color: #6f6f6f; - text-decoration: none; - cursor: default; -} - -.icon-owner.icon-owner-private { - padding: 2px 0px 2px 6px; -} - -.icon-owner.icon-owner-shared { - padding: 2px 2px; -} - -.share-button { - width: 50px; - text-align: center; - margin-right: 15px; -} - -.message-share-tmx { - font-size: 14px; - float: left; - width: 485px; - padding-left: 12px; - line-height: 34px; -} - -input.message-share-tmx-input-email { - margin-top: 2px; - float: left; - margin-left: 15px; - width: 290px; - height: 24px; - font-size: 14px; - padding-left: 4px; - background-color: #fbfbfb; - border: 1px solid #ccc; - border-radius: 2px; -} - -span.message-share-tmx-email, -.message-share-tmx-openemailpopup { - text-decoration: underline; - cursor: pointer; -} - -/* -.new .privatekey { - width: 110px!important; -padding: 15px 31px 10px 10px; -}*/ - -select#mt_engine_int { - font-size: 18px; - height: 30px; - margin: 20px 0; - width: 90%; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-image: url('../../img/icons/icon-down.svg'); - background-position: right 10px top 50%; - background-repeat: no-repeat; -} - -.mgmt-tm .progress { - display: block; - height: 15px; - background: #d0d1d1; - border: 1px solid #ccc; - position: relative; - border-radius: 4px; - float: left; - margin-right: 10px; - margin-left: 10px; - width: 120px; -} - -.new td.fileupload { - width: 99px; -} - -.back-mgmt { - padding: 20px; - margin-right: 20px; -} - -.memory-mgmt.btn { - width: auto; -} - -.slide-panel-body { - margin: 2%; -} - -.slide-panel table, -.mgmt-gl, -.mgmt-tm-nested { - font-size: 15px; - width: 100%; - margin-bottom: 20px; - border: 1px solid #ccc; - border-spacing: 0; -} - -.privatekey .btn-ok { - margin: 0 !important; -} - -.btn-grey.uploadtm { - clear: right; -} - -span.asterisk { - line-height: 10px; - vertical-align: bottom; -} - -span.text-or { - text-align: center; - width: 21px; -} - -span.text-req { - /* margin-top: 0px; */ - clear: left; - color: #bbb; -} - -.file_upload_error, -.error { - color: #ff3300; -} - -.file_upload_warning { - color: $warning; -} - -.error { - float: left; -} - -input.error { - border: 1px solid red !important; - font-size: inherit; -} - -.mgmt-tm .btn-grey { - padding: 5px 0px !important; -} - -.mgmt-tm .btn-ok, -.mgmt-tm .btn-grey { - cursor: pointer !important; - font-size: 14px; -} - -.canceladdtmx, -.canceladdglossary { - margin: 0; - cursor: pointer; -} - -.mgmt-tm .btn-ok { - padding: 6px 5px !important; - width: 119px; - margin-left: 5px; -} - -div.mt-error-key { - display: none; - color: red; - padding: 5px 0 10px; - margin-left: 7px; - clear: both; -} - -.mgmt-table-mt .uploadtm.btn-ok { - margin: 15px 0 15px 20px; -} - -.mgmt-tm .btn-grey:last-child { - margin: 0 !important; -} - -.action .notify { - border-top: none; - box-shadow: none; - float: left; -} - -body.cattool .mgmt-tm.mine thead, -.mgmt-tm.new thead, -.mgmt-tm.anonymous thead { - display: none; -} - -#activetm tr.ownergroup td, -#activetm tr.anonymous td { - color: #999; -} - -td.share-tmx-container, -td.download-container, -td.download-glossary-container, -td.uploadfile { - color: black !important; -} - -.btn-grey .text, -.canceladdtmx.btn-grey .text, -.canceladdglossary.btn-grey .text, -.addtmxfile.btn-ok .text, -.addglossaryfile.btn-ok .text, -.uploadtm.btn-ok .text { - display: block; - text-align: center; -} - -.canceladdtmx.btn-grey .text, -.canceladdglossary.btn-grey .text, -.addtmxfile.btn-ok .text, -.addglossaryfile.btn-ok .text, -.uploadtm.btn-ok .text { - /*width: 90px;*/ -} - -.mgmt-tm .btn-grey .text { - width: 33px !important; -} - -.canceladdtmx.btn-grey .text, -.canceladdglossary.btn-grey .text, -.addtmxfile.btn-ok .text, -.addglossaryfile.btn-ok .text, -.uploadtm.btn-ok .text { - color: #fff; -} - -.addtmxfile.btn-ok, -.addglossaryfile.btn-ok { - display: none; -} - -.canceladdtmx.btn-grey, -.canceladdglossary.btn-grey, -.cancelsharetmx.btn-grey { - background: #f26522; -} - -.popup-tm td.description .edit-desc, -.popup-tm td.engine-name .edit-desc { - height: 18px; - width: 450px !important; - padding: 2px 4px; - border-radius: 2px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - box-shadow: 0 0 0 1px #e2e2e2; -} - -.popup-tm td.engine-name .edit-desc { - max-width: 350px !important; -} - -.popup-tm tr.mine td.description .edit-desc[contenteditable='true'], -.popup-tm td.engine-name .edit-desc[contenteditable='true'] { - border: 1px solid #999; - background: #fff; - height: auto; - outline: 0; - box-shadow: inset 0 1px 2px #ddd; - -webkit-box-shadow: inset 0 1px 2px #ddd; - white-space: initial; - overflow: initial; - text-overflow: initial; -} - -.popup-tm tr.mine td.description .edit-desc:hover { - box-shadow: 0px 0px 0px 1px #ccc; - cursor: text; -} - -.canceladdtmx.btn-grey:hover, -.canceladdglossary.btn-grey:hover { - background: #d1581c; -} - -.addtmxfile.btn-ok:hover, -.addglossaryfile.btn-ok:hover { - background: $translatedBlue; -} - -td.uploadfile input[type='file'] { - margin-right: 20px; -} - -td.uploadfile .error { - float: left; - margin-right: 14px; - color: red; -} - -td.uploadfile .uploadprogress .error { - float: left; - margin-right: 0px; -} - -.canceladdtmx:hover, -.canceladdglossary:hover { - color: red; -} - -.filter-box { - position: relative; - margin-top: 5px; -} - -.filter-box span { - position: absolute; - top: 2px; - color: #ccc; -} - -.filter-box input { - padding: 3px 10px 3px 30px; - border-radius: 2px; - border: 1px solid #ccc; - color: #999; - width: 108px; - margin-right: 9px; -} - -.dataTables_length, -.dataTables_info { - display: none; -} - -.dataTables_filter { - float: right; - margin-top: 10px; -} - -.check.sorting:after, -.action.sorting:after { - display: none; -} - -.sorting_asc:after { - content: '\f0dd'; - float: right; - margin-top: -4px; -} - -.sorting_desc:after { - content: '\f0de'; - float: right; - line-height: 1px !important; - margin-top: 10px; -} - -.sorting:after { - content: '\f0dc'; - float: right; -} - -.dataTables_paginate { - float: right; - margin-top: 10px; -} - -/* -#activetm {margin-bottom: 15px;} -*/ -#activetm thead { - /* display: table-header-group !important;*/ - background: #6d6e71; -} - -#activetm tbody { - display: block; - background: #e4f2fb; -} - -tr.tm-error, -td.tm-error { - border: 1px solid red !important; -} - -tr.mymemory td.dragrow .status { - display: none !important; -} - -#activetm tr:not(.new), -#inactivetm tr:not(.new) { - display: block; -} - -#activetm td.uploadfile, -#inactivetm td.uploadfile { - display: block; - background: #fff; - padding: 10px 17px 20px 5px; - height: 20px; - width: initial !important; - border-top: 1px solid #e1e1e1; - box-shadow: inset 0px 2px 5px 0px #e4e4e4; - position: relative; - box-sizing: content-box; -} - -span.email-export-email-sent, -span.email-export-email-error, -.message-glossary-export-completed, -.mgmt-tm .message-glossary-export-error, -#activetm td.uploadfile .msg, -#inactivetm td.uploadfile .msg { - float: right; - margin-top: 5px; - margin-right: 20px; - color: green; - text-align: right; -} - -.mgmt-tm .upload-file-msg-success, -.mgmt-tm .upload-file-msg-error { - color: green; - float: right; - margin-top: 7px; - margin-right: 4px; - display: none; -} - -.mgmt-tm .message-glossary-export-error, -.mgmt-tm .upload-file-msg-error { - color: red; - margin-right: 20px; - max-width: 310px; -} - -#activetm td.dragrow { - position: relative; - padding: 5px 5px 5px 5px !important; -} - -#inactivetm th.dragrow { - width: 10px !important; -} - -td.uploadfile p { - margin: 0 10px; -} - -#activetm td.dragrow .status { - cursor: move; - margin: 0 auto; - width: 2px; - border: 2px dotted #ccc; - border-top: 0; - border-bottom: 0; - display: block; - position: absolute; - right: 0; - left: 0; - height: 67%; - bottom: 15%; - top: 17%; -} - -#activetm tr.owner td { - background: #fff !important; - color: #999 !important; -} - -#activetm tr.anonymous td { - background: #f6f6f6 !important; -} - -/* Export TMX container */ -#activetm td.download-container, -#inactivetm td.download-container, -#activetm td.download-glossary-container, -#inactivetm td.download-glossary-container, -#activetm td.share-tmx-container, -#inactivetm td.share-tmx-container { - display: block; - background: #fff; - padding: 10px 17px 20px 5px; - height: 53px; - border-top: 1px solid #e1e1e1; - box-shadow: inset 0px 2px 5px 0px #e4e4e4; - position: relative; -} - -td.download-container, -.mgmt-tm .download-glossary-container { - line-height: 30px; -} - -.message-export, -.message-export-success { - float: left; - margin-left: 11px; -} - -input.email-export { - float: left; - margin-left: 14px; - margin-top: 3px !important; -} - -.export-button-label:before { - content: '\f00c'; - padding-right: 7px; - vertical-align: text-top; -} - -.export-button-label { - width: 90px !important; - display: block; - text-align: center; - color: white !important; -} - -.mgmt-tm .btn-ok.export-button { - margin-right: 9px; -} - -/*** New Buttons ***/ - -.btn-orange-small, -.btn-orange-medium { - background: #f26522; - width: 35px; - height: 35px; - border: 1px solid #848689; - border-radius: 2px; - color: white; - text-align: center; - font-weight: bold; - cursor: pointer; - text-decoration: none; - line-height: 35px; -} - -.btn-orange-medium { - background: #f26522; - width: 35px; - height: 35px; - border: 1px solid #848689; - border-radius: 2px; - color: white; - text-align: center; - font-weight: bold; - cursor: pointer; - text-decoration: none; - line-height: 35px; -} - -.btn-orange-medium:hover, -.btn-orange-small:hover { - background: #d1581c; - cursor: pointer; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; - border: 1px solid #000; -} - -.btn-orange-medium .text:before, -.btn-orange-small .text:before { - content: '\f00d'; - vertical-align: text-top; -} - -.btn-orange-medium .text, -.btn-orange-small .text { - color: #fff; -} - -.btn-confirm-small { - /* color: #fff; */ - background: $translatedBlue; - //border: 1px solid #797979; - font-weight: bold; - text-decoration: none; - border-radius: 2px; - font-size: 15px; - margin-right: 3px; - box-sizing: border-box; - width: 120px; - height: 35px; - text-align: center; - left: 6px; - position: relative; - /* top: -4px; */ - /* vertical-align: middle; */ -} - -.btn-confirm-small:hover { - background-color: $translatedBlueHover; - //box-shadow: 0 0 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important; - //border: 1px solid #797979; -} - -.btn-confirm-small .text:before { - content: '\f00c'; - padding-right: 7px; - vertical-align: text-top; -} - -.btn-confirm-small .text { - color: #fff; -} - -.cancel-tm-key-delete.cancelDelete { - margin-left: 7px; - margin-right: -4px; - position: relative; - width: 33px; - height: 33px; - line-height: 35px; -} - -.btn-orange-small.continueDletingMT { - top: 7px; - position: relative; -} - -.btn-confirm-medium { - color: #fff; - background: $translatedBlue; - border: 1px solid #848689; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - border-radius: 2px; - font-size: 18px; - background: -webkit-gradient( - linear, - left top, - left bottom, - from($translatedBlue), - to(#119ec4) - ); - background: -moz-linear-gradient(top, $translatedBlue, #119ec4); - background: linear-gradient(top, $translatedBlue, #119ec4); - margin: 16px 0 16px 20px; - display: inline-block; - text-align: center; - position: relative; -} - -.btn-confirm-medium:hover, -.btn-confirm-small:hover { - cursor: pointer; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; - border: 1px solid #000; -} - -.btn-confirm-medium:active, -.btn-confirm-small:active { - -moz-box-shadow: inset 0 0 1px 1px #888; - -webkit-box-shadow: inset 0 0 1px 1px #888; - box-shadow: inset 0 0 1px 1px #888; -} - -/*******************/ -td.download-glossary-container .uploadloader { - top: 13px; - right: 85px; -} - -.download-container .uploadloader { - right: 200px; - top: 13px; - display: none; -} - -.export-button.disabled { - cursor: default; - pointer-events: none; -} - -span.email-export-email-sent, -span.email-export-email-error, -.mgmt-tm .message-glossary-export-error, -.message-glossary-export-completed { - float: right; - margin-top: 1px; - display: none; -} - -span.email-export-email-error { - color: red; - margin-left: 21px; - line-height: 14px; - text-align: center; - margin-right: 28px; -} - -.btn-grey.canceladd-export { - background: #f26522; - width: 35px; - margin: 0px; - text-align: center; - color: #fff; - &:hover { - background: #c1511c; - } -} - -.canceladd-export:before { - content: '\f00d'; - vertical-align: text-top; -} - -.mgmt-tm tr.tm-key-deleting { - pointer-events: none; - border: 1px solid #f9f903; -} - -/************************/ -.anonymous td.dragrow { - background-image: none !important; - cursor: initial; -} - -/* -#activetm th.privatekey, #inactivetm th.privatekey { - padding-left:15px; - padding-right: 6px; -} -*/ - -.mine .downloadtmx { - display: block !important; -} - -.mgmt-tm .downloadtmx { - /*display: none !important; */ -} - -tr.mine.ui-sortable-helper { - border-bottom: 1px solid #ccc; - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; -} - -/* provvisorio */ -.disabletm { - display: none; -} - -#inactivetm { - cursor: initial; - float: left; -} - -td.no-gutter { - padding: 0 !important; -} - -.dataTables_empty { - width: 1042px; -} - -#inactivetm tbody, -#inactivetm thead { - display: block; -} - -#inactivetm thead { - background: #6d6e71; -} - -.mgmt-container .icon-search { - margin-top: 3px; - margin-left: 8px; -} - -.mgmt-container .search { - padding: 2px; - margin-right: 2px; - display: block; - float: right; - margin-bottom: 10px; -} - -#activetm td, -.activemt td { - background: #e4f2fb !important; -} - -#activetm tr.ownergroup td { - background: #f4f4f4; - color: #999; -} - -#activetm tr.ownergroup td.dragrow .status { - border: none; - cursor: auto; -} - -#activetm tr.uploadfile td { - background: #fff; -} - -#inactivetm td, -table.mgmt-mt td { - background: #f3f3f3; -} - -.mgmt-tm th, -.mgmt-mt th { - padding: 8px 5px; - background: #fff; -} - -#activetm tr.mymemory td, -#activetm tr.ownergroup td { - background-color: #f8f8f8 !important; - right: 0; -} - -.slide-panel td { - padding: 10px 0 10px 10px; - background: #fff; - vertical-align: middle; - border-top: 1px solid #ccc; - box-shadow: inset 0 1px 0 0 #fff; -} - -td.engine-name, -td.enable-mt { - overflow: hidden; -} - -.mgmt-tm td { - /* padding: 10px 0 10px 10px; - vertical-align: middle;*/ - box-sizing: border-box; -} - -.mgmt-tm th { - box-sizing: border-box; -} - -.addtmxrow td, -.new td { - background: #fff !important; -} - -.mgmt-panel select { - width: 230px; - height: 20px; - padding: 5px; - font-size: 13px; - border: 1px solid #ccc; - margin: 1px 0 5px 0; -} - -.btn-confirm { - margin-top: 25px !important; -} - -span.newrow.text-center { - width: 100%; - display: block; -} - -.mgmt-panel h3 { - margin: 0 11px 10px; - font-size: 20px; -} - -.addrow { - width: 100%; -} - -.addrow label { - float: left; -} - -.mgmt-panel p { - line-height: 28px; -} - -p.required { - margin-bottom: -3px; -} - -.mgmt-add-tm input, -.mgmt-add-gl input { - font-size: 12px !important; - height: 22px; - color: #999999; - float: left; - padding: 5px 10px; - border: 1px solid #abadb3; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; -} - -#inactivetm.filtering tbody tr:not(.found) { - display: none !important; -} - -.mgmt-table-mt .icon-info { - font-size: 18px; -} - -.mgmt-table-mt .icon-info:hover #more-info { - display: block !important; -} - -.more-info-tip { - width: auto; - position: absolute; - float: left; - background: #fff; - height: auto; - margin-left: 9%; - margin-top: -35px; - line-height: 20px; - font-size: 14px; - text-align: left; - vertical-align: middle; - border: 1px solid #e0e0e0; - padding: 10px 18px; - border-radius: 6px; -} - -.more-info-tip:after, -.more-info-tip:before { - border: solid transparent; - content: ' '; - height: 0; - width: 0; - margin-left: -36px; - margin-top: -37px; - position: absolute; - z-index: 1; - pointer-events: none; - border-right-color: #fff; - border-width: 9px; -} - -.more-info-tip:before { - border-right-color: #ccc; - margin-left: -37px; - margin-top: 3px; -} - -.insert-tm .canceladdtmx, -.insert-tm .canceladdglossary { - margin: 21px 0; -} - -.nonumber { - display: none; -} - -.disabled .nonumber { - display: block !important; -} - -.disabled .number { - display: none; -} - -.resource { - margin-bottom: -7px; -} - -tr.disabled td { - background: #f3f3f3 !important; -} - -.provider-field.disabled, -.provider-field.disabled:hover { - border: initial; - background: initial; -} - -.mgmt-add-gl input { - width: 225px; - margin-right: 12px; -} - -.clear { - clear: both; -} - -.offline span.msg span { - vertical-align: middle; -} - -.slide-panel table th, -.mgmt-gl th { - background: #6d6e71; - color: #fff; - height: 20px; - line-height: 15px; -} - -.wrapper-dropdown-5 { - position: relative; - outline: none; - background: #dcdedf; - width: 12px; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; - cursor: pointer; - border: 1px solid #666; - border-left: none; - border-radius: 0 2px 2px 0; - text-decoration: none; - text-align: center; - padding: 4px 16px !important; -} - -.wrapper-dropdown-5:after { - /* Little arrow */ - content: ''; - width: 0; - height: 0; - position: absolute; - top: 50%; - right: 10px; - margin-top: -3px; - border-width: 6px 6px 0 6px; - border-style: solid; - border-color: #666 transparent; -} - -.wrapper-dropdown-5 .dropdown { - position: absolute; - top: 102%; - left: -131px; - width: auto; - right: 0; - margin-top: 1px; - border-radius: 0; - border-bottom: none; - transition: all 0.3s ease-out; - max-height: 0; - overflow: hidden; - z-index: 3; - box-shadow: - 0 0 0 #e0e0e0, - 0 0 2px rgba(0, 0, 0, 0.12), - 0 2px 4px rgba(0, 0, 0, 0.24) !important; -} - -.wrapper-dropdown-5:hover { - /*-moz-box-shadow: 0 1px 1px #666;*/ - /*-webkit-box-shadow: 0 1px 1px #666;*/ - /*box-shadow: 0 1px 1px #666;*/ -} - -.header-menu .dropdown form span { - color: #666; - padding: 5px 0px 5px 5px; - margin-right: 3px; -} - -.wrapper-dropdown-5:active { - -moz-box-shadow: inset 0 0 1px 1px #888; - -webkit-box-shadow: inset 0 0 1px 1px #888; - box-shadow: inset 0 0 1px 1px #888; -} - -.wrapper-dropdown-5 .dropdown li, -.dropdown input { - width: 100%; -} - -.header-menu .wrapper-dropdown-5 .dropdown li { - padding: 0 !important; - height: auto !important; -} - -.wrapper-dropdown-5 .dropdown li a, -.dropdown input { - display: block; - text-decoration: none; - background: #fff !important; - color: #666; - text-align: left; - padding: 6px 0px 6px 5px; - transition: all 0.3s ease-out; - border-bottom: 1px solid #e6e8ea; - font-weight: normal; - font-size: 16px; -} - -.wrapper-dropdown-5 .dropdown li a:hover { - background: #f7f8f9; -} - -.wrapper-dropdown-5 .dropdown li:last-of-type a { - border: none; -} - -.wrapper-dropdown-5 .dropdown li i { - margin-right: 5px; - color: inherit; - vertical-align: middle; -} - -/* Hover state */ - -.wrapper-dropdown-5 .dropdown li:hover a, -.wrapper-dropdown-5 .dropdown li:hover input { - color: black; - background: #efefef !important; -} - -/* Active state */ - -.wrapper-dropdown-5.active, -.wrapper-dropdown-5.activeMenu { - box-shadow: none; - color: black; -} - -.wrapper-dropdown-5.active:after, -.wrapper-dropdown-5.activeMenu:after { - border-color: black transparent; -} - -.wrapper-dropdown-5.active .dropdown, -.wrapper-dropdown-5.activeMenu .dropdown { - max-height: 400px; - /* width: 149px; - margin-left: 15px;*/ +.pull-left { + float: left !important; } -.mgmt-panel .mgmt-tm label, -.mgmt-panel .mgmt-mt label { - text-transform: none; - padding-bottom: 5px; - font-weight: bold; +.pull-right { + float: right !important; } -.insert-tm label { - font-size: 16px; - display: inline-block; - margin-top: 20px; - margin-bottom: 5px; - width: 100%; - padding-left: 9px; - &.checkbox-label { - width: auto; - } +.iepopup .logoblack { + background-size: 200px auto; + width: 200px; + height: 50px; } -.insert-tm input { +.iepopup { + width: 800px; + margin: 30px auto; + padding: 30px 0 30px 0; + display: block; + z-index: 999999; background: #fff; - outline: 0; - white-space: initial; - overflow: initial; - text-overflow: initial; - width: 100%; - padding: 8px 8px; + box-shadow: 0px 0px 5px #ccc; border-radius: 2px; - -webkit-box-shadow: inset 0 1px 3px #ddd; - box-shadow: inset 0 1px 3px #ddd; - border: 1px solid rgba(34, 36, 38, 0.15); - box-sizing: border-box; -} - -.insert-tm input:hover { - border-color: rgba(34, 36, 38, 0.35); -} - -.insert-tm input:focus { - border-color: #96c8da !important; - box-shadow: none; - outline: none; -} - -.insert-tm input[type='checkbox'] { - width: 13px; - height: 13px; -} - -.insert-tm { - margin: 0 auto; - overflow: hidden; - margin-bottom: 30px; -} - -.insert-tm h4 { font-size: 18px; - margin: 15px 0 25px; -} - -.contact-box { - border: 1px dashed #ccc; - height: 90px; - border-radius: 4px; - margin-top: 20px; - padding: 2%; -} - -.step1 { - width: 100%; - border-bottom: 1px solid #e1e1e1; + border: 1px solid #ccc; } -.step2 { - width: 49%; +.iepopup img { + border: 0; } -.step2 a#add-mt-provider-confirm.disabled { - box-shadow: none !important; +.iepopup ul a { + padding: 0px 0 0 0; + color: #39699a; + text-decoration: underline; } -.step3 { - width: 48%; - background: #f3f3f3; - display: inline-block; - box-sizing: border-box; - float: left; - margin-left: 29px; - padding: 15px; - margin-top: 20px; +.iepopup a:hover { + text-decoration: none; } -.step3 .continuebtn { +.logoblack { + border: 0; + background: url(/public/img/logo_matecat_big.svg) 0px 2px no-repeat; display: block; - text-align: center; - margin: 15px 0 0px !important; - background: #7eaf3e !important; -} - -.mgmt-table-mt select { -} - -td.mt-provider { - width: 170px; -} - -td.action .btn { - cursor: pointer; - height: 22px; - min-height: 22px; - color: #333 !important; - width: 84px !important; - background: #dcdedf !important; - border-radius: 2px 0 0 2px; - padding: 5px 20px 0 20px !important; - box-sizing: content-box; - text-align: center; - border: 1px solid #848689 !important; -} - -td.action .btn:hover { - -moz-box-shadow: 0 1px 2px #ccc; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; - box-sizing: content-box; - padding: 5px 20px 0 20px !important; - text-align: center; -} - -a.btn.pull-left.addtmx.tmx-import-slider { - padding-right: 36px !important; - padding-left: 36px !important; - margin-left: 6px; -} - -td.action .btn .text { - margin: 0 !important; -} - -a.memory-mgmt.pull-right { - margin-top: 35px; - padding: 0 0 5px 18px; - margin-bottom: 5px; -} - -/* Tabs */ - -.nav-tabs { - border-bottom: 1px solid #ddd; - float: left; + width: 145px; + height: 31px; + background-size: 130px 28px; clear: both; - width: 100%; -} - -.nav-tabs > li { - float: left; - position: relative; - border-radius: 4px 4px 0 0; - background-color: #cdd4de; -} - -.nav > li { - display: block; + margin: 0 auto 10px auto; } -.nav > li > a { - position: relative; - text-decoration: none; - padding: 10px 15px; +.iepopup p { + line-height: 27px; } -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - /* color: #555; */ - /* cursor: default; */ - /* background-color: #fff; */ - /* font-weight: bold; */ - /* margin-top: -5px; */ - /* border: 1px solid #ddd; */ - /* border-bottom-color: transparent; */ - background: #fff; - color: #666; - text-shadow: none; - -moz-box-shadow: none; - -webkit-box-shadow: none; - border-radius: 4px 4px 0 0; - margin: 0px 0 -1px 0; - outline: none; - padding-top: 5px !important; +.hide { + display: none; } -.nav-tabs > li > a { - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; - padding: 4px 20px; - color: #939598; - float: left; +.btn-grey { font-weight: bold; text-decoration: none; - border-right: 1px solid #666; -} - -.text-center { - text-align: center !important; -} - -.mgmt-input { - width: 90%; - padding: 2px 5px; - font-size: 15px !important; - margin-top: 0px; - margin-bottom: 0px; - -moz-border-radius: 2px; + padding: 8px 18px; + margin: 0 5px; border-radius: 2px; - border: 1px solid #999; -} - -.description .mgmt-input { - width: 430px; -} - -.mgmt-panel .block { - margin: 5px 0 10px 0; - text-align: right; - clear: both; - width: 100%; -} - -.addrow-gl { - padding: 0 25px; -} - -input#shared-tm-key { - width: 85%; - margin: 0 0 10px 0; -} - -#activetm input#shared-tm-key, -input.email-export { - width: 170px; - margin: 0; - box-shadow: inset 0 1px 2px #ddd; - -webkit-box-shadow: inset 0 1px 2px #ddd; -} - -input#shared-tm-key { - margin-right: 15px !important; -} - -input.email-export { - width: 200px; -} - -.badkey input#shared-tm-key { - outline: 2px solid red !important; -} - -tr.new.badgrants .fileupload { - border: 3px solid red; -} - -#inactivetm .dataTables_empty { - display: none; -} - -#activetm .startUploading, -#inactivetm .startUploading { - background: url(../../img/loading.gif) 77.5% 16px no-repeat !important; - background-size: 2% !important; -} - -#activetm .uploadprogress, -#inactivetm .uploadprogress { - display: none; - right: 8px; - top: 17px; - position: absolute; -} - -#activetm .uploadprogress .msgText, -#inactivetm .uploadprogress .msgText { - display: block; - float: left; -} - -#activetm .uploadprogress .progress .inner, -#inactivetm .uploadprogress .progress .inner { - display: block; - height: 15px; - margin-bottom: 5px; - width: 0%; - background: #58b551; - border-right: 1px solid #58b551 !important; - border-radius: 0; -} - -#activetm .uploadprogress .progress:after, -#inactivetm .uploadprogress .progress:after { - content: ''; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - background-image: -webkit-gradient( + font-size: 18px; + color: #333; + background: #f6f6f6; + background: -webkit-gradient( linear, - 0 0, - 100% 100%, - color-stop(0.25, rgba(255, 255, 255, 0.2)), - color-stop(0.25, transparent), - color-stop(0.5, transparent), - color-stop(0.5, rgba(255, 255, 255, 0.2)), - color-stop(0.75, rgba(255, 255, 255, 0.2)), - color-stop(0.75, transparent), - to(transparent) - ); - background-image: -webkit-linear-gradient( - -45deg, - rgba(255, 255, 255, 0.2) 25%, - transparent 25%, - transparent 50%, - rgba(255, 255, 255, 0.2) 50%, - rgba(255, 255, 255, 0.2) 75%, - transparent 75%, - transparent - ); - background-image: -moz-linear-gradient( - -45deg, - rgba(255, 255, 255, 0.2) 25%, - transparent 25%, - transparent 50%, - rgba(255, 255, 255, 0.2) 50%, - rgba(255, 255, 255, 0.2) 75%, - transparent 75%, - transparent - ); - background-image: -ms-linear-gradient( - -45deg, - rgba(255, 255, 255, 0.2) 25%, - transparent 25%, - transparent 50%, - rgba(255, 255, 255, 0.2) 50%, - rgba(255, 255, 255, 0.2) 75%, - transparent 75%, - transparent - ); - background-image: -o-linear-gradient( - -45deg, - rgba(255, 255, 255, 0.2) 25%, - transparent 25%, - transparent 50%, - rgba(255, 255, 255, 0.2) 50%, - rgba(255, 255, 255, 0.2) 75%, - transparent 75%, - transparent + left top, + left bottom, + from(#f6f6f6), + to(#e2e3e5) ); - z-index: 1; - -webkit-background-size: 50px 50px; - -moz-background-size: 50px 50px; - background-size: 50px 50px; - -webkit-animation: move 2s linear infinite; - overflow: hidden; -} - -.description textarea { - padding: 3px 4px; - resize: none; - box-shadow: inset 0 1px 2px #ddd; - -webkit-box-shadow: inset 0 1px 2px #ddd; - margin-left: 0px; - margin-top: 4px !important; - width: 450px !important; -} - -tr.new { - vertical-align: top; -} - -tr.new .message { + background: -moz-linear-gradient(top, #f6f6f6, #e2e3e5); + background: linear-gradient(top, #f6f6f6, #e2e3e5); line-height: 20px; - margin-top: 12px; - float: left; - color: green; } -.addrow-tm .block, -.addrow-gl .block { - width: 46%; +.btn-grey, +.btn-grey { + color: $grey2; + background: white; } -.addrow-gl select { - height: 32px; - margin-bottom: 20px; +.clear { + clear: both; } +/* Tabs */ section mark { background: transparent; } @@ -2871,8 +166,7 @@ section mark.searchMarker { /* background: #9ef5f5; */ } -section mark.searchMarker.currSearchItem, -section.currSearchSegment mark.searchMarker { +section mark.searchMarker.currSearchItem { background: #f7d315; /* background: #00c1e6; */ } @@ -2881,7 +175,9 @@ section.currSearchSegment mark.searchMarker { padding: 0; padding-top: 80px; } - +.offline span.msg span { + vertical-align: middle; +} .offline .claim { text-align: center; margin: 0 auto; @@ -2890,7 +186,7 @@ section.currSearchSegment mark.searchMarker { .offline .cat { height: 215px; - background: url(../../img/offline.png) no-repeat center center; + background: url(/public/img/offline.png) no-repeat center center; } .offline header { @@ -2928,201 +224,184 @@ section.currSearchSegment mark.searchMarker { } .extdoc { - background: url(../../img/matecat_file_icons.png) 6px 0 no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px 0 no-repeat !important; } /* .doc, .dot, . docx, .dotx, .docm, .dotm, .odt, .sxw*/ .extppt { - background: url(../../img/matecat_file_icons.png) 6px -34px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -34px no-repeat !important; } /* .pot, .pps, .ppt, .potm, .potx, .ppsm, .ppsx, .pptm, .pptx, .odp, .sxi*/ .exthtm { - background: url(../../img/matecat_file_icons.png) 6px -70px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -70px no-repeat !important; } /* .htm, .html, .xhtml */ .extpdf { - background: url(../../img/matecat_file_icons.png) 6px -104px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -104px no-repeat !important; } /* .pdf */ .extxls { - background: url(../../img/matecat_file_icons.png) 6px -140px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -140px no-repeat !important; } /* .xls, .xlt, .xlsm, .xlsx, .xltx, .ods, .sxc, .csv */ .exttxt { - background: url(../../img/matecat_file_icons.png) 6px -172px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -172px no-repeat !important; } /* .txt */ .extxif { - background: url(../../img/matecat_file_icons.png) 6px -208px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -208px no-repeat !important; } /* .xliff */ .extttx { - background: url(../../img/matecat_file_icons.png) 6px -242px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -242px no-repeat !important; } /* .ttx */ .extitd { - background: url(../../img/matecat_file_icons.png) 6px -276px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -276px no-repeat !important; } /* .itd */ .extxlf { - background: url(../../img/matecat_file_icons.png) 6px -310px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -310px no-repeat !important; } /* .xlf */ .extmif { - background: url(../../img/matecat_file_icons.png) 6px -342px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -342px no-repeat !important; } /* .mif */ .extidd { - background: url(../../img/matecat_file_icons.png) 6px -378px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -378px no-repeat !important; } /* .idml, .inx, .icml */ .extqxp { - background: url(../../img/matecat_file_icons.png) 6px -412px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -412px no-repeat !important; } /* .xtg */ .extxml { - background: url(../../img/matecat_file_icons.png) 6px -446px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -446px no-repeat !important; } /* .xml */ .extrcc { - background: url(../../img/matecat_file_icons.png) 6px -484px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -484px no-repeat !important; } /* .rc */ .extres { - background: url(../../img/matecat_file_icons.png) 6px -516px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -516px no-repeat !important; } /* .resx */ .extsgl { - background: url(../../img/matecat_file_icons.png) 6px -552px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -552px no-repeat !important; } /* .sgml */ .extsgm { - background: url(../../img/matecat_file_icons.png) 6px -584px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -584px no-repeat !important; } /* .sgm */ .extpro { - background: url(../../img/matecat_file_icons.png) 6px -618px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -618px no-repeat !important; } /* .properties */ .extdit { - background: url(../../img/matecat_file_icons.png) 6px -652px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -652px no-repeat !important; } /* .dita */ .exttag { - background: url(../../img/matecat_file_icons.png) 6px -686px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -686px no-repeat !important; } /* .tag */ .exttmx { - background: url(../../img/matecat_file_icons.png) 6px -722px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -722px no-repeat !important; } /* .tmx */ .extstr { - background: url(../../img/matecat_file_icons.png) 6px -758px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -758px no-repeat !important; } /* .str */ .extzip { - background: url(../../img/matecat_file_icons.png) 6px -792px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -792px no-repeat !important; } /* .zip */ .exticml { - background: url(../../img/matecat_file_icons.png) 6px -826px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -826px no-repeat !important; } /* .icml */ .extimg { - background: url(../../img/matecat_file_icons.png) 6px -860px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -860px no-repeat !important; } /* .bmp, .gif, .jpeg, .png, .tiff */ .extwix { - background: url(../../img/matecat_file_icons.png) 6px -894px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -894px no-repeat !important; } /* .wix */ .extsrt { - background: url(../../img/matecat_file_icons.png) 6px -928px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -928px no-repeat !important; } /* .sbv */ .extsbv { - background: url(../../img/matecat_file_icons.png) 6px -1133px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -1133px no-repeat !important; } /* .vtt */ .extvtt { - background: url(../../img/matecat_file_icons.png) 6px -1167px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -1167px no-repeat !important; } /* .srt */ .extpo { - background: url(../../img/matecat_file_icons.png) 6px -962px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -962px no-repeat !important; } /* .po */ .extg { - background: url(../../img/matecat_file_icons.png) 6px -996px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -996px no-repeat !important; } /* .g */ .exts { - background: url(../../img/matecat_file_icons_ts.png) 6px -0px no-repeat !important; + background: url(/public/img/matecat_file_icons_ts.png) 6px -0px no-repeat !important; } /* .ts */ .extgsli { - background: url(../../img/matecat_file_icons.png) 6px -1033px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -1033px no-repeat !important; } /* Google Slides */ .extgdoc { - background: url(../../img/matecat_file_icons.png) 6px -1070px no-repeat !important; + background: url(/public/img/matecat_file_icons.png) 6px -1070px no-repeat !important; } /* Google Document */ .extgsheet { - background: url(../../img/matecat_file_icons.png) 6px -1107px no-repeat !important; -} - -/* Google Sheet */ - -@media (max-height: 500px) { - .register-modal { - overflow-x: hidden; - height: 300px; - overflow-y: scroll; - } + background: url(/public/img/matecat_file_icons.png) 6px -1107px no-repeat !important; } -@media (max-height: 300px) { - .preferences-modal { - overflow-x: hidden; - height: 200px; - overflow-y: scroll; - } -} /* retina display query */ @media only screen and (-webkit-min-device-pixel-ratio: 2), @@ -3138,232 +417,155 @@ section.currSearchSegment mark.searchMarker { background-size: 25px; } .extdoc { - background: url(../../img/matecat_file_icons2x.png) 6px 0 no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px 0 no-repeat !important; } /* .doc, .dot, . docx, .dotx, .docm, .dotm, .odt, .sxw*/ .extppt { - background: url(../../img/matecat_file_icons2x.png) 6px -34px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -34px no-repeat !important; } /* .pot, .pps, .ppt, .potm, .potx, .ppsm, .ppsx, .pptm, .pptx, .odp, .sxi*/ .exthtm { - background: url(../../img/matecat_file_icons2x.png) 6px -70px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -70px no-repeat !important; } /* .htm, .html, .xhtml */ .extpdf { - background: url(../../img/matecat_file_icons2x.png) 6px -104px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -104px no-repeat !important; } /* .pdf */ .extxls { - background: url(../../img/matecat_file_icons2x.png) 6px -140px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -140px no-repeat !important; } /* .xls, .xlt, .xlsm, .xlsx, .xltx, .ods, .sxc, .csv */ .exttxt { - background: url(../../img/matecat_file_icons2x.png) 6px -172px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -172px no-repeat !important; } /* .txt */ .extxif { - background: url(../../img/matecat_file_icons2x.png) 6px -208px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -208px no-repeat !important; } /* .xliff */ .extttx { - background: url(../../img/matecat_file_icons2x.png) 6px -242px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -242px no-repeat !important; } /* .ttx */ .extitd { - background: url(../../img/matecat_file_icons2x.png) 6px -276px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -276px no-repeat !important; } /* .itd */ .extxlf { - background: url(../../img/matecat_file_icons2x.png) 6px -310px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -310px no-repeat !important; } /* .xlf */ .extmif { - background: url(../../img/matecat_file_icons2x.png) 6px -342px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -342px no-repeat !important; } /* .mif */ .extidd { - background: url(../../img/matecat_file_icons2x.png) 6px -378px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -378px no-repeat !important; } /* .idml, .inx, .icml */ .extqxp { - background: url(../../img/matecat_file_icons2x.png) 6px -412px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -412px no-repeat !important; } /* .xtg */ .extxml { - background: url(../../img/matecat_file_icons2x.png) 6px -446px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -446px no-repeat !important; } /* .xml */ .extrcc { - background: url(../../img/matecat_file_icons2x.png) 6px -484px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -484px no-repeat !important; } /* .rc */ .extres { - background: url(../../img/matecat_file_icons2x.png) 6px -516px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -516px no-repeat !important; } /* .resx */ .extsgl { - background: url(../../img/matecat_file_icons2x.png) 6px -552px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -552px no-repeat !important; } /* .sgml */ .extsgm { - background: url(../../img/matecat_file_icons2x.png) 6px -584px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -584px no-repeat !important; } /* .sgm */ .extpro { - background: url(../../img/matecat_file_icons2x.png) 6px -618px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -618px no-repeat !important; } /* .properties */ .extdit { - background: url(../../img/matecat_file_icons2x.png) 6px -652px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -652px no-repeat !important; } /* .dita */ .exttag { - background: url(../../img/matecat_file_icons2x.png) 6px -686px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -686px no-repeat !important; } /* .tag */ .exttmx { - background: url(../../img/matecat_file_icons2x.png) 6px -722px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -722px no-repeat !important; } /* .tmx */ .extstr { - background: url(../../img/matecat_file_icons2x.png) 6px -758px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -758px no-repeat !important; } /* .str */ .extzip { - background: url(../../img/matecat_file_icons2x.png) 6px -792px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -792px no-repeat !important; } /* .zip */ .exticml { - background: url(../../img/matecat_file_icons2x.png) 6px -826px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -826px no-repeat !important; } /* .icml */ .extimg { - background: url(../../img/matecat_file_icons2x.png) 6px -860px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -860px no-repeat !important; } /* .bmp, .gif, .jpeg, .png, .tiff */ .extwix { - background: url(../../img/matecat_file_icons2x.png) 6px -894px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -894px no-repeat !important; } /* .srt */ .extsrt { - background: url(../../img/matecat_file_icons2x.png) 6px -928px no-repeat !important; + background: url(/public/img/matecat_file_icons2x.png) 6px -928px no-repeat !important; } /* .sbv */ .extsbv { - background: url(../../img/matecat_file_icons2x.png) 6px -1133px no-repeat !important; - } - /* .vtt */ - .extvtt { - background: url(../../img/matecat_file_icons2x.png) 6px -1167px no-repeat !important; - } - /* .po */ - .extpo { - background: url(../../img/matecat_file_icons2x.png) 6px -962px no-repeat !important; - } - /* .po */ - .extg { - background: url(../../img/matecat_file_icons2x.png) 6px -996px no-repeat !important; - } - /* .g */ - .exts { - background: url(../../img/matecat_file_icons_ts2x.png) 6px 0px no-repeat !important; - } - /* .ts */ - .extgsli { - background: url(../../img/matecat_file_icons2x.png) 6px -1033px no-repeat !important; - } - /* Google Slides */ - .extgdoc { - background: url(../../img/matecat_file_icons2x.png) 6px -1070px no-repeat !important; - } - /* Google Document */ - .extgsheet { - background: url(../../img/matecat_file_icons2x.png) 6px -1107px no-repeat !important; - } - /* Google Sheet */ - - .fileinput-button { - background: $translatedBlue; - } -} - -.active-tm-key-link { - cursor: pointer; - text-decoration: underline; - color: #39699a; -} - -/*.tm-error-message, -.tm-warning-message, -.tm-success-message { - display: none; - -moz-border-radius: 2px; - box-shadow: 0 2px 2px #e2e2e2; - border-radius: 2px; - border: 1px solid #ccc; - line-height: 20px; - padding: 10px 15px; - margin: 10px 0; - background: #fff; - -webkit-transition: 0.3s ease-in-out; - -moz-transition: 0.3s ease-in-out; - -ms-transition: 0.3s ease-in-out; - -o-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; -} - -.mgmt-panel .notification-message { - margin-top: 70px !important; -} - -.tm-error-message { - border-top: 3px solid #ec3d3d; - background-color: rgb(251, 218, 218); -} - -.tm-warning-message { - border-top: 3px solid #f9f903; - background-color: rgb(255, 254, 216); -} - -p.tm-warning-message { - margin-top: 60px !important; -} - -.tm-success-message { - border-top: 3px solid #4f8a10; - background-color: #d1e0d1; -} - -.fixed-msg { - position: fixed; - top: -35px; - width: 966px; - z-index: 1; -} - -.mgmt-panel .tm-error-message, -.mgmt-panel .tm-warning-message, -.mgmt-panel .tm-success-message { - font-size: 15px; - vertical-align: middle; - line-height: 36px; -} + background: url(/public/img/matecat_file_icons2x.png) 6px -1133px no-repeat !important; + } + /* .vtt */ + .extvtt { + background: url(/public/img/matecat_file_icons2x.png) 6px -1167px no-repeat !important; + } + /* .po */ + .extpo { + background: url(/public/img/matecat_file_icons2x.png) 6px -962px no-repeat !important; + } + /* .po */ + .extg { + background: url(/public/img/matecat_file_icons2x.png) 6px -996px no-repeat !important; + } + /* .g */ + .exts { + background: url(/public/img/matecat_file_icons_ts2x.png) 6px 0px no-repeat !important; + } + /* .ts */ + .extgsli { + background: url(/public/img/matecat_file_icons2x.png) 6px -1033px no-repeat !important; + } + /* Google Slides */ + .extgdoc { + background: url(/public/img/matecat_file_icons2x.png) 6px -1070px no-repeat !important; + } + /* Google Document */ + .extgsheet { + background: url(/public/img/matecat_file_icons2x.png) 6px -1107px no-repeat !important; + } + /* Google Sheet */ -.warning-message { - background: #fffa8b !important; - border-color: #6d6e71; - padding: 10px 0 10px 1%; - text-indent: 0; - width: 98.8%; - color: #000; + .fileinput-button { + background: $translatedBlue; + } } -.tm-warning-message, -.tm-error-message, -.tm-success-message { - margin: 0 0 15px !important; -}*/ @font-face { font-family: 'icomoon'; @@ -3383,15 +585,10 @@ p.tm-warning-message { /* TODO: add icons to main set */ -.icon-copy-key:before { - content: '\e92c'; -} - /* /* mbc extend iconmoon set with icons for matecat chat */ icon-iconmoon:before, -.tagLockCustomize, #logoutlink:before, .btn-confirm-small .text:before, .btn-orange-small .text:before, @@ -3399,55 +596,25 @@ icon-iconmoon:before, [class^="icon-"], [class*=" icon-"], .sorting_desc:after, .sorting_asc:after, -.add-tm:before, -.addtmx .text:before, -.disabletm .text:before, -.addtmxfile .text:before, -.addglossaryfile .text:before, -.usetm .text:before, -.downloadtmx .text:before, -.uploadkey:before, .open-popup-addtm-tr:before, -.tablesorter-headerDesc .tablesorter-header-inner:after, -.tablesorter-headerAsc .tablesorter-header-inner:after, -.privatekey.tablesorter-header .tablesorter-header-inner:after, -.owner.tablesorter-header .tablesorter-header-inner:after, -.description.tablesorter-header .tablesorter-header-inner:after, -.canceladdtmx.btn-grey .text:before, -.canceladdglossary.btn-grey .text:before, -.cancelsharetmx.btn-grey .text:before, -.deleteTM .text:before, .sorting:after, -.splitbtn:before, .x-popup:before, .x-popup2:before, .popup .x-popup:before, .mgmt-panel .x-popup:before, .popup-tm .x-popup:before, -.noticon:after, -.sub-editor .gl-search .set-glossary:before, td.actions a:before, -a.cancel-project:before, a.archive-project:before, -a.resume-project:before, a.unarchive-project:before, -a.activity-log:before, a.unarchive-project:after, -a.resume-project:after, .splitpoint:before, -.mergebtn:before, -.subfile p:before, .notific:before, #clear-all-files:before, #clear-all-gdrive:before, #swaplang:after, .more:before, -.currSegment a:before, .more.minus:before, .close:before, - /* mbc chat */ -.mbc-close-icon:before, - /* mbc chat */ .notific.error:before, .breadcrumbs #pname:before, .delete button:before, @@ -3457,23 +624,18 @@ a.resume-project:after, #add-files:before, .splitpoint-delete:after, #point2seg:after, -.error-symbol:before, .warnings:before, /* mbc chat */ .mbc-warnings:before, /* mbc chat */ -.tab-switcher-al a:before, .text .alternatives:before, .autofillTag:before, header .filter:before, .editToolbar .uppercase:after, .editToolbar .lowercase:after, .editToolbar .capitalize:after, -.more-options:before, .export-button-label:before, -.canceladd-export:before, -.icon-copy-key:before, -.login-modal .login-container-right li:before { +.canceladd-export:before { font-family: 'icomoon'; speak: none; font-style: normal; @@ -3491,12 +653,6 @@ header .filter:before { content: '\f0b0'; } -.usetm .text:before { - content: '\f144'; - padding: 0 10px 0 0; - vertical-align: text-top; -} - .editToolbar .uppercase:after { content: '\ea6c'; font-size: 20px; @@ -3516,52 +672,6 @@ header .filter:before { display: block; } -.segment-options-container { - display: none; -} - -.splitpoint:before { - content: '\f03d'; -} - -.splitpoint:hover .splitpoint-delete:after { - content: '\f00d'; - color: red; - position: absolute; - font-size: 18px; - margin-left: -16px; - margin-top: 3px; -} - -.login-modal .login-container-right li:before { - content: '\ea10'; - margin-left: -40px; - padding: 11px; - color: #3aa9dd; -} - -.icon-tag-expand:before { - content: '...'; - margin-top: -5px; - float: left; -} - -.splitbtn:before { - content: '\f065'; - margin-right: 3px; -} - -.sub-editor .gl-search .set-glossary:before { - content: '\f055'; - transform: rotate(180deg); - display: inline-block; -} - -.mergebtn:before { - content: '\f066'; - margin-right: 3px; -} - .fileupload-buttonbar .fileinput-button:before, #add-files:before { content: '\f067'; @@ -3587,33 +697,19 @@ header .filter:before { font-size: 25px; } -.tab-switcher-al a:before, +.notific.error:before { + content: '\f071'; + font-size: 25px; +} + .warnings:before, .mbc-warnings:before, -.error-symbol:before, .text .alternatives:before { content: '\f071'; color: #d65959; margin-right: 10px; } -.tab-switcher-al a:before { - font-size: 14px; - color: $orangeDefault; -} - -.currSegment a:before { - content: '\f112'; - transform: rotate(180deg); - display: inline-block; - margin-right: 10px; -} - -.notific.error:before { - content: '\f071'; - font-size: 25px; -} - #point2seg:after { content: '\e903'; font-size: 24px; @@ -3631,22 +727,12 @@ header .filter:before { } .more:before, -.more.minus:before, -.more-options:before { +.more.minus:before{ margin-right: 5px; position: relative; top: 2px; } -.more-options:before { - content: '\e8b8'; -} - -.translate-box .more-options:before { - margin-top: -3px; - display: inline-block; -} - .graysmall:hover .trash:before { content: '\f014'; } @@ -3669,67 +755,12 @@ header .filter:before { font-family: Calibri, Arial, Helvetica, sans-serif; } -.more.minus:before { - content: '\f147'; -} - -.canceladdtmx.btn-grey .text:before, -.cancelsharetmx.btn-grey .text:before, -.canceladdglossary.btn-grey .text:before { - content: '\f00d'; - vertical-align: text-top; - color: white; -} - -.insert-tm .canceladdtmx.btn-grey .text:before, -.insert-tm .canceladdglossary.btn-grey .text:before { - padding-right: 8px; -} - -.step1 a#add-mt-provider-cancel .text { - width: unset; -} - -.step1 a#add-mt-provider-cancel .text:before { - padding-right: 0 !important; -} - -.deleteTM .text:before { - content: '\f014'; - padding-right: 5px; - vertical-align: text-top; -} - -.noticon:after { - content: '\e605'; - color: red; - font-size: 18px; - position: absolute; - left: -2px; - top: -1px; - transform: rotate(-45deg); -} - -a.cancel-project:before, -a.resume-project:before { - content: '\f014'; -} - -a.activity-log:before { - content: '\e900'; - font-size: 18px; - vertical-align: top; -} - -a.archive-project:before, a.unarchive-project:before { content: '\e606'; font-size: 14px; } -.noticon:after, -a.unarchive-project:after, -a.resume-project:after { +a.unarchive-project:after { content: '\e607'; color: red; font-size: 16px; @@ -3739,88 +770,12 @@ a.resume-project:after { transform: rotate(-45deg); } -.privatekey.tablesorter-header .tablesorter-header-inner:after, -.owner.tablesorter-header .tablesorter-header-inner:after, -.description.tablesorter-header .tablesorter-header-inner:after { - content: '\f0dc'; - float: right; -} - -.privatekey.tablesorter-headerDesc .tablesorter-header-inner:after, -.owner.tablesorter-headerDesc .tablesorter-header-inner:after, -.description.tablesorter-headerDesc .tablesorter-header-inner:after { - content: '\f0e0'; - float: right; -} - -.privatekey.tablesorter-headerAsc .tablesorter-header-inner:after, -.owner.tablesorter-headerAsc .tablesorter-header-inner:after, -.description.tablesorter-headerAsc .tablesorter-header-inner:after { - content: '\f0dd'; - float: right; -} - .x-popup:before, .x-popup2:before { content: '\f057'; } -.subfile p:before { - content: '\ea58'; - margin-right: 5px; - color: #555; -} - -.add-tm:before { - content: '\f067'; - padding: 0 10px 0 0; -} -.add-shared-tm { - margin-right: 10px; - .icon-owner-shared { - color: white; - padding-right: 8px; - } -} - -.uploadkey:before { - content: '\f00c'; - padding-right: 7px; - vertical-align: text-top; -} - -#inactivetm_filter input { - margin-left: 10px; -} - -th.privatekey.tablesorter-header:hover, -th.owner.tablesorter-header:hover, -th.description.tablesorter-header:hover { - box-shadow: inset 0px 0px 8px #333; - /* border-right: 1px solid #ccc; */ - cursor: pointer; -} - -.disabletm .text:before { - content: '\f056'; - padding-right: 5px; - vertical-align: text-top; -} - -.addtmxfile .text:before, -.addglossaryfile .text:before { - content: '\ea10'; - padding-right: 5px; - vertical-align: text-top; -} - -.addtmxfile .text:before, -.addglossaryfile .text:before { - padding-right: 7px; -} - -.open-popup-addtm-tr:before, -.downloadtmx .text:before { +.open-popup-addtm-tr:before { content: '\e602'; padding-right: 5px; vertical-align: text-top; @@ -3846,10 +801,6 @@ th.description.tablesorter-header:hover { content: '\e001'; } -.icon-format_color_fill:before { - content: '\e23a'; -} - .icon-power-cord:before { content: '\e291'; } @@ -3858,14 +809,6 @@ th.description.tablesorter-header:hover { content: '\e292'; } -.icon-file_download:before { - content: '\e2c4'; -} - -.icon-collections_bookmark:before { - content: '\e431'; -} - .icon-user22:before { content: '\e601'; } @@ -3958,10 +901,6 @@ th.description.tablesorter-header:hover { content: '\f06e'; } -.icon-navicon:before { - content: '\f0c9'; -} - .icon-google-plus-square2:before { content: '\f0d5'; } @@ -3977,11 +916,6 @@ th.description.tablesorter-header:hover { .icon-star-half-empty:before { content: '\f123'; } - -.icon-play-circle:before { - content: '\f144'; -} - .icon-users:before { content: '\e972'; } @@ -4134,9 +1068,6 @@ th.description.tablesorter-header:hover { content: '\f147'; } -.icon-stack-exchange:before { - content: '\f18d'; -} .icon-plus-square-o:before { content: '\f196'; @@ -4171,7 +1102,7 @@ th.description.tablesorter-header:hover { } .icon-gdrive:before { - content: url(../../img/logo-drive-16-gray.png); + content: url(/public/img/logo-drive-16-gray.png); } .icon-preview-bottom-window:before { @@ -4190,23 +1121,14 @@ th.description.tablesorter-header:hover { content: '\ea8e'; } -.icon-go-to-last:before { - content: '\ea8f'; -} - -/* side-popup adjustments */ -body.side-popup { - overflow: hidden !important; -} - @font-face { font-family: Calibri; src: local(Calibri), - url('../fonts/calibri-webfont.woff') format('woff'), - url('../fonts/calibri-webfont.ttf') format('truetype'), - url('../fonts/calibri-webfont.eot'), - url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); + url('/public/css/fonts/calibri-webfont.woff') format('woff'), + url('/public/css/fonts/calibri-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri-webfont.eot'), + url('/public/css/fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); } @font-face { @@ -4214,10 +1136,10 @@ body.side-popup { font-weight: bold; src: local('Calibri Bold'), - url('../fonts/calibri_bold-webfont.woff') format('woff'), - url('../fonts/calibri_bold-webfont.ttf') format('truetype'), - url('../fonts/calibri_bold-webfont.eot'), - url('../fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); + url('/public/css/fonts/calibri_bold-webfont.woff') format('woff'), + url('/public/css/fonts/calibri_bold-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri_bold-webfont.eot'), + url('/public/css/fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); } #menu-site li { @@ -4255,135 +1177,6 @@ body.side-popup { color: #3aa9dd; } -table.left-aligned tr td { - text-align: left; -} - -table.left-aligned tr th { - text-align: left; -} - -/* activity log */ - -.activity-log-page { - header { - .wrapper { - grid-template-columns: 1fr 120px; - } - } -} - -.activity-log-container { - width: 92%; - margin: 0 auto; - padding: 32px 0; -} - -.activity-log-container h1 { - text-align: left; - margin-top: 20px; -} - -.activity-log-container h1:first-child { - font-size: 40px; - margin-top: 30px; -} - -.activity-log-container table td, -.activity-log-container table th { - border-bottom: 1px solid #ccc; - border-left: 1px solid #ccc; - padding: 6px 8px; - margin: 1px 0; - text-align: left; - line-height: 25px; -} - -.activity-log-container table th { - font-size: 16px; - font-weight: bold; - background-color: #efefef; -} - -table.activitylog { - border-top: 1px solid #ccc; - border-right: 1px solid #ccc; -} - -.activity-log-page { - background: #fff; -} - -.activity-log-container table td { - font-size: 15px; -} - -.activity-log-container div.search-container { - float: right; - margin: 10px 0 10px 10px; -} - -.activity-log-container h3 { - display: inline; -} - -.activity-log-container span.search-label { - padding-right: 4px; - font-weight: bold; -} - -.activity-log-container h3 { - margin-bottom: 10px; - font-size: 20px; -} - -.activity-log-entry { - line-height: 20px; - padding: 2% 0 0% 0; - text-align: left; -} - -table.activitylog tr:hover { - background: #f7f8f9; -} - -.tablesorter .filtered { - display: none; -} - -table.activitylog th { - font-family: 'icomoon'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -table.activitylog th.tablesorter-headerAsc .th-inner:after { - content: '\f0dc'; - float: right; -} - -table.activitylog th.tablesorter-headerDesc .th-inner:after { - content: '\f0de'; - float: right; -} - -table.activitylog th .th-inner:after { - content: '\f0dd'; - float: right; -} - -.th-inner span { - font-family: calibri, Arial, Helvetica, sans-serif; - font-weight: bold; -} - .ui.primary.button.button-modal.warning-button.orange.margin.left-10.right-20 { height: 43px; padding: 1px 10px; diff --git a/public/css/sass/commons/_analyze.scss b/public/css/sass/commons/_analyze.scss index 501079941f..d4f73f7cb7 100644 --- a/public/css/sass/commons/_analyze.scss +++ b/public/css/sass/commons/_analyze.scss @@ -202,11 +202,6 @@ body.analyze { text-decoration: none; } } - .custom { - &.popup { - min-width: 90%; - } - } } .word-raw, .matecat-raw { @@ -1076,79 +1071,3 @@ body.analyze { opacity 1s ease; } } - -/* Footer */ -.normal-foo { - background-color: $grey4; - min-width: 992px; - - width: 100%; - position: fixed; - bottom: 0; - left: 0; - z-index: 2; - .footer-body { - display: grid; - position: relative; - grid-column-gap: 24px; - grid-template-columns: 0.6fr 0.6fr 1fr; - align-items: center; - padding: 16px 64px; - height: 77px; - .info { - display: grid; - align-items: center; - grid-template-columns: 40px auto; - grid-column-gap: 8px; - .logo { - background-position: center; - background-size: cover; - } - .description { - color: $grey1; - font-weight: 100; - font-size: 12px; - text-align: left; - line-height: 14px; - .link { - color: #00aee4; - text-decoration: underline; - } - } - } - } - .side-info { - padding: 0 16px; - position: absolute; - display: grid; - align-items: center; - bottom: 0; - right: 0; - width: 419px; - height: 35px; - box-shadow: -2px -2px 12px 0 rgba(198, 198, 198, 0.5); - background-color: #ffffff; - .side-info-body { - display: grid; - grid-template-columns: 80px 80px 80px; - align-items: center; - .item { - a { - margin: 0; - padding: 0; - color: $grey1; - display: block; - text-decoration: underline; - text-align: left; - } - } - } - } -} - -#action-manage { - opacity: 0.8; - &:hover { - opacity: 1; - } -} diff --git a/public/css/sass/commons/_icons.scss b/public/css/sass/commons/_icons.scss index eb3487ee47..f9d63444c8 100755 --- a/public/css/sass/commons/_icons.scss +++ b/public/css/sass/commons/_icons.scss @@ -30,9 +30,6 @@ .icon-go-to-first:before { content: '\ea8e'; } -.icon-go-to-last:before { - content: '\ea8f'; -} .icon-no-preview:before { content: '\ea8d'; } @@ -60,21 +57,12 @@ .icon-error_outline:before { content: '\e001'; } -.icon-format_color_fill:before { - content: '\e23a'; -} .icon-power-cord:before { content: '\e291'; } .icon-power-cord2:before { content: '\e292'; } -.icon-file_download:before { - content: '\e2c4'; -} -.icon-collections_bookmark:before { - content: '\e431'; -} .icon-user22:before { content: '\e601'; } @@ -144,9 +132,6 @@ .icon-eye2:before { content: '\f06e'; } -.icon-navicon:before { - content: '\f0c9'; -} .icon-google-plus-square2:before { content: '\f0d5'; } @@ -159,9 +144,6 @@ .icon-star-half-empty:before { content: '\f123'; } -.icon-play-circle:before { - content: '\f144'; -} .icon-notice:before { content: '\e903'; } @@ -1413,9 +1395,6 @@ .icon-minus-square-o:before { content: '\f147'; } -.icon-stack-exchange:before { - content: '\f18d'; -} .icon-plus-square-o:before { content: '\f196'; } diff --git a/public/css/sass/commons/_manage.scss b/public/css/sass/commons/_manage.scss index 470c7b5d54..e802815a5f 100644 --- a/public/css/sass/commons/_manage.scss +++ b/public/css/sass/commons/_manage.scss @@ -412,10 +412,6 @@ div#manage-container { transition: 0.3s ease; background-color: #ffffff; padding: 8px 15px; - - .outsource.modal .popup { - box-shadow: none; - } .job-id { float: left; min-width: 70px; @@ -882,73 +878,6 @@ div#manage-container { } } -.normal-foo { - background-color: $grey4; - min-width: 992px; - width: 100%; - position: fixed; - bottom: 0; - left: 0; - z-index: 2; - .footer-body { - display: grid; - position: relative; - grid-column-gap: 24px; - grid-template-columns: 0.6fr 0.6fr 1fr; - align-items: center; - padding: 16px 64px; - height: 77px; - .info { - display: grid; - align-items: center; - grid-template-columns: 40px auto; - grid-column-gap: 8px; - .logo { - background-position: center; - background-size: cover; - } - .description { - color: $grey1; - font-weight: 100; - font-size: 12px; - text-align: left; - line-height: 14px; - .link { - color: #00aee4; - text-decoration: underline; - } - } - } - } - .side-info { - padding: 0 16px; - position: absolute; - display: grid; - align-items: center; - bottom: 0; - right: 0; - width: 419px; - height: 35px; - box-shadow: -2px -2px 12px 0 rgba(198, 198, 198, 0.5); - background-color: #ffffff; - .side-info-body { - display: grid; - grid-template-columns: 80px 80px 80px; - align-items: center; - .item { - a { - margin: 0; - padding: 0; - color: $grey1; - display: block; - text-decoration: underline; - text-align: left; - } - } - } - } -} - .modal[data-type='view'] { display: none; } diff --git a/public/css/sass/commons/_matecat_fonts.scss b/public/css/sass/commons/_matecat_fonts.scss index b8218c4ae1..93fa67abe1 100644 --- a/public/css/sass/commons/_matecat_fonts.scss +++ b/public/css/sass/commons/_matecat_fonts.scss @@ -1,17 +1,17 @@ @font-face { font-family: Calibri; - src: local(Calibri), url('../fonts/calibri-webfont.woff') format('woff'), - url('../fonts/calibri-webfont.ttf') format('truetype'), - url('../fonts/calibri-webfont.eot'), - url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); + src: local(Calibri), url('/public/css/fonts/calibri-webfont.woff') format('woff'), + url('/public/css/fonts/calibri-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri-webfont.eot'), + url('/public/css/fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); } @font-face { font-family: Calibri; font-weight: bold; src: local('Calibri Bold'), - url('../fonts/calibri_bold-webfont.woff') format('woff'), - url('../fonts/calibri_bold-webfont.ttf') format('truetype'), - url('../fonts/calibri_bold-webfont.eot'), - url('../fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); + url('/public/css/fonts/calibri_bold-webfont.woff') format('woff'), + url('/public/css/fonts/calibri_bold-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri_bold-webfont.eot'), + url('/public/css/fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); } diff --git a/public/css/sass/_mixins.scss b/public/css/sass/commons/_mixins.scss similarity index 100% rename from public/css/sass/_mixins.scss rename to public/css/sass/commons/_mixins.scss diff --git a/public/css/sass/commons/_nav-bar.scss b/public/css/sass/commons/_nav-bar.scss index e4175de4b9..da471d220e 100644 --- a/public/css/sass/commons/_nav-bar.scss +++ b/public/css/sass/commons/_nav-bar.scss @@ -425,7 +425,7 @@ header { float: left; border: 0; //margin-top: 5px; - background: url(../../img/logo_matecat_big_white.svg) 0px 0px no-repeat; + background: url(/public/img/logo_matecat_big_white.svg) 0px 0px no-repeat; width: 190px; height: 40px; left: 20px; diff --git a/public/css/sass/variables.scss b/public/css/sass/commons/_variables.scss similarity index 100% rename from public/css/sass/variables.scss rename to public/css/sass/commons/_variables.scss diff --git a/public/css/sass/components/CattolFooter.scss b/public/css/sass/components/CattolFooter.scss index 1362b63332..9f26dd2088 100644 --- a/public/css/sass/components/CattolFooter.scss +++ b/public/css/sass/components/CattolFooter.scss @@ -66,4 +66,15 @@ color: $black !important; } } + .stats-foo { + //height: 44px; + background-color: $white; + width: 100%; + //position: fixed; + bottom: 0; + left: 0; + z-index: 2; + display: grid; + min-width: 1024px; + } } diff --git a/public/css/sass/components/Footer.scss b/public/css/sass/components/Footer.scss new file mode 100644 index 0000000000..162b9c2c1d --- /dev/null +++ b/public/css/sass/components/Footer.scss @@ -0,0 +1,78 @@ +.normal-foo { + background-color: $grey4; + min-width: 992px; + width: 100%; + .footer-body { + display: grid; + position: relative; + grid-column-gap: 24px; + padding: 12px 64px; + //grid-template-columns: minmax(auto,440px) auto; + grid-template-columns: minmax(auto, 440px) auto minmax(auto, 440px); + align-items: center; + .info { + display: grid; + align-items: center; + grid-template-columns: 40px auto; + grid-column-gap: 8px; + .image { + display: flex; + align-items: center; + } + .logo { + background-position: center; + background-size: cover; + } + .description { + color: $grey1; + font-weight: 100; + font-size: 12px; + text-align: left; + line-height: 14px; + .link { + color: #00aee4; + text-decoration: underline; + } + } + } + } + .side-info { + margin-top: 4px; + display: flex; + align-items: center; + box-shadow: none; + justify-content: center; + .item { + padding: 0 20px; + display: flex; + gap: 5px; + a { + margin: 0; + color: $grey1; + text-align: left; + font-size: 16px; + font-weight: bold; + text-decoration: none; + display: flex; + align-items: center; + &.email-link { + color: #fff; + background-color: $grey1; + padding: 6px 24px; + border-radius: 2px; + &:hover { + background-color: $grey6; + } + } + } + } + } + .footer-logo { + display: flex; + justify-content: end; + a { + display: flex; + align-items: center; + } + } +} \ No newline at end of file diff --git a/public/css/sass/components/MarkAsCompleteButton.scss b/public/css/sass/components/MarkAsCompleteButton.scss new file mode 100644 index 0000000000..e7a693775a --- /dev/null +++ b/public/css/sass/components/MarkAsCompleteButton.scss @@ -0,0 +1,38 @@ +#markAsCompleteButton.isMarkableAsComplete { + background: $translatedBlue; + color: #fff !important; + width: auto !important; + border-radius: 2px 0 0 2px; + padding: 0 5px !important; + text-transform: uppercase; + margin: 0 !important; +} +input#markAsCompleteButton[disabled] { + background: #d7d7d8; +} + +#markAsCompleteButton { + width: $icon-scale !important; + height: $icon-scale; + text-align: right; + background: transparent; + border: none; + + &.isMarkedComplete { + background-image: url('/public/img/icons/icon-mark-active.svg'); + background-size: cover; + } + &.isMarkableAsComplete { + opacity: 1; + padding: 0 !important; + border-radius: 0; + background: transparent url('/public/img/icons/icon-mark.svg'); + background-size: cover; + } + &.notMarkedComplete { + background: transparent url('/public/img/icons/icon-mark.svg'); + opacity: 0.7; + background-size: cover; + cursor: not-allowed; + } +} diff --git a/public/css/sass/notifications.scss b/public/css/sass/components/NotificationBox.scss similarity index 99% rename from public/css/sass/notifications.scss rename to public/css/sass/components/NotificationBox.scss index 7245240fe2..9d8be47928 100644 --- a/public/css/sass/notifications.scss +++ b/public/css/sass/components/NotificationBox.scss @@ -1,4 +1,4 @@ -@import 'variables'; +@import '../commons/variables'; /******* Notifications ************/ .notifications-position { diff --git a/public/css/sass/review_extended.scss b/public/css/sass/components/ReviewExtendedPanel.scss similarity index 89% rename from public/css/sass/review_extended.scss rename to public/css/sass/components/ReviewExtendedPanel.scss index 5d6aea45aa..9e7f000028 100644 --- a/public/css/sass/review_extended.scss +++ b/public/css/sass/components/ReviewExtendedPanel.scss @@ -1,5 +1,5 @@ -@import 'commons/divider'; -@import 'commons/shadows'; +@import '../commons/divider'; +@import '../commons/shadows'; h1, h2, @@ -239,35 +239,6 @@ article { margin-top: 110px; } } -//article:first-child { -// section { -// &:nth-child(-n+3) { -// .segment-side-container { -// position: absolute; -// text-align: left; -// width: 29%; -// left: 106%; -// display: flex; -// flex-direction: column; -// .mbc-comment-balloon-outer { -// position: relative; -// bottom: -11px !important; -// margin-bottom: -30px; -// .mbc-open-view.mbc-re-messages { -// top: 1px; -// border-top: 12px solid #ffffff; -// border-left: 14px solid transparent; -// border-bottom: unset; -// } -// } -// .review-balloon-container { -// position: relative; -// margin-top: 25px; -// } -// } -// } -// } -//} .re-abb-issue { background: #e5e9f1; @@ -360,7 +331,7 @@ section { margin-right: 10px; color: $grey1 !important; - background: #fff url(../../img/highlighter_icon.png) center center + background: #fff url(/public/img/highlighter_icon.png) center center no-repeat; background-color: white; width: 20px; diff --git a/public/css/sass/components/SettingsPanel.scss b/public/css/sass/components/SettingsPanel.scss new file mode 100644 index 0000000000..79a460b41d --- /dev/null +++ b/public/css/sass/components/SettingsPanel.scss @@ -0,0 +1,10 @@ +@import 'settingsPanel/SettingsPanel'; +@import 'settingsPanel/MachineTranslationTab'; +@import 'settingsPanel/TranslationMemoryGlossaryTab'; +@import 'settingsPanel/SettingsPanelTable'; +@import 'settingsPanel/MessageNotification'; +@import 'settingsPanel/OtherTab'; +@import 'settingsPanel/QualityFrameworkTab'; +@import 'settingsPanel/AnalysisTab'; +@import 'settingsPanel/FileImportTab'; +@import 'settingsPanel/EditorSettingsTab'; diff --git a/public/css/sass/components/bulk-approve-bar/bulk_approve_bar.scss b/public/css/sass/components/bulk-approve-bar/bulk_approve_bar.scss index f8a3fcfcb5..d5f49bf3b0 100644 --- a/public/css/sass/components/bulk-approve-bar/bulk_approve_bar.scss +++ b/public/css/sass/components/bulk-approve-bar/bulk_approve_bar.scss @@ -90,7 +90,7 @@ .loader { width: 20px; height: 20px; - background: url(../../img/loading.gif) 0 0 no-repeat !important; + background: url(/public/img/loading.gif) 0 0 no-repeat !important; position: absolute; bottom: 6px; display: block; diff --git a/public/css/sass/components/common/Dropdown.scss b/public/css/sass/components/common/Dropdown.scss index 8271531433..49680d3588 100644 --- a/public/css/sass/components/common/Dropdown.scss +++ b/public/css/sass/components/common/Dropdown.scss @@ -138,9 +138,13 @@ z-index: 2; margin-top: 14px; - &::after, - &::before { - opacity: 1; + &[aria-label] { + position: absolute; + + &::after, + &::before { + opacity: 1; + } } } diff --git a/public/css/sass/components/header/FilesMenu.scss b/public/css/sass/components/header/FilesMenu.scss index 75f8eda41a..168d4286a2 100644 --- a/public/css/sass/components/header/FilesMenu.scss +++ b/public/css/sass/components/header/FilesMenu.scss @@ -29,19 +29,6 @@ } } -/*scrollbar*/ -.topMenu ::-webkit-scrollbar { - width: 16px; -} - -.topMenu ::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -} - -.topMenu ::-webkit-scrollbar-thumb { - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); -} - .job-menu-files { top: 50px; display: block; diff --git a/public/css/sass/components/header/search.scss b/public/css/sass/components/header/search.scss index 3998fa9632..1bd4656bef 100644 --- a/public/css/sass/components/header/search.scss +++ b/public/css/sass/components/header/search.scss @@ -51,14 +51,12 @@ -moz-transition: all 100ms ease-in; } - .search-input:hover, - .search-editarea:hover { + .search-input:hover { -moz-box-shadow: inset 0 1px 1px #e6e7e8; -webkit-box-shadow: inset 0 1px 1px #e6e7e8; } - .search-input:focus, - .search-editarea:focus { + .search-input:focus { -moz-box-shadow: inset 0 1px 2px #ccc; -webkit-box-shadow: inset 0 1px 2px #ccc; color: #000; diff --git a/public/css/sass/components/header/segmentsFilter.scss b/public/css/sass/components/header/segmentsFilter.scss index ba725b1570..3183c506e6 100644 --- a/public/css/sass/components/header/segmentsFilter.scss +++ b/public/css/sass/components/header/segmentsFilter.scss @@ -398,7 +398,7 @@ section.muted .segment-side-buttons { .loader { width: 20px; height: 20px; - background: url(../../img/loading.gif) 0 0 no-repeat !important; + background: url(/public/img/loading.gif) 0 0 no-repeat !important; position: absolute; bottom: 0px; display: block; diff --git a/public/css/sass/components/pages/ActivityLogPage.scss b/public/css/sass/components/pages/ActivityLogPage.scss new file mode 100644 index 0000000000..f25d48e056 --- /dev/null +++ b/public/css/sass/components/pages/ActivityLogPage.scss @@ -0,0 +1,121 @@ +@import 'NewProjectPage'; + +.activity-log-content { + display: flex; + flex-direction: column; + text-align: left; + padding: 50px 25px; + gap: 15px; + height: calc(100vh - 120px); + + h1, + h2 { + margin: 0; + } +} + +.activity-log-table { + height: 100%; + overflow-y: auto; + border: 1px solid $grey8; + + .activity-log-table-columns-name, + .activity-log-table-columns-content { + display: grid; + grid-template-columns: 10% 15% 8% 8% 12% 15% 16% 16%; + text-align: left; + + > * { + display: flex; + align-items: center; + + > span { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + + .activity-log-table-columns-name { + position: sticky; + top: 0; + font-weight: bold; + } + + .activity-log-table-columns-content { + > * { + height: 40px; + border: 1px solid $grey8; + border-top: unset; + padding: 10px; + border-left: unset; + } + + > *:last-child { + border-right: unset; + } + + &:nth-child(odd) { + background-color: $grey5; + } + } + + .activity-table-column-order { + background-color: $grey9; + border: 1px solid $grey8; + padding: 5px; + justify-content: space-between; + cursor: pointer; + user-select: none; + } + + .activity-table-column-order-asc { + svg { + transform: rotate(180deg); + } + } + + .activity-table-column-empty-state { + padding: 20px; + text-align: center; + } +} + +.activity-log-filter-column { + display: flex; + justify-content: space-between; + align-items: end; + + .activity-log-filter-column-container { + display: flex; + align-items: end; + gap: 5px; + + .select-with-label__wrapper { + width: 160px; + + label { + color: $grey6; + } + + .select { + font-size: 14px; + padding: 5px; + + &:hover { + border-color: rgba($grey8, 0.8); + box-shadow: none; + } + } + } + + .activity-log-filter-column-input { + width: 250px; + font-size: 14px; + border-radius: 2px; + border: 1px solid $grey2; + padding: 7px; + } + } +} diff --git a/public/css/sass/components/pages/AnalyzePage.scss b/public/css/sass/components/pages/AnalyzePage.scss new file mode 100644 index 0000000000..b275df4c62 --- /dev/null +++ b/public/css/sass/components/pages/AnalyzePage.scss @@ -0,0 +1,25 @@ +@import "../../common-main"; +@import '../../commons/filter-teams'; +@import '../../commons/icons'; +@import '../../commons/shadows'; +@import '../../commons/project'; +@import '../../commons/divider'; +@import '../../commons/progress-mc-bar'; +@import '../../commons/buttons'; +@import '../signin/OnBoarding'; + +@import '../../modals/split_modal'; + +@import '../../commons/sub-header'; +@import '../../commons/team-member'; + +@import '../../commons/analyze'; +@import '../../commons/outsource'; +@import '../../commons/date-picker-translator'; +@import '../common/CookieConsent'; +@import '../common/Tooltip'; +@import '../common/Button'; +@import '../common/LabelWithTooltip'; +@import '../common/Switch'; +@import '../common/Accordion'; +@import '../Analyze/JobAnalyze'; \ No newline at end of file diff --git a/public/css/sass/legacy-misc.scss b/public/css/sass/components/pages/ApiDocPage.scss similarity index 89% rename from public/css/sass/legacy-misc.scss rename to public/css/sass/components/pages/ApiDocPage.scss index 5ffcf1b17b..fdb2ecde56 100644 --- a/public/css/sass/legacy-misc.scss +++ b/public/css/sass/components/pages/ApiDocPage.scss @@ -69,14 +69,6 @@ h3 { margin-bottom: 4px !important; } -.error-symbol { - position: absolute; - margin: 42px 0 0 -30px; - display: block; - width: 23px; - height: 23px; -} - .field { float: left; width: 35%; @@ -93,25 +85,6 @@ h3 { color: #000 !important; } -table .btn { - width: auto !important; - padding: 0px 20px 0 20px !important; -} - -th.header { - background: #efefef url(../../img/bg.gif) right center no-repeat !important; -} - -th.headerSortUp, -th.tablesorter-headerAsc { - background: #efefef url(../../img/asc.gif) right center no-repeat !important; -} - -th.headerSortDown, -th.tablesorter-headerDesc { - background: #efefef url(../../img/desc.gif) right center no-repeat !important; -} - .searchbox { margin-top: 18px !important; } @@ -289,7 +262,7 @@ table { } .logosmall { - background: url(../../img/logo_matecat_small.svg) no-repeat; + background: url(/public/img/logo_matecat_small.svg) no-repeat; padding-top: 30px; background-size: 45px; } @@ -348,7 +321,7 @@ code { } .missing-outsource-data { - background: url(../../img/loading-black.gif) 40px 10px no-repeat; + background: url(/public/img/loading-black.gif) 40px 10px no-repeat; background-size: 20px; background-position: center; } @@ -691,44 +664,6 @@ blockquote { text-overflow: ellipsis; overflow: hidden; } -.pee-page .tablesorter-filter-row input { - width: 100%; -} -.pee-page tr.tablesorter-headerRow th { - padding: 15px 0 !important; -} -.pee-page th.tablesorter-headerUnSorted { - background: #efefef url(https://www.matecat.com/public/img/bg.gif) right - center no-repeat !important; -} - -.pee-page .tablesorter-filter-row { - background: #f4f4f4; -} - -.pee-page select { - width: 100%; - height: 23px; - background: #fff; -} - -.pee-page div.selectContainer { - width: 92%; - margin: 0 auto; -} - -.pee-page div.selectContainer .dropdown { - width: 200px !important; -} - -.pee-page .notfound { - width: 100%; - margin: 20px auto; - font-size: 26px; - font-style: italic; - color: #999; -} - .chart-container { width: 1200px; margin: 0 auto; diff --git a/public/css/sass/components/pages/CattoolPage.scss b/public/css/sass/components/pages/CattoolPage.scss new file mode 100644 index 0000000000..8a14954223 --- /dev/null +++ b/public/css/sass/components/pages/CattoolPage.scss @@ -0,0 +1,48 @@ +@import '../../common-main'; +@import '../../commons/icons'; +@import '../../commons/buttons'; +@import '../../commons/aria-label-tooltip'; +@import "../../common"; +@import '../../style'; +@import '../../commons/progress-mc-bar'; +@import '../../mbc-style'; +@import '../../lexiqa'; +@import '../segment/SegmentFooterTabMessages'; +@import '../MarkAsCompleteButton'; +@import '../header/segmentsFilter'; +@import '../ReviewExtendedPanel'; +//components +@import '../segment/segment'; +@import '../segment/segmentFooter'; +@import '../segment/segmentFooterTabGlossary'; +@import '../segment/issuesContainer'; +@import '../segment/tagsMenu'; +@import '../segment/Tag'; +@import '../segment/TooltipInfo'; +@import '../segment/Glossary'; +@import '../segment/Editor'; +@import '../bulk-approve-bar/bulk_approve_bar'; +@import '../header/search'; +@import '../header/qaComponent'; +@import '../header/header'; +@import '../SegmentsContainer'; +@import '../header/FilesMenu'; +@import '../segment/segmentFooterTabAiAssistant'; +@import '../CattolFooter'; +@import '../signin/OnBoarding'; + +@import '../../cattool'; + +@import '../../speech2text'; + +@import '../../commons/tooltip'; + +@import '../SettingsPanel'; + + + + + + + + diff --git a/public/css/sass/components/pages/DashboardPage.scss b/public/css/sass/components/pages/DashboardPage.scss new file mode 100644 index 0000000000..d8505b7e8c --- /dev/null +++ b/public/css/sass/components/pages/DashboardPage.scss @@ -0,0 +1,19 @@ +@import "../../common-main"; +@import '../../commons/filter-teams'; +@import '../../commons/icons'; +@import '../../commons/project'; +@import '../../commons/shadows'; +@import '../../commons/divider'; +@import '../../commons/progress-mc-bar'; +@import '../../commons/buttons'; + +@import '../../modals/split_modal'; +@import '../../commons/sub-header'; +@import '../../commons/team-member'; +@import '../../commons/manage'; +@import '../../commons/outsource'; +@import '../../commons/date-picker-translator'; +@import '../common/TeamModal'; +@import '../header/TeamDropdown'; +@import '../UserProjectDropdown'; +@import '../signin/OnBoarding'; diff --git a/public/css/sass/upload-main.scss b/public/css/sass/components/pages/NewProjectPage.scss similarity index 73% rename from public/css/sass/upload-main.scss rename to public/css/sass/components/pages/NewProjectPage.scss index b5d95940c6..8245d2bb7f 100644 --- a/public/css/sass/upload-main.scss +++ b/public/css/sass/components/pages/NewProjectPage.scss @@ -1,37 +1,20 @@ -@import 'vendor_mc/semantic/matecat_semantic'; +@import '../../common-main'; -@import 'variables'; +@import '../../commons/buttons'; +@import '../../commons/filter-teams'; +@import '../../commons/icons'; +@import '../../commons/team-member'; +@import '../../commons/aria-label-tooltip'; +@import '../../commons/tooltip'; -@import 'commons/buttons'; -@import 'commons/filter-teams'; -@import 'commons/icons'; -@import 'commons/nav-bar'; -@import 'commons/team-member'; +@import '../../common'; +@import '../../modals/language-selector'; +@import '../common/HomePageSection'; +@import '../../upload-page'; +@import '../signin/OnBoarding'; +@import '../Footer'; -@import 'common-main'; -@import 'common'; -@import 'popup'; -@import 'commons/tooltip'; -@import 'modals/language-selector'; -@import 'commons/aria-label-tooltip'; -@import 'components/common/HomePageSection'; -@import 'common-components'; -@import 'upload-page'; -@import 'components/common/Select'; -@import 'components/common/Dropdown'; -@import 'components/common/CookieConsent'; -@import 'components/common/Switch'; -@import 'components/common/MenuButton'; -@import 'components/common/Tooltip'; -@import 'components/common/Button'; -@import 'components/common/Popover'; -@import 'components/common/LabelWithTooltip'; -@import 'components/common/EmailsBadge'; -@import 'components/common/SegmentedControl'; -@import 'components/common/Accordion'; -@import 'components/signin/OnBoarding'; - -@import 'settingsPanel'; +@import '../SettingsPanel'; .new_project__page { overflow-y: auto; @@ -168,25 +151,6 @@ display: inline-block; } } - div#add-tmx-option:hover, - div#add-multiple-lang:hover { - background: rgba(0, 0, 0, 0.05); - } - div#add-tmx-option, - div#add-multiple-lang { - cursor: pointer; - color: #39699a; - font-size: 14px; - margin: 0; - padding: 15px; - .icon { - float: right; - font-size: 24px; - margin-top: -3px; - margin-right: 1px; - color: #39699a; - } - } div.item { width: 100%; min-width: 128px; @@ -194,10 +158,6 @@ overflow: hidden; text-overflow: ellipsis; padding-right: 10px !important; - span.item-key-id { - color: #757575; - clear: both; - } span { line-height: 17px; } @@ -214,16 +174,6 @@ overflow: hidden; text-overflow: ellipsis; font-size: 16px; - .item-key-id { - margin-top: 0px; - float: none; - } - .item-key-name { - color: initial; - margin-top: 0px; - margin-right: 5px; - float: none; - } } .divider { margin: 0 !important; @@ -255,16 +205,6 @@ } } } - .item-key-id { - color: #757575; - } - .item-key-name { - color: initial; - max-width: 145px !important; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } .text .multiple-tm { display: block; } @@ -326,25 +266,6 @@ width: 150px; } } - div#add-tmx-option:hover, - div#add-multiple-lang:hover { - background: rgba(0, 0, 0, 0.05); - } - div#add-tmx-option, - div#add-multiple-lang { - cursor: pointer; - color: #39699a; - font-size: 14px; - margin: 0; - padding: 15px; - .icon { - float: right; - font-size: 24px; - margin-top: -3px; - margin-right: 1px; - color: #39699a; - } - } div.item { width: 100%; min-width: 128px; @@ -352,10 +273,6 @@ overflow: hidden; text-overflow: ellipsis; padding-right: 10px !important; - span.item-key-id { - color: #757575; - clear: both; - } span { line-height: 17px; } @@ -371,16 +288,6 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - .item-key-id { - margin-top: 0px; - float: none; - } - .item-key-name { - color: initial; - margin-top: 0px; - margin-right: 5px; - float: none; - } } .divider { margin: 0 !important; @@ -392,11 +299,6 @@ width: 140px; } } - .translate-box.settings { - .more-options { - margin: 0; - } - } .translate-box.tmx-select { margin-right: 0; } diff --git a/public/css/sass/quality-report.scss b/public/css/sass/components/pages/QualityReportPage.scss similarity index 94% rename from public/css/sass/quality-report.scss rename to public/css/sass/components/pages/QualityReportPage.scss index bfa9837c50..4dbdda6c5e 100644 --- a/public/css/sass/quality-report.scss +++ b/public/css/sass/components/pages/QualityReportPage.scss @@ -1,23 +1,16 @@ -@import 'vendor_mc/semantic/matecat_semantic'; -@import 'commons/icons'; -@import 'commons/shadows'; -@import 'commons/divider'; -@import 'commons/progress-mc-bar'; -@import 'commons/buttons'; -@import 'commons/nav-bar'; -@import 'common-main'; -@import 'common-components'; -@import 'components/signin/OnBoarding'; -@import 'common'; -@import 'components/segment/tagsMenu'; -@import 'components/segment/Tag'; -@import 'components/header/header'; -@import 'components/segment/Tag'; -@import 'components/common/Switch'; -@import 'components/common/Button'; -@import 'components/common/LabelWithTooltip'; -@import 'components/common/Accordion'; -@import 'style'; +@import '../../common-main'; +@import '../../commons/icons'; +@import '../../commons/shadows'; +@import '../../commons/divider'; +@import '../../commons/progress-mc-bar'; +@import '../../commons/buttons'; +@import '../signin/OnBoarding'; +@import '../../common'; +@import '../segment/tagsMenu'; +@import '../segment/Tag'; +@import '../header/header'; +@import '../segment/Tag'; +@import '../../style'; $color-red: #fb2a0d; $color-orange: #fbaa0d; @@ -741,54 +734,6 @@ header { } } -/*Placeholder*/ - -.softReturn { - display: inline; - margin-left: 6px; - padding: 1px 2px 3px 40px; - background-image: url(../../img/soft-return1.png); - background-size: 16px; - background-repeat: no-repeat; - background-position: center left; - width: 20px; - position: relative; -} -.hardReturn { - display: inline; - margin-left: 6px; - padding: 1px 2px 3px 40px; - background-image: url(../../img/hard-return.png); - background-size: 16px; - background-repeat: no-repeat; - background-position: center left; - width: 20px; - position: relative; -} - -.tab-marker { - color: #999; - margin-left: 4px; - margin-right: 4px; - position: relative; - top: 2px; -} - -.space-marker, -.nbsp-marker { - color: #ccc; - position: relative; - left: 4px; - padding-right: 12px; - opacity: 0.2; - top: 3px; - font-size: 15px; - background: url(../../img/dot.png) 0 0 no-repeat; - background-size: 6px; -} - -/*End Placehoder*/ - .qr-filter-list { display: flex; align-items: center; @@ -1007,12 +952,6 @@ header { } } -footer { - #statistics { - display: none; - } -} - .no-segments-found { text-align: center; margin: 15px 0; diff --git a/public/css/sass/components/pages/SignInPage.scss b/public/css/sass/components/pages/SignInPage.scss new file mode 100644 index 0000000000..557c773d88 --- /dev/null +++ b/public/css/sass/components/pages/SignInPage.scss @@ -0,0 +1,5 @@ + +@import '../../common-main'; +@import '../../common'; +@import '../signin/OnBoarding'; + diff --git a/public/css/sass/segment-notes.scss b/public/css/sass/components/segment/SegmentFooterTabMessages.scss similarity index 98% rename from public/css/sass/segment-notes.scss rename to public/css/sass/components/segment/SegmentFooterTabMessages.scss index 6a892c683a..5ee92cab92 100644 --- a/public/css/sass/segment-notes.scss +++ b/public/css/sass/components/segment/SegmentFooterTabMessages.scss @@ -35,7 +35,7 @@ div.segment-notes ul.graysmall li span.note-label { max-width: 380px; max-height: 260px; min-height: 170px; - background-image: url(../../img/loading.gif); + background-image: url(/public/img/loading.gif); background-size: 30px 30px; background-repeat: no-repeat; background-position: 50%; diff --git a/public/css/sass/components/segment/segment.scss b/public/css/sass/components/segment/segment.scss index 31d822af3a..2f87b65e67 100644 --- a/public/css/sass/components/segment/segment.scss +++ b/public/css/sass/components/segment/segment.scss @@ -110,7 +110,7 @@ section { .header-segment-saving-loader { width: 16px; height: 16px; - background: url(../../img/loading.gif); + background: url(/public/img/loading.gif); background-size: cover; } } diff --git a/public/css/sass/components/settingsPanel/MachineTranslationTab.scss b/public/css/sass/components/settingsPanel/MachineTranslationTab.scss index 8dfefd3a5f..2fa6b4b946 100644 --- a/public/css/sass/components/settingsPanel/MachineTranslationTab.scss +++ b/public/css/sass/components/settingsPanel/MachineTranslationTab.scss @@ -439,7 +439,7 @@ .spinner { position: absolute; - background: url(../../img/loading.gif) 48% top no-repeat !important; + background: url(/public/img/loading.gif) 48% top no-repeat !important; background-size: 26px 26px !important; width: 26px; height: 26px; diff --git a/public/css/sass/components/settingsPanel/SettingsPanel.scss b/public/css/sass/components/settingsPanel/SettingsPanel.scss index 7d25480ebe..88120ebdb2 100644 --- a/public/css/sass/components/settingsPanel/SettingsPanel.scss +++ b/public/css/sass/components/settingsPanel/SettingsPanel.scss @@ -74,7 +74,7 @@ } .settings-panel-header-logo { - background: url(../../img/logo_matecat_small_white.svg) no-repeat; + background: url(/public/img/logo_matecat_small_white.svg) no-repeat; background-position-y: center; background-size: contain; width: 35px; diff --git a/public/css/sass/editlog.scss b/public/css/sass/editlog.scss deleted file mode 100644 index bce7cac19f..0000000000 --- a/public/css/sass/editlog.scss +++ /dev/null @@ -1,72 +0,0 @@ -#current_page { - font-weight: bold; - font-size: 1.1em; -} - -#pagination_box { - position: absolute; - left: 35%; - width: 30%; -} - -#pagination_box nav { - float: none; - text-align: center; -} - -#pagination_box nav ul { - position: relative; - width: 100%; - margin: 0 auto; - overflow: hidden; -} - -#pagination_box nav li { - border: 0; - text-align: center; - display: inline-block; - float: none; - margin: 0 auto; - overflow: hidden; - text-align: center; -} - -#pagination_box nav li a { - text-decoration: none; -} - -#sort_box { - padding: 20px 10px 30px 10px; -} - -#sort_box label { - padding-right: 20px; - font-size: 18px; -} - -.translate-box select, -.mgmt-table-mt select { - width: 257px; - height: 37px; - padding: 5px; - font-size: 18px; - border: 1px solid #ccc; - margin: 0 0 5px 0; -} - -.article.msg { - width: 100%; - margin: 20px auto; - font-size: 26px; - font-style: italic; - color: #999; -} - -.invalid_td { - background-color: #ee6633; - border: 2px solid #ee6633; -} - -.ui.user.label { - top: 1px; -} diff --git a/public/css/sass/main.scss b/public/css/sass/main.scss deleted file mode 100644 index c03fae755e..0000000000 --- a/public/css/sass/main.scss +++ /dev/null @@ -1,52 +0,0 @@ -@import 'vendor_mc/semantic/matecat_semantic'; -@import 'commons/colors'; -@import 'commons/matecat_fonts'; -@import 'commons/icons'; -@import 'commons/buttons'; -@import 'commons/aria-label-tooltip'; -@import 'common-main'; -@import "common"; -@import 'style'; -@import 'commons/progress-mc-bar'; -@import 'mbc-style'; -@import 'lexiqa'; -@import 'segment-notes'; -@import 'project-completion-feature'; -@import 'editlog'; -@import 'components/header/segmentsFilter'; -@import 'review_extended'; -//components -@import 'commons/nav-bar'; -@import 'components/segment/segment'; -@import 'components/segment/segmentFooter'; -@import 'components/segment/segmentFooterTabGlossary'; -@import 'components/segment/issuesContainer'; -@import 'components/segment/tagsMenu'; -@import 'components/segment/Tag'; -@import 'components/segment/TooltipInfo'; -@import 'components/segment/Glossary'; -@import 'components/segment/Editor'; -@import 'components/bulk-approve-bar/bulk_approve_bar'; -@import 'components/header/search'; -@import 'components/header/qaComponent'; -@import 'components/header/header'; -@import 'components/SegmentsContainer.scss'; -@import 'components/header/FilesMenu'; -@import 'components/common/FilenameLabel'; -@import 'components/common/SegmentedControl'; -@import 'components/segment/segmentFooterTabAiAssistant'; -@import 'components/common/Button'; -@import 'components/common/Popover'; -@import 'components/common/LabelWithTooltip'; -@import 'components/common/EmailsBadge'; -@import 'components/common/Accordion'; -@import 'components/CattolFooter'; -@import 'components/signin/OnBoarding'; - -@import 'cattool'; - -@import 'speech2text'; - -@import 'commons/tooltip'; - -@import 'settingsPanel'; diff --git a/public/css/sass/manage_main.scss b/public/css/sass/manage_main.scss deleted file mode 100644 index dce9ed8c81..0000000000 --- a/public/css/sass/manage_main.scss +++ /dev/null @@ -1,25 +0,0 @@ -@import 'vendor_mc/semantic/matecat_semantic'; - -@import "common-main"; -@import 'commons/filter-teams'; -@import 'commons/nav-bar'; -@import 'commons/icons'; -@import 'commons/project'; -@import 'commons/shadows'; -@import 'commons/divider'; -@import 'commons/progress-mc-bar'; -@import 'commons/buttons'; - -@import 'common-modals'; -@import 'common-components'; -@import 'modals/split_modal'; -@import 'commons/sub-header'; -@import 'commons/team-member'; -@import 'commons/manage'; -@import 'commons/outsource'; -@import 'commons/date-picker-translator'; -@import 'components/common/TeamModal'; -@import 'components/common/Accordion'; -@import 'components/header/TeamDropdown'; -@import 'components/UserProjectDropdown'; -@import 'components/signin/OnBoarding'; diff --git a/public/css/sass/mbc-style.scss b/public/css/sass/mbc-style.scss index d5d5aaf5ef..36a1cee445 100644 --- a/public/css/sass/mbc-style.scss +++ b/public/css/sass/mbc-style.scss @@ -12,23 +12,6 @@ box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3); } -/*section.editor .mbc-comment-balloon-inner { - margin-top: -25px; -}*/ - -/* Give breathing space to the last comment ballon in page */ -//.mbc-comment-balloon-outer:last-of-type { -// margin-bottom: 100px; -//} - -/* - ****** - Post new comment - ****** - */ -.mbc-reply-input { - background: #ffffff; -} /* ****** @@ -118,15 +101,6 @@ padding-bottom: 2px; } -/* - Email past comment details - */ -.mbc-comment-email-label { - color: #7f7f7f; - font-weight: normal; - width: 90%; /* set width below 100% and allow truncation */ -} - /* Message past comment details */ @@ -137,41 +111,6 @@ word-wrap: break-word; } -/* - ****** - New incoming message notification - ****** - */ - -.mbc-new-message-notification { - background-color: #fff9cc; - color: #6d6e71; - font-size: 14px; - left: 0; - line-height: 2.2; - position: absolute; - text-align: center; - top: -31px; - width: 100%; -} - -/* New message link */ -a.mbc-new-message-link:link, -a.mbc-new-message-link:visited { - color: #6d6e71; - text-decoration: underline; -} - -a.mbc-new-message-link:hover { - text-decoration: none; -} - -.mbc-new-message-icon { - font-size: 14px; - font-weight: bold; - padding: 0 6px 0 0; -} - /* ****** ****** @@ -256,27 +195,6 @@ a.mbc-new-message-link:hover { padding: 2px 0; } -.mbc-comment-textinput { - background: #fff; - border: 1px solid #999; - border-radius: 2px; - -webkit-box-shadow: inset 0 1px 2px #ddd; - box-shadow: inset 0 1px 2px #ddd; - font-size: 14px; - height: auto; - margin: 0 0 2px; - outline: 0; - overflow: initial; - padding: 2px 5px; - text-overflow: initial; - white-space: initial; -} - -.mbc-comment-textinput:hover { - box-shadow: 0px 0px 0px 1px #ccc; - cursor: text; -} - /* ****** ****** @@ -315,11 +233,6 @@ a.mbc-new-message-link:hover { padding: 2px 5px 2px 0; } -//.mbc-comment-anonymous-label:hover { -// box-shadow: 0px 0px 0px 1px #ccc; -// cursor: text; -//} - /* ****** Resolved labels @@ -339,109 +252,6 @@ a.mbc-new-message-link:hover { font-weight: bold; } -/* - ****** - ****** - Buttons - ****** - ****** - */ - -/* - ****** - Common button - ****** - */ -a:link.mbc-comment-btn, -a:visited.mbc-comment-btn, -a.ui.button { - &.mbc-comment-btn { - border-radius: 2px; - cursor: pointer; - display: inline-block; - font-size: 14px; - font-weight: bold; - margin: 10px 0 0; - text-decoration: none; - text-transform: uppercase; - border: 1px solid #848689; - padding: 8px 10px; - } -} -/* - ****** - Button default - ****** - */ -a:link.mbc-comment-default-btn, -a:visited.mbc-comment-default-btn { - background: #dcdedf; - border: 1px solid #999; - color: #333; -} - -a:hover.mbc-comment-default-btn { - border: 1px solid #666; -} - -a:active.mbc-comment-default-btn { - border: 1px solid #000; /* .btn:active line 643 style.css */ -} - -/* - ****** - Comment button in comment balloon - Now follows translated button common.css line 1188 - ****** - */ -a.mbc-comment-send-btn:link, -a.mbc-comment-send-btn:visited { - background: -webkit-gradient( - linear, - left top, - left bottom, - from($translatedBlue), - to(#119ec4) - ); - background: -moz-linear-gradient(top, $translatedBlue, #119ec4); - background: linear-gradient(top, $translatedBlue, #119ec4); - border: 1px solid #848689; - color: #fff; -} - -a.mbc-comment-send-btn:hover { - background: #12b4df; - border: 1px solid #000; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; -} - -a.mbc-comment-send-btn:active { - -moz-box-shadow: inset 0 0 1px 1px #888; - -webkit-box-shadow: inset 0 0 1px 1px #888; - box-shadow: inset 0 0 1px 1px #888; -} - -/* - ****** - Resolve button in comment balloon - ****** - */ -a.mbc-comment-resolve-btn, -a.mbc-comment-resolve-btn:visited { - background: #dcdedf; - border: 1px solid #999; - color: #333; -} - -a.mbc-comment-resolve-btn:hover, -a.mbc-comment-resolve-btn:active { - box-shadow: - 0 0 0 #e0e0e0, - 0 0 2px rgba(0, 0, 0, 0.12), - 0 2px 4px rgba(0, 0, 0, 0.24) !important; -} - a.ui.button.mbc-comment-delete-btn { margin-right: 8px; } @@ -466,16 +276,6 @@ a.mbc-comment-link-btn:active { text-decoration: none; } -/* - ****** - Login invitation link in comment balloon - ****** - */ -a.mbc-login-link:link, -a.mbc-login-link:visited { - padding: 0 4px 10px 0; -} - /* ****** View link in history balloon @@ -501,47 +301,6 @@ a.mbc-view-link:visited { margin-bottom: 6px; } -/* - ****** - ****** - Close icon duplicate - ****** - ****** - */ - -/* style.css line 1612 */ -a.mbc-close-icon:link, -a.mbc-close-icon:visited { - background: #fff; - border-radius: 20px; - color: #aeaeae; - display: block; - font-size: 15px; - height: 14px; - padding: 0; - position: absolute; - right: 8px; - text-decoration: none; - top: 0; - vertical-align: middle; - width: 14px; -} - -a.mbc-close-icon:hover { - background: red; - color: #fff; - text-align: center; -} - -.mbc-close-icon:before { - content: '\ea0d'; - display: block; - margin-left: -1px; - margin-top: 0px; - text-align: center; - vertical-align: middle; -} - /* ****** ****** @@ -625,46 +384,6 @@ a.mbc-close-icon:hover { top: 5px; } -/* - Highlight element in header unique properties - */ -.mbc-comment-highlight-history { - color: #6d6e71; - position: absolute; - right: 7px; - top: 10px; -} - -.mbc-comment-highlight-history:hover { - color: #6d6e71; -} - -/* - Highlight element in history balloon unique properties - */ -.mbc-comment-highlight-balloon-history { - color: #6d6e71; - float: right; -} - -/* - ****** - ****** - Article state follwing comment balloon activation - ****** - ****** - */ - -/* - ****** - Commenting opened. Article width reduced and room made for comment ballon - ****** - */ -article section { - //-webkit-backface-visibility: hidden; - //-webkit-transition: width .2s ease; - //transition: width .2s ease; -} /* ****** @@ -774,14 +493,6 @@ article .mbc-comment-balloon-outer { margin-bottom: 10px; } -.mbc-comment-segment-number-label { - display: block; - font-size: 12px; - font-weight: bold; - margin-bottom: 16px; - text-transform: uppercase; -} - .mbc-history-balloon { background-color: rgba(247, 247, 247, 1); /* #ffffff */ padding: 0; @@ -805,22 +516,6 @@ article .mbc-comment-balloon-outer { overflow-y: auto; } -/* - ****** - ****** - Helpers - ****** - ****** - */ - -.pull-left { - float: left; -} - -.pull-right { - float: right; -} - /* Truncate text in label */ @@ -840,15 +535,6 @@ article .mbc-comment-balloon-outer { box-sizing: border-box; } -.divider { - background-color: #dadada; - display: block; /* for use on default inline elements like span */ - height: 1px; - margin: 0; - overflow: hidden; - width: 100%; -} - /* ****** Triangle in balloon @@ -965,18 +651,6 @@ Close icon ballon - Right panel clear: both; } -/* - ****** - Display and visibility helpers - ****** - */ -.mbc-hide { - display: none !important; -} - -.mbc-visible { - display: block !important; -} /* ****** Pure css solution to hide and unhide the button diff --git a/public/css/sass/modals/PreferenceModal.scss b/public/css/sass/modals/PreferenceModal.scss index 05c317cc3b..ffb36ebcd3 100644 --- a/public/css/sass/modals/PreferenceModal.scss +++ b/public/css/sass/modals/PreferenceModal.scss @@ -238,6 +238,4 @@ .user-info-form .grey-txt { color: $grey1; } -.reset-password.btn-confirm-medium { - float: left; -} + diff --git a/public/css/sass/modals/split_modal.scss b/public/css/sass/modals/split_modal.scss index 9be95521d7..d0d6bc1efc 100644 --- a/public/css/sass/modals/split_modal.scss +++ b/public/css/sass/modals/split_modal.scss @@ -155,10 +155,6 @@ background: #ccc; } - .uploadbtn { - float: right; - } - .split-box2 { display: none; width: 670px; @@ -332,17 +328,6 @@ background: #ccc !important; } - .uploadloader { - background: url(../../img/loader.gif) center center no-repeat; - width: 20px; - height: 20px; - float: right; - margin-top: 11px; - position: absolute; - right: 86px; - background-size: 20px 20px; - } - .btn-cancel { padding: 2px 15px !important; float: right; diff --git a/public/css/sass/popup.scss b/public/css/sass/popup.scss index b33ef4bc31..47bf5877ad 100644 --- a/public/css/sass/popup.scss +++ b/public/css/sass/popup.scss @@ -1,16 +1,6 @@ /*popup*/ .modal, #modal { - .popup-outer { - background: #000; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 12; - opacity: 0.4; - } .popup { overflow: hidden; line-height: 30px; @@ -71,7 +61,7 @@ overflow: visible; max-height: inherit; font-size: 24px; - //background: #002b5c url(../../img/logo-onlycat-white.svg) 12px 12px no-repeat; + //background: #002b5c url(/public/img/logo-onlycat-white.svg) 12px 12px no-repeat; padding: 10px 10px 7px 64px; background-size: 40px; /* border-bottom: 1px solid #000; */ @@ -112,25 +102,6 @@ border-radius: 0 0 0 6px; } - .login-google .outer, - .login-google-drive .outer { - margin-top: 10px; - } - - .login-google .popup-box, - .login-google-drive .popup-box { - width: 100%; - min-height: 100px; - } - - /* SPLIT JOB POPUP */ - - /* .popup-confirm,*/ - /* .popup-alert {*/ - /*margin:-200px 0 0 -250px;*/ - /*position:fixed;*/ - /*}*/ - .btn-ok, .btn-cancel { color: #fff; @@ -160,1754 +131,4 @@ cursor: pointer; background-color: $grey3 !important; } - - /* outsource popup */ - - &.outsource .popup { - width: 100%; - margin: 0 !important; - padding-bottom: 10px; - box-sizing: content-box; - top: 25%; - left: 50%; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; - font-size: 14px; - position: static !important; - } - - &.outsource .popup-box { - text-align: left; - padding: 0 20px; - margin: 0 auto; - width: auto !important; - overflow: hidden; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; - } - - &.outsource .out-email, - &.outsource .out-date { - padding: 0.7em 0.6em; - display: inline-block; - border: 1px solid #ccc; - box-shadow: inset 0 1px 3px #ddd; - border-radius: 2px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 20px; - font-size: 15px; - color: #333; - width: 70%; - margin: 2%; - } - - &.outsource .out-email:focus, - &.outsource .out-date:focus { - border-color: #85b7d9; - background: #ffffff; - color: rgba(0, 0, 0, 0.8); - border-radius: 2px; - outline: none; - } - - select:focus { - border-color: #85b7d9 !important; - background: #ffffff; - color: rgba(0, 0, 0, 0.8); - outline: none; - } - - select:active { - border-color: #85b7d9; - background: #ffffff; - color: rgba(0, 0, 0, 0.8); - outline: none; - } - - &.outsource .out-link { - padding: 0.7em 0.6em; - display: inline-block; - border: 1px solid #ccc; - box-shadow: inset 0 1px 3px #ddd; - border-radius: 2px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 20px; - font-size: 15px; - color: #777; - width: 70%; - margin: 2%; - background-color: #f1f1f1; - } - - &.outsource .out-link.from-manage { - padding: 0.7em 0.6em; - display: inline-block; - border: 1px solid #ccc; - box-shadow: none; - border-radius: 2px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 20px; - font-size: 15px; - color: #333; - width: 95.4%; - margin: 2%; - background-color: #f1f1f1; - box-shadow: inset 0 1px 3px #ddd; - } - - &.outsource .out-email, - &.outsource .out-date { - width: 33%; - float: left; - } - - &.outsource p { - margin: 0; - font-size: 16px; - } - - .translator_info p { - text-align: left; - font-size: 15px !important; - } - - p.translator_name { - font-size: 16px !important; - } - - .addrevision h4, - .addrevision span { - display: inline-block; - margin: 0; - } - - .translator_bio { - width: 100%; - float: left; - } - - &.outsource h2 { - font-size: 24px; - font-weight: bold; - padding: 0; - margin: 15px 0; - font-family: 'calibri', Arial, Helvetica, sans-serif; - } - - .onyourown h2, - .contact_box h2 { - width: 100%; - padding: 1% 0%; - } - - .onyourown a.uploadbtn.in-popup { - margin: 2% 2.5% 2% 2% !important; - width: 160px; - } - - &.outsource.loading .delivery { - background: url(../../img/loader.gif) #f6f6f6 center center no-repeat; - background-size: 20px; - } - - &.outsource.loading .tprice { - background: url(../../img/loader.gif) #f6f6f6 center 30px no-repeat; - background-size: 20px; - padding-top: 47px; - } - - &.outsource.loading .translator_info_box { - background: url(../../img/loader.gif) center 20px no-repeat; - background-size: 20px; - padding-top: 45px; - border-left: none; - } - - .outsourced .delivery_details .time, - .outsourced .tprice .displayprice, - .outsourced .tprice .euro:not(.currency_per_word) { - color: green !important; - } - - &.outsource .standardbtn.checkstatus { - float: left; - background: #fff !important; - color: #333; - width: 160px !important; - margin: 10px 20px 0 !important; - } - - .outsourced .outsource_notify { - float: right; - color: green; - font-size: 20px; - font-weight: bold; - margin-right: 10px; - } - - &.outsource.loading .tprice.compress { - padding: 133px 1% 6px 1%; - } - - .pricebox .tprice.compress { - padding: 20px 1% 5px 1%; - } - - &.outsource.loading .delivery_details, - &.outsource.loading .displayprice, - &.outsource.loading .euro, - &.outsource.loading .addrevision .revision_delivery, - &.outsource.loading .addrevision .revision_price_box, - &.outsource.loading .translator_info, - &.outsource.loading .displaypriceperword, - &.outsource.loading .more { - display: none; - } - - &.outsource.loading .outsourceto:not(.translatorNotAvailable) .trustbox1 { - margin-bottom: 22px !important; - } - - &.outsource.loading .outsourceto.translatorNotAvailable .trustbox1 { - display: none; - } - - .outs h2 { - background-size: 180px; - height: 41px; - margin-top: 20px; - margin-bottom: -10px; - width: 180px; - } - - .revealprices .uploadbtn { - background: #7eaf3e; - width: auto; - float: left; - margin: -10px 0 5px 40% !important; - } - - .revealprices img { - width: 140px; - } - - body.showingOutsourceTo { - overflow: hidden !important; - } - - .split-box3 .total:hover { - border: none; - box-shadow: none; - -moz-box-shadow: none; - -webkit-box-shadow: none; - } - - .paylater, - .gmt { - font-size: 14px; - font-weight: normal; - float: left; - clear: both; - margin-top: -10px; - } - - .delivery span { - font-size: 25px; - font-weight: bold; - } - - .delivery { - font-size: 16px !important; - font-weight: normal; - } - - .tprice span { - font-weight: bold; - font-size: 40px; - padding-top: 10px; - } - - .tprice span.currency_per_word { - font-size: 15px !important; - font-weight: normal !important; - } - - .tprice { - font-size: 22px !important; - font-weight: bold; - } - - .pricebox .heading { - margin-top: 15px; - text-align: left; - padding: 5px 2%; - margin: 0 auto; - overflow: hidden; - background: #efefef; - border-bottom: 1px solid #ccc; - } - - .guaranteed_by { - background-color: #fff; - padding: 3px 2% 2px 2%; - text-align: left; - width: 33%; - float: left; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-flex; - display: flex; - height: 136px; - } - - .guaranteed_by p { - font-size: 14px !important; - line-height: 22px; - padding: 0; - } - - .pricebox .outsourceto .guaranteed_by img { - width: 115px; - margin: 0 5px; - vertical-align: middle; - } - - .pricebox .outsourceto .guaranteed_by img { - width: 115px; - margin: 0 5px; - vertical-align: middle; - } - - &.outsource .standardbtn { - background: #f4f4f4 !important; - color: #333; - } - - &.outsource a:hover { - text-decoration: none !important; - /*color: red;*/ - } - - .contact_box h3 { - font-size: 18px; - } - - .contact_box p { - float: left; - margin-top: 3px !important; - } - - .contact_box .standardbtn { - margin: 10px 2% !important; - width: 160px !important; - } - - .revision_price_box { - width: 26%; - font-size: 20px; - text-align: center; - font-weight: bold; - } - - div.modal-outsource-datepicker .x-popup2 { - color: #666; - position: absolute; - right: 8px; - top: 0; - text-decoration: none; - } - - div.modal-outsource-datepicker .x-popup2:hover { - color: red; - } - - span.revision_delivery { - width: 38%; - text-align: center; - } - - .addrevision h4 { - font-size: 20px; - margin: 0 10px; - width: 31%; - } - - .pricebox .copytext p:first-child { - margin-top: 0 !important; - } - - .pricebox .copytext { - float: left; - width: 58%; - padding-right: 2%; - } - - .outsourceto { - float: left; - width: 100%; - border-top: 1px solid #ccc; - text-align: center; - margin-top: 15px !important; - } - - .pricebox .tprice, - .pricebox .delivery { - text-align: center; - } - - .pricebox .tprice { - padding: 20px 1% 12px 1%; - } - - .pricebox .delivery { - padding: 2.5% 2% 2% 2%; - } - - .delivery.compress { - padding: 0; - } - - .offer { - margin: 0 auto; - overflow: hidden; - width: 100%; - background: #f8f8f8; - } - - .border { - background: #fafafa; - border: 1px solid #ccc; - border-radius: 4px; - margin: 0 auto; - overflow: hidden; - } - - .heading img { - float: right; - height: 25px; - padding: 2px; - } - - .delivery_label { - font-size: 19px; - } - - .contact_box { - border-top: 1px dashed #ccc; - margin: 15px auto 0; - overflow: hidden; - padding: 1% 2% 0; - } - - .onyourown, - .outsourceto { - border: 1px solid #ccc; - border-radius: 3px; - margin: 0 auto; - overflow: hidden; - } - - .onyourown.opened-send-translator { - border-radius: 3px 3px 0px 0px; - } - - .outsource .heading h3 { - float: left; - font-size: 20px; - margin-bottom: 0; - line-height: 30px; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; - } - - .onyourown h2, - .contact_box h2 { - border-bottom: 1px solid #ccc; - width: 97%; - padding: 1% 2%; - } - - .contact_box h3 { - float: left; - margin-right: 10px; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; - } - - .pricebox .continuebtn { - clear: both; - float: none; - width: 160px; - margin: 10px auto 0 auto !important; - overflow: hidden; - } - - .paymentinfo p { - font-size: 15px; - } - - .translator_info a, - .delivery a, - .contact_box p a { - color: #0d8fb2 !important; - text-decoration: underline; - cursor: pointer; - } - - .guaranteed_by a.more { - color: #333 !important; - text-decoration: none; - cursor: pointer; - font-weight: normal !important; - float: right; - } - - .guaranteed_by a.more span { - font-weight: normal !important; - text-decoration: underline !important; - } - - .pricebox.compress #forceDeliveryContainer { - top: 500px; - } - - .guaranteed_by a { - color: #333; - } - - a.needitfaster { - font-weight: bold; - display: block; - } - - .translator_info a { - float: left; - } - - a.hide_translator { - float: right; - } - - .outsourceto:not(.outsourced) .blink { - -webkit-animation-name: blinker; - -webkit-animation-duration: 0.4s; - -webkit-animation-timing-function: linear; - -moz-animation-name: blinker; - -moz-animation-duration: 0.4; - -moz-animation-timing-function: linear; - animation-name: blinker; - animation-duration: 0.4; - animation-timing-function: linear; - } - - @-moz-keyframes blinker { - 0% { - background: transparent; - } - 50% { - background: rgb(255, 255, 153); - } - 100% { - background: transparent; - } - } - - @-webkit-keyframes blinker { - 0% { - background: transparent; - } - 50% { - background: rgb(255, 255, 153); - } - 100% { - background: transparent; - } - } - - @keyframes blinker { - 0% { - background: transparent; - } - 50% { - background: rgb(255, 255, 153); - } - 100% { - background: transparent; - } - } - - .translator_info_box { - width: 46%; - padding: 0% 0% 0% 3%; - float: left; - margin-top: 0%; - border-left: 1px solid #ececec; - margin-left: 4%; - } - - .pricebox .translator_info, - .pricebox .tprice, - .pricebox .delivery, - .pricebox .torder { - float: left; - } - - .guaranteed_by.expanded { - width: 70%; - } - - .guaranteed_by.expanded .trust_text { - float: left; - width: 46%; - } - - .pricebox .tprice { - width: calc(24% - 1px); - } - - .pricebox .torder { - width: 20%; - margin-top: 15px; - padding: 1%; - } - - .pricebox .delivery { - width: 33%; - min-height: 100px; - border-right: 1px solid #ccc; - } - - .guaranteed_by.expanded { - width: 70%; - border-right: 1px solid #ccc; - height: auto; - min-height: 194px; - padding-bottom: 21px !important; - padding-top: 7px !important; - } - - .pricebox .delivery.compress { - width: 94%; - line-height: 24px; - background: transparent; - border-top: 1px solid #ccc; - margin: 6px; - padding: 6px 0px; - min-height: 10px; - line-height: 22px; - } - - .delivery.compress .delivery_label { - font-size: 15px; - } - - .revision_delivery, - .revision_price_box { - opacity: 0.4; - } - - .addrevision h4 { - opacity: 0.6; - font-family: 'Calibri', 'Helvetica Neue', Arial, Helvetica, sans-serif; - } - - .addrevision.noopacity { - opacity: 1; - background-color: #f8f8f8; - -webkit-transition: background-color 1000ms linear; - -moz-transition: background-color 1000ms linear; - -o-transition: background-color 1000ms linear; - -ms-transition: background-color 1000ms linear; - transition: background-color 1000ms linear; - } - - .addrevision.noopacity h4 { - opacity: 1 !important; - } - - .noopacity .revision_delivery, - .noopacity .revision_price_box { - opacity: 0; - } - - .delivery.compress span { - font-size: 17px; - } - - .delivery.compress { - border-right: none; - } - - .pricebox .tprice .tpricetitle { - border-bottom: 1px solid #ccc; - font-size: 22px !important; - padding-bottom: 5px; - margin-bottom: 10px; - } - - .tpricedesc { - margin-top: -10px; - } - - .references, - .paymentinfo { - text-align: center; - padding: 5px 0; - display: inline-block; - width: 100%; - background-color: #fff; - text-align: left; - padding-left: 20px; - } - - .references > img { - width: 23%; - padding-left: 1.5%; - padding-right: 1.5%; - -webkit-filter: grayscale(100%); - -moz-filter: grayscale(100%); - filter: grayscale(100%); - } - - .translator_bio a { - font-size: 13px; - } - - .translator_bio p { - border-bottom: 1px dashed #ccc; - padding: 5px 0px 5px 0; - margin-right: 20px !important; - width: 100%; - float: left; - line-height: 20px; - } - - .translator_bio p:last-child { - border-bottom: none; - } - - .translator_name { - border-bottom: 1px solid #ccc; - font-size: inherit !important; - display: inline-block; - float: left; - width: 100%; - text-align: left; - } - - .references > img:hover { - width: 23%; - padding-left: 1.5%; - padding-right: 1.5%; - -webkit-filter: grayscale(0%); - -moz-filter: grayscale(0%); - filter: grayscale(0%); - } - - span.label_info { - float: left; - width: 76%; - font-weight: bold; - /* color: #7A7A7A; */ - } - - span.subjects { - width: 74% !important; - } - - span.subjects, - span.experience, - span.translated_words, - span.score_number { - float: right; - width: 24%; - text-align: right; - } - - .translator_bio > p:nth-child(3) > span.label_info { - width: 24%; - } - - .tprice span.displaypriceperword { - font-weight: normal !important; - font-size: 15px !important; - margin: -13px 0 -5px; - display: block; - } - - .tprice span.displaypriceperword .price_p_word { - font-size: 15px; - font-weight: normal; - } - - .addrevision { - float: left; - width: 98%; - border-top: 1px solid #ccc; - text-align: left; - padding: 5px 0% 5px 2%; - background: #fff; - } - - span.zone, - span.zone2 { - font-size: 14px; - font-weight: normal; - } - - span.zone2 { - font-size: 12px; - } - - .pricebox .tprice .euro, - .pricebox .tprice .displayprice { - display: inline; - } - - .pricebox .tprice, - .pricebox delivery { - line-height: 30px; - } - - .tprice.compress .delivery_container { - display: block; - } - - .tprice .delivery_container { - display: none; - } - - .compress .offer > .delivery_container { - display: none; - } - - .showpricesloading { - float: right; - width: 160px; - height: 23px; - margin: 2% 2.5% 2% 2% !important; - padding: 5px 10px !important; - } - - .uploadbtn.showprices { - margin: 2% 2.5% 2% 2% !important; - width: 160px; - } - - .paybox { - font-size: 13px !important; - margin-bottom: 0; - margin-top: 0; - } - - a.changeTimezoneTrigger { - float: right; - font-weight: normal; - margin-left: 10px; - } - - a.changeTimezoneTrigger, - a.changecurrency { - color: #666; - text-decoration: underline; - cursor: pointer; - margin-left: 10px; - background-color: #fff; - border: 1px solid #ccc; - padding: 0px 12px; - border-radius: 4px; - } - - select#changeTimezone, - #changecurrency, - a.changecurrency { - float: right; - } - - select#changeTimezone, - #changecurrency { - width: 14%; - margin-right: 1%; - border: 1px solid #ccc; - height: 30px; - font-size: 13px; - font-family: Arial; - } - - select#changeTimezone { - width: 90px; - margin-right: 10px; - } - - .hide { - display: none; - } - - &.outsource .hide { - display: none !important; - } - - .revision_currency { - margin-right: 5px !important; - } - - .tprice [data-currency='RUB'], - .tprice [data-currency='BRL'], - .tprice [data-currency='JPY'], - .tprice [data-currency='KRW'] { - font-size: 30px !important; - } - - /* end outsource */ - - table.chunks { - overflow: hidden; - border: 2px solid #ccc; - background: #fefefe; - width: 100%; - border-collapse: collapse; - } - - table.chunks th, - table.chunks td { - padding: 0.5em 1em; - border: 1px solid #ccc; - } - - .thead { - background: #f6f6f6; - } - - table.chunks th:last-child { - width: 15%; - } - - table.chunks tr:last-child { - background: #fff; - } - - table.chunks td.last { - border-right: none; - } - - table.chunks td { - border-top: 1px solid #e0e0e0; - border-right: 1px solid #e0e0e0; - } - - table .chunks tr:first-child { - background: #e7e7e7; - } - - .footer-popup ul li { - display: inline; - } - - .footer-popup a { - font-size: 13px; - padding-right: 20px; - } - - .footer-popup { - border-top: 1px solid #ccc; - clear: both; - margin-top: 30px; - padding: 4px 0px 0px; - } - - /* scroll pop-up - .outsourcemodal .popup-box { - overflow-y: auto; - max-height: 525px; - } - */ - - .noselect { - -webkit-appearance: none; - border: none; - pointer-events: none; - background: transparent !important; - } - - .deliverychange, - .currencychange { - font-size: 12px; - text-decoration: underline; - color: blue; - display: block; - cursor: pointer; - } - - @media screen and (min-height: 715px) { - .contact_box { - margin-bottom: 10px; - } - } - - @media screen and (max-height: 715px) and (min-height: 600px) { - &.outsource .popup { - top: 25%; - } - &.outsource .popup-box { - overflow-y: visible; - max-height: 590px; - } - } - - @media screen and (max-height: 650px) and (min-height: 600px) { - &.outsource .popup-box { - overflow-y: visible; - max-height: 540px; - } - - &.outsource .popup { - top: 27%; - } - } - - @media screen and (max-height: 600px) { - &.outsource .popup { - zoom: 0.8; - top: 2%; - /*margin: 0 0 0 -400px; */ - } - - #forceDeliveryContainer { - top: 425px !important; - } - - .guaranteed_by.expanded { - width: calc(70% - 1px); - } - .guaranteed_by { - width: calc(32% - 1px); - } - &.outsource .popup-box { - overflow-y: visible; - max-height: 560px; - } - - &.outsource .popup p { - background-size: 200px; - background-position: 300px 35px; - padding: 0 !important; - } - .pricebox .total { - margin-top: -40px; - } - } - - .tooltip span { - font-size: 15px; - line-height: 20px; - font-weight: normal; - /* background-color: #f8f8f8; */ - } - - .compress .tooltip.gray span { - left: -197px; - } - - .compress .tooltip span:before, - .compress .tooltip span:after { - left: 87%; - } - - .tooltip:hover span { - opacity: 1; - top: -150px; - } - - a.tooltip.gray { - background: #eee; - text-decoration: none; - color: #333; - } - - a.tooltip.gray span { - background: #eee; - font-size: 15px; - } - - a.tooltip.gray span:after { - border-top: 10px solid #eee; - } - - /* force delivery */ - - .modal-outsource-datepicker { - height: 215px; - width: 520px; - background: #ffffff; - border: 5px solid #f4f4f4; - border-radius: 4px; - position: absolute; - z-index: 10001; - color: #fff; - padding: 20px; - top: 120px; - left: 435px; - zoom: 0.9; - z-index: 99999999999999999999; - text-align: left; - -moz-box-shadow: 0 0px 11px #888; - -webkit-box-shadow: 0 0px 11px #888; - } - - #forceDeliveryContainer { - top: 385px; - left: 465px; - } - - .modal-outsource-datepicker .title { - font-size: 220%; - margin: 0px 0 10px 0px; - color: #002f65; - border-bottom: 1px solid #ccc; - padding: 5px 0 8px 11px; - background: #b1c7d6; - float: none; - line-height: 1; - } - - #SnapABug_WP { - z-index: 100000000000000000000000000000000 !important; - } - - .modal-outsource-datepicker .delivery-auto { - width: 635px; - height: auto; - padding: 10px; - border: 1px solid #ccc; - margin: 10px 10px 0px 10px; - border-radius: 3px; - background-color: #cedbe5; - color: #999; - } - - .modal-outsource-datepicker tbody:nth-child(3) tr td:not(.empty) { - border-top: 0 !important; - } - - .modal-outsource-datepicker .delivery-auto h2 { - font-size: 24px; - margin: 0 0 10px 0; - color: #002f65; - } - - .modal-outsource-datepicker .delivery-auto h2 label { - cursor: pointer; - } - - .modal-outsource-datepicker .delivery-auto p { - font-size: 16px; - margin: -5px 0 0 10px; - } - - .modal-outsource-datepicker .delivery-manual { - vertical-align: baseline; - line-height: 1; - color: #999; - } - - .modal-outsource-datepicker .delivery-manual br { - line-height: 1.15; - } - - .modal-outsource-datepicker .delivery-manual h2 { - font-size: 24px; - margin: 0 0 10px 0; - color: #002f65; - } - - .modal-outsource-datepicker .delivery-manual h2 label { - cursor: pointer; - } - - .modal-outsource-datepicker .delivery-manual-date { - float: left; - width: 240px; - height: 200px; - } - - .modal-outsource-datepicker .delivery-manual-date h3 { - text-align: left; - margin-left: 20px; - font-size: 19px; - font-weight: normal; - margin: 0px 0 10px 15px; - line-height: 100%; - } - - .modal-outsource-datepicker .delivery-manual-time { - float: left; - width: 255px; - height: 200px; - margin: 0px 10px 0px 0; - } - - .modal-outsource-datepicker .delivery-manual-time h3 { - text-align: left; - margin-left: 20px; - font-size: 17px; - font-weight: normal; - margin: 0px 0 6px 12px; - line-height: 100%; - color: #333; - } - - .modal-outsource-datepicker .delivery-manual-time select { - width: 250px; - margin-left: 12px; - color: #333; - } - - .modal-outsource-datepicker .delivery_manual_error, - .modal-outsource-datepicker .delivery_not_available, - .modal-outsource-datepicker .delivery_before_time { - opacity: 0.87; - color: red; - margin-left: 12px; - text-align: right; - font-weight: bold; - font-size: 14px; - margin-top: 5px; - position: absolute; - padding-bottom: 13px; - z-index: 100000; - } - - .modal-outsource-datepicker .delivery_manual_error div, - .modal-outsource-datepicker - .delivery_not_available - div - .modal-outsource-datepicker - .delivery_before_time - div { - width: 225px; - text-align: left; - font-size: 13px; - font-weight: bold; - border-radius: 6px; - } - - .modal-outsource-datepicker #delivery_before_time { - color: green; - } - - .modal-outsource-datepicker select { - border: 1px solid #ccc; - height: 30px; - font-size: 12px; - font-family: Arial; - } - - .modal-outsource-datepicker .clear { - clear: both; - } - - .modal-outsource-datepicker input[type='button'], - .modal-outsource-datepicker .btn-cancel { - width: auto !important; - float: right !important; - margin-top: 25px !important; - margin-right: 35px; - } - - a.btn-cancel.in-popup.cancelForceDelivery { - margin-right: 40px !important; - height: 15px; - } - - a.btn-cancel.in-popup.cancelForceDelivery:hover { - margin-right: 40px !important; - color: #333333; - } - - .modal-outsource-datepicker .delivery-selected { - color: #000 !important; - } - - .modal-outsource-datepicker .tprice { - width: 250px; - box-shadow: none; - } - - .updatedprice { - font-size: 20px !important; - margin-bottom: 5px; - padding: 0 10px 5px; - font-weight: normal; - } - - .deliverybuttons { - margin: 0 auto; - overflow: hidden; - width: 250px; - height: auto; - color: #333; - padding-bottom: 15px; - } - - .modal-outsource-datepicker .datepickerMonths, - .modal-outsource-datepicker .datepickerYears { - display: none; - } - - .modal-outsource-datepicker td.datepickerSpecial a { - border: 1px solid; - color: $translatedBlue; - background-color: #f3f3f3 !important; - } - - .modal-outsource-datepicker .datepickerDoW th { - padding: 5px 0; - } - - .modal-outsource-datepicker .datepickerDoW th:first-child, - .modal-outsource-datepicker th.datepickerWeek { - display: none; - } - - .modal-outsource-datepicker .datepickerNotInMonth { - visibility: hidden; - } - - .modal-outsource-datepicker .datepicker table { - background-color: transparent; - border: none; - font-size: 16px; - text-align: right; - font-weight: normal !important; - border-collapse: collapse; - } - - .modal-outsource-datepicker .datepicker table tr td a { - background-color: #e1e1e1; - text-decoration: none; - } - - .modal-outsource-datepicker .datepicker table td.datepickerDisabled a, - .modal-outsource-datepicker .datepicker table a.datepickerDisabled, - .modal-outsource-datepicker .datepickerGoPrev a, - .modal-outsource-datepicker .datepickerGoNext a { - background-color: transparent; - color: #333; - } - - .modal-outsource-datepicker .datepickerGoPrev a, - .modal-outsource-datepicker .datepickerGoNext a { - font-size: 13px; - background-color: transparent !important; - } - - .modal-outsource-datepicker .datepickerDisabled a { - color: #666 !important; - font-weight: normal; - cursor: default; - } - - .modal-outsource-datepicker .datepicker table .datepickerDoW { - font-size: 12px; - } - - .modal-outsource-datepicker .datepicker a { - text-decoration: none; - padding: 4px; - outline: none; - display: block; - color: #333; - } - - .modal-outsource-datepicker .datepickerDays a { - line-height: 20px; - height: 16px; - margin: 1px; - background: #d6e7f4; - padding: 4px; - } - - .modal-outsource-datepicker .datepickerDays a:hover { - background-color: $translatedBlue; - color: #fff; - } - - .modal-outsource-datepicker td.datepickerSpecial a:hover { - background-color: $translatedBlue !important; - color: #fff; - } - - .modal-outsource-datepicker .datepickerWeek a { - font-weight: normal; - } - - .modal-outsource-datepicker .datepickerMonth a, - .modal-outsource-datepicker .datepickerDoW span { - text-decoration: none; - font-weight: normal; - text-align: center; - } - - .modal-outsource-datepicker .datepicker table td.datepickerDisabled a { - opacity: 0.5; - } - - .modal-outsource-datepicker .datepickerSelected a { - background-color: #7eaf3e !important; - color: #fff; - } - - .forceNotAvailable { - position: absolute; - text-align: center; - width: 332px; - margin-top: 10%; - } - - .forceNotAvailable > p > span.title { - font-size: 22px; - } - - .forceNotAvailable > p > span.description { - font-size: 15px; - } - - .link-needfaster { - font-weight: bold; - } - - #forceDeliveryContainer td.datepickerSaturday:not(.datepickerDisabled) a, - #forceDeliveryContainer td.datepickerSunday:not(.datepickerDisabled) a { - cursor: not-allowed !important; - background-color: #e7e7e7 !important; - color: #c2c2c2 !important; - } - - #fasterDeliveryContainer { - overflow: hidden; - height: 180px; - width: 470px; - border: 1px solid rgb(177, 199, 214); - position: absolute; - z-index: 10001; - left: 564px; - top: 455px; - background-color: rgb(255, 255, 255); - background-repeat: no-repeat; - text-align: left; - border-radius: 6px; - } - - #fasterDeliveryContainer h1 { - font-size: 30px; - width: 100%; - margin: 0px 0 10px 0px; - color: #002f65; - border-bottom: 1px solid #ccc; - padding: 5px 0 0px 11px; - background: #b1c7d6; - } - - #fasterDeliveryContainer p { - font-size: 16px; - margin: 0px 10px; - line-height: 20px; - padding: 0; - border: 0; - outline: 0; - } - - #fasterDeliveryContainer input[type='button'] { - margin-right: 10px; - float: right; - width: 167px !important; - border: 1px double #ccc; - border-radius: 4px; - background: linear-gradient( - to bottom, - #fefefe 23%, - #fefefe 35%, - #cfcfcf 100% - ); - height: 36px; - padding: 5px 10px; - font-weight: bold; - font-size: 15px; - cursor: pointer; - } - - /* errors outsource */ - - .ErrorMsg { - width: 96%; - height: 60px; - padding: 2% 4%; - text-align: left; - font-weight: normal; - } - - .tprice .ErrorMsgQuoteError, - .tprice .ErrorMsg a { - color: #333 !important; - } - - .delivery .ErrorMsg.ErrorMsgQuoteError { - margin-top: 16px; - } - - .ErrorMsg, - .ErrorMsg h3, - .ErrorMsg a { - color: red !important; - font-weight: normal; - } - - .quoteError { - margin-bottom: 20px; - } - - .ErrorMsgquoteNotAvailable .delivery a { - margin-bottom: 0 !important; - } - - .ErrorMsgquoteNotAvailable p { - font-size: 15px !important; - line-height: 20px; - color: red; - } - - .ErrorMsgquoteNotAvailable { - margin-top: -8px; - } - - .quoteNotAvailable .tprice { - min-height: 109px; - } - - .quoteError .delivery { - padding: 0.5% 2% 4% 2%; - } - - /******** Outsource Modal *******/ - &.outsource .uploadbtn.in-popup, - &.outsource .continuebtn, - &.outsource .standardbtn, - &.outsource .send-to-translator-btn.in-popup { - background: $translatedBlue; - font-weight: bold; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; - font-size: 20px !important; - cursor: pointer; - color: #fff; - -moz-box-shadow: 0 1px 2px #ccc; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; - border: 1px solid #666; - -moz-border-radius: 2px; - border-radius: 2px; - text-decoration: none; - opacity: 0.9; - text-align: center; - padding: 5px 10px !important; - float: right; - margin: 2% 2.5% 2% 2%; - width: 160px; - } - - &.outsource .send-to-translator-btn.in-popup { - margin-left: 30px; - } - - &.outsource .uploadbtn:hover, - &.outsource .continuebtn:hover, - &.outsource .standardbtn:hover, - &.outsource .send-to-translator-btn.in-popup:hover { - -moz-box-shadow: 0 1px 2px #666; - -webkit-box-shadow: 0 1px 2px #666; - box-shadow: 0 1px 2px #666; - background: #12b4df; - } - - &.outsource .continuebtn { - clear: both; - float: none; - width: 160px; - margin: 10px auto 0 auto !important; - overflow: hidden; - background: #7eaf3e; - display: block; - } - - &.outsource .continuebtn:hover { - background: #7eaf3e; - } - - &.outsource .more:before { - content: '\f196'; - margin-right: 7px; - font-family: 'icomoon'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - } - - &.outsource .trustbox2 a { - text-decoration: underline; - } - - &.outsource .tooltip { - cursor: help; - position: absolute; - border: 1px solid #717171; - border-radius: 20px; - width: 13px !important; - font-size: 13px; - height: 11px; - font-weight: bold; - padding-left: 0px; - padding-top: 2px; - margin-top: -3px; - line-height: 11px; - margin-left: 5px; - color: #717171; - box-shadow: 1px 1px 1px #999; - } - - &.outsource .tooltip span { - width: 200px; - height: auto; - line-height: 22px; - color: #333; - padding: 10px; - left: -98px; - font-weight: 400; - font-size: 15px; - text-align: center; - border: 1px solid #727272; - text-indent: 0px; - border-radius: 5px; - position: absolute; - pointer-events: none; - top: -110px; - opacity: 0; - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -moz-box-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - z-index: 1000000000000000; - } - - &.outsource .tooltip:hover span { - opacity: 1; - top: -165px; - } - - &.outsource .tooltip span:after { - bottom: -10px; - margin-left: -1px; - border-top: 10px solid #eee; - } - - &.outsource .tooltip span:before, - .tooltip span:after { - content: ''; - position: absolute; - bottom: -11px; - left: 43%; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid #727272; - } - - &.outsource .disabled { - cursor: default; - opacity: 0.45 !important; - background-image: none !important; - box-shadow: none !important; - pointer-events: none !important; - } - - &.outsource input.error { - border: 1px solid red !important; - } - - div#open-translator { - float: right; - text-decoration: underline; - font-weight: bold; - cursor: pointer; - margin-right: 52px; - color: #0d8fb2; - } - - div#open-translator:hover { - text-decoration: none; - } - - &.outsource .send-to-translator { - border: 1px solid #ccc; - border-radius: 0px 0px 3px 3px; - margin: 0 auto; - overflow: hidden; - margin-top: -2px; - background: #f8f8f8; - } - - &.outsource .outsource-divider { - width: 230px; - margin: 0 auto; - text-align: center; - position: relative; - height: 20px; - line-height: 20px; - margin-top: 15px; - } - - &.outsource .divider-line { - height: 2px; - width: 100px; - background-color: #c5c5c5; - margin-top: 10px; - display: block; - float: left; - } - - &.outsource .outsource-divider span { - float: left; - width: 30px; - } - - span.title-source { - margin-left: 5px; - } - - .popup.popup-confirm.confirm_checkbox, - .popup.popup-alert { - text-align: right; - } - - .popup.popup-confirm.confirm_checkbox p.text-container-top, - .popup.popup-alert p.text-container-top { - text-align: left; - padding: 20px; - } - - .popup.popup-confirm.confirm_checkbox .btn-ok, - .popup.popup-alert .btn-ok { - margin-right: 20px; - } } diff --git a/public/css/sass/project-completion-feature.scss b/public/css/sass/project-completion-feature.scss deleted file mode 100644 index e089242f03..0000000000 --- a/public/css/sass/project-completion-feature.scss +++ /dev/null @@ -1,9 +0,0 @@ -#markAsCompleteButton.isMarkableAsComplete { - background: $translatedBlue; - color: #fff !important; - width: auto !important; - border-radius: 2px 0 0 2px; - padding: 0 5px !important; - text-transform: uppercase; - margin: 0 !important; -} diff --git a/public/css/sass/settingsPanel.scss b/public/css/sass/settingsPanel.scss deleted file mode 100644 index 4c90bc82b1..0000000000 --- a/public/css/sass/settingsPanel.scss +++ /dev/null @@ -1,10 +0,0 @@ -@import 'components/settingsPanel/SettingsPanel'; -@import 'components/settingsPanel/MachineTranslationTab'; -@import 'components/settingsPanel/TranslationMemoryGlossaryTab'; -@import 'components/settingsPanel/SettingsPanelTable'; -@import 'components/settingsPanel/MessageNotification'; -@import 'components/settingsPanel/OtherTab'; -@import 'components/settingsPanel/QualityFrameworkTab'; -@import 'components/settingsPanel/AnalysisTab'; -@import 'components/settingsPanel/FileImportTab'; -@import 'components/settingsPanel/EditorSettingsTab'; diff --git a/public/css/sass/signin_page.scss b/public/css/sass/signin_page.scss deleted file mode 100644 index 2cb73f55a4..0000000000 --- a/public/css/sass/signin_page.scss +++ /dev/null @@ -1,6 +0,0 @@ -@import 'vendor_mc/semantic/matecat_semantic'; -@import 'commons/nav-bar'; -@import 'common-main'; -@import 'common'; -@import 'components/signin/OnBoarding'; - diff --git a/public/css/sass/speech2text.scss b/public/css/sass/speech2text.scss index bfb9f95288..745b9f0099 100644 --- a/public/css/sass/speech2text.scss +++ b/public/css/sass/speech2text.scss @@ -1,4 +1,4 @@ -@import '_mixins'; +@import 'commons/mixins'; .activeSegmentButton { @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1)); @@ -12,7 +12,6 @@ } .micSpeech { - /* @extend .segmentButton; */ display: none; position: absolute; @@ -85,7 +84,24 @@ $tlbr-btn-bg-act: -webkit-linear-gradient(top, #eee, #e0e0e0); .editToolbar { li { - @extend .segmentButton; + height: 20px; + zoom: 0.8; + min-width: 20px; + cursor: pointer; + border-radius: 3px; + padding: 2px; + border: 1px solid #c6c6c6; + /*@include box-shadow(0 1px 1px rgba(0,0,0,.1)); + @include linear-gradient(#f8f8f8, top, #f8f8f8, #f1f1f1);*/ + + &:hover { + color: #000000; + } + + &:active { + background-color: #fff; + } + &.uppercase { &:hover { diff --git a/public/css/sass/style.scss b/public/css/sass/style.scss index 734181fda9..264c5bbb47 100644 --- a/public/css/sass/style.scss +++ b/public/css/sass/style.scss @@ -34,19 +34,6 @@ header .wrapper { top: 0; } -.header-menu { - float: right; - margin-right: 16px; - margin-left: 15px; -} - -.header-menu li { - /*border-left:1px solid #000;*/ - float: left; - height: 37px; - padding: 5px 0px; -} - .text .source.item, .text .target.item, .white li { @@ -496,34 +483,6 @@ section.opened .warnings { overflow: hidden; } -.pagination { - float: right; - border-right: 1px solid #000; - margin-left: 10px; - margin-right: 18px; -} - -.pagination li { - padding: 5px 0 !important; -} - -.pagination a { - text-decoration: none; - padding: 5px 15px; - font-weight: bold; - -webkit-transition: all 100ms ease-in; - transition: all 100ms ease-in; -} - -.pagination a:hover { - background: $translatedBlue; -} - -.pagination a:active { - box-shadow: inset 0 1px 1px #000; - -webkit-box-shadow: inset 0 1px 1px #000; -} - .sid { position: absolute; left: -5.5%; @@ -583,17 +542,17 @@ p.split-shortcut { } .splitStart .sid { - background: url(../../img/split-bg.png) no-repeat; + background: url(/public/img/split-bg.png) no-repeat; background-position: 48.5% 23px; } .splitInner .sid { - background: url(../../img/split-bg.png) no-repeat; + background: url(/public/img/split-bg.png) no-repeat; background-position: 48.5% 16px; } .splitEnd .sid { - background: url(../../img/split-bg.png) no-repeat; + background: url(/public/img/split-bg.png) no-repeat; background-position: 49% bottom; } @@ -609,40 +568,14 @@ p.split-shortcut { background-position: 50.5% bottom; } -.start-job-marker, -.end-job-marker { - width: 20px !important; - position: absolute; - top: 0px; - left: -2.8%; - display: block; - height: 10px; - opacity: 0.3; -} - -.end-job-marker { - top: auto; - bottom: 0px; -} - section:hover .sid { color: $grey1; } -section.currSearchSegment .sid .txt { - background: $translatedBlue; - color: white; - margin-bottom: 5px; -} - .editor .sid { height: 100%; } -div.sid .implicit { - /* display: none; */ -} - .sid .actions.disabled { background: none; border: none; @@ -693,27 +626,6 @@ section { //border: 1px solid $grey4; } -/*projectbar*/ -.languages { - text-align: center !important; - padding: 15px 0 0 50px; -} - -.wordscounter { - float: right; - text-align: right; -} - -.wordcounter { - display: block !important; - text-align: right; - margin-right: -70px !important; -} - -.wordcounter strong { - margin-right: 0px; -} - strong:first-child { margin-right: 0px !important; } @@ -722,57 +634,6 @@ strong:first-child { position: absolute; } -.filenameshow { - max-height: 35px; - height: 15px; - width: 300px; - overflow: hidden; -} - -.desc { - font-size: 14px !important; -} - -/*tools*/ -.tools { - height: 32px; - background: #f5f5f5; - border-top: 1px solid #fbfbfb; - border-bottom: 1px solid #adadad; - width: 100%; - border: 1px solid #adadad; -} - -.tools .wrapper { - background: url(../../img/tools.gif) 5px 3px no-repeat; - height: 27px; -} - -.tools a { - display: block; - width: 22px; - height: 25px; - margin-right: 5px; - float: left; -} - -.editor .text:hover .editor-click, -editor .gray2:hover .editor-click { - border: 1px solid #fff; - background: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - cursor: default; -} - -.editor-click { - display: block; - border: 1px solid transparent; - padding: 4px 10px; - min-height: 50px; - cursor: pointer; -} - /*done & draft*/ .translated, .approved, @@ -806,58 +667,6 @@ editor .gray2:hover .editor-click { background: $approvedGreen; } -/*.guesstags { - background: #fff; - border:1px solid $translatedBlue; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - -moz-border-radius: 2px; - border-radius: 2px; - font-size: 18px; - text-transform: uppercase; - color: $translatedBlue !important; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; - -moz-box-shadow: 0 1px 2px #ccc; - -webkit-box-shadow: 0 1px 2px #ccc; - box-shadow: 0 1px 2px #ccc; -} -.guesstags:hover { - cursor: pointer; - -moz-box-shadow: 0 1px 2px #666; - background: #fff; - box-shadow: 0 0 0 3px $translatedBlue; - -webkit-box-shadow: 0 0 0 2px $translatedBlue; - border-color: #fff; -} -.guesstags:active { - background: #F8F8F9; - border: 1px solid $translatedBlue; - -moz-box-shadow: inset 0 1px 1px $translatedBlue; - -webkit-box-shadow: inset 0 1px 1px $translatedBlue; - color: $translatedBlue; -}*/ - -.button-reject, -.button-rebutted { - border: 1px solid; - background: $rebuttedRed; - color: #fff; - font-weight: bold; - text-decoration: none; - padding: 8px 18px; - border-radius: 2px; - border-radius: 2px; - font-size: 18px; - text-transform: uppercase; -} - -.button-reject:hover, -.button-rebutted:hover { - color: #fff; -} - article .translated, .guesstags, article .draft, @@ -967,8 +776,7 @@ article .approved:active { color: #fff !important; } -.draft, -.header-menu .wrapper-dropdown-5 { +.draft{ background: -webkit-gradient( linear, left top, @@ -980,97 +788,6 @@ article .approved:active { background: linear-gradient(top, #f5f5f5, #d3d4d5); } -/*buttons editor*/ - -.topmenu-drop { - height: 31px !important; - margin: 3px 0; - box-shadow: none; -} - -.topmenu-drop input, -.wrapper-dropdown-5 input { - border: none !important; - box-shadow: none; - cursor: pointer; -} - -.topmenu-drop input { - font-weight: normal; - border: 0; - padding: 5px 10px !important; - font-size: 17px !important; - text-align: center; - min-width: 130px; - height: 31px !important; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 0; - color: #403e3e; -} - -.topmenu-drop input.translated { - background: $translatedBlue; - color: #fff !important; -} - -.topmenu-drop input.translated, -.topmenu-drop input.approved { - width: auto !important; - border-radius: 2px 0 0 2px; - padding: 0 18px !important; - text-transform: uppercase; - margin: 0 !important; -} - -.topmenu-drop input.approved:hover { - background: #76bb70; -} - -.topmenu-drop input.translated:hover { - background: #12b4df; -} - -.topmenu-drop .text { - margin: 0; -} - -.wrapper-dropdown-5 input { - width: auto !important; - float: left; -} - -.header-menu .wrapper-dropdown-5 { - margin: 3px 0 !important; - box-shadow: none; - width: 13px; - padding: 6px 10px !important; -} - -.header-menu li:first-child { - margin-right: 15px; -} - -.header-dropdown-menu { - margin-right: 15px; -} - -.header-menu - .wrapper-dropdown-5 - .dropdown[data-download='false'] - li.downloadTranslation, -.header-menu - .wrapper-dropdown-5 - .dropdown[data-download='true'] - li.previewLink { - display: none; -} - -.topmenu-drop form { - margin-right: 0; -} - .btn { cursor: pointer; min-height: 26px; @@ -1090,7 +807,7 @@ article .approved:active { float: left; margin-left: 47%; margin-top: 5px; - background: url(../../img/outercopy.png) center 1px no-repeat; + background: url(/public/img/outercopy.png) center 1px no-repeat; width: 50px !important; z-index: 1; background-size: 42px; @@ -1098,7 +815,7 @@ article .approved:active { } .outersource .copy:hover { - background: url(../../img/outercopy.png) 4px -69px no-repeat; + background: url(/public/img/outercopy.png) 4px -69px no-repeat; background-size: 42px; } @@ -1143,10 +860,6 @@ body #outer { width: 100%; } -body .main-container { - width: 100%; - height: 100%; -} #outer { #file { z-index: 2; @@ -1154,7 +867,7 @@ body .main-container { #loader-getMoreSegments { display: none; position: fixed; - background: url(../../img/loading.gif) 48% top no-repeat !important; + background: url(/public/img/loading.gif) 48% top no-repeat !important; background-size: 30px 30px !important; width: 30px; height: 30px; @@ -1177,25 +890,13 @@ body .main-container { #outer.loading { display: block; - background: url(../../img/loading.gif) 48% center no-repeat; + background: url(/public/img/loading.gif) 48% center no-repeat; background-size: 30px 30px !important; float: left; position: relative; height: 100vh; } -.main-searched { - margin-top: 100px !important; -} - -.maincomment .editor textarea { - width: 110% !important; -} - -.maincomment .ed textarea { - width: 104%; -} - .footer { float: left; width: 100%; @@ -1224,19 +925,6 @@ section .body > .text { height: 100%; } -/*.text { - width: 100%; - float: left; -}*/ - -.popup-tm .text, -.popup-tm .text:hover, -.header-menu .text, -.header-menu .text:hover { - background: transparent; - box-shadow: none; -} - body #file section:not(.editor) { background: $grey3; cursor: pointer; @@ -1251,15 +939,6 @@ body #file section:not(.editor) { border-top-right-radius: 4px; } -/*body.cattool .editor .text:hover { - background: none !important; -}*/ - -/*body.cattool:not(.editing) article { - border: 1px solid #adadad; - border-top: none; -}*/ - #file section.editor .body > .text { overflow: visible; -webkit-box-shadow: none; @@ -1272,19 +951,6 @@ body #file section:not(.editor) { clear: both; } -/*.disabled, .disabled:hover, .disabled:active { - background: #d6d6d6; - opacity: 0.5 !important; - cursor: default; - -moz-box-shadow: none; - -webkit-box-shadow: none; - border: 1px solid #666 -}*/ - -.sub-editor .set-glossary.disabled { - background: none !important; -} - .graysmall { width: 100%; //background: #fff; @@ -1300,12 +966,6 @@ ul.suggestion-item.graysmall:last-child { border-bottom: none; } -/* -.graysmall:first-child { - border-top: 0; -} -*/ - .tab.concordances { text-align: center; } @@ -1326,14 +986,6 @@ ul.suggestion-item.graysmall:last-child { overflow: auto; } -.graygreen { - color: #fff !important; - border-top: 1px solid #ccc; - border-left: 1px solid #ccc; - width: 25px !important; - text-align: center !important; -} - /*submenu*/ .submenu { background: #fff; @@ -1341,15 +993,6 @@ ul.suggestion-item.graysmall:last-child { width: 100%; } -/*.submenu {*/ -/*display: none;*/ -/*}*/ - -.popup .submenu { - display: block; - padding-top: 20px; -} - .submenu:after { content: '.'; display: block; @@ -1382,10 +1025,6 @@ section.loaded .submenu { background-color: $white; } -body.noGlossary .tab-switcher-gl { - display: none; -} - .submenu a { -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; @@ -1466,10 +1105,6 @@ body.noGlossary .tab-switcher-gl { display: block; } -body .footer.showMatches .sub-editor.open { - display: block !important; -} - .sub-editor.matches .overflow { min-height: 50px; } @@ -1513,15 +1148,13 @@ body .footer.showMatches .sub-editor.open { cursor: pointer; } -.sub-editor .cc-search, -.sub-editor .gl-search { +.sub-editor .cc-search { background: none; clear: both; } -.sub-editor .cc-search.loading, -.sub-editor .gl-search.loading { - background: url(../../img/loading.gif) 50% 22px no-repeat; +.sub-editor .cc-search.loading { + background: url(/public/img/loading.gif) 50% 22px no-repeat; float: left; width: 100%; background-size: 20px 20px; @@ -1531,138 +1164,16 @@ body .footer.showMatches .sub-editor.open { background-position-x: 49.8%; } -//.sub-editor.glossary .private-tm-key { -// float: left; -// padding-top: 12px; -// margin-left: 20px; -//} - .footer-message { margin-left: 20px; background: #ffde33 !important; padding: 2px 10px; } -// -//.sub-editor.glossary .gl-search.setting .set-glossary { -// background: url(../../img/loading.gif); -// background-size: 20px; -// cursor: pointer; -//} - -.sub-editor .gl-search .search-source, -.sub-editor .gl-search .search-target, -.sub-editor .gl-search .gl-comment { - float: left; - width: 45.8%; - margin: 20px 2% 20px 1.5%; - border: 1px solid #aaa; - padding: 2px 0.4%; - border-radius: 2px; - box-shadow: inset 0 1px 2px #ddd; - -webkit-box-shadow: inset 0 1px 2px #ddd; - text-align: left; - min-height: 20px; - background-color: #fff; - outline-color: $grey1; -} - -.sub-editor .gl-search .search-source, -.sub-editor .gl-search .search-target { - margin-bottom: 4px; -} - -.sub-editor .gl-search .search-target { - width: 41%; -} .sub-editor .cc-search .search-target { width: 44.2%; } -.sub-editor .gl-search .gl-comment { - margin-bottom: 4px; -} - -.sub-editor .gl-search .gl-comment { - float: left; - display: none; - width: 47.8%; - margin: 5px 1.5%; - clear: both; -} - -//.sub-editor.glossary .gl-search .gl-comment { -// display: block; -//} -// -//.sub-editor .gl-search .set-glossary { -// float: left; -// height: 20px; -// font-size: 24px; -// width: 26px; -// margin: 21px 0 0 0; -// color: $grey1; -// cursor: pointer; -//} -// -//.sub-editor .gl-search .set-glossary.disabled, -//.sub-editor .gl-search .set-glossary.disabled:hover { -// border: none !important; -// opacity: 0.5 !important; -//} - -//.sub-editor .gl-search .comment { -// float: left; -// text-align: left; -// width: 96%; -// margin-bottom: 8px; -//} -// -//.sub-editor .gl-search .comment a, -//.sub-editor .glossary-add-comment a { -// float: left; -// margin: 0 1.5% 0 1.5%; -// text-decoration: none; -// color: $grey1; -// width: 50%; -// font-size: 80%; -// font-style: italic; -//} -// -//.sub-editor .gl-search .comment a:hover, -//.sub-editor .glossary-add-comment a:hover { -// color: #000; -//} -// -//.glossary-add-comment { -// float: left; -// text-align: left; -// width: 50%; -// margin-bottom: 8px; -//} -// -//.sub-editor .glossary-add-comment a { -// font-size: 90%; -// margin-bottom: 11px; -// margin-left: 29px; -//} -// -//.glossary-add-comment .input.gl-comment { -// width: 93%; -// margin-left: 30px; -//} - -//.content { -// float: left; -// clear: both; -// border: 1px solid #ccf; -// border-top: none; -// border-left: none; -// background: #eef; -// padding: 10px 20px 20px; -// width: 400px; -//} - .preview { font-family: Cambria, Arial, Helvetica, sans-serif !important; height: 300px; @@ -1693,7 +1204,7 @@ body .footer.showMatches .sub-editor.open { left: auto !important; right: 100px; top: 12px; - background: url(../../img/loading-black.gif) 0 0 no-repeat !important; + background: url(/public/img/loading-black.gif) 0 0 no-repeat !important; } .filtering .filter, @@ -1710,13 +1221,6 @@ body .footer.showMatches .sub-editor.open { float: left; } -.search-icon { - margin-left: 200px; - display: block; - width: 25px; - height: 35px; -} - .search .btn { float: right; font-weight: bold; @@ -1729,220 +1233,51 @@ body .footer.showMatches .sub-editor.open { width: 120px; } -.checkbox-box .btn { - margin: 6px 10px 3px 0; -} - -.checkbox-filter { - float: right; - width: 120px; +/*editor*/ +.editor { + width: 100%; + position: relative; + z-index: 999; + -moz-border-radius: 2px; } -.checkbox-filter .custom-checkbox { - margin: 9px 10px 0 0; +.editor, +.editor .text { + background: #fff; } -/*concordance*/ -.border-search { - border-bottom: 1px solid #dedede; - margin: -10px 200px 0 5px; - float: left; +.loader:not(.ui) { + width: 20px; height: 20px; - width: 70%; + background: url(/public/img/loading.gif) 0 0 no-repeat !important; + position: absolute; + bottom: 11px; + display: none; + left: 50%; + background-size: 20px 20px !important; } -.col1-search { - float: left; - width: 100%; -} +@-moz-document url-prefix() { + .loader { + bottom: -40px; + } + .wrap { + padding-bottom: 15px !important; + } -.col1-search ul { - margin: -5px 0 0px 0; - padding: 0; - float: left; - width: 100%; -} - -.col1-search li { - margin: 0; - padding: 0 0px 0 0; - float: left; -} - -.search-editarea { - background: #fff; - width: 300px !important; - text-align: left; - border: 1px solid #abadb3 !important; - margin-top: 8px !important; - min-height: 18px !important; - max-height: 60px; - padding: 0 5px !important; - line-height: 22px !important; - color: #999 !important; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; -} - -.search-editarea:focus { - color: #000 !important; -} - -.checkbox-box { - background: #dcdedf; - float: left; - padding: 2px 0 4px 0; - width: 100%; - border-top: 1px solid #9fa1a1; -} - -.checkbox-box p { - margin: 5px 10px 0 10px; -} - -.checkbox-box .custom-checkbox { - margin-top: 3px; -} - -.custom-checkbox { - position: relative; - float: left; - display: inline-block; - margin: 12px -5px 0 10px; -} - -.custom-checkbox > .box { - position: relative; - display: block; - width: 14px; - height: 14px; - border: 1px solid $grey1; - background-color: #eee; - border-radius: 2px; -} - -.custom-checkbox > .tr-check { - background-color: $translatedBlue !important; -} - -.custom-checkbox > .dr-check { - background-color: #d0d1d1 !important; -} - -.custom-checkbox > .rj-check { - background-color: #ed1c24 !important; -} - -.custom-checkbox > .ap-check { - background-color: $approvedGreen !important; -} - -.custom-checkbox > .normal-check { - background-color: #fff !important; -} - -.custom-checkbox:hover { - -moz-box-shadow: 0 1px 2px $grey2; - -webkit-box-shadow: 0 1px 2px $grey2; - box-shadow: 0 1px 2px $grey2; -} - -.custom-checkbox > .box > .tick { - position: absolute; - left: 2px; - top: 2px; - width: 8px; - height: 4px; - border-bottom: 2px solid #333; - border-left: 2px solid #333; - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - display: none; -} - -.custom-checkbox > input:checked + .box > .tick { - display: block; -} - -//.replace-box .replace .tick { -// display: block !important; -//} - -.custom-checkbox > input { - position: absolute; - outline: none; - left: 0; - top: 0; - padding: 0; - width: 16px; - height: 16px; - border: none; - margin: 0; - opacity: 0; - z-index: 1; -} - -/*editor*/ -.editor { - width: 100%; - position: relative; - z-index: 999; - -moz-border-radius: 2px; -} - -.editor, -.editor .text { - background: #fff; -} - -.loader:not(.ui) { - width: 20px; - height: 20px; - background: url(../../img/loading.gif) 0 0 no-repeat !important; - position: absolute; - bottom: 11px; - display: none; - left: 50%; - background-size: 20px 20px !important; -} - -@-moz-document url-prefix() { - .loader { - bottom: -40px; - } - .wrap { - padding-bottom: 15px !important; - } - - .editor .wrap { - padding-bottom: 31px !important; - } - - .editor .status { - padding-bottom: 8px !important; - } + .editor .wrap { + padding-bottom: 31px !important; + } + + .editor .status { + padding-bottom: 8px !important; + } } section.editor .loader_on { display: block !important; } -.btnmargin { - margin-right: -23px !important; -} - -.source-title { - margin: 3px 0 0 20px !important; -} - -.target-title { - float: right; - margin: 3px 30px 0 0; -} - .close { width: 14px; height: 14px; @@ -1969,22 +1304,6 @@ section.editor .loader_on { text-align: center; } -.h-text { - width: auto; - height: 20px; - display: block; - position: absolute; - left: 10px; - top: 2px; - color: #fff; - font-size: 12px; - text-decoration: none; - text-transform: none; -} - -/* -.editor .percentuage{display:block !important;} -*/ section .header .context { display: none; float: left; @@ -1993,10 +1312,6 @@ section .header .context { margin: 3px 0 0 10px; } -section.has-reference .header .context { - display: block; -} - section .header .context:hover { color: #000; } @@ -2005,17 +1320,6 @@ section .header .context:hover { display: block !important; } -.smart-suggestion-target { - border: 2px solid #00a651; - -moz-border-radius: 2px; - border-radius: 2px; - padding: 0 5px; - -moz-box-shadow: 0 1px 3px $grey2; - -webkit-box-shadow: 0 1px 3px $grey2; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; -} - .qa { background: #ffcc00; -moz-box-shadow: 0 1px 3px $grey2; @@ -2039,10 +1343,6 @@ section .text .warning { font-weight: bold; } -.body .charleft { - display: none; -} - section.status-new.opened .editarea { text-indent: 0; } @@ -2072,13 +1372,6 @@ section.editor.slide-right .sid { .editor .source { padding-top: 4px !important; font-size: 18px; - - /*word-wrap: break-word;*/ - /*word-break: normal;*/ -} - -.grayed-text { - color: #4c4c4c; } .textarea-container { @@ -2101,7 +1394,6 @@ section.opened { } .editarea, -.search-editarea, .textarea-container .area { width: 100%; min-height: 54px; @@ -2192,53 +1484,6 @@ body.archived section .status-container a.status:hover { /*font-variant-ligatures: none;*/ cursor: text; } -.editor.editarea .highlighted1 { - background-color: #ffff94; -} - -.editor .editarea.highlighted2 { - -moz-transition: background-color 1.5s; - -webkit-transition: background-color 1.5s !important; - -o-transition: background-color 1.5s; - transition: background-color 1.5s !important; - background-color: transparent; -} - -/* -section.highlighted1 .editarea -{ - border: 4px solid #0798BC; -} -section.highlighted2 .editarea -{ - -moz-transition: border 1.5s; - -webkit-transition: border 1.5s !important; - -o-transition: border 1.5s; - transition: border 1.5s !important; - border: 4px solid transparent; -} -*/ - -section:not(.editor) .editarea.highlighted1 { - border-color: #00c1e6; - background: rgba(0, 193, 230, 0.15); -} -section:not(.editor).editarea .highlighted2 { - -moz-transition: border-color 3s; - -webkit-transition: border-color 3s !important; - -o-transition: border-color 3s; - transition: border-color 3s !important; - border-color: transparent; -} - -/*.editor.modified .editarea -{ - -moz-transition:background-color 2s; - -webkit-transition:background-color 2s !important; - -o-transition:background-color 2s; - transition:background-color 2s !important; - background-color: #fff !important; -}*/ .editarea:focus { border: 1px solid #96c8da; @@ -2250,12 +1495,6 @@ body.rtl-target .editor .editarea span { display: inline-block; } -.search-editarea { - overflow: auto; - min-height: 22px !important; - cursor: text; -} - .source { position: relative; z-index: 0; @@ -2275,78 +1514,6 @@ body.rtl-target .editor .editarea span { margin-left: -4px;*/ } -.graysmall .translation.editing, -.graysmall .comment.editing, -.graysmall .glossary-add-comment .gl-comment { - padding: 2px 0.4%; - background: #fff; - border: 1px solid #aaa; - border-radius: 2px; - box-shadow: inset 0 1px 2px #ddd; - outline: none; - min-height: 20px; - line-height: 20px; -} - -.graysmall .switch-editing { - display: none; - float: left; - position: absolute; - width: 16px; - height: 16px; - cursor: pointer; - right: 40px; - top: 15px; -} - -.graysmall:hover .switch-editing { - display: block; -} - -.graysmall:hover .switch-editing:hover { - margin-top: -2px; - color: #000; -} - -.graysmall .edit-buttons { - float: right; -} - -.graysmall .edit-buttons button { - color: #fff; - background: $translatedBlue; - font-weight: bold; - text-decoration: none; - padding: 4px 9px; - margin: 4px 3px; - border-radius: 2px; - font-size: 10px; - background: -webkit-gradient( - linear, - left top, - left bottom, - from($translatedBlue), - to(#119ec4) - ); - background: -moz-linear-gradient(top, $translatedBlue, #119ec4); - background: linear-gradient(top, $translatedBlue, #119ec4); - cursor: pointer; -} - -.graysmall .edit-buttons button.cancel { - color: #333; - background: #f6f6f6; - background: -webkit-gradient( - linear, - left top, - left bottom, - from(#f6f6f6), - to(#e2e3e5) - ); - background: -moz-linear-gradient(top, #f6f6f6, #e2e3e5); - background: linear-gradient(top, #f6f6f6, #e2e3e5); -} - .wrap { float: left; width: 99%; @@ -2382,17 +1549,12 @@ body.rtl-target .editor .editarea span { padding-left: 26px !important; } -.editor .charleft { - display: none; -} - .buttons { position: relative; top: 0px; } /*tab rows */ -/*.overflow{overflow-y:auto;min-height:8px;margin-bottom:-1px;position:relative;z-index:9999999999999999999999999999999;}*/ .graysmall li { width: 48%; float: left; @@ -2434,10 +1596,6 @@ body.rtl-target .editor .editarea span { width: 50%; } -/*.alternatives.tab ul li.sugg-target { - width: 42% !important; -}*/ - .suggestion-item li.sugg-source { padding-left: 25px; } @@ -2469,10 +1627,6 @@ body.rtl-target .editor .editarea span { overflow: hidden; } -.graysmall div.comment.editing { - width: 46%; -} - .graysmall .b { padding-left: 12px !important; position: relative; @@ -2485,7 +1639,7 @@ body.rtl-target .editor .editarea span { } .message li { - background: url(../../img/bad.png) 22px center no-repeat; + background: url(/public/img/bad.png) 22px center no-repeat; padding-left: 40px !important; background-size: 12px 12px; } @@ -2551,11 +1705,6 @@ body.rtl-target .editor .editarea span { text-overflow: ellipsis; } } - -//.glossary .graysmall .graysmall-details { -// margin-top: 0; -//} - .graysmall .graysmall-details { display: block; width: 100%; /*To be tested*/ @@ -2566,15 +1715,6 @@ body.rtl-target .editor .editarea span { margin-right: 15px; } -/*.graysmall { - color: #333; - background: #fbfbfb; -}*/ - -.graysmall.notEditable { - /* background: $grey2;*/ -} - .graysmall-details li { float: right; width: auto !important; @@ -2592,170 +1732,39 @@ body.rtl-target .editor .editarea span { } } -.graysmall.notEditable:hover { - /*background: #999;*/ -} - -/*.graysmall:hover li span { - color: #000 !important -}*/ - -//.sub-editor.glossary .glossary-item { -// float: right; -// width: 100%; -// margin-top: 2px; -// padding: 3px 0px 3px 0; -// text-align: left; -// background: $grey2; -// border-top: 1px solid #999; -// border-bottom: 1px solid #999; -//} - -//.glossary .sugg-target { -// cursor: pointer; -//} -// -//.sub-editor.glossary .glossary-item span { -// margin-left: 20px; -// font-style: italic; -//} - .message:hover { background: #fbfbfb !important; cursor: auto; } -.doubleclick { - display: none; - font-size: 10px; -} -.editor:hover .doubleclick { - display: block !important; +.engine-error { + padding-left: 40px !important; } -/*suggestion*/ -.addsuggestion { - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; - border-bottom: 1px solid $grey2; - background: #fff; - -moz-box-shadow: 0 1px 3px $grey2; - -webkit-box-shadow: 0 1px 3px $grey2; +.error-img { + background: #c5351c url(/public/img/warning.png) no-repeat center; + background-size: 17px; + width: 22px; + height: 22px; + margin: 0; + border-radius: 5px; + margin-left: -28px; + top: -4px; position: relative; - z-index: 9999999999999; - -moz-border-radius: 2px; - border-radius: 2px; + float: left; } -.addsuggestion p { - float: left; -} - -.sugg-input { - float: left; - width: 95%; - margin: -5px 10px 0px 0px; - border: 1px solid #727272; - -moz-box-shadow: inset 0 1px 2px #888; - -webkit-box-shadow: inset 0 1px 2px #888; - -moz-border-radius: 2px; - border-radius: 2px; - box-shadow: inset 0 1px 2px #888; - padding: 5px 5px 6px 5px; - color: $grey1; - font-size: 14px !important; -} - -.sugg-input:focus { - color: #000; -} - -.sugg-submit { - float: left; - margin: -4px 0px 10px 0; - font-size: 14px !important; -} - -.second { - width: 66%; -} - -.addsuggestion { - border: 1px solid $grey2; - padding: 0px 6px; - text-decoration: none; - color: #939598; -} - -.add-ul li { - padding: 6px 0px 0px 20px !important; - color: #939598; - font-size: 12px; -} - -.add-ul li:hover { - color: #000; -} - -.addsuggestion:hover { - border: 1px solid $grey1; - color: #333; -} - -.addline-suggestion { - display: none; - float: left; - height: 50px; - background: #fff; -} - -.add-ul { - background: #efefef !important; -} - -/*engine errror messages*/ -.engine-errrors summary { - text-align: left; - padding-left: 20px; - cursor: pointer; -} - -.engine-errrors summary:focus { - outline: 0; -} - -.engine-errrors .error { - color: red; -} - -.engine-error { - padding-left: 40px !important; -} - -.error-img { - background: #c5351c url(../../img/warning.png) no-repeat center; - background-size: 17px; - width: 22px; - height: 22px; - margin: 0; - border-radius: 5px; - margin-left: -28px; - top: -4px; - position: relative; - float: left; -} - -.warning-img { - background: #ff9900 url(../../img/warning.png) no-repeat center; - background-size: 17px; - width: 22px; - height: 22px; - margin: 0; - border-radius: 5px; - margin-left: -28px; - top: -4px; - position: relative; +.warning-img { + background: #ff9900 url(/public/img/warning.png) no-repeat center; + background-size: 17px; + width: 22px; + height: 22px; + margin: 0; + border-radius: 5px; + margin-left: -28px; + top: -4px; + position: relative; float: left; } @@ -2783,26 +1792,6 @@ body.rtl-target .editor .editarea span { cursor: default; } -.ice-locked-label { - font-size: 11px; - margin: 0 0px; - padding: 2px 5px 0px 5px; - background-color: #0798bc; - width: 35px; - height: 16px; - position: absolute; - color: white; - top: 1px; - line-height: 14px; - transition: all 100ms ease-in; - left: 47.4%; - visibility: hidden; -} - -section.readonly:hover .ice-locked-label { - visibility: visible; -} - /*status*/ .status-container .status { width: 8px; @@ -2861,7 +1850,7 @@ section.status-rejected .status { body[data-offline-mode='light-off'] section.setTranslationPending .status, section.setTranslationError .status { - background-image: url(../../img/offline-bg.png) !important; + background-image: url(/public/img/offline-bg.png) !important; background-color: #0798bc !important; background-repeat: no-repeat !important; background-position: center center; @@ -2886,7 +1875,7 @@ section.editor.status-rejected .status { } section.modified .status { - background-image: url(../../img/stripes.png) !important; + background-image: url(/public/img/stripes.png) !important; background-repeat: repeat !important; background-size: 140% !important; } @@ -2899,153 +1888,6 @@ section.opened.editor .status { position: absolute; } -.statusmenu { - position: absolute; - text-align: left; - top: 0; - margin: 50px -3px 0 -200px; - background: #ffffff; - width: 143px; - z-index: 99999999999999; - border-bottom: none; - right: -10px; - box-shadow: 0 0 4px rgba(102, 102, 102, 0.45); - font-weight: bold; - -webkit-transition: all 100ms ease-in; - transition: all 100ms ease-in; -} - -.editor .statusmenu { - top: 0; - margin: 100px -3px 0 -200px; -} - -.statusmenu li { - background: #ffffff; - margin: 0; - padding: 0; - float: none; - width: 100%; -} - -.statusmenu li:hover { - background: #f2f4f7; -} - -.statusmenu li a { - padding: 7px 20px 7px 10px; - display: block; - color: #000; - text-decoration: none; -} - -.arrow-mcolor { - display: block; - width: 20px; - height: 20px; - background: url(../../img/arrow-menucolor.png) 0 0 no-repeat; - position: absolute; - margin: -8px 0 0 123px; - background-size: 10px 8px; -} - -.arrow { - border: 0 !important; -} -.arrow-mcolor { - display: block; - width: 20px; - height: 20px; - background: url(../../img/arrow-menucolor.png) 0 0 no-repeat; - position: absolute; - margin: -8px 0 0 123px; - background-size: 10px 8px; -} -.arrow { - border: 0 !important; -} -.approvedStatusMenu { - border-right: 9px solid $approvedGreen; -} -.translatedStatusMenu { - border-right: 9px solid $translatedBlue; -} -.rejectedStatusMenu { - border-right: 9px solid $rebuttedRed; -} -.draftStatusMenu { - order-right: 9px solid $grey1; -} - -/* overlay box */ -.boxoverlay { - display: none; - background: #fff; - width: 100%; - height: 100%; - position: fixed; - z-index: 99999999; - top: 0; - left: 0; - opacity: 0.6; - filter: alpha(opacity=70); /*per Internet Explorer 6-7*/ - filter: alpha(opacity=50); /*per Internet Explorer 8*/ -} - -#box { - width: 90%; - text-align: center; - height: 400px; - background: #fff; - margin: 0 auto; -} - -.secondline li { - background: #f5f5f5 !important; -} - -#box .h-editor { - color: #fff; - padding: 4px 0 0 0px; - border-bottom: 1px solid $grey2; - margin-bottom: 30px; - background: #efefef; -} - -#box .x { - margin-top: -2px; -} - -#box .title li { - background: #fff; - border: 0; -} - -#box ul { - clear: both; - font-size: 16px; - margin: 0 0 0 70px; - float: left; - width: 90%; - list-style: none; -} - -#box li { - padding: 10px; - width: 10%; - border-right: 1px solid $grey2; - border-bottom: 1px solid $grey2; - float: left; - text-align: right; - background: #efefef; -} - -#box .first { - width: 40% !important; - text-align: left !important; - border-left: 1px solid $grey2; -} - .hide { display: none; } @@ -3101,24 +1943,14 @@ section.opened.editor .status { display: block !important; } -.editarea #placeHolder { - display: none; -} - -.editarea span.placeholder { - display: none; -} - -/* We should check if we have the rights di distribute Calibri in an open-source project... */ - @font-face { font-family: Calibri; src: local(Calibri), - url('../fonts/calibri-webfont.woff') format('woff'), - url('../fonts/calibri-webfont.ttf') format('truetype'), - url('../fonts/calibri-webfont.eot'), - url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); + url('/public/css/fonts/calibri-webfont.woff') format('woff'), + url('/public/css/fonts/calibri-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri-webfont.eot'), + url('/public/css/fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'); } @font-face { @@ -3126,90 +1958,19 @@ section.opened.editor .status { font-weight: bold; src: local('Calibri Bold'), - url('../fonts/calibri_bold-webfont.woff') format('woff'), - url('../fonts/calibri_bold-webfont.ttf') format('truetype'), - url('../fonts/calibri_bold-webfont.eot'), - url('../fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); -} - -.sendbox { - position: absolute; - bottom: 25px; -} - -.end-message-col2 p { - color: #8a8a8a; - margin: 0 0 5px 0; - font-size: 16px; -} - -.or-message { - text-align: center; - width: 320px; -} - -.end-message-col1 { - float: left; - margin: 0; - width: 150px; -} - -.end-message-col1 img { - float: left; - margin: 0px 0 0 0; -} - -.end-message-col1 p { - position: absolute; - bottom: 20px; - width: 300px; - left: 20px; - text-align: left; - color: #fff; -} - -.end-message-col1 p span, -.end-message-col1 h3 span { - color: $translatedBlue; + url('/public/css/fonts/calibri_bold-webfont.woff') format('woff'), + url('/public/css/fonts/calibri_bold-webfont.ttf') format('truetype'), + url('/public/css/fonts/calibri_bold-webfont.eot'), + url('/public/css/fonts/calibri_bold-webfont.eot?#iefix') format('embedded-opentype'); } -.end-message-col2 input { - padding: 5px; - margin-top: 2px; - width: 300px; -} - -@-webkit-keyframes Floatingx { - from { - -webkit-transform: translate(0, 0px); - } - 65% { - -webkit-transform: translate(0, 15px); - } - to { - -webkit-transform: translate(0, -0px); - } -} - -.d-open { - bottom: 20px !important; -} @media screen and (min-width: 1600px) { - .header-menu { - margin-right: 22px; - } - .text .source.item, .text .target.item, .white li { width: 46% !important; } - - .track-changes { - width: 46.2% !important; - margin-right: 2.6% !important; - } } @media screen and (max-width: 1380px) { @@ -3217,13 +1978,6 @@ section.opened.editor .status { .graysmall li { width: 45.5%; } - .header-menu { - margin-right: 18px; - } - #stat-completion, - #stat-wph { - display: block; - } p.split-shortcut, .sid .txt { @@ -3237,9 +1991,7 @@ section.opened.editor .status { left: -5.1%; width: 4.5%; } - //section.editor.slide-right { - // width: 71% !important; - //} + section.slide-right .sid { left: -6.5%; } @@ -3249,10 +2001,6 @@ section.opened.editor .status { } @media screen and (max-width: 1280px) { - /*.buttons{margin:-15px 42px 0 0 !important;}*/ - .header-menu { - margin-right: 16px; - } .text .source.item, .text .target.item, @@ -3271,17 +2019,12 @@ section.opened.editor .status { @media screen and (max-width: 1260px) { .text .item, - .white li, - .track-changes { + .white li { width: 44.5% !important; } } @media screen and (min-width: 1181px) { - .languages { - text-indent: -85px; - } - .concordances .graysmall .b, .alternatives .graysmall .b { /*padding-left:85px !important;*/ @@ -3294,9 +2037,6 @@ section.opened.editor .status { } @media screen and (max-width: 1180px) { - .con-input { - width: 70%; - } .second { width: 30%; @@ -3331,18 +2071,6 @@ section.opened.editor .status { width: 10%; } - .con-input { - width: 63%; - } - - .con-input { - width: 62% !important; - } - - .languages { - text-indent: -62px; - } - .review .wrapper { width: 100%; } @@ -3359,14 +2087,9 @@ section.opened.editor .status { width: 45px; } - .search-editarea { - width: 200px !important; - } - .text .source.item, .text .target.item, - .white li, - .track-changes { + .white li { width: 44% !important; } @@ -3409,244 +2132,37 @@ section.opened.editor .status { .cattool #quality-report { padding: 0 !important; - } - - .header-menu li a, - .header-menu li input { - font-size: 14px; - } - .header-menu li:first-child { - margin-right: 5px; - } - - .header-dropdown-menu { - margin-right: 5px; - } -} - -li.tag-mismatch { - display: none; - position: relative; - text-indent: -9999px; - width: 20px !important; - height: 20px !important; - overflow: hidden; - background: red; -} - -section.mismatch li.tag-mismatch { - display: block; -} - -/*RTL language*/ -.editarea.rtl, -.search-editarea.rtl, -.source.rtl, -.graysmall li.rtl { - direction: rtl !important; - text-align: right !important; -} - -body.rtl-source section .source, -body.rtl-target section .targetarea, -body.rtl-source .footer .sugg-source, -body.rtl-target .footer .sugg-target { - direction: rtl !important; - text-align: right !important; -} -body.rtl-target section.ice-locked .target { - text-align: right; -} - -body.archived ul.buttons, -body.archived ul.header-menu, -body.archived .footer { - display: none !important; -} - -#authentication { - float: right; - margin-left: 50px; -} - -p.percent { - margin-left: -10px; - margin-right: 10px; -} - -.dialog form { - font-size: 70%; -} - -.misspelled { - border-bottom: 1px dashed red; -} - -#spellCheck { - border-bottom: 1px dotted $grey2; -} - -#spellCheck .label { - color: #888; - font-style: italic; -} - -#spellCheck .words { - display: block; - color: #000; - font-weight: bold; - margin-left: 10px; - text-decoration: none; - margin-top: 5px; -} - -#spellCheck .words:hover { - text-decoration: underline; -} - -#spellCheck .add { - display: block; - color: #000; - text-decoration: none; - margin-top: 5px; - border-top: 1px dotted $grey2; -} - -.save-warning { - display: none; - width: 6px; - height: 6px; - margin-top: 0; - margin-left: 101%; - background: red; -} - -section.modified .save-warning { - display: none; -} - -body.searchActive .numbererror { - display: block; -} - -body.searchActive .numbererror:empty { - display: none; -} - -.tag-autocomplete { - display: block; - position: absolute; - z-index: 99999; - background: #eee; - border: 1px solid #999; - min-width: 100px; - padding: 1px; - max-height: 400px; - overflow-y: auto; -} - -.tag-autocomplete.empty { - display: none; -} - -.tag-autocomplete li { - display: block; - text-align: left; - list-style-type: none; - z-index: 99999999999999; - font-size: 80%; -} - -.tag-autocomplete li.current { - background: #00c1e6; - color: #fff; -} - -.tag-autocomplete li.hidden { - display: none; -} - -.popup-settings .popup { - width: 60% !important; - margin: 0 !important; - left: 20% !important; - top: 5%; -} - -.popup-settings .tab:first-of-type { - display: block; -} - -.popup-settings #settings-shortcuts .list { - margin: 10px; - text-align: left; -} - -.popup-settings #settings-shortcuts .list tr { - vertical-align: top; -} - -.popup-settings #settings-shortcuts .list .label { - width: 48%; - text-align: right; - line-height: 130%; - padding-top: 6px; -} - -.popup-settings #settings-shortcuts .list .combination { - padding-left: 20px; -} - -.popup-settings #settings-shortcuts .list .combination .keystroke { - border: 1px solid #aaa; - padding: 1px 5px; -} - -.popup-settings #settings-shortcuts .list .combination .keystroke.modified { - border-color: red; -} - -.popup-settings #settings-shortcuts .list .combination .keystroke.changing { - background: #0798bc; - color: #fff; -} - -.popup-settings #settings-shortcuts .list .combination .msg { - margin-left: 20px; - color: #999; + } } -.popup-settings #settings-restore { - display: none; +/*RTL language*/ +.editarea.rtl, +.source.rtl, +.graysmall li.rtl { + direction: rtl !important; + text-align: right !important; } -.popup-settings.modified #settings-restore { - display: block; +body.rtl-source section .source, +body.rtl-target section .targetarea, +body.rtl-source .footer .sugg-source, +body.rtl-target .footer .sugg-target { + direction: rtl !important; + text-align: right !important; } - -.editor .source mark.inGlossary { - border-bottom: 1px dotted #c0c; - cursor: pointer; +body.rtl-target section.ice-locked .target { + text-align: right; } -.monad mark.inGlossary { - border-bottom: none !important; - color: #767676 !important; +body.archived ul.buttons, +body.archived .footer { + display: none !important; } -/*.popup-settings #settings-shortcuts .list dt -{ - float: left; - width: 49%; - background: yellow; +p.percent { + margin-left: -10px; + margin-right: 10px; } -.popup-settings #settings-shortcuts .list dd -{ - float: left; - width: 49%; - margin: 0; - background: orange; -}*/ ins.diff { background: #c3ffc3; @@ -3656,39 +2172,6 @@ del.diff { background: #ffcfcf; } -.tab-marker { - color: #999; - margin-left: 4px; - margin-right: 4px; - position: relative; - top: 2px; -} - -.space-marker, -.nbsp-marker { - color: $grey2; - position: relative; - left: 4px; - padding-right: 12px; - /* padding-left: 6px; - margin-right: 4px; - margin-left: 4px;*/ - opacity: 0.2; - /*width: 20px !important;*/ - top: 3px; - font-size: 15px; - background: url(../../img/dot.png) 0px 0px no-repeat; - background-size: 6px; - /* - color: $grey2; - position: relative; - padding-left: 4px; - margin-right: 4px; - top: -4px; -*/ -} - -section .toolbar .tagModeToggle, section .toolbar .autofillTag { float: left; font-size: 60%; @@ -3702,21 +2185,6 @@ section .toolbar span { margin-left: 1px; } -.tagModeToggle span:before { - float: left; -} - -.tagModeToggle.active { - padding: 2px 1px 2px 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-color: #eee; - background-image: -webkit-linear-gradient(top, #eee, #e0e0e0); -} - -.tagModeToggle.active span { - font-size: 100% !important; -} - .autofillTag { display: block; float: left; @@ -3730,20 +2198,6 @@ section .toolbar span { display: block; } -.tagLockCustomize { - display: block; - float: left; - cursor: pointer; - color: #444 !important; - text-decoration: none; -} - -.tagLockCustomize:before { - font-size: 19px; - display: block; - margin-left: 5px; -} - section .toolbar .autofillTag { float: left; font-size: 60%; @@ -3773,67 +2227,6 @@ section .toolbar .autofillTag { cursor: pointer; } -.editarea span.softReturn, -.source span.softReturn, -.sugg-target span.softReturn, -.sugg-source span.softReturn, /*to be tested*/ -.track-changes span.softReturn { - display: inline !important; - margin-left: 6px; - padding: 1px 2px 3px 40px; - background-image: url(../../img/soft-return1.png); - background-size: 16px; - background-repeat: no-repeat; - background-position: center left; - width: 20px; - position: relative; - direction: ltr; - text-align: unset; -} - -.editarea span.hardReturn, -.source span.hardReturn, -.sugg-target span.hardReturn, -.sugg-source span.hardReturn, /*to be tested*/ -.track-changes span.hardReturn { - display: inline !important; - margin-left: 6px; - padding: 1px 2px 3px 40px; - background-image: url(../../img/hard-return.png); - background-size: 16px; - background-repeat: no-repeat; - background-position: center left; - width: 20px; - position: relative; - direction: ltr; - text-align: unset; -} - -.editarea br.soft { - display: block; - margin: -10px 0px 3px 40px; - padding: 1px 2px 3px 40px; - border: 1px dotted green; - font-size: 8px; - line-height: 8px; - height: 8px; - background: yellow; - background-image: url('https://sites.google.com/a/fundoogeek.com/home/images/WhiteStarinRedCircle.gif'); - background-repeat: no-repeat; - background-position: top left; - background-origin: content-box; - color: blue; - content: 'A'; - width: 20px; - position: relative; - top: -7px; -} - -.editarea span.startRow { - width: 0px; - float: left; -} - .split { border: 1px solid #5f5f5f; cursor: pointer !important; @@ -3870,14 +2263,7 @@ section .toolbar .autofillTag { background: $translatedBlue; } -.splitBar .buttons a { -} - -.monad .marker-inside { - display: none; -} -.tagModeToggle, .autofillTag { padding: 4px 2px 0px 2px; border: 1px solid #fff; @@ -3888,19 +2274,11 @@ section .toolbar .autofillTag { padding-top: 0; } -.tagLockCustomize:hover, -.tagLockCustomize.active, -.tagModeToggle:hover, -.tagModeToggle.active, .autofillTag:hover, .autofillTag.active { color: #333 !important; } -.icon-tag-expand { - display: none; -} - section .toolbar { display: none; margin-left: -10px; @@ -3910,83 +2288,14 @@ section.editor .toolbar { display: block; } -.tagModeToggle span, .autofillTag span { float: left; } -.tagModeToggle.active span.icon-chevron-right { - margin-left: 0px; -} - -.tagModeToggle.active .icon-tag-expand { - display: inline-block; - font-weight: bold; - padding-top: 6px; -} - -.textarea-container .tagMode { - position: absolute; - display: none; - width: 100%; - text-align: right; - margin-top: -23px; -} - -.tagModeToggle, -.autofillTag, -.tagLockCustomize { +.autofillTag { margin-right: 10px; } -body .editor.hasTags .textarea-container .tagMode { - display: block; -} - -body .editor.hasTagsToggle .toolbar .tagModeToggle, -body .editor.hasTagsToggle .toolbar .tagLockCustomize, -body .editor.hasTagsAutofill .toolbar .autofillTag { - display: block; -} - -body.tagmarkDisabled .toolbar .tagModeToggle, -body.tagmarkDisabled .toolbar .autofillTag { - display: none !important; -} - -.tagLockCustomize.unlock:before { - content: '\e990'; -} - -.tagModeToggle span.icon-expand, -.tagModeToggle span.icon-compress { - -ms-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - display: inline-block; -} - -.textarea-container .tagMode li { - display: inline-block; - width: 40px; - height: 20px; - text-align: center; - font-weight: bold; - opacity: 0.3; - cursor: pointer; -} - -body.tagmode-default-compressed - .editor[data-tagmode='crunched'] - .textarea-container - .tagMode - li.crunched, -body.tagmode-default-extended .textarea-container .tagMode li.extended, -.editor[data-tagmode='extended'] .textarea-container .tagMode li.extended, -.textarea-container .tagMode li:hover { - opacity: 1; -} - @keyframes fadein { from { opacity: 0; @@ -4141,27 +2450,15 @@ body.tagmode-default-extended .textarea-container .tagMode li.extended, only screen and (min-resolution: 2dppx) { .outersource .copy { top: 7px; - background: url(../../img/outercopy@2x.png) center 1px no-repeat; + background: url(/public/img/outercopy@2x.png) center 1px no-repeat; background-size: 12px 11px; } .outersource .copy:hover { - background: url(../../img/outercopy@2x.png) 4px -69px no-repeat; + background: url(/public/img/outercopy@2x.png) 4px -69px no-repeat; background-size: 42px; } - a.showExtendedTags { - position: relative; - display: block; - float: left; - clear: left; - left: 52%; - top: -20px; - } - - body.tagmode-default-extended a.showExtendedTags { - display: none; - } } .addtmx-tr.white-tx .open-popup-addtm-tr { @@ -4174,63 +2471,11 @@ body.tagmode-default-extended .textarea-container .tagMode li.extended, background: #ededed; } -.popup-addtm-tr .popup { - width: 54% !important; - margin: 0 !important; - left: 23% !important; - top: 2%; - text-align: left; -} - -#addtm-upload-form .block { - float: left; - width: 100%; -} - -.popup-addtm-tr h2 { - font-size: 20px; - font-weight: bold; - margin: 10px 0; -} - -.popup-addtm-tr .popup-box { - max-height: 550px; - overflow: auto; -} - -.addtm-break-2-lines { - border: 1px solid white; - height: 25px; -} - -.block-last .mgmt-input { - width: 62%; -} - .open-popup-addtm-tr { cursor: pointer; margin-left: 5px; } -.popup-addtm-tr input[type='file'] { - font-size: 15px; - margin-bottom: 15px; -} - -.popup-addtm-tr input#key { - width: 96%; - color: $grey2; -} - -.popup-addtm-tr .btn-ok { - padding: 4px 18px; - margin: 2px 5px 1px 5px; -} - -/*.addtmx-tr:hover { - -}*/ - .fileupload { margin-right: 10px; font-weight: bold; @@ -4256,29 +2501,6 @@ body.tagmode-default-extended .textarea-container .tagMode li.extended, text-decoration: none; } -body.cattool table.mgmt-mt th.action { - display: none; -} - -body.cattool table.mgmt-mt tbody .action { - display: none; -} - -body.isAnonymous .add-mt-engine { - display: none; -} - -body.cattool .mgmt-table-mt .add-mt-engine { - display: none; -} - -body.cattool .mgmt-table-mt tbody tr { - opacity: 0.6; -} - -body.cattool .mgmt-table-mt .activemt { - opacity: 1 !important; -} .splitContainer { position: relative; @@ -4361,20 +2583,6 @@ body.cattool .mgmt-table-mt .activemt { border-radius: 3px; } -#export_edit_log_csv_link { - top: 30px; - position: relative; - font-style: italic; -} - -.color_green { - color: #6aa84f; -} - -.bg_orange { - background: #ee6633; -} - /** * Ensure all tabbed content in the footer is only visible when * the segment completed loading. @@ -4397,14 +2605,6 @@ section .segment-side-buttons { color: $grey1; } -.blue-button { - background: $translatedBlue; -} - -.red-button { - background: #b02429; -} - .grey-button { color: #333; background: #f6f6f6; @@ -4428,21 +2628,11 @@ section .segment-side-buttons { color: #999; } -.edit-log { - /*top: 5px;*/ - font-weight: bold; - right: -1px; -} - .ui.user.label { margin-right: 13px; /*top: 5px;*/ } -.tmx-import-slider { - width: 110px !important; -} - /*Editor Toggle*/ .editor .toggle { //display: inline-block; @@ -4460,10 +2650,6 @@ section .segment-side-buttons { margin-left: 16px; } -input#markAsCompleteButton[disabled] { - background: #d7d7d8; -} - /* Header/Footer Restyling */ $icon-scale: 30px; @@ -4475,21 +2661,6 @@ $gray-2: #bbbbbb; $light-blue: #0055b8; $white: #fff; -/* Edit Log */ - -.editlog { - padding-top: 88px; - - .wrapper { - margin: 0 auto 64px auto; - } - - header { - .logo { - margin-top: 0 !important; - } - } -} /* XLIFF to Target page */ @@ -4501,40 +2672,6 @@ $white: #fff; } } -/* Quality Report improved */ - -.improved-reviselog { - padding-top: 44px; - header { - .wrapper { - display: grid; - grid-template-columns: 208px auto 120px; - - .btn-main { - background: #fff; - color: #002b5c; - font-size: 16px; - width: 152px; - text-align: center; - max-height: 40px; - border-radius: 2px; - line-height: 1.25; - border: none; - padding: 8px; - - &:hover { - color: $light-blue; - } - } - - .action-menu { - grid-template-columns: auto auto; - margin-right: 8px; - } - } - } -} - /* Default */ header { @@ -4702,37 +2839,11 @@ header { height: 17px; } } - - #markAsCompleteButton { - width: $icon-scale !important; - height: $icon-scale; - text-align: right; - background: transparent; - border: none; - - &.isMarkedComplete { - background-image: url('../../img/icons/icon-mark-active.svg'); - background-size: cover; - } - &.isMarkableAsComplete { - opacity: 1; - padding: 0 !important; - border-radius: 0; - background: transparent url('../../img/icons/icon-mark.svg'); - background-size: cover; - } - &.notMarkedComplete { - background: transparent url('../../img/icons/icon-mark.svg'); - opacity: 0.7; - background-size: cover; - cursor: not-allowed; - } - } #action-download { - background-image: url('../../img/icons/icon-download.svg'); + background-image: url('/public/img/icons/icon-download.svg'); background-size: 30px; &.job-completed { - background-image: url('../../img/icons/icon-download-complete.svg'); + background-image: url('/public/img/icons/icon-download-complete.svg'); } } #action-QR, @@ -4907,74 +3018,6 @@ header { #action-settings { } } - - #action-manage { - opacity: 0.8; - &:hover { - opacity: 1; - } - } -} - -.func-foo { - height: 44px; - background-color: #fafafa; - padding: 0 146px; - width: 100%; - position: fixed; - bottom: 0; - left: 0; - z-index: 2; - display: grid; - - #pagination_box { - nav { - ul { - #current_page { - padding: 0 4px; - a { - color: $translatedBlue; - padding: 2px 6px; - border: 2px solid $translatedBlue; - border-radius: 25px; - } - } - - li a { - opacity: 0.8; - } - - li { - padding: 0 8px; - margin: 0; - border-right: none; - a { - text-decoration: none; - color: #000; - } - } - } - } - } - - .footer-body { - display: grid; - position: relative; - grid-column-gap: 32px; - grid-template-columns: auto; /* auto 0.5fr 0.5fr 0.5fr 0.5fr */ - align-items: center; - justify-content: center; - min-width: 616px; - - .item { - font-size: 16px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: 1.5; - color: black; - } - } } .optionsToolbar { diff --git a/public/css/sass/upload-page.scss b/public/css/sass/upload-page.scss index b8c1745289..35e38c838a 100644 --- a/public/css/sass/upload-page.scss +++ b/public/css/sass/upload-page.scss @@ -6,963 +6,35 @@ body { min-height: 100%; } -/* Interaction states -----------------------------------*/ -//.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { -// border: 1px solid #d3d3d3; -// background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; -// font-weight: normal; -// color: #555555; -//} - -.ui-state-default a, -.ui-state-default a:link, -.ui-state-default a:visited { - color: #555555; - text-decoration: none; -} - -//.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { -// border: 1px solid #999999; -// background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; -// font-weight: normal; -// color: #212121; -//} - -.ui-state-hover a, -.ui-state-hover a:hover { - color: #212121; - text-decoration: none; -} - -//.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { -// border: 1px solid #aaaaaa; -// background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; -// font-weight: normal; -// color: #212121; -//} - -.ui-state-active a, -.ui-state-active a:link, -.ui-state-active a:visited { - color: #212121; - text-decoration: none; -} - -.ui-widget :active { - outline: none; -} - -/* Interaction Cues -----------------------------------*/ -//.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { -// border: 1px solid #fcefa1; -// background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; -// color: #363636; -//} - -.ui-state-highlight a, -.ui-widget-content .ui-state-highlight a, -.ui-widget-header .ui-state-highlight a { - color: #363636; -} - -//.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { -// border: 1px solid #cd0a0a; -// background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; -// color: #cd0a0a; -//} - -.ui-state-error a, -.ui-widget-content .ui-state-error a, -.ui-widget-header .ui-state-error a { - color: #cd0a0a; -} - -.ui-state-error-text, -.ui-widget-content .ui-state-error-text, -.ui-widget-header .ui-state-error-text { - color: #cd0a0a; -} - -.ui-priority-primary, -.ui-widget-content .ui-priority-primary, -.ui-widget-header .ui-priority-primary { - font-weight: bold; -} - -.ui-priority-secondary, -.ui-widget-content .ui-priority-secondary, -.ui-widget-header .ui-priority-secondary { - opacity: 0.7; - filter: Alpha(Opacity=70); - font-weight: normal; -} - -.ui-state-disabled, -.ui-widget-content .ui-state-disabled, -.ui-widget-header .ui-state-disabled { - opacity: 0.35; - filter: Alpha(Opacity=35); - background-image: none; -} - -/* Icons -----------------------------------*/ - -/* Misc visuals -----------------------------------*/ - -/* Corner radius */ -.ui-corner-all, -.ui-corner-top, -.ui-corner-left, -.ui-corner-tl { - -moz-border-radius-topleft: 4px; - -webkit-border-top-left-radius: 4px; - -khtml-border-top-left-radius: 4px; - border-top-left-radius: 4px; -} - -.ui-corner-all, -.ui-corner-top, -.ui-corner-right, -.ui-corner-tr { - -moz-border-radius-topright: 4px; - -webkit-border-top-right-radius: 4px; - -khtml-border-top-right-radius: 4px; - border-top-right-radius: 4px; -} - -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-left, -.ui-corner-bl { - -moz-border-radius-bottomleft: 4px; - -webkit-border-bottom-left-radius: 4px; - -khtml-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.ui-corner-all, -.ui-corner-bottom, -.ui-corner-right, -.ui-corner-br { - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-right-radius: 4px; - -khtml-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -/* Overlays */ -//.ui-widget-overlay { -// background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; -// opacity: .30; -// filter: Alpha(Opacity=30); -//} -// -//.ui-widget-shadow { -// margin: -8px 0 0 -8px; -// padding: 8px; -// background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; -// opacity: .30; -// filter: Alpha(Opacity=30); -// -moz-border-radius: 8px; -// -khtml-border-radius: 8px; -// -webkit-border-radius: 8px; -// border-radius: 8px; -//} - -/*! - * jQuery UI Resizable 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Resizable#theming - */ -.ui-resizable { - position: relative; -} - -.ui-resizable-handle { - position: absolute; - font-size: 0.1px; - display: block; -} - -.ui-resizable-disabled .ui-resizable-handle, -.ui-resizable-autohide .ui-resizable-handle { - display: none; -} - -.ui-resizable-n { - cursor: n-resize; - height: 7px; - width: 100%; - top: -5px; - left: 0; -} - -.ui-resizable-s { - cursor: s-resize; - height: 7px; - width: 100%; - bottom: -5px; - left: 0; -} - -.ui-resizable-e { - cursor: e-resize; - width: 7px; - right: -5px; - top: 0; - height: 100%; -} - -.ui-resizable-w { - cursor: w-resize; - width: 7px; - left: -5px; - top: 0; - height: 100%; -} - -.ui-resizable-se { - cursor: se-resize; - width: 12px; - height: 12px; - right: 1px; - bottom: 1px; -} - -.ui-resizable-sw { - cursor: sw-resize; - width: 9px; - height: 9px; - left: -5px; - bottom: -5px; -} - -.ui-resizable-nw { - cursor: nw-resize; - width: 9px; - height: 9px; - left: -5px; - top: -5px; -} - -.ui-resizable-ne { - cursor: ne-resize; - width: 9px; - height: 9px; - right: -5px; - top: -5px; -} - -/*! - * jQuery UI Selectable 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Selectable#theming - */ -.ui-selectable-helper { - position: absolute; - z-index: 100; - border: 1px dotted black; -} - -/*! - * jQuery UI Accordion 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Accordion#theming - */ -/* IE/Win - Fix animation bug - #4615 */ -.ui-accordion { - width: 100%; -} - -.ui-accordion .ui-accordion-header { - cursor: pointer; - position: relative; - margin-top: 1px; - zoom: 1; -} - -.ui-accordion .ui-accordion-li-fix { - display: inline; -} - -.ui-accordion .ui-accordion-header-active { - border-bottom: 0 !important; -} - -.ui-accordion .ui-accordion-header a { - display: block; - font-size: 1em; - padding: 0.5em 0.5em 0.5em 0.7em; -} - -.ui-accordion-icons .ui-accordion-header a { - padding-left: 2.2em; -} - -.ui-accordion .ui-accordion-header .ui-icon { - position: absolute; - left: 0.5em; - top: 50%; - margin-top: -8px; -} - -.ui-accordion .ui-accordion-content { - padding: 1em 2.2em; - border-top: 0; - margin-top: -2px; - position: relative; - top: 1px; - margin-bottom: 2px; - overflow: auto; - display: none; - zoom: 1; -} - -.ui-accordion .ui-accordion-content-active { - display: block; -} - -/*! - * jQuery UI Autocomplete 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Autocomplete#theming - */ -.ui-autocomplete { - position: absolute; - cursor: default; -} - -/* workarounds */ -* html .ui-autocomplete { - width: 1px; -} - -/* without this, the menu expands to 100% in IE6 */ - -/* - * jQuery UI Menu 1.8.20 - * - * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Menu#theming - */ -.ui-menu { - list-style: none; - padding: 2px; - margin: 0; - display: block; - float: left; -} - -.ui-menu .ui-menu { - margin-top: -3px; -} - -.ui-menu .ui-menu-item { - margin: 0; - padding: 0; - zoom: 1; - float: left; - clear: left; - width: 100%; -} - -.ui-menu .ui-menu-item a { - text-decoration: none; - display: block; - padding: 0.2em 0.4em; - line-height: 1.5; - zoom: 1; -} - -.ui-menu .ui-menu-item a.ui-state-hover, -.ui-menu .ui-menu-item a.ui-state-active { - font-weight: normal; - margin: -1px; -} - -/*! - * jQuery UI Button 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Button#theming - */ -.ui-button { - display: inline-block; - position: relative; - padding: 0; - margin-right: 0.1em; - text-decoration: none !important; - cursor: pointer; - text-align: center; - zoom: 1; - overflow: visible; -} - -/* the overflow property removes extra width in IE */ -.ui-button-icon-only { - width: 2.2em; -} - -/* to make room for the icon, a width needs to be set here */ -button.ui-button-icon-only { - width: 2.4em; -} - -/* button elements seem to need a little more width */ -.ui-button-icons-only { - width: 3.4em; -} - -table .btn { - padding: 0px 20px; -} - -button.ui-button-icons-only { - width: 3.7em; -} - -/*button text element */ -.ui-button .ui-button-text { - font-family: Calibri, Arial, Helvetica, sans-serif; -} - -/*button icon element(s) */ -.ui-button-icon-only .ui-icon, -.ui-button-text-icon-primary .ui-icon, -.ui-button-text-icon-secondary .ui-icon, -.ui-button-text-icons .ui-icon, -.ui-button-icons-only .ui-icon { - position: absolute; - top: 50%; - margin-top: -8px; -} - -.ui-button-icon-only .ui-icon { - left: 50%; - margin-left: -8px; -} - -.ui-button-text-icon-primary .ui-button-icon-primary, -.ui-button-text-icons .ui-button-icon-primary, -.ui-button-icons-only .ui-button-icon-primary { - left: 0.5em; -} - -.ui-button-text-icon-secondary .ui-button-icon-secondary, -.ui-button-text-icons .ui-button-icon-secondary, -.ui-button-icons-only .ui-button-icon-secondary { - right: 0.5em; -} - -.ui-button-text-icons .ui-button-icon-secondary, -.ui-button-icons-only .ui-button-icon-secondary { - right: 0.5em; -} - -/*button sets*/ -.ui-buttonset { - margin-right: 7px; -} - -.ui-buttonset .ui-button { - margin-left: 0; - margin-right: -0.3em; -} - -/* workarounds */ -button.ui-button::-moz-focus-inner { - border: 0; - padding: 0; -} - -/* reset extra padding in Firefox */ -/*! - * jQuery UI Dialog 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Dialog#theming - */ -.ui-dialog { - position: absolute; - padding: 0.2em; - width: 300px; - overflow: hidden; -} - -.ui-dialog .ui-dialog-titlebar { - padding: 0.4em 1em; - position: relative; -} - -.ui-dialog .ui-dialog-title { - float: left; - margin: 0.1em 16px 0.1em 0; -} - -.ui-dialog .ui-dialog-titlebar-close { - position: absolute; - right: 0.3em; - top: 50%; - width: 19px; - margin: -10px 0 0 0; - padding: 1px; - height: 18px; -} - -.ui-dialog .ui-dialog-titlebar-close span { - display: block; - margin: 1px; -} - -.ui-dialog .ui-dialog-titlebar-close:hover, -.ui-dialog .ui-dialog-titlebar-close:focus { - padding: 0; -} - -.ui-dialog .ui-dialog-content { - position: relative; - border: 0; - padding: 0.5em 1em; - background: none; - overflow: auto; - zoom: 1; -} - -.ui-dialog .ui-dialog-buttonpane { - text-align: left; - border-width: 1px 0 0 0; - background-image: none; - margin: 0.5em 0 0 0; - padding: 0.3em 1em 0.5em 0.4em; -} - -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: right; -} - -.ui-dialog .ui-dialog-buttonpane button { - margin: 0.5em 0.4em 0.5em 0; - cursor: pointer; -} - -.ui-dialog .ui-resizable-se { - width: 14px; - height: 14px; - right: 3px; - bottom: 3px; -} - -.ui-draggable .ui-dialog-titlebar { - cursor: move; -} - -/*! - * jQuery UI Slider 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Slider#theming - */ -.ui-slider { - position: relative; - text-align: left; -} - -.ui-slider .ui-slider-handle { - position: absolute; - z-index: 2; - width: 1.2em; - height: 1.2em; - cursor: default; -} - -.ui-slider .ui-slider-range { - position: absolute; - z-index: 1; - font-size: 0.7em; - display: block; - border: 0; - background-position: 0 0; -} - -.ui-slider-horizontal { - height: 0.8em; -} - -.ui-slider-horizontal .ui-slider-handle { - top: -0.3em; - margin-left: -0.6em; -} - -.ui-slider-horizontal .ui-slider-range { - top: 0; - height: 100%; -} - -.ui-slider-horizontal .ui-slider-range-min { - left: 0; -} - -.ui-slider-horizontal .ui-slider-range-max { - right: 0; -} - -.ui-slider-vertical { - width: 0.8em; - height: 100px; -} - -.ui-slider-vertical .ui-slider-handle { - left: -0.3em; - margin-left: 0; - margin-bottom: -0.6em; -} - -.ui-slider-vertical .ui-slider-range { - left: 0; - width: 100%; -} - -.ui-slider-vertical .ui-slider-range-min { - bottom: 0; -} - -.ui-slider-vertical .ui-slider-range-max { - top: 0; -} - /*! - * jQuery UI Tabs 1.8.20 + * jQuery UI Button 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * - * http://docs.jquery.com/UI/Tabs#theming + * http://docs.jquery.com/UI/Button#theming */ -.ui-tabs { - position: relative; - padding: 0.2em; - zoom: 1; -} - -/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ -.ui-tabs .ui-tabs-nav { - margin: 0; - padding: 0.2em 0.2em 0; -} - -.ui-tabs .ui-tabs-nav li { - list-style: none; - float: left; +.ui-button { + display: inline-block; position: relative; - top: 1px; - margin: 0 0.2em 1px 0; - border-bottom: 0 !important; padding: 0; - white-space: nowrap; -} - -.ui-tabs .ui-tabs-nav li a { - float: left; - padding: 0.5em 1em; - text-decoration: none; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-selected { - margin-bottom: 0; - padding-bottom: 1px; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, -.ui-tabs .ui-tabs-nav li.ui-state-disabled a, -.ui-tabs .ui-tabs-nav li.ui-state-processing a { - cursor: text; -} - -.ui-tabs .ui-tabs-nav li a, -.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { + margin-right: 0.1em; + text-decoration: none !important; cursor: pointer; -} - -/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ -.ui-tabs .ui-tabs-panel { - display: block; - border-width: 0; - padding: 1em 1.4em; - background: none; -} - -.ui-tabs .ui-tabs-hide { - display: none !important; -} - -/*! - * jQuery UI Datepicker 1.8.20 - * - * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Datepicker#theming - */ -.ui-datepicker { - width: 17em; - padding: 0.2em 0.2em 0; - display: none; -} - -.ui-datepicker .ui-datepicker-header { - position: relative; - padding: 0.2em 0; -} - -.ui-datepicker .ui-datepicker-prev, -.ui-datepicker .ui-datepicker-next { - position: absolute; - top: 2px; - width: 1.8em; - height: 1.8em; -} - -.ui-datepicker .ui-datepicker-prev-hover, -.ui-datepicker .ui-datepicker-next-hover { - top: 1px; -} - -.ui-datepicker .ui-datepicker-prev { - left: 2px; -} - -.ui-datepicker .ui-datepicker-next { - right: 2px; -} - -.ui-datepicker .ui-datepicker-prev-hover { - left: 1px; -} - -.ui-datepicker .ui-datepicker-next-hover { - right: 1px; -} - -.ui-datepicker .ui-datepicker-prev span, -.ui-datepicker .ui-datepicker-next span { - display: block; - position: absolute; - left: 50%; - margin-left: -8px; - top: 50%; - margin-top: -8px; -} - -.ui-datepicker .ui-datepicker-title { - margin: 0 2.3em; - line-height: 1.8em; - text-align: center; -} - -.ui-datepicker .ui-datepicker-title select { - font-size: 1em; - margin: 1px 0; -} - -.ui-datepicker select.ui-datepicker-month-year { - width: 100%; -} - -.ui-datepicker select.ui-datepicker-month, -.ui-datepicker select.ui-datepicker-year { - width: 49%; -} - -.ui-datepicker table { - width: 100%; - font-size: 0.9em; - border-collapse: collapse; - margin: 0 0 0.4em; -} - -.ui-datepicker th { - padding: 0.7em 0.3em; text-align: center; - font-weight: bold; - border: 0; -} - -.ui-datepicker td { - border: 0; - padding: 1px; -} - -.ui-datepicker td span, -.ui-datepicker td a { - display: block; - padding: 0.2em; - text-align: right; - text-decoration: none; -} - -.ui-datepicker .ui-datepicker-buttonpane { - background-image: none; - margin: 0.7em 0 0 0; - padding: 0 0.2em; - border-left: 0; - border-right: 0; - border-bottom: 0; -} - -.ui-datepicker .ui-datepicker-buttonpane button { - float: right; - margin: 0.5em 0.2em 0.4em; - cursor: pointer; - padding: 0.2em 0.6em 0.3em 0.6em; - width: auto; + zoom: 1; overflow: visible; } -.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { - float: left; -} - -/* with multiple calendars */ -.ui-datepicker.ui-datepicker-multi { - width: auto; -} - -.ui-datepicker-multi .ui-datepicker-group { - float: left; -} - -.ui-datepicker-multi .ui-datepicker-group table { - width: 95%; - margin: 0 auto 0.4em; -} - -.ui-datepicker-multi-2 .ui-datepicker-group { - width: 50%; -} - -.ui-datepicker-multi-3 .ui-datepicker-group { - width: 33.3%; -} - -.ui-datepicker-multi-4 .ui-datepicker-group { - width: 25%; -} - -.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { - border-left-width: 0; -} - -.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { - border-left-width: 0; -} - -.ui-datepicker-multi .ui-datepicker-buttonpane { - clear: left; -} - -.ui-datepicker-row-break { - clear: both; - width: 100%; - font-size: 0em; -} - -/* RTL support */ -.ui-datepicker-rtl { - direction: rtl; -} - -.ui-datepicker-rtl .ui-datepicker-prev { - right: 2px; - left: auto; -} - -.ui-datepicker-rtl .ui-datepicker-next { - left: 2px; - right: auto; -} - -.ui-datepicker-rtl .ui-datepicker-prev:hover { - right: 1px; - left: auto; -} - -.ui-datepicker-rtl .ui-datepicker-next:hover { - left: 1px; - right: auto; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane { - clear: right; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane button { - float: left; -} - -.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { - float: right; -} - -.ui-datepicker-rtl .ui-datepicker-group { - float: right; -} - -.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; -} - -.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { - border-right-width: 0; - border-left-width: 1px; +table .btn { + padding: 0px 20px; } -/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ -.ui-datepicker-cover { - display: none; /*sorry for IE5*/ - display/**/ - : block; /*sorry for IE5*/ - position: absolute; /*must have*/ - z-index: -1; /*must have*/ - filter: mask(); /*must have*/ - top: -4px; /*must have*/ - left: -4px; /*must have*/ - width: 200px; /*must have*/ - height: 200px; /*must have*/ +/* workarounds */ +button.ui-button::-moz-focus-inner { + border: 0; + padding: 0; } /*! @@ -992,154 +64,7 @@ button.ui-button::-moz-focus-inner { } .converting .ui-progressbar-value { - background: url(../../img/progressbar-green.gif) !important; -} - -/*jquery.image-gallery.min.css*/ -#gallery-loader { - position: fixed; - top: 50%; - left: 50%; - width: 128px; - height: 128px; - margin: -64px 0 0 -64px; - background: url(../../img/loading.gif); - z-index: 9999; -} - -* html #gallery-loader { - position: absolute; -} - -.gallery-dialog .ui-dialog-content { - cursor: pointer; - text-align: center; -} - -.gallery-dialog .ui-dialog-content:hover:before, -.gallery-dialog .ui-dialog-content:hover:after { - content: '‹'; - position: absolute; - top: 50%; - left: 25px; - width: 40px; - height: 40px; - margin-top: -20px; - font-size: 60px; - font-weight: 100; - line-height: 30px; - color: #ffffff; - text-align: center; - background: #222222; - border: 3px solid #ffffff; - -webkit-border-radius: 23px; - -moz-border-radius: 23px; - border-radius: 23px; - opacity: 0.5; - filter: alpha(opacity=50); - z-index: 1; -} - -.gallery-dialog .ui-dialog-content:hover:after { - content: '›'; - left: auto; - right: 25px; -} - -.gallery-dialog-single .ui-dialog-content:hover:before, -.gallery-dialog-single .ui-dialog-content:hover:after { - display: none; -} - -.gallery-dialog .ui-dialog-content img { - border: 0; -} - -.gallery-dialog-fullscreen { - padding: 0; - border: 0; - border-radius: 0; - -webkit-box-shadow: 0 0 20px #000; - -moz-box-shadow: 0 0 20px #000; - box-shadow: 0 0 20px #000; -} - -.gallery-dialog-fullscreen .ui-dialog-titlebar { - display: none; -} - -.gallery-dialog-fullscreen .ui-dialog-content { - padding: 0; - border: 0; - cursor: pointer; - text-align: center; -} - -.gallery-dialog-fullscreen .ui-dialog-content img, -.gallery-dialog-fullscreen .ui-dialog-content canvas { - float: left; - border: 0; -} - -* html .gallery-dialog-fullscreen .ui-dialog-content img { - float: none; -} - -.gallery-body-fullscreen .ui-widget-overlay { - opacity: 1; - filter: alpha(opacity=100); -} - -.gallery-body .ui-effects-explode, -.gallery-body .ui-effects-wrapper, -.gallery-body-fullscreen .ui-effects-wrapper, -.gallery-body-fullscreen .ui-effects-explode { - z-index: 10000 !important; -} - -.gallery-body, -.gallery-body-fullscreen { - overflow: hidden; -} - -* html .gallery-body select, -* html .gallery-body-fullscreen select { - display: none; -} - -.memory-mgmt { - padding: 8px 10px 1px 10px; - margin-top: 7px; - /* - color: #333; - font-weight: bold; - width: 230px; - */ - text-decoration: none; -} - -.memory-mgmt .text { - text-decoration: underline; -} - -.memory-mgmt .tm-added { - display: none; -} - -.memory-mgmt:hover { - /* background:#F7F7F7; */ -} - -.memory-mgmt i { - margin-right: 10px; - margin-top: 2px; - float: left; -} - -.tm-mgmt { - padding: 0; - margin: 0; - text-decoration: underline; + background: url(/public/img/progressbar-green.gif) !important; } .fileinput-button input { @@ -1195,7 +120,7 @@ button.ui-button::-moz-focus-inner { .files .ui-progressbar-value, .fileupload-buttonbar .ui-progressbar-value { - background: url(../../img/progressbar.gif); + background: url(/public/img/progressbar.gif); } .fileupload-buttonbar .fade, @@ -1208,7 +133,7 @@ button.ui-button::-moz-focus-inner { left: 50%; width: 128px; height: 128px; - background: url(../../img/loading.gif) center no-repeat; + background: url(/public/img/loading.gif) center no-repeat; display: none; } @@ -1313,25 +238,6 @@ button.ui-button::-moz-focus-inner { max-height: none !important; overflow: hidden !important; } - div#add-tmx-option:hover, - div#add-multiple-lang:hover { - background: rgba(0, 0, 0, 0.05); - } - div#add-tmx-option, - div#add-multiple-lang { - cursor: pointer; - color: #39699a; - font-size: 14px; - margin: 0; - padding: 15px; - .icon { - float: right; - font-size: 24px; - margin-top: -3px; - margin-right: 1px; - color: #39699a; - } - } div.item { width: 100%; min-width: 150px; @@ -1339,10 +245,6 @@ button.ui-button::-moz-focus-inner { overflow: hidden; text-overflow: ellipsis; padding-right: 10px !important; - span.item-key-id { - color: #757575; - clear: both; - } span { line-height: 17px; } @@ -1364,17 +266,6 @@ button.ui-button::-moz-focus-inner { text-overflow: ellipsis; font-size: 16px; white-space: nowrap; - - .item-key-id { - margin-top: 0px; - float: none; - } - .item-key-name { - color: initial; - margin-top: 0px; - margin-right: 5px; - float: none; - } } .divider { margin: 0 !important; @@ -1418,10 +309,6 @@ button.ui-button::-moz-focus-inner { } } -.translate-box.manage-link { - display: none; -} - .translate-box { float: left; margin: 20px 0 0 0; @@ -1584,10 +471,6 @@ button.ui-button::-moz-focus-inner { } } } - - .history__list { - border-bottom: 1px solid rgba(34, 36, 38, 0.1); - } } .select-without-private-keys { @@ -1631,29 +514,10 @@ button.ui-button::-moz-focus-inner { margin-top: 5px; } -.manage-link { - margin-left: -14px; -} - .translate-box.source { margin-right: 0px; } -.translate-checkbox { - float: left; -} - -.tms-checkbox { - width: 150px; - height: 26px; -} - -.tms-label { - float: right; - margin-left: 4px; - margin-top: 2px; -} - .wrapper-upload { text-align: left; margin: 0 auto; @@ -1731,45 +595,27 @@ h2 { font-size: 18px; } -h2.payoff { - color: #fff !important; - font-weight: normal !important; - font-size: 24px; - font-family: Calibri, Arial, Helvetica, sans-serif; -} - /*button*/ .uploadbtn { - background: $translatedBlue; - font-weight: 100; + font-weight: 500 !important; padding: 8px 16px; width: auto !important; min-width: 200px; - -webkit-transition: all 100ms ease-in; - -moz-transition: all 100ms ease-in; font-size: 26px !important; - cursor: pointer; - color: #fff; - border: none; - border-radius: 2px; -} - -.uploadbtn:hover { - background: $translatedBlueHover; - color: #ffffff; - box-shadow: - 0 0 0 #e0e0e0, - 0 0 2px rgba(0, 0, 0, 0.12), - 0 2px 4px rgba(0, 0, 0, 0.24) !important; -} - -.uploadbtn:focus { - outline-color: $translatedBlueActive; -} - -.uploadbtn:active { - box-shadow: none; + &.disabled { + background: $grey2 !important; + } + .uploadloader { + background: url(/public/img/loader.gif) center center no-repeat; + width: 20px; + height: 20px; + float: right; + margin-top: 3px; + position: absolute; + right: 233px; + background-size: 20px 20px; + } } .uploadbtn-box { @@ -1815,9 +661,6 @@ h2.payoff { border-bottom: 1px dashed #ccc; } -.upload-table tr:hover { -} - .btncontinue { position: absolute; bottom: 0; @@ -1912,10 +755,6 @@ h2.payoff { } } -.upload-footer .fileinput-button { - position: relative; -} - .fileinput-button:hover { background-color: $translatedBlueHover; box-shadow: @@ -2002,10 +841,6 @@ body { border-radius: 2px; } -.mgmt-table-mt select { - font-size: 14px; -} - .upload-input { padding: 3px 5px 3px 9px; font-size: 16px !important; @@ -2021,36 +856,6 @@ body { box-shadow: none; } -#private-tm-key { - width: 220px; - height: 28px; - margin: 0 0 5px 0; -} - -/* upload footer */ -.upload-footer { - width: 100%; - background: #ebebec; - padding: 10px 0; - border-top: 1px dashed #ccc; - margin-top: -1px; -} - -.upload-footer .btn { - float: left; - padding: 5px 10px 0 30px; - width: auto; - margin-bottom: 0px !important; -} - -.upload-footer p { - text-align: left !important; - float: left; - margin: 5px 10px 0px 20px !important; - font-size: 18px !important; - line-height: 20px !important; -} - .ui-progressbar-value { display: none !important; } @@ -2071,46 +876,6 @@ a { visibility: hidden; } -.uploadtext { - float: left; - width: 55%; -} - -.uploadtext h2 { - margin: 15px 0 0 0; -} - -.linkupload { - font-size: 22px; - font-weight: bold; -} - -.upload-analysis { - border: 1px solid #ccc; - float: left; - font-size: 16px; - -moz-box-shadow: 0 1px 3px #ccc; - -webkit-box-shadow: 0 1px 3px #ccc; - float: left; - -moz-border-radius: 2px; - border-radius: 2px; - width: 80%; -} - -.upload-analysis th { - padding: 10px; - border-bottom: 1px solid #ccc; - text-align: left; - background: #e2e4e5; -} - -.upload-analysis td { - padding: 10px; - border-bottom: 1px solid #ccc; - text-align: left; - background: #efefef; -} - .supported-files { float: left; font-weight: bold; @@ -2132,10 +897,6 @@ a { display: none !important; } -.uploaded .upload-footer { - display: block !important; -} - .file-drop { margin: 40px 0 50px 0 !important; } @@ -2165,7 +926,7 @@ a { } span.gdrive-icon { - background: url(../../img/logo-drive-16.png); + background: url(/public/img/logo-drive-16.png); background-size: 100%; width: 16px; height: 14px; @@ -2213,27 +974,6 @@ span.gdrive-icon { bottom: 0; } -.dnd-hover { - /* - border: 4px solid #97e800 !important; - */ -} - -.upload-files.uploaded .upload-footer, -.gdrive-upload-files.uploaded .upload-footer { - display: none !important; -} - -.error-content { - padding-left: 45px; - padding-right: 10px; - float: left; -} - -.error-content a { - color: white; -} - .error-message, .warning-message { background: #d65757; @@ -2301,7 +1041,6 @@ span.gdrive-icon { } .file-drop, -.upload-footer, .uploaded .btn-success, .dragging .btn-success, .uploaded .fileinput-link, @@ -2343,18 +1082,6 @@ tr.ready .size span { visibility: visible; } -.advanced-box { - margin: 0px 0 10px 0; - float: left; - width: 96%; - padding: 20px; -} - -.advanced-box h2 { - font-size: 30px; - text-align: left; -} - .more { margin-bottom: 5px; float: left; @@ -2390,14 +1117,6 @@ tr.ready .size span { border-radius: 2px; } -.tm-button { - width: 20px; - display: none; - float: left; - margin-left: -10px; - margin-top: 35px; -} - .disabled, .disabled:hover, .disabled:active { @@ -2409,11 +1128,6 @@ tr.ready .size span { box-shadow: none !important; } -header { - position: relative; - min-width: 992px; -} - .wrapper { width: 98%; min-width: 960px; @@ -2472,7 +1186,7 @@ header { } .close { - background: url(../../img/x.png) center 1px no-repeat; + background: url(/public/img/x.png) center 1px no-repeat; width: 22px; height: 20px; display: block; @@ -2483,39 +1197,7 @@ header { .close:hover, .close:focus { - background: url(../../img/x.png) center -30px no-repeat; -} - -.listlang { - float: left; - padding: 0 0 0 0; - margin: 0 10px 50px 5px; - width: 220px; - font-size: 100%; -} - -.listlang li { - width: 200px; - padding: 1px 0 1px 0; - overflow: hidden !important; - border-bottom: 1px dotted #ccc; - line-height: 22px; - text-align: left; -} - -.listlang li.on { - font-weight: bold; -} - -.listlang label { - display: inline-block; - cursor: pointer; - padding-left: 0%; - padding-top: 4px; -} - -.listlang input { - margin-top: 8px; + background: url(/public/img/x.png) center -30px no-repeat; } .popup .header input { @@ -2606,71 +1288,6 @@ ul.test li { background: yellow; } -//footer{background:#6d6e71;height:27px;text-align:right;border-top:1px solid #333;color:#fff;position:fixed;bottom:0;left:0;width:100%;z-index:999999999999;} -//footer a {color:#fff;text-shadow:none;} -//footer a:hover{text-decoration:none} - -/*footer { - height: 28px; - z-index: 4; - position: fixed; - .wrapper { - margin: 0px auto 0 auto; - padding: 5px 0 0 0; - - ul { - margin: 0px 0 0 0; - padding: 0; - li { - height: 18px; - padding-top: 0px; - border-right: 1px solid #fff; - margin-top: 0px; - a { - &:hover { - color: #ffffff; - } - } - } - } - #welcomebox { - color: #ffffff; - &:hover { - color: #ffffff; - text-decoration: none; - } - a { - color: #fff; - } - - } - - } -}*/ - -.fb-like.fb_iframe_widget { - float: left; - margin-top: -1px; -} - -#authentication { - float: right; - margin-left: 50px; -} - -/*#mt_engine - { - width: 240px; - } -*/ -#create_private_tm_btn { - background-image: none; - width: 70px; - margin-left: -22px; - padding: 8px 0 1px 0; - margin-top: 7px; -} - #swaplang { float: left; display: block; @@ -2689,52 +1306,6 @@ ul.test li { color: #ddd; } -/* job list table when analyze page is not available */ -.tablestats { - display: none; - border-right: 1px solid #ccc; - -moz-border-radius: 4px; - border-radius: 4px; - margin-bottom: 4px !important; - margin-top: 20px !important; - float: right; -} - -.tablestats th { - background-color: #efefef; - font-size: 16px; - border-top: 1px solid #ccc; -} - -.tablestats th, -.tablestats td { - border-bottom: 1px solid #ccc; - border-left: 1px solid #ccc; - padding: 8px; - margin: 1px 0; - text-align: left; -} - -.tablestats td { - font-size: 14px; -} - -.newProject { - right: 20px; - float: right; -} - -.tablestats a.url { - font-size: 14px; -} - -.disabledLink { - color: gray; - text-decoration: none; - background: none; - cursor: default; -} - .name { padding: 8px 0px 5px 20px !important; } @@ -2752,96 +1323,6 @@ ul.test li { cursor: pointer; } -header .open-more { - color: #fff; - padding: 10px 5px; - font-size: 16px; -} - -.open-more { - cursor: pointer; - text-decoration: underline; - color: #fff; -} - -.learnmore { - background-color: #fff; - padding: 20px 40px 30px 40px; - margin: 0 auto; - margin-top: -20px; - overflow: hidden; - color: #333; - font-size: 20px; -} - -.learnmore h1 { - color: #19bdea; - font-size: 40px; - font-weight: 800; - margin: 0px 0 10px 0; - padding-bottom: 20px; - border-bottom: 1px solid #e9e9e9; -} - -.col-3 { - width: 25%; - float: left; - padding: 0 4%; -} - -.learnmore h2 { - color: #333; - margin-top: 10px; - font-weight: 800; - font-size: 25px; -} - -.learnmore .open-more { - font-size: 20px; - text-decoration: none; - font-weight: bold; - color: #333; -} - -.learnmore .open-more:hover { - color: #19bdea; -} - -.learnmore img { - width: 250px; -} - -.more, -.more.minus { - color: #333; -} - -.bottom-lm { - margin-top: 20px; - float: left; - width: 100%; -} - -.nobrowser { - display: none; -} - -.cat-appear-div { - position: absolute; - right: 0; - z-index: -1000; -} - -.text-center { - text-align: center; -} - -.zip_internal_file /*:before*/ { - /*content: "\ea58";*/ - /* margin-left: 15px;*/ - /*color: #555;*/ -} - span.load-gdrive { display: inline-block; vertical-align: top; @@ -2851,7 +1332,7 @@ span.load-gdrive { margin: 0; padding: 0.6rem 0.25rem 0.4rem 2.2rem; border: 0.1rem solid #b7b9bc; - background: url(../../img/logo-drive-16.png) 1.3rem 0.85rem no-repeat; + background: url(/public/img/logo-drive-16.png) 1.3rem 0.85rem no-repeat; background-color: #f5f5f5; cursor: pointer; } @@ -2893,7 +1374,7 @@ div.continue-gdrive { .continue-gdrive span.load-gdrive { width: auto; padding: 0.5rem 0.7rem 0rem 2.3rem; - background: url(../../img/logo-drive-16.png) 0.7rem 0.55rem no-repeat; + background: url(/public/img/logo-drive-16.png) 0.7rem 0.55rem no-repeat; margin-right: 10px; background-size: 20px; height: 36px; @@ -2913,21 +1394,6 @@ div.continue-gdrive { display: none; } -.wrapper-dropdown-5 { - padding: 4px 16px !important; -} -.google-login-button { - box-sizing: content-box; -} - -#sign-in-o-mt { - width: 300px !important; -} - -.btn-confirm-small { - //height: 35px; -} - header .nav-bar .dropdown.select-org span.text { line-height: 32px; } @@ -2936,24 +1402,6 @@ header .nav-bar .dropdown.select-org span.text { top: 0px !important; } -header .nav-bar .dropdown.select-org span.text { - text-align: right; - line-height: 32px; - text-decoration: underline; - min-width: 0px; - padding-right: 12px; - max-width: 110px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - top: -1px; -} - -header .nav-bar .dropdown.select-org i.dropdown.icon { - top: 12px; - margin-left: -25px !important; -} - .translate-box input:focus { border-color: #85b7d9; background: #ffffff; @@ -2975,15 +1423,6 @@ select:focus { .ui.input input { box-shadow: inset 0 1px 3px #ddd; } - -a.pull-left.btn-grey.canceladdtmx { - margin-left: 4px; -} - -a.pull-right.confirmDelete { - margin-right: 3px; -} - /* Header restyling */ .action-submenu { @@ -3058,7 +1497,7 @@ a.pull-right.confirmDelete { background-color: rgba(255, 255, 255, 0.9); .project-template-select-loading-icon { - background: url(../../img/loading.gif) 47% 6px no-repeat !important; + background: url(/public/img/loading.gif) 47% 6px no-repeat !important; background-size: 24px !important; height: 100%; } @@ -3118,7 +1557,7 @@ a.pull-right.confirmDelete { background-color: rgba(255, 255, 255, 0.9); .project-template-select-loading-icon { - background: url(../../img/loading.gif) 47% 6px no-repeat !important; + background: url(/public/img/loading.gif) 47% 6px no-repeat !important; background-size: 24px !important; height: 100%; } diff --git a/public/img/tools.gif b/public/img/tools.gif deleted file mode 100644 index 726a04f478..0000000000 Binary files a/public/img/tools.gif and /dev/null differ diff --git a/public/js/cat_source/es6/components/header/ActionMenu.js b/public/js/cat_source/es6/components/header/ActionMenu.js index 2a7da83ba3..02f6f6aecb 100644 --- a/public/js/cat_source/es6/components/header/ActionMenu.js +++ b/public/js/cat_source/es6/components/header/ActionMenu.js @@ -131,9 +131,6 @@ export const ActionMenu = ({ > Shortcuts - {/*