diff --git a/.gitignore b/.gitignore index e4739f9a0..de3b537c4 100644 --- a/.gitignore +++ b/.gitignore @@ -11,10 +11,6 @@ src/js/coinbase.js cordova/project-*/* cordova/*.keystore -amazon.json -src/js/amazon.js - - # node-webkit cache webkitbuilds/* @@ -25,9 +21,6 @@ webkitbuilds/* !webkitbuilds/build-osx.sh !webkitbuilds/Background.png -#fonts -public/fonts - # chrome extensions chrome-app/build/* chrome-app/*zip @@ -101,10 +94,10 @@ src/sass/*.css .sass-cache # copay public -public/icons/* public/css/* public/lib/* public/js/* +public/fonts ## templates /appConfig.json diff --git a/Gruntfile.js b/Gruntfile.js index 0b7fe8444..2e25ce5a3 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -65,7 +65,7 @@ module.exports = function(grunt) { }, }, css: { - files: ['src/sass/*.css', 'src/css/*.css'], + files: ['src/css/*.css'], tasks: ['concat:css'] }, sass: { @@ -110,12 +110,10 @@ module.exports = function(grunt) { 'bower_components/qrcode-generator/js/qrcode.js', 'bower_components/qrcode-decoder-js/lib/qrcode-decoder.js', 'bower_components/moment/min/moment-with-locales.js', - 'bower_components/angular-ui-router/release/angular-ui-router.js', 'bower_components/angular-moment/angular-moment.js', 'bower_components/ng-lodash/build/ng-lodash.js', 'bower_components/angular-qrcode/angular-qrcode.js', 'bower_components/angular-gettext/dist/angular-gettext.js', - 'bower_components/angular-sanitize/angular-sanitize.js', 'bower_components/ng-csv/build/ng-csv.js', 'bower_components/angular-mocks/angular-mocks.js', 'angular-pbkdf2/angular-pbkdf2.js', @@ -144,43 +142,7 @@ module.exports = function(grunt) { css: { src: ['src/sass/*.css', 'src/css/*.css'], dest: 'public/css/copay.css' - }, - foundation: { - src: [ - 'bower_components/angular/angular-csp.css', - 'bower_components/foundation/css/foundation.css', - 'bower_components/animate.css/animate.css' - ], - dest: 'public/css/foundation.css', - }, - ionic_js: { - src: [ - 'bower_components/ionic/release/js/ionic.bundle.min.js' - ], - dest: 'public/lib/ionic.bundle.js' - }, - ionic_css: { - src: [ - 'bower_components/ionic/release/css/ionic.min.css' - ], - dest: 'public/css/ionic.css', - }, - ui_components_js: { - src: [ - 'bower_components/jquery/dist/jquery.js', - 'bower_components/roundSlider/dist/roundslider.min.js', - 'bower_components/angular-gridster/dist/angular-gridster.min.js', - 'bower_components/javascript-detect-element-resize/detect-element-resize.js' - ], - dest: 'public/lib/ui-components.js' - }, - ui_components_css: { - src: [ - 'bower_components/roundSlider/dist/roundslider.min.css', - 'bower_components/angular-gridster/dist/angular-gridster.min.css' - ], - dest: 'public/css/ui-components.css', - }, + } }, uglify: { options: { @@ -217,18 +179,24 @@ module.exports = function(grunt) { }, }, copy: { - icons: { - expand: true, - flatten: true, - src: 'bower_components/foundation-icon-fonts/foundation-icons.*', - dest: 'public/icons/' - }, ionic_fonts: { expand: true, flatten: true, src: 'bower_components/ionic/release/fonts/ionicons.*', dest: 'public/fonts/' }, + ionic_js: { + expand: true, + flatten: true, + src: 'bower_components/ionic/release/js/ionic.bundle.min.js', + dest: 'public/lib/' + }, + ionic_css: { + expand: true, + flatten: true, + src: 'bower_components/ionic/release/css/ionic.min.css', + dest: 'public/css/' + }, linux: { files: [{ expand: true, @@ -281,7 +249,7 @@ module.exports = function(grunt) { } }); - grunt.registerTask('default', ['nggettext_compile', 'exec:appConfig', 'exec:coinbase', 'browserify', 'sass', 'concat', 'copy:icons', 'copy:ionic_fonts']); + grunt.registerTask('default', ['nggettext_compile', 'exec:appConfig', 'exec:coinbase', 'browserify', 'sass', 'concat', 'copy:ionic_fonts', 'copy:ionic_js', 'copy:ionic_css']); grunt.registerTask('prod', ['default', 'uglify']); grunt.registerTask('translate', ['nggettext_extract']); grunt.registerTask('test', ['karma:unit']); diff --git a/bower.json b/bower.json index 871393726..4a544855d 100644 --- a/bower.json +++ b/bower.json @@ -11,10 +11,6 @@ "angular-gettext": "2.2.1", "angular-moment": "0.10.1", "angular-qrcode": "monospaced/angular-qrcode#~6.2.1", - "angular-ui-router": "0.2.13", - "animate.css": "3.5.1", - "foundation": "5.5.3", - "foundation-icon-fonts": "*", "ionic": "1.3.1", "moment": "2.10.3", "ng-lodash": "0.2.3", diff --git a/public/font/icomoon.eot b/public/font/icomoon.eot deleted file mode 100755 index 0db1c59a2..000000000 Binary files a/public/font/icomoon.eot and /dev/null differ diff --git a/public/font/icomoon.svg b/public/font/icomoon.svg deleted file mode 100755 index 636182c7f..000000000 --- a/public/font/icomoon.svg +++ /dev/null @@ -1,91 +0,0 @@ - - - -Generated by IcoMoon - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/public/font/icomoon.ttf b/public/font/icomoon.ttf deleted file mode 100755 index 9b1fd6efb..000000000 Binary files a/public/font/icomoon.ttf and /dev/null differ diff --git a/public/font/icomoon.woff b/public/font/icomoon.woff deleted file mode 100755 index 4e3af2d2a..000000000 Binary files a/public/font/icomoon.woff and /dev/null differ diff --git a/public/index.html b/public/index.html index 8a16947b8..568e37814 100644 --- a/public/index.html +++ b/public/index.html @@ -6,7 +6,7 @@ - + {{index.appConfig.name}} - {{index.appConfig.description}} @@ -23,7 +23,7 @@ - + diff --git a/src/css/icons.css b/src/css/icons.css deleted file mode 100644 index 1508e84ff..000000000 --- a/src/css/icons.css +++ /dev/null @@ -1,316 +0,0 @@ -@font-face { - font-family: 'icomoon'; - src:url("../font/icomoon.eot"); - src:url("../font/icomoon.eot?#iefix") format('embedded-opentype'), - url("../font/icomoon.woff") format('woff'), - url("../font/icomoon.ttf") format('truetype'), - url("../font/icomoon.svg#icomoon") format('svg'); - font-weight: normal; - font-style: normal; -} - -[class^="icon-"], [class*=" icon-"] { - font-family: 'icomoon' !important; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - vertical-align: middle; - - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.icon-activity-active:before { - content: "\e904"; -} -.icon-receive-active:before { - content: "\e905"; -} -.icon-send-active:before { - content: "\e906"; -} -.icon-wallet:before { - content: "\e903"; -} -.icon-activity:before { - content: "\e900"; -} -.icon-receive:before { - content: "\e901"; -} -.icon-sold .path1:before { - content: "\e631"; - color: rgb(255, 255, 255); -} -.icon-sold .path2:before { - content: "\e632"; - margin-left: -1.0537109375em; - color: rgb(246, 166, 35); -} -.icon-sold .path3:before { - content: "\e633"; - margin-left: -1.0537109375em; - color: rgb(246, 166, 35); -} -.icon-sold .path4:before { - content: "\e634"; - margin-left: -1.0537109375em; - color: rgb(44, 62, 80); -} -.icon-sold .path5:before { - content: "\e635"; - margin-left: -1.0537109375em; - color: rgb(255, 255, 255); -} -.icon-sold .path6:before { - content: "\e636"; - margin-left: -1.0537109375em; - color: rgb(255, 255, 255); -} -.icon-bought .path1:before { - content: "\e637"; - color: rgb(255, 255, 255); -} -.icon-bought .path2:before { - content: "\e638"; - margin-left: -1.0537109375em; - color: rgb(26, 188, 156); -} -.icon-bought .path3:before { - content: "\e639"; - margin-left: -1.0537109375em; - color: rgb(26, 188, 156); -} -.icon-bought .path4:before { - content: "\e63a"; - margin-left: -1.0537109375em; - color: rgb(44, 62, 80); -} -.icon-bought .path5:before { - content: "\e63b"; - margin-left: -1.0537109375em; - color: rgb(255, 255, 255); -} -.icon-bought .path6:before { - content: "\e63c"; - margin-left: -1.0537109375em; - color: rgb(255, 255, 255); -} -.icon-sold-pending:before { - content: "\e63d"; -} -.icon-bought-pending:before { - content: "\e63e"; -} -.icon-sell-bitcoin .path1:before { - content: "\e63f"; - color: rgb(44, 62, 80); -} -.icon-sell-bitcoin .path2:before { - content: "\e640"; - margin-left: -1.2119140625em; - color: rgb(44, 62, 80); -} -.icon-sell-bitcoin .path3:before { - content: "\e641"; - margin-left: -1.2119140625em; - color: rgb(44, 62, 80); -} -.icon-sell-bitcoin .path4:before { - content: "\e642"; - margin-left: -1.2119140625em; - color: rgb(246, 166, 35); -} -.icon-sell-bitcoin .path5:before { - content: "\e643"; - margin-left: -1.2119140625em; - color: rgb(255, 255, 255); -} -.icon-sell-bitcoin .path6:before { - content: "\e644"; - margin-left: -1.2119140625em; - color: rgb(255, 255, 255); -} -.icon-buy-bitcoin .path1:before { - content: "\e645"; - color: rgb(44, 62, 80); -} -.icon-buy-bitcoin .path2:before { - content: "\e646"; - margin-left: -1.2119140625em; - color: rgb(44, 62, 80); -} -.icon-buy-bitcoin .path3:before { - content: "\e647"; - margin-left: -1.2119140625em; - color: rgb(44, 62, 80); -} -.icon-buy-bitcoin .path4:before { - content: "\e648"; - margin-left: -1.2119140625em; - color: rgb(26, 188, 156); -} -.icon-buy-bitcoin .path5:before { - content: "\e649"; - margin-left: -1.2119140625em; - color: rgb(255, 255, 255); -} -.icon-buy-bitcoin .path6:before { - content: "\e64a"; - margin-left: -1.2119140625em; - color: rgb(255, 255, 255); -} -.icon-bank:before { - content: "\e630"; -} -.icon-minus-circle:before { - content: "\e62c"; -} -.icon-plus-circle:before { - content: "\e62d"; -} -.icon-close-circle:before { - content: "\e62e"; -} -.icon-checkmark-circle:before { - content: "\e62b"; -} -.icon-circle:before { - content: "\e629"; -} -.icon-circle-active:before { - content: "\e627"; -} -.icon-send:before { - content: "\e902"; -} -.icon-trash:before { - content: "\e626"; -} -.icon-wallet2:before { - content: "\e622"; -} -.icon-history:before { - content: "\e623"; -} -.icon-reference:before { - content: "\e621"; -} -.icon-bell:before { - content: "\e61c"; -} -.icon-wrench:before { - content: "\e61d"; -} -.icon-download:before { - content: "\e61e"; -} -.icon-upload:before { - content: "\e61f"; -} -.icon-power:before { - content: "\e620"; -} -.icon-forward:before { - content: "\e624"; -} -.icon-compose:before { - content: "\e610"; -} -.icon-contact:before { - content: "\e611"; -} -.icon-email:before { - content: "\e612"; -} -.icon-gear:before { - content: "\e613"; -} -.icon-home:before { - content: "\e614"; -} -.icon-locked:before { - content: "\e615"; -} -.icon-paperplane:before { - content: "\e617"; -} -.icon-people:before { - content: "\e618"; -} -.icon-person:before { - content: "\e619"; -} -.icon-pricetag:before { - content: "\e61a"; -} -.icon-pricetags:before { - content: "\e61b"; -} -.icon-bitcoin:before { - content: "\e60f"; -} -.icon-usd:before { - content: "\e616"; -} -.icon-scan:before { - content: "\e62a"; -} -.icon-scan:before { - content: "\e62a"; -} -.icon-erase:before { - content: "\e628"; -} -.icon-receive2:before { - content: "\e62f"; -} -.icon-arrow-left:before { - content: "\e600"; -} -.icon-arrow-down:before { - content: "\e601"; -} -.icon-arrow-up:before { - content: "\e602"; -} -.icon-arrow-right:before { - content: "\e603"; -} -.icon-arrow-left2:before { - content: "\e604"; -} -.icon-arrow-down2:before { - content: "\e605"; -} -.icon-arrow-up2:before { - content: "\e606"; -} -.icon-arrow-right2:before { - content: "\e607"; -} -.icon-arrow-left3:before { - content: "\e608"; -} -.icon-arrow-down3:before { - content: "\e609"; -} -.icon-arrow-up3:before { - content: "\e60a"; -} -.icon-arrow-right3:before { - content: "\e60b"; -} -.icon-arrow-left4:before { - content: "\e60c"; -} -.icon-arrow-down4:before { - content: "\e60d"; -} -.icon-arrow-up4:before { - content: "\e60e"; -} diff --git a/src/css/ionic-migration.css b/src/css/ionic-migration.css deleted file mode 100644 index 6d4caeba1..000000000 --- a/src/css/ionic-migration.css +++ /dev/null @@ -1,134 +0,0 @@ -/* - * - * Ionic migration CSS - * These styles reapply foundation.css styles AFTER iconic.css has been applied. - * This has the effect of allowing all foundation styles be available at the same time as all Ionic styles being available. - * Where there are conflicts between foundation and css, this file resolves the conflict with a compromise which the developer must manage. - * This stylesheet is merged into copay.css. - */ - -/* Foundation.css styles re-applied. These styles are exactly as described in foundation.css */ - - -/* Conflicting styles that are customized as a compromise. These styles are a merge or compromise of foundation.css and ionic.css. */ - -.behind { - z-index: -1; -} - -.bar { - border-bottom: none; -} - -.ng-hide.ng-hide-animate { - display: none !important; -} - -.swiper-container-horizontal>.swiper-pagination{ - display: none; -} - -.bar .title { - font-size: 14px; - line-height: 48px; -} - -.radio-label { - text-transform: none; - font-weight: 400; - font-size: 14px; -} - -.item-radio .radio-icon { - font-size: 16px; -} - -.popover, .popover .bar-header { - border-radius: 10px; -} - -.popover { - height: auto; - width: 200px; -} - -.popup-container.active .popup { - border-radius: 10px; -} - -.popup-container .popup { - width: 300px; -} - -.popup-head { - display: none; -} - -.popup-body { - padding: 0px; -} - -.bct { - background-color: transparent !important; - margin-bottom: 15px !important; -} - -.r0 { - right: 0px !important; -} - -.item { - margin: 0; - border: none; - border-bottom: 1px solid #E9E9EC; -} - -.toggle-label { - color: rgb(41, 55, 68); - font-size: 14px; -} - -button, .button { - min-width: inherit; - min-height: inherit; - text-overflow: inherit; -} - -.modal-open { - pointer-events: inherit; -} - -/* Defeat Ionic .row+.row in transaction history */ -.last-transactions-content+.last-transactions-content, .row+.last-transactions-content { - padding: 0.8rem 1rem; - cursor: pointer; - margin: inherit; -} - -/* Add margins to the session log */ -.row.columns.large-centered.medium-centered { - padding-left: 0.9375rem; - padding-right: 0.9375rem; -} - -/* Defeat Ionic .row+.row in backup failed view */ -.backup .row { - margin-top: 10px; - padding: 0; -} - -.create-tab .row { - padding: 0; -} - -/* Override the default modal size for large devices */ -@media (min-width: 680px) { - .modal { - top: 10%; - right: 20%; - bottom: 10%; - left: 20%; - min-height: 240px; - width: 60%; - } -} diff --git a/src/css/mobile.css b/src/css/mobile.css deleted file mode 100644 index 75fd55142..000000000 --- a/src/css/mobile.css +++ /dev/null @@ -1,123 +0,0 @@ - -/* - * - * Copay mobile CSS - * - */ - -/* disabling text selection */ -body { - -webkit-user-select: none; - -khtml-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-touch-callout: none !important; -} - -input { - -webkit-user-select: auto !important; - -khtml-user-select: auto !important; - -ms-user-select: auto !important; - user-select: auto !important; -} - -* { - -webkit-user-drag: none; - -ms-user-drag: none; - user-drag: none; - -webkit-tap-highlight-color:rgba(0,0,0,0); -} - -.fix-modals-touch { - -webkit-overflow-scrolling: auto; -} - -.enable_text_select { - -webkit-user-select: text; - -khtml-user-select: text; - -ms-user-select: text; - user-select: text; -} -/* END disabling text selection */ - -.inner-wrap { - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -webkit-transition-delay: 0; - transition-delay: 0; -} - -body { - overflow: hidden; - -ms-content-zooming: none; - /* removes 300ms in IE */ - -ms-touch-action: manipulation; /* IE10 */ - touch-action: manipulation; /* IE11+ */ -} - -/* Fix IE 10 */ -.extra-margin-bottom { - display: block - height: 75px - overflow: hidden - clear: both -} - -.main { - height: 99% - overflow: auto -} - -/* Fix IE 11 */ -_:-ms-fullscreen, :root .extra-margin-bottom { - display: block; - height: 75px; - overflow: hidden; - clear: both; -} - -_:-ms-fullscreen, :root .main { - height: 99%; - overflow: auto; -} - -/* Fix Firefox */ -@-moz-document url-prefix() { - .extra-margin-bottom { - display: block; - height: 45px; - overflow: hidden; - clear: both; - } -} - -@-webkit-keyframes stretchdelay { - 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } - 20% { -webkit-transform: scaleY(1.0) } -} - -@keyframes stretchdelay { - 0%, 40%, 100% { - transform: scaleY(0.4); - -webkit-transform: scaleY(0.4); - } 20% { - transform: scaleY(1.0); - -webkit-transform: scaleY(1.0); - } -} - -@viewport { - width:320px; -} - -@-ms-viewport { - width:320px; - zoom-user:fixed; - max-zoom:1; - min-zoom:1; -} - -.disable-user-behavior { - -ms-touch-action: cross-slide-y !important; - touch-action: cross-slide-y !important; -} diff --git a/src/js/app.js b/src/js/app.js index 2df42a3e9..3e32f68ba 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -6,7 +6,6 @@ var modules = [ 'gettext', 'ionic', 'ngLodash', - 'ngSanitize', 'ngCsv', 'bwcModule', 'pbkdf2Module', diff --git a/src/sass/buttons.scss b/src/sass/buttons.scss deleted file mode 100644 index 4da7f0b4a..000000000 --- a/src/sass/buttons.scss +++ /dev/null @@ -1,339 +0,0 @@ - -.button, button { - padding: 1rem 1.2rem 1.0625rem; - border: 1px solid transparent; - font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -.button.outline { - background: transparent; - &:hover, &:focus { - background: transparent; - } -} - -button.outline { - background: transparent; - &:hover, &:focus { - background: transparent; - } -} - -.button.outline.tiny { - background: transparent; - &:hover, &:focus { - background: transparent; - } -} - -button.outline.tiny { - background: transparent; - &:hover, &:focus { - background: transparent; - } -} - -.button.outline.dark-gray { - background-color: transparent; - border: 1px solid #A5B2BF; - color: #A5B2BF; - &:hover, &:focus { - background-color: transparent; - border: 1px solid #A5B2BF; - color: #A5B2BF; - } -} - -button.outline.dark-gray { - background-color: transparent; - border: 1px solid #A5B2BF; - color: #A5B2BF; - &:hover, &:focus { - background-color: transparent; - border: 1px solid #A5B2BF; - color: #A5B2BF; - } -} - -.button.outline.light-gray { - background-color: transparent; - border: 1px solid #CED5DC; - color: #7A8C9E; - font-size: 12px; - &:hover, &:focus { - background-color: transparent; - border: 1px solid #CED5DC; - color: #7A8C9E; - } -} - -button.outline.light-gray { - background-color: transparent; - border: 1px solid #CED5DC; - color: #7A8C9E; - &:hover, &:focus { - background-color: transparent; - border: 1px solid #CED5DC; - color: #7A8C9E; - } -} - -.button.outline.white { - background-color: transparent; - border: 1px solid #fff; - color: #fff; - &:hover, &:focus { - background-color: transparent; - border: 1px solid #fff; - color: #fff; - } -} - -button { - &.outline.white { - background-color: transparent; - border: 1px solid #fff; - color: #fff; - &:hover, &:focus { - background-color: transparent; - border: 1px solid #fff; - color: #fff; - } - } - &.secondary { - background-color: #008CC1; - color: #fff; - &:hover, &:focus { - background-color: #008CC1; - color: #fff; - } - } -} - -/* SECONDARY */ - -.button.secondary { - background-color: #008CC1; - color: #fff; - &:hover, &:focus { - background-color: #008CC1; - color: #fff; - } -} - -/* PRIMARY */ - -button.primary { - background-color: #1ABC9C; - color: #fff; - &:hover, &:focus { - background-color: #1ABC9C; - color: #fff; - } -} - -.button.primary { - background-color: #1ABC9C; - color: #fff; - &:hover, &:focus { - background-color: #1ABC9C; - color: #fff; - } -} - -/* WARNING */ - -button.warning, .button.warning { - background-color: #ED4A43; - color: #fff; -} - -button.warning { - &:hover, &:focus { - background-color: #ED4A43; - color: #fff; - } -} - -.button.warning { - &:hover, &:focus { - background-color: #ED4A43; - color: #fff; - } -} - -/* WHITE */ - -button.white { - background-color: #fff; - color: #2C3E50; - &:hover, &:focus { - background-color: #fff; - color: #2C3E50; - } -} - -.button.white { - background-color: #fff; - color: #2C3E50; - &:hover, &:focus { - background-color: #fff; - color: #2C3E50; - } -} - -/* BLACK */ - -button.black { - background-color: #2C3E50; - color: #fff; - &:hover, &:focus { - background-color: #2C3E50; - color: #fff; - } -} - -.button.black { - background-color: #2C3E50; - color: #fff; - &:hover, &:focus { - background-color: #2C3E50; - color: #fff; - } -} - -/* GRAY */ - -button.gray { - background-color: #A9B2B8; - color: #2C3E50; - &:hover, &:focus { - background-color: #A9B2B8; - color: #2C3E50; - } -} - -.button.gray { - background-color: #A9B2B8; - color: #2C3E50; - &:hover, &:focus { - background-color: #A9B2B8; - color: #2C3E50; - } -} - -button { - &.disabled, &[disabled] { - border-color: transparent !important; - background-color: #A5B2BF !important; - color: #fff !important; - } -} - -.button { - &.disabled, &[disabled] { - border-color: transparent !important; - background-color: #A5B2BF !important; - color: #fff !important; - } - text-transform: uppercase; - transition: none !important; -} - -button { - text-transform: uppercase; - transition: none !important; -} - -.button:focus, button:focus { - outline: 0; -} - -.postfix.button, .prefix.button { - position: absolute; - width: 35px; - height: 22px; - right: 7px; - top: 5px; - -moz-box-shadow: none; - box-shadow: none; - font-size: 12px; - border-radius: 2px; - line-height: 2; - padding: 0; - font-weight: 500; -} - -.postfix.button i, .prefix.button i { - left: 12px; - top: 0; - border: none; - -moz-box-shadow: none; - box-shadow: none; - color: #fff; -} - -a { - &.postfix { - height: 34px; - border: none; - font-weight: 700; - font-size: 14px; - color: #7A8C9E; - text-transform: uppercase; - position: absolute; - top: 0; - right: 0; - width: 50px; - padding-top: 7px; - } - &.button.postfix { - color: #fff; - } -} - -.backup { - .panel { - padding: 0.5rem; - } - button { - &.words { - background: #FFFFFF; - box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3); - color: #4B6178; - text-transform: lowercase; - font-size: 0.8rem; - margin: 5px; - padding: 0.5rem; - } - &[disabled] { - box-shadow: none; - } - } -} - -button.radius, .button.radius { - -webkit-border-radius: 3px; - border-radius: 3px; -} - -.button.small.side-bar { - padding: 0rem 0.4rem; -} - -.button-box { - position: fixed; - bottom: 0; - left: 0; - width: 100%; - padding: 0.8rem; - z-index: 1; -} - -.backup .button-box { - background: #F6F7F9; -} - -.splash .button-box { - background: #2C3E50; -} diff --git a/src/sass/forms.scss b/src/sass/forms.scss deleted file mode 100644 index e5bbebbbe..000000000 --- a/src/sass/forms.scss +++ /dev/null @@ -1,569 +0,0 @@ -// Forms - -input { - border-radius: 2px; - background: #EDEDED; - color: #2C3E42; - padding: 1.2rem 0.7rem; - margin-bottom: 1.5rem; - border: 0; - &[type="color"], &[type="date"], &[type="datetime-local"], &[type="datetime"], &[type="email"], &[type="month"], &[type="number"], &[type="password"], &[type="search"], &[type="tel"], &[type="text"], &[type="time"], &[type="url"], &[type="week"] { - color: #B7C2CD; - margin-bottom: 1.5rem; - height: 35px; - background: transparent; - border: none; - padding-left: 0.1rem; - font-size: 13px; - border-bottom: 1px solid #E9EDF0; - } -} - -textarea { - color: #B7C2CD; - margin-bottom: 1.5rem; - height: 35px; - background: transparent; - border: none; - padding-left: 0.1rem; - font-size: 13px; - border-bottom: 1px solid #E9EDF0; -} - -input { - &[type="text"]:focus, &[type="password"]:focus, &[type="date"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="month"]:focus, &[type="week"]:focus, &[type="email"]:focus, &[type="number"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="time"]:focus, &[type="url"]:focus, &[type="color"]:focus { - color: #4B6178; - border-color: #CED5DC; - background: transparent; - } -} - -textarea:focus { - color: #4B6178; - border-color: #CED5DC; - background: transparent; -} - -input[type="text"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="text"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="password"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="password"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="date"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="date"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="datetime"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="datetime"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="datetime-local"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="datetime-local"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="month"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="month"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="week"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="week"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="email"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="email"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="number"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="number"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="search"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="search"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="tel"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="tel"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="time"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="time"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="url"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="url"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -input[type="color"] { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] input[type="color"] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -textarea { - &[disabled], &[readonly] { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; - } -} - -fieldset[disabled] textarea { - background-color: #E4E8EC; - color: #2C3E50; - padding-left: 0.5rem; - opacity: 1; -} - -select { - background-color: transparent; - color: #7A8C9E; - border-color: #A5B2BF; -} - -label { - text-transform: uppercase; - font-weight: 700; - font-size: 11px; - color: #34495E; - margin-bottom: 3px; -} - -label small { - font-size: 10px; - color: #999; - text-transform: none; - &.has-error { - font-size: 11px; - } -} - -input { - &[type="color"], &[type="date"], &[type="datetime-local"], &[type="datetime"], &[type="email"], &[type="month"], &[type="number"], &[type="password"], &[type="search"], &[type="tel"], &[type="text"], &[type="time"], &[type="url"], &[type="week"] { - outline: 0; - opacity: 1; - /*CSS transitions*/ - -o-transition-property: none !important; - -moz-transition-property: none !important; - -ms-transition-property: none !important; - -webkit-transition-property: none !important; - transition-property: none !important; - /*CSS transforms*/ - -o-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - -webkit-transform: none !important; - transform: none !important; - /*CSS animations*/ - -webkit-animation: none !important; - -moz-animation: none !important; - -o-animation: none !important; - -ms-animation: none !important; - animation: none !important; - /*CSS box-shadow*/ - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; - } - outline: 0; - opacity: 1; - /*CSS transitions*/ - -o-transition-property: none !important; - -moz-transition-property: none !important; - -ms-transition-property: none !important; - -webkit-transition-property: none !important; - transition-property: none !important; - /*CSS transforms*/ - -o-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - -webkit-transform: none !important; - transform: none !important; - /*CSS animations*/ - -webkit-animation: none !important; - -moz-animation: none !important; - -o-animation: none !important; - -ms-animation: none !important; - animation: none !important; - /*CSS box-shadow*/ - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; -} - -select, textarea { - outline: 0; - opacity: 1; - /*CSS transitions*/ - -o-transition-property: none !important; - -moz-transition-property: none !important; - -ms-transition-property: none !important; - -webkit-transition-property: none !important; - transition-property: none !important; - /*CSS transforms*/ - -o-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - -webkit-transform: none !important; - transform: none !important; - /*CSS animations*/ - -webkit-animation: none !important; - -moz-animation: none !important; - -o-animation: none !important; - -ms-animation: none !important; - animation: none !important; - /*CSS box-shadow*/ - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; -} - -input { - &[type="text"]:focus, &[type="password"]:focus, &[type="date"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="month"]:focus, &[type="week"]:focus, &[type="email"]:focus, &[type="number"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="time"]:focus, &[type="url"]:focus, &[type="color"]:focus, &:focus { - outline: 0; - opacity: 1; - /*CSS transitions*/ - -o-transition-property: none !important; - -moz-transition-property: none !important; - -ms-transition-property: none !important; - -webkit-transition-property: none !important; - transition-property: none !important; - /*CSS transforms*/ - -o-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - -webkit-transform: none !important; - transform: none !important; - /*CSS animations*/ - -webkit-animation: none !important; - -moz-animation: none !important; - -o-animation: none !important; - -ms-animation: none !important; - animation: none !important; - /*CSS box-shadow*/ - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; - } -} - -select:focus, textarea:focus { - outline: 0; - opacity: 1; - /*CSS transitions*/ - -o-transition-property: none !important; - -moz-transition-property: none !important; - -ms-transition-property: none !important; - -webkit-transition-property: none !important; - transition-property: none !important; - /*CSS transforms*/ - -o-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - -webkit-transform: none !important; - transform: none !important; - /*CSS animations*/ - -webkit-animation: none !important; - -moz-animation: none !important; - -o-animation: none !important; - -ms-animation: none !important; - animation: none !important; - /*CSS box-shadow*/ - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; -} - -input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input:-webkit-autofill:focus, textarea:-webkit-autofill:focus, select:-webkit-autofill:focus { - -webkit-box-shadow: 0 0 0px 1000px white inset; -} - -/* Turn Off Number Input Spinners */ - -input[type=number] { - &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { - -webkit-appearance: none; - margin: 0; - } -} - -.backup input[type="text"] { - border-bottom: 1px solid #CAD4DB; - &:focus { - border-bottom: 1px solid #A5B2BF; - } -} - -.label { - font-weight: 500; - padding: 0.3rem 0.4rem; - vertical-align: text-bottom; - &.outline { - background: transparent; - border: 1px solid #4B6178; - &.gray { - font-size: 90%; - background: transparent; - border: 1px solid #A9B6C2; - } - } - &.success { - background-color: #1ABC9C; - } - &.alert { - background-color: #ED4A43; - } - &.gray { - background-color: #4B6178; - } -} - -label.postfix { - height: 34px; - border: none; - font-weight: 700; - font-size: 14px; - color: #7A8C9E; - text-transform: uppercase; - position: absolute; - top: 0; - right: 0; - width: 50px; - padding-top: 7px; -} - -.input { - &.block i { - position: absolute; - top: 2px; - left: 15px; - font-size: 20px; - color: #7A8C9E; - border-right: 1px solid #ccc; - padding-right: 8px; - border-right: 1px solid #E5E8EB; - display: block; - cursor: pointer; - } - position: relative; - label { - line-height: 0; - padding: 0; - } -} - -.label { - font-size: 70%; - padding: 0.2rem 0.2rem; -} - -.settings { - fieldset { - border: 1px solid #425467; - legend { - background: transparent; - color: #A5B2BF; - } - } - label { - color: #A5B2BF; - font-weight: normal; - } -} - -.bottombar-item a { - color: #A5B2BF; - padding: 0.5rem 0; - display: block; - &.active .label { - text-shadow: none; - } -} - -::-webkit-input-placeholder { - color: #B7C2CD; -} - -:-moz-placeholder { - /* Firefox 18- */ - color: #B7C2CD; -} - -::-moz-placeholder { - /* Firefox 19+ */ - color: #B7C2CD; -} - -:-ms-input-placeholder { - color: #B7C2CD; -} - diff --git a/src/sass/main.scss b/src/sass/main.scss deleted file mode 100644 index caf5c7f29..000000000 --- a/src/sass/main.scss +++ /dev/null @@ -1,2208 +0,0 @@ -/* - * - * Copay main CSS - * - */ - -body { - font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -.panel { - h1, h2, h3, h4, h5, h6, p, li, dl { - color: #2C3E50; - } -} - -#qr-canvas { - display: none; -} - -#qrcode-scanner-video { - display: block; - margin: 0 auto; -} - -.qr-scanner-input { - position: absolute; - top: 5px; - right: 0; -} - -.qr-scanner-input-import { - position: absolute; - top: -5px; - right: 0; -} - -.icon-close-import { - padding: 0px 40px 5px 10px; -} - -h1, h2, h3, h4, h5, h6 { - color: #2C3E50; -} - -h1 { - font-weight: 100; - font-size: 24px; -} - -h2 { - font-size: 20px; - font-weight: 100; -} - -h3 { - font-weight: 300; - font-size: 16px; -} - -h4 { - font-size: 0.875rem; -} - -.send h4.title, .glidera h4.title { - border-bottom: 1px solid #E2E7ED; - background: #fff; - padding: 0.8rem; - color: #4B6178; - font-weight: 500; - font-size: 0.75rem; - text-align: center; - line-height: 1.5; -} - -h4.title a { - text-transform: none; - font-weight: 400; - font-size: 12px; -} - -.preferences { - form { - background: white; - padding-top: 10px; - margin-bottom: 10px; - } - .switch { - top: -5px !important; - } - h4 { - background: #F6F7F9; - padding: 25px 0px 5px 10px; - text-transform: uppercase; - color: #555; - font-size: 12px; - font-weight: 300; - margin: 0; - } -} - -.modal-content h4, .glidera h4, .coinbase h4, .amazon h4 { - background: #F6F7F9; - padding: 25px 0px 5px 10px; - text-transform: uppercase; - color: #555; - font-size: 12px; - font-weight: 300; - margin: 0; -} - -.walletHome h4.title { - padding: 0px 0 10px 15px; - margin: 5px 0 5px 0; - font-size: 16px; -} - -.bitpay_card select { - margin: 5px 0 5px 0; - padding: 0 20px; - font-size: 16px; - width: auto; - border: none; -} - -.bitpay_card select:focus { - background-color: transparent; -} - -.preferences ul, .modal-content ul { - font-size: 14px; - background: white; -} - -.preferences ul li { - padding: 16px 10px 16px 16px; - border-bottom: 1px solid #E9E9EC; -} - -.addressbook-input, .disabled-input { - display: block; - margin-bottom: 1.5rem; - background-color: #E4E8EC; - padding-left: 0.5rem; - color: #2C3E50; - font-size: 13px; - height: 35px; - padding-top: 7px; -} - -ul.button-group { - margin-top: 8px; - li { - &:first-child { - border-top-left-radius: 0.2rem; - border-bottom-left-radius: 0.2rem; - border: 1px solid #DEDFE1; - } - &:last-child { - border-top-right-radius: 0.2rem; - border-bottom-right-radius: 0.2rem; - border: 1px solid #DEDFE1; - } - } -} - -.button-group.even-2 li { - margin: 0 -3px; - padding: 4px 5px; -} - -ul.button-group li { - color: #A5B2BF; - cursor: pointer; - text-transform: uppercase; - font-size: 0.7rem; - display: block; - padding: 3px 0; - &.selected { - color: #fff; - background-color: #DEDFE1; - } -} - -body, html { - height: 100%; - width: 100%; - color: #2C3E50; - -webkit-user-select: text; -} - -.alt-currency { - padding: 0.05rem 0.2rem; - border-radius: 2px; - font-size: 10px; - color: #fff; - font-weight: 700; -} - -.color-greeni { - color: #1abc9c !important; -} - -.color-yellowi { - color: yellow !important; -} - -.color-alert { - color: #ED4A43; -} - -.alt-currency { - &.green { - background: #1abc9c; - } - &.red { - background: #A02F23; - } - &.black { - background: #213140; - } - &.gray { - background: #7A8C9E; - } -} - -a { - color: #3498DB; -} - -.sub-header { - background: #F1f3F5; - padding: 0.8rem; - overflow: hidden; -} - -.status { - color: #FFFFFF; - background-color: #A02F23; - position: absolute; - left: 250px; - right: 0; - bottom: 0; - padding: 10px 1rem 10px 0.5rem; - z-index: 9; - font-size: 14px; - text-align: left; - line-height: 17px; -} - -.status-first-line { - z-index: 9; - font-size: 16px; -} - -.main-dark { - background-color: #2C3E50; - height: 100%; -} - -.page, .main { - height: 100%; - background-color: #F6F7F9; -} - -.waiting { - border: 2px solid #fff; -} - -.online { - border: 2px solid #1ABC9C; -} - -.main { - background-color: #F6F7F9; - padding: 0 0 58px 0; - position: relative; -} - - -.half-row { - width: 50%; - padding: 5px; -} - -.content { - width: 100%; - position: absolute; - top: 45px; - bottom: 0; - overflow: auto; - &.disclaimer { - top: 0; - } -} - -.box-setup-footer { - overflow: hidden; - margin-top: 1rem; - padding: 1rem 0 0; - border-top: 1px solid #425467; - font-size: 12px; -} - -.box-notification { - position: relative; - font-size: 12px; - padding: 0.5rem; - border-radius: 2px; - background: #FFFFFF; - .box-icon { - position: absolute; - top: 0; - left: 0; - color: white; - background-color: #1ABC9C; - padding: 0 0.5rem; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - height: 100%; - i { - position: relative; - top: 10%; - display: block; - } - &.error { - background-color: #ED4A43; - } - &.secondary { - background-color: #3498DB; - } - } -} - -a.close-notification { - position: absolute; - top: -4px; - right: 10px; - font-size: 24px; -} - -ul.tx-copayers { - background: #E4E8EC; - padding: 0.3rem 0.8rem; - margin-left: 0; - box-shadow: inset 0 1px 1px 0 rgba(10, 19, 28, 0.12); - border-radius: 0 0 3px 3px; -} - -.tx-copayers li { - list-style: none; - padding: 0.3rem; - font-size: 12px; - &.bottom-line-copayers { - border-bottom: 1px solid #CAD2DA; - } -} - -.last-transactions-content { - background: #fff; - padding: 0.8rem 1rem; - cursor: pointer; - border-bottom: 1px solid #E4E8EC; -} - -.sign-action { - background: #E4E8EC; - width: 100%; - padding: 1rem; - text-align: center; -} - -.icon-circle-active { - position: absolute; - bottom: 2px; - right: 2px; -} - -.icon-sign { - padding: 0.2rem 0.3rem; - border-radius: 100%; - color: #fff; - font-size: 10px; - margin-top: 3px; - &.check { - background-color: #3FBC9C; - } - &.x { - background-color: #C0392B; - } -} - -.circle-icon { - background: #fff; - border-radius: 100%; - padding: 1.5rem; - width: 80px; - height: 80px; - margin: 0 auto; -} - -.receive .circle-icon, .backup .circle-icon { - padding: 0.2rem; - margin-bottom: 2rem; -} - -.receive h5, .backup h5 { - font-weight: 500; - color: #4B6178; - margin-bottom: 1rem; -} - -.receive p { - font-size: 0.9rem; - margin-bottom: 2rem; -} - -.backup { - p { - font-size: 0.9rem; - margin-bottom: 2rem; - } - .tab-bar { - background: #F6F7F9; - border-bottom: none; - } -} - -.extra-padding-bottom { - padding-bottom: 78px; -} - -.date-message { - background-color: #213140; - border-radius: 3px; - font-size: 12px; - padding: 0.2rem 0.4rem; - color: #7A8C9E; -} - -.input-note { - margin-top: -10px; - display: block; - margin-bottom: 1rem; -} - -.send-note { - background-color: #F8F8FB; - padding: 10px; - span { - margin-bottom: 5px; - font-size: 12px; - color: #2C3E50; - } -} - -.manage a { - text-transform: uppercase; - font-weight: 700; - color: #4B6178; - padding: 1.5rem 1rem; - display: block; - overflow: hidden; - span { - display: block; - margin-top: 8px; - float: left; - } -} - -ul.manage li { - border-bottom: 1px solid #f1f3f5; -} - -.manage a i.circle { - background-color: #4B6178; - width: 50px; - height: 50px; - padding: 0.65rem; - border-radius: 100%; - display: block; - font-size: 30px; - color: #fff; - float: left; - margin-right: 20px; - &.plus-fixed { - padding: 0.1rem 0.9rem; - } -} - -.dn { - display: none; -} - -.dni { - display: none !important; -} - -.pr { - position: relative; -} - -.pa { - position: absolute; -} - -.m0 { - margin: 0; -} - -.p0i { - padding: 0 !important; -} - -.db { - display: block; -} - -.dib { - display: inline-block; -} - -.size-10 { - font-size: 10px; -} - -.size-12 { - font-size: 12px; -} - -.size-14 { - font-size: 14px; -} - -.size-16 { - font-size: 16px; -} - -.size-18 { - font-size: 18px; -} - -.size-21 { - font-size: 21px; -} - -.size-24 { - font-size: 24px; -} - -.size-28 { - font-size: 28px; -} - -.size-36 { - font-size: 36px; -} - -.size-42 { - font-size: 42px; -} - -.size-48 { - font-size: 48px; -} - -.size-60 { - font-size: 60px; -} - -.size-72 { - font-size: 72px; -} - -.m5 { - margin: 5px; -} - -.m5t { - margin-top: 5px; -} - -.m8t { - margin-top: 8px; -} - -.m5b { - margin-bottom: 5px; -} - -.m5r { - margin-right: 5px; -} - -.m10 { - margin: 10px; -} - -.m10b { - margin-bottom: 10px; -} - -.m3t { - margin-top: 3px; -} - -.m10t { - margin-top: 10px; -} - -.m15b { - margin-bottom: 15px; -} - -.m15r { - margin-right: 15px; -} - -.m20b { - margin-bottom: 20px; -} - -.m30b { - margin-bottom: 30px; -} - -.m40b { - margin-bottom: 40px; -} - -.m50b { - margin-bottom: 50px; -} - -.m10r { - margin-right: 10px; -} - -.m40r { - margin-right: 40px; -} - -.m25r { - margin-right: 25px; -} - -.m10l { - margin-left: 10px; -} - -.m5l { - margin-left: 5px; -} - -.m15l { - margin-left: 15px; -} - -.m15t { - margin-top: 15px; -} - -.m20r { - margin-right: 20px; -} - -.m20t { - margin-top: 20px; -} - -.m20ti { - margin-top: 20px !important; -} - -.m20tp { - margin-top: 20%; -} - -.m30tp { - margin-top: 30%; -} - -.m15 { - margin: 15px; -} - -.m15h { - margin: 0 15px; -} - -.p10t { - padding-top: 10px; -} - -.p10h { - padding-right: 10px; - padding-left: 10px; -} - -.p15h { - padding: 0 15px; -} - -.p0r { - padding-right: 0; -} - -.p70r { - padding-right: 70px; -} - -.p70l { - padding-left: 70px; -} - -.p5h { - padding: 0 5px; -} - -.p20h { - padding: 0 20px; -} - -.p20v { - padding: 20px 0; -} - -.p20b { - padding-bottom: 20px; -} - -.p25b { - padding-bottom: 25px; -} - -.p25l { - padding-left: 25px; -} - -.p15l { - padding-left: 15px; -} - -.p15 { - padding: 15px; -} - -.p20 { - padding: 20px; -} - -.p15t { - padding-top: 15px; -} - -.p20t { - padding-top: 20px; -} - -.p50t { - padding-top: 50px; -} - -.p10 { - padding: 10px; -} - -.p10i { - padding: 10px !important; -} - -.p10b { - padding-bottom: 10px; -} - -.p45t { - padding-top: 45px; -} - -.p60t { - padding-top: 60px; -} - -.p60b { - padding-bottom: 60px; -} - -.m60t { - margin-top: 60px; -} - -.p45li { - padding-left: 45px !important; -} - -.m30v { - margin: 30px 0; -} - -.m10h { - margin: 0 10px; -} - -.m10v { - margin: 10px 0; -} - -.m20v { - margin: 20px 0; -} - -.m30v { - margin: 30px 0; -} - -.m30a { - margin: 30px auto; -} - -.m-negative-l { - margin-left: -0.9375rem; -} - -.br100 { - border-radius: 100% !important; -} - -.lh { - line-height: 0; -} - -.lh140 { - line-height: 140%; -} - -.oh { - overflow: hidden; -} - -.vm { - vertical-align: middle; -} - -.vt { - vertical-align: top; -} - -.ma { - margin: 0 auto; -} - -.tu { - text-transform: uppercase; -} - -.tl { - text-transform: lowercase; -} - -.line { - border-top: 1px solid #F8F8FB; - margin: 0.7rem 0; -} - -.line-white { - border-top: 1px solid #fff; - margin: 0.7rem 0; -} - -.line-t { - border-top: 1px solid #E9E9EC; -} - -.line-b { - border-bottom: 1px solid #E9E9EC; -} - -.name-wallet { - font-size: 14px; - font-weight: 400; - padding-top: 0 !important; - line-height: 14px; -} - -.release { - cursor: pointer; - cursor: hand; - background-color: #E9E9EC; - margin-top: -30px; - margin-bottom: 5px; - padding-top: 30px; - padding-bottom: 20px; - text-align: center; - text-color: #444; - span { - margin-left: 15px; - } - i { - margin-right: 15px; - } -} - -.tab-bar { - h1, h2, h3, h4, h5, h6 { - line-height: 48px; - } -} - -.locked { - font-size: 11px; - color: #7A8C9E; -} - -.hidden { - visibility: hidden; -} - -.spinner { - display: inline-block; -} - -.success { - color: #1ABC9C; -} - -.bg-success { - background-color: #1ABC9C; -} - -.tx-proposal i { - padding: .1rem .3rem; - background-color: #A5B2BF; - border-radius: 100%; - color: #fff; - &.active { - background-color: #A02F23; - } -} - -.header-modal { - background: #fff; - width: 100%; - padding-top: 20px; - padding-bottom: 20px; - position: relative; -} - -.bg-alert { - background-color: #ED4A43; -} - -.ellipsis { - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -ul.pagination li.current a { - background: #1ABC9C; -} - -table { - border-collapse: collapse; - text-align: left; - width: 100%; - border: none; -} - -thead tr { - text-transform: uppercase; -} - -table { - tr { - td, th { - padding: 15px; - } - &.even, &.alt, &:nth-of-type(even) { - background: #fff; - } - } - tfoot tr { - td, th { - background-color: #F5F5F8; - color: #949BAD; - font-weight: normal; - } - } - thead tr { - td, th { - background-color: #F5F5F8; - color: #949BAD; - font-weight: normal; - } - } - tbody { - td { - color: #7A8C9E; - border-bottom: 1px solid #F1F1F3; - } - tr:last-child td { - border-bottom: none; - } - } -} - -.wallet-selection.wallets { - background-color: #213140; -} - -ul.wallet-selection.wallets { - margin: 0; - overflow: hidden; -} - -.wallet-selection.wallets li { - overflow: hidden; - padding: 1rem; - a { - display: block; - } -} - -.pointer { - cursor: pointer; -} - -.icon-wallet { - display: block; -} - -.walletHome .icon-wallet { - display: inline-block; - margin: 0; - vertical-align: baseline; -} - -.icon-input { - font-size: 9px; - color: #fff; - vertical-align: middle; - margin-right: 3px; - .fi-check { - padding: .2rem .3rem; - background-color: #1ABC9C; - border-radius: 100%; - display: block; - } - .fi-x { - padding: .1rem .3rem; - background-color: #ED4A43; - border-radius: 100%; - } -} - -.has-error { - color: #ED4A43; -} - -.is-valid { - color: #1ABC9C; -} - -input.ng-invalid-match { - border-color: red; - &:focus { - border-color: red; - } -} - -.black { - background-color: #2C3E50; -} - -.white { - background-color: #FFFFFF; -} - -.text-italic { - font-style: italic; -} - -.text-light { - font-weight: 200; -} - -.text-bold { - font-weight: 700; -} - -.text-gray { - color: #8597A7; -} - -.text-black { - color: #2C3E50; -} - -.text-primary { - color: #1ABC9C; -} - -.text-secondary { - color: #3498DB; -} - -.text-white { - color: #fff; -} - -.text-warning { - color: #ED4A43; -} - -.text-alert { - color: red; -} - -.text-success { - color: #1ABC9C; -} - -.text-spacing { - letter-spacing: 2px; -} - -.text-capitalize { - text-transform: capitalize; -} - -.text-shadow { - text-shadow: 2px 2px 3px rgba(150, 150, 150, 1); -} - -.payment-uri .panel { - line-height: 1.4; -} - -.panel { - background: #FFFFFF; - border-radius: 3px; - padding: 1rem; - &.words { - background: #E6EAEE; - border: 1px dashed #A5B2BF; - min-height: 147px; - } -} - -.panel qrcode { - background-color: white; - canvas { - width: 250px; - height: 250px; - } -} - -.tour { - text-align: center; - height: 100%; -} - -.tour5 { - width: 90%; - position: absolute; - bottom: 10%; - margin: 0 auto; - margin-left: 5%; -} - -.secret { - overflow-wrap: break-word; - word-wrap: break-word; - text-align: center; - font-size: 14px; - margin: 10px; -} - -.collapse { - margin: auto; - max-width: 100%; -} - -.w-popup-menu { - padding: 0; - li { - width: 180px; - height: 180px; - overflow: hidden; - position: relative; - float: left; - background: #213140; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); - margin: 20px 26px 0 0; - &:last-child { - margin-right: 0px; - } - a { - text-align: center; - width: 100%; - height: 100%; - display: block; - color: #333; - position: relative; - } - } -} - -.w-popup-icon { - color: #c5e4f4; - font-size: 90px; - text-shadow: 1px 0 1px rgba(255, 255, 255, 0.7); - line-height: 150px; - position: absolute; - width: 58px; - left: 60px; - top: 14px; - text-align: center; -} - -.w-popup-content { - position: absolute; - left: 0px; - width: 100%; - height: 50%; - top: 50%; -} - -.w-popup-main { - color: #FFFFFF; - opacity: 0.6; - text-align: center; - margin-bottom: 5px; -} - -.w-popup-sub { - text-align: center; - color: #FFFFFF; - line-height: 20px; - opacity: 0.8; -} - -/*///////////////////////// LOADING /////////////////////////*/ - -.loading-screen { - width: 100%; - height: 100%; - position: absolute; - z-index: 999; - top: 0; - left: 0; - background-color: #2C3E50; -} - -.loading-screen-content { - margin-top: 20%; - width: 100%; - text-align: center; -} - -/*/////////////////////////////////////////////////*/ - -.terms { - padding: 0.8rem; - ul { - font-size: 0.8rem; - text-align: justify; - margin-left: 0; - } - li { - list-style-type: none; - display: inline; - } -} - -.scrollArea { - height: 280px; - overflow: scroll; - background: #213140; - border: 1px solid #4B6178; - border-radius: 5px; - margin: 1rem; - color: #A5B2BF; - line-height: 30px; - padding: 0.5rem; - ul { - font-size: 0.8rem; - text-align: left; - margin-left: 0; - line-height: 1.4; - margin-bottom: 0; - } - li { - list-style-type: none; - display: inline; - } -} - -.tabbable { - border: 2px solid #213140; - border-radius: 3px; - margin-bottom: 1.2rem; -} - -.tabs dd { - &.active a { - color: #fff; - background-color: transparent; - } - > a { - background: #213140; - text-transform: uppercase; - color: #3E4F5D; - padding: 1rem; - text-align: center; - height: 64px; - font-size: 14px; - line-height: 15px; - } -} - -.tabs-content { - margin-bottom: 0; - > .content { - padding: 0; - } -} - -.content-item { - border-bottom: 1px solid rgba(32, 48, 64, 0.3); - box-shadow: 0px 1px 0px 0px rgba(121, 140, 158, 0.1); - margin: .5rem 1.3rem; - padding: 0.3rem 0; - font-size: 14px; -} - -.bg-gray { - background-color: #F1F3F5; -} - -.bg-circle { - background: #253547; - border-radius: 100%; - margin: 0 0.5rem 0.3rem 0; - padding: .45rem 0.5rem; - display: inline-block; - text-align: center; - vertical-align: middle; - color: #7A8C9E; - font-size: 30px; - width: 50px; - height: 50px; -} - -.session-expired { - background: rgba(32, 48, 64, 0.9); - width: 100%; - height: 100%; - position: absolute; - color: #fff; - z-index: 999; - padding-top: 20%; - text-align: center; - padding-left: 10%; - padding-right: 10%; -} - -.line-none { - border: none; - box-shadow: none; -} - -.splash { - top: 0; - background: #2C3E50; - background-image: -webkit-linear-gradient(#3D5672 0%, #223243 100%); - background-image: -o-linear-gradient(#3D5672 0%, #223243 100%); - background-image: linear-gradient(#3D5672 0%, #223243 100%); - .start-button button { - &.black { - background-color: #4B6178; - } - &.outline.tiny { - font-size: 0.58rem; - } - } - .container-image { - padding: 1rem 0; - } -} - -.preferences li { - cursor: pointer !important; -} - -.preferences-icon { - width: auto; - height: 40px; -} - -@media only screen and (max-width: 40em) { - .preferences-icon { - width: 40px; - height: 40px; - padding: 0.55rem !important; - } -} - -.tx-details-blockchain li { - cursor: pointer !important; -} - -.onGoingProcess { - left: 0; - width: 100%; - bottom: 90px; - position: absolute; - z-index: 1020; -} - -.onGoingProcess-content { - background: #213140; - text-align: center; - max-width: 16.5rem; - max-height: 3.5rem; - margin: auto; - color: #fff; - padding: 0.5rem; - font-size: 13px; - opacity: 0.8; - border-radius: 3px; -} - -/*/////////////////// SPINNER ////////////////////*/ - -#history .spinner, #receive .spinner, .copayers .spinner { - height: 46px; -} - -#history .spinner > div, #receive .spinner > div, .copayers .spinner > div, .preferences-fee .spinner > div { - background-color: #7A8C9E; -} - -.spinner { - margin: 0 auto; - width: 35px; - height: 27px; - text-align: center; - font-size: 10px; - vertical-align: middle; -} - -.walletHome .spinner > div { - background-color: #8597A7; -} - -.spinner { - > div { - background-color: #fff; - height: 100%; - width: 2px; - display: inline-block; - -webkit-animation: stretchdelay 1.2s infinite ease-in-out; - animation: stretchdelay 1.2s infinite ease-in-out; - } - .rect2 { - -webkit-animation-delay: -1.1s; - animation-delay: -1.1s; - } - .rect3 { - -webkit-animation-delay: -1.0s; - animation-delay: -1.0s; - } - .rect4 { - -webkit-animation-delay: -0.9s; - animation-delay: -0.9s; - } - .rect5 { - -webkit-animation-delay: -0.8s; - animation-delay: -0.8s; - } -} - -.tab-bar { - background-color: #4B6178; - z-index: 5; - h1 { - font-weight: 500; - font-size: 14px; - } -} - -.tab-bar-section.middle { - left: 4.7rem; - right: 4.7rem; -} - -.left-small { - width: 4.7rem; - line-height: 2.95rem; - border-right: none; -} - -.right-small { - width: 4.7rem; - text-align: right; - line-height: 2.7rem; - border-left: none; - a { - color: #FFFFFF; - } -} - -.left-small a { - color: #FFFFFF; -} - -.backup { - .right-small a, .left-small a { - color: #7A8C9E; - } -} - -.tab-bar { - .icon-back { - font-size: 2.5rem; - position: absolute; - line-height: 52px; - left: -5px; - height: 45px; - top: 0px; - } - .text-back { - margin-left: 26px; - font-size: 0.9rem; - font-weight: 400; - padding: 10px 0; - visibility: middle; - } - .text-close { - font-size: 0.9rem; - font-weight: 400; - line-height: 2.95rem; - } -} - -.bottom-bar { - display: block; - position: fixed; - bottom: 0; - width: 100%; - z-index: 5; - background: #FFFFFF; - border-top: 1px solid #E2E7ED; -} - -.second-bottom-bar { - z-index: 6; - &.animated { - &.slideInRight, &.slideInLeft { - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - } - } -} - -.menu-toggle { - padding-top: 1rem !important; -} - -.menu-wallet-home { - background: #fff linear-gradient(-180deg, #F1F3F5 0%, #FFFFFF 30%); - box-shadow: 0px -1px 0px 0px rgba(165, 178, 191, 0.35); - width: 100%; - height: 8rem; - position: absolute; - top: -10px; - margin-left: auto; - margin-right: auto; - left: 0; - right: 0; - border-radius: 100%; - z-index: -999; -} - -.amount { - width: 100%; - text-align: center; - padding: 1.5rem 1rem 1.5rem 1rem; - color: #fff; - height: 150px; - margin-bottom: 25px; -} - -.alternative-amount { - height: 25px; - text-align: center; -} - -.scroll-section { - position: absolute; - top: 120px; - overflow-y: auto; -} - -.status { - bottom: 65px; - left: 0; -} - -.walletHome { - .avatar-wallet { - padding: 0.5rem; - width: 75px; - height: 75px; - position: absolute; - top: -22px; - font-size: 2.2rem; - border: 3px solid #fff; - background: #1ABC9C; - margin: 0; - color: #FFF; - font-weight: 700; - text-align: center; - border-radius: 5px; - } - .wallet-info { - position: absolute; - top: inherit; - left: 10px; - bottom: 26px; - font-size: 20px; - color: #fff; - } -} - -.camera-icon a { - background: #4B6178; - box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); - color: #fff; - display: block; - position: absolute; - padding: 15px 17px; - border-radius: 100%; - top: inherit; - right: 15px; - bottom: 2px; - line-height: 12px; -} - -.send .camera-icon a { - top: inherit; - bottom: 0; -} - -ul.copayer-list img { - width: 30px; - height: 30px; -} - -.box-founds { - background-color: #213140; -} - -a.missing-copayers { - bottom: -34px; - text-align: center; - padding: .7rem; - width: 100%; -} - -.box-setup, .footer-setup { - margin-bottom: 50px; -} - -.sidebar ion-content { - background: #2C3E50; - top: 115px; -} - -.sidebar { - background: #2C3E50; - .icon { - width: 35px; - text-align: center; - margin-right: 15px; - float: left; - display: block; - } -} - -.modal-content .icon { - width: 39px; - text-align: center; - margin-right: 15px; - float: left; - display: block; -} - -.home { - li { - overflow: hidden; - border-bottom: 1px solid #384B5F; - &.nav-item.selected { - background-color: #122232; - } - } - .avatar-wallet { - background-color: #2C3E50; - color: #fff; - font-size: 1.4rem; - font-weight: 700; - margin-right: 15px; - text-align: center; - float: left; - width: 35px; - height: 30px; - border-radius: 3px; - padding-top: 4px; - } -} - -.payment-uri .avatar-wallet, .modal-content .avatar-wallet { - background-color: #2C3E50; - color: #fff; - font-size: 1.4rem; - font-weight: 700; - margin-right: 15px; - text-align: center; - float: left; - width: 35px; - height: 30px; - border-radius: 3px; - padding-top: 5px; -} - -.sidebar { - header { - text-align: center; - padding: 1.7rem; - border-bottom: 1px solid #384B5F; - min-height: 8em; - h1 { - color: #fff; - margin: 0; - padding: 5px; - } - small { - color: #fff; - } - } -} - -.sidebar li { - overflow: hidden; - border-bottom-style: solid; - border-bottom-width: 1px; - - padding: 1rem 0.7rem; - font-size: 12px; - font-weight: 300; - color: #A5B2BF; - cursor: pointer !important; -} - -.sidebar ul { - margin: 0 0 30px 0; -} - - -.modal-content ul li a { - font-size: 12px; - font-weight: 300; - border-bottom: transparent; - color: #A5B2BF; - padding: 1rem 0.7rem; - &.removeAddressbook { - background-color: white; - color: red; - margin-right: -10px; - float: right; - } - &.selectAddressbook { - float: left; - font-size: 18px; - padding: 13px 14px; - color: red; - margin-right: 10px; - } -} - -/* - * Remove all vendors hover / shadow / fade - */ - -.tooltip { - display: none !important; -} - -.move-right .exit-off-canvas, .move-left .exit-off-canvas { - box-shadow: none; -} - -/* === */ - -/* Have to set height explicity on ui-view -to prevent collapsing during animation*/ - -.main[ui-view] { - height: 100%; - /* TODO */ -} - -.ui-view-container { - position: relative; - height: 100%; -} - -[ui-view] { - &.slideDown, &.slideRight, &.slideLeft { - z-index: 100; - } -} - -#mainSection, #mainSectionDup { - height: 100%; - position: absolute; - left: 0; - right: 0; - animation-timing-function: ease-in-out; - animation-duration: .3s; - animation-iteration-count: 1; - animation-fill-mode: both; - -webkit-animation-timing-function: ease-in-out; - -webkit-animation-duration: .3s; - -webkit-animation-iteration-count: 1; - -webkit-animation-fill-mode: both; -} - -.CslideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; - z-index: 1003; -} - -.CslideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown; - z-index: 1003; -} - -.CslideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; - z-index: 1003; -} - -.CslideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; - z-index: 1003; -} - -/* == */ - -.icon-circle, .icon-circle-active { - color: #1ABC9C; -} - -.tx-comment { - border-top: 1px solid #eee; - padding-top: 10px; - margin-top: 10px; -} - -/* notifications */ - -.dr-notification-container { - position: absolute; - z-index: 10000; - width: 100%; - &.bottom { - bottom: 20px; - } - &.right { - right: 0; - } - &.left { - left: 20px; - } - &.top { - top: 45px; - } - &.center { - left: 50%; - margin-left: -190px; - } -} - -.dr-notification-wrapper { - position: relative; - width: 100%; - margin: 0; - &.offline { - position: absolute; - top: 0px; - z-index: 2000; - opacity: 1.0 !important; - background-color: #2C3E50; - } - &.client-error { - position: absolute; - top: 45px; - z-index: 11; - } -} - -.dr-notification-close-btn { - color: #A5B2BF; - border: 1px solid #A5B2BF; - border-radius: 100%; - display: inline-block; - padding: 0px 8px; - position: absolute; - right: 5px; - cursor: pointer; - z-index: 10; - margin: 14px 8px 0; - font-size: 20px; -} - -.dr-notification-image { - float: left; - color: #fff; - text-align: center; - background-color: #213140; - width: 40px; - height: 40px; - font-size: 1.5rem; - border-radius: 100%; - margin: 0.6rem; - img { - margin: 15px; - max-width: 70px; - min-width: 48px; - } -} - -.dr-notification-content { - line-height: 90%; - padding: 10px 50px 5px 60px; -} - -.dr-notification-title { - color: #fff; - font-size: 12px; - margin-bottom: 0; - font-weight: 700; -} - -.dr-notification { - background: rgba(44, 62, 80, 0.9); - box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); - width: 100%; - clear: both; - overflow: hidden; - border-radius: 0; - height: 60px; -} - -.dr-notification-text { - font-size: 11px; - color: #fff; -} - -.transform-none { - text-transform: none; -} - -/*** modals ***/ - -.hideModal { - visibility: none !important; - display: none !important; -} - -.reveal-modal-bg { - display: none !important; -} - -.reveal-modal.full { - top: 0 !important; -} - -.modal-content { - position: relative; - height: 100%; - width: 100%; - -webkit-transform: translate3d(0, 0, 0); - background: #f6f7f9; -} - -body.modal-open { - position: fixed; - overflow: hidden; - z-index: 1; -} - -.reveal-modal { - padding: 0; - border: none; - border-radius: 0; - outline: 0; - box-shadow: none; - &.animated { - &.slideInRight, &.slideOutRight { - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - } - } -} - -.reveal-modal.animated { - &.fadeOutUp, &.slideInUp, &.slideInDown { - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - } -} - -.popup-tx-status { - z-index: 1030; -} - -.popup-txsent { - position: absolute; - width: 100%; - height: 100%; - background: rgba(24, 44, 58, 0.9); - i { - font-size: 5rem; - color: #4A90E2; - border-radius: 100%; - border-color: #4A90E2; - border: 2px solid; - width: 150px; - height: 150px; - display: block; - text-align: center; - padding-top: 1rem; - } -} - -.popup-txsigned i, .popup-txrejected i { - font-size: 5rem; - color: #4A90E2; - border-radius: 100%; - border-color: #4A90E2; - border: 2px solid; - width: 150px; - height: 150px; - display: block; - text-align: center; - padding-top: 1rem; -} - -.payment-proposal-head { - color: #fff; - padding: 10px 10px 20px 10px; - text-align: center; -} - -.payment-proposal-to { - width: 100%; - display: inline-block; - padding: 5px 15px; - background-color: rgba(0, 0, 0, 0.1); - i { - position: inherit; - left: 25px; - padding-right: 10px; - border-right: 1px solid; - border-color: rgba(255, 255, 255, 0.1); - font-size: 20px; - } -} - -.tab-view { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - width: 100%; - position: absolute; - top: 44px; - bottom: 37px; - overflow: auto; - padding-bottom: 40px; -} - -.tab-in { - -webkit-transform: translate3d(0, 0, 0) !important; - transform: translate3d(0, 0, 0) !important; -} - -.tab-out { - -webkit-transform: translate3d(-100%, 0, 0) !important; - transform: translate3d(-100%, 0, 0) !important; -} - -.create-tab { - background-color: #fff; - width: 100%; - border-bottom: 1px solid #DEDFE1; - margin-bottom: 25px; - overflow: hidden; - .tab-container { - float: left; - text-align: center; - } -} - -.test { - background: red; -} - -.create-tab a { - font-size: .7rem; - padding: 1.2rem .2rem .6rem .2rem; - color: #7A8C9E; - text-transform: uppercase; - font-weight: 500; - display: block; -} - -.tab-container.selected { - border-bottom: 3px solid #4B6178; - a { - color: #2C3E50; - } -} - -/* - * Calculator - */ - -.calculator .header-calc { - position: absolute; - width: 100%; - text-align: center; -} - -.calculator .button-calc { - position: absolute; - width: 100%; - bottom: 0; -} - -.calculator .button-calc .row { - padding: 0 !important; -} - -.calculator .button-calc .columns { - cursor: pointer; - text-align: center; -} - -.calculator .button-calc .operator { - color: #2C3E50; - background-color: #eee; -} - -.calculator .button-calc .columns:active { - background-color: #eee; -} - -.calculator .button-calc .operator:active { - background-color: #f8f8f8; -} - -// No looks likes locked -input[type="number"] { - &[readonly] { - background-color: #F6F7F9; - padding-left: 0; - } -} - -@media all and (max-height: 480px) { - .calculator .button-calc .columns { padding: 10px; } - .calculator .header-calc { top: 30%; } -} - -@media (min-height: 481px) and (max-height: 670px) { - .calculator .button-calc .columns { padding: 15px; } - .calculator .header-calc { top: 30%; } -} - -@media all and (min-height: 671px) { - .calculator .button-calc .columns { padding: 20px; } - .calculator .header-calc { top: 32%; } -} - diff --git a/src/sass/search.scss b/src/sass/search.scss deleted file mode 100644 index 5bc18131c..000000000 --- a/src/sass/search.scss +++ /dev/null @@ -1,42 +0,0 @@ -/*//////////////////////////// SEARCH INPUT ////////////////////////////*/ - -.searchBar { - display: table; - .columns { - display: table-cell; - vertical-align: middle; - float: none; - } - [class*="column"] + [class*="column"]:last-child { - float: none; - } - form { - margin-left: 20px; - } - input { - margin-bottom: auto; - border-bottom: 0px solid #E9EDF0; - padding-left: 8px; - } - i { - position: absolute; - padding: 8px 0 8px 8px; - } - .small-11 { - padding-right: 5px; - padding-left: 5px; - } - .small-1 { - padding-left: 2px; - padding-right: 8px; - } -} - -.searchLabel { - margin-top: 10px; - margin-bottom: 10px; - background-color: rgba(0, 0, 0, 0.02); - border-radius: 10px; - position: relative; -} - diff --git a/test/karma.conf.js b/test/karma.conf.js index 17ac204fa..0756f48fb 100644 --- a/test/karma.conf.js +++ b/test/karma.conf.js @@ -18,13 +18,11 @@ module.exports = function(config) { 'bower_components/qrcode-generator/js/qrcode.js', 'bower_components/qrcode-decoder-js/lib/qrcode-decoder.js', 'bower_components/moment/min/moment-with-locales.js', - 'bower_components/ionic/release/js/ionic.bundle.min.js', - 'bower_components/angular-ui-router/release/angular-ui-router.js', + 'bower_components/ionic/release/js/ionic.bundle.js', 'bower_components/angular-moment/angular-moment.js', 'bower_components/ng-lodash/build/ng-lodash.js', 'bower_components/angular-qrcode/angular-qrcode.js', 'bower_components/angular-gettext/dist/angular-gettext.js', - 'bower_components/angular-sanitize/angular-sanitize.js', 'bower_components/ng-csv/build/ng-csv.js', 'bower_components/angular-mocks/angular-mocks.js', 'angular-pbkdf2/angular-pbkdf2.js',