From 859d49b3f452c3edf074be13effad045108e90ad Mon Sep 17 00:00:00 2001 From: lilia Date: Tue, 7 Mar 2017 16:54:46 -0800 Subject: [PATCH] Use relative paths // FREEBIE --- background.html | 2 +- js/background.js | 2 +- js/emoji_util.js | 2 +- js/libtextsecure.js | 2 +- js/models/conversations.js | 2 +- js/notifications.js | 2 +- js/views/file_input_view.js | 4 +- libtextsecure/protobufs.js | 2 +- stylesheets/_android.scss | 12 ++-- stylesheets/_conversation.scss | 6 +- stylesheets/_debugLog.scss | 2 +- stylesheets/_global.scss | 10 +-- stylesheets/_hourglass.scss | 4 +- stylesheets/_index.scss | 6 +- stylesheets/_lightbox.scss | 2 +- stylesheets/_recorder.scss | 6 +- stylesheets/_variables.scss | 8 +-- stylesheets/android-dark.scss | 14 ++--- stylesheets/manifest.css | 112 ++++++++++++++++----------------- stylesheets/options.css | 10 +-- stylesheets/options.scss | 2 +- 21 files changed, 106 insertions(+), 106 deletions(-) diff --git a/background.html b/background.html index 8f89a8511..5be4f45fd 100644 --- a/background.html +++ b/background.html @@ -80,7 +80,7 @@
- +

{{ welcomeToSignal }}

{{ selectAContact }}

diff --git a/js/background.js b/js/background.js index f5ddf780e..6d3f1b7a5 100644 --- a/js/background.js +++ b/js/background.js @@ -20,7 +20,7 @@ }); // start a background worker for ecc - textsecure.startWorker('/js/libsignal-protocol-worker.js'); + textsecure.startWorker('js/libsignal-protocol-worker.js'); Whisper.KeyChangeListener.init(textsecure.storage.protocol); textsecure.storage.protocol.on('removePreKey', function() { getAccountManager().refreshPreKeys(); diff --git a/js/emoji_util.js b/js/emoji_util.js index bc53f6b3e..7cdab03ac 100644 --- a/js/emoji_util.js +++ b/js/emoji_util.js @@ -13,7 +13,7 @@ } this.inits.env = 1; this.include_title = true; - this.img_sets.apple.path = '/images/emoji/apple/'; + this.img_sets.apple.path = 'images/emoji/apple/'; this.replace_mode = 'img'; }; diff --git a/js/libtextsecure.js b/js/libtextsecure.js index 08a17ed86..099ada4d0 100644 --- a/js/libtextsecure.js +++ b/js/libtextsecure.js @@ -37095,7 +37095,7 @@ Internal.SessionLock.queueJobForNumber = function queueJobForNumber(number, runJ window.textsecure.protobuf = {}; function loadProtoBufs(filename) { - return dcodeIO.ProtoBuf.loadProtoFile({root: '/protos', file: filename}, function(error, result) { + return dcodeIO.ProtoBuf.loadProtoFile({root: 'protos', file: filename}, function(error, result) { var protos = result.build('textsecure'); for (var protoName in protos) { textsecure.protobuf[protoName] = protos[protoName]; diff --git a/js/models/conversations.js b/js/models/conversations.js index b9d20353d..f55f708e2 100644 --- a/js/models/conversations.js +++ b/js/models/conversations.js @@ -930,7 +930,7 @@ content: title ? title.trim()[0] : '#' }; } else { - return { url: '/images/group_default.png', color: color }; + return { url: 'images/group_default.png', color: color }; } }, diff --git a/js/notifications.js b/js/notifications.js index 0b9787e52..64919b3f4 100644 --- a/js/notifications.js +++ b/js/notifications.js @@ -12,7 +12,7 @@ MESSAGE : 'message' }; - var sound = new Audio('/audio/NewMessage.mp3'); + var sound = new Audio('audio/NewMessage.mp3'); Whisper.Notifications = new (Backbone.Collection.extend({ initialize: function() { diff --git a/js/views/file_input_view.js b/js/views/file_input_view.js index 52db8367a..583269e60 100644 --- a/js/views/file_input_view.js +++ b/js/views/file_input_view.js @@ -121,8 +121,8 @@ var type = file.type.split('/')[0]; switch (type) { - case 'audio': this.addThumb('/images/audio.svg'); break; - case 'video': this.addThumb('/images/video.svg'); break; + case 'audio': this.addThumb('images/audio.svg'); break; + case 'video': this.addThumb('images/video.svg'); break; case 'image': this.oUrl = URL.createObjectURL(file); this.addThumb(this.oUrl); diff --git a/libtextsecure/protobufs.js b/libtextsecure/protobufs.js index 1a4dfffd1..ffa9637a5 100644 --- a/libtextsecure/protobufs.js +++ b/libtextsecure/protobufs.js @@ -4,7 +4,7 @@ window.textsecure.protobuf = {}; function loadProtoBufs(filename) { - return dcodeIO.ProtoBuf.loadProtoFile({root: '/protos', file: filename}, function(error, result) { + return dcodeIO.ProtoBuf.loadProtoFile({root: 'protos', file: filename}, function(error, result) { var protos = result.build('textsecure'); for (var protoName in protos) { textsecure.protobuf[protoName] = protos[protoName]; diff --git a/stylesheets/_android.scss b/stylesheets/_android.scss index 5251e439e..30cd0579a 100644 --- a/stylesheets/_android.scss +++ b/stylesheets/_android.scss @@ -53,22 +53,22 @@ } button.clock { - @include header-icon-white('/images/clock.svg'); + @include header-icon-white('../images/clock.svg'); } .inactive button.clock { - @include header-icon-black('/images/clock.svg'); + @include header-icon-black('../images/clock.svg'); } button.hamburger { - @include header-icon-white('/images/menu.svg'); + @include header-icon-white('../images/menu.svg'); } .inactive button.hamburger { - @include header-icon-black('/images/menu.svg'); + @include header-icon-black('../images/menu.svg'); } button.back { - @include header-icon-white('/images/back.svg'); + @include header-icon-white('../images/back.svg'); } .inactive button.back { - @include header-icon-black('/images/back.svg'); + @include header-icon-black('../images/back.svg'); } } diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss index 39e56a738..acb3aba24 100644 --- a/stylesheets/_conversation.scss +++ b/stylesheets/_conversation.scss @@ -358,7 +358,7 @@ li.entry .error-icon-container { width: $error-icon-size; height: $error-icon-size; position: relative; - @include color-svg('/images/warning.svg', red); + @include color-svg('../images/warning.svg', red); } .group { @@ -487,11 +487,11 @@ li.entry .error-icon-container { } .sent .status { display: inline-block; - @include color-svg('/images/check.svg', black); + @include color-svg('../images/check.svg', black); } .delivered .status { display: inline-block; - @include color-svg('/images/double-check.svg', black); + @include color-svg('../images/double-check.svg', black); } .pending .status { display: inline-block; diff --git a/stylesheets/_debugLog.scss b/stylesheets/_debugLog.scss index d79a49295..91501ba03 100644 --- a/stylesheets/_debugLog.scss +++ b/stylesheets/_debugLog.scss @@ -49,7 +49,7 @@ display: block; width: $button-height; height: $button-height; - @include header-icon-black('/images/open_link.svg'); + @include header-icon-black('../images/open_link.svg'); } } diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss index 1401ce773..1c7b06431 100644 --- a/stylesheets/_global.scss +++ b/stylesheets/_global.scss @@ -78,13 +78,13 @@ button.grey { a { color: $blue; } button.back { - @include header-icon-black('/images/back.svg'); + @include header-icon-black('../images/back.svg'); } button.clock { - @include header-icon-black('/images/clock.svg'); + @include header-icon-black('../images/clock.svg'); } button.hamburger { - @include header-icon-black('/images/menu.svg'); + @include header-icon-black('../images/menu.svg'); } @@ -195,7 +195,7 @@ button.hamburger { display: inline-block; width: $button-height; height: $button-height; - @include color-svg('/images/paperclip.svg', $grey); + @include color-svg('../images/paperclip.svg', $grey); transform: rotateZ(-45deg); } @@ -511,7 +511,7 @@ $avatar-size: 44px; display: block; width: 100%; height: 100%; - @include color-svg('/images/x.svg', white); + @include color-svg('../images/x.svg', white); } } diff --git a/stylesheets/_hourglass.scss b/stylesheets/_hourglass.scss index cd859bfd1..0ccf1a29b 100644 --- a/stylesheets/_hourglass.scss +++ b/stylesheets/_hourglass.scss @@ -1,7 +1,7 @@ @mixin hourglass($color) { display: inline-block; position: relative; - @include color-svg('/images/hourglass_full.svg', transparent); + @include color-svg('../images/hourglass_full.svg', transparent); background-size: 100%; &, .sand, &:before, &:after { @@ -19,6 +19,6 @@ background: $color; } &:after { - @include color-svg('/images/hourglass_empty.svg', $color); + @include color-svg('../images/hourglass_empty.svg', $color); } } diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss index 8dd901fe1..54794a606 100644 --- a/stylesheets/_index.scss +++ b/stylesheets/_index.scss @@ -29,7 +29,7 @@ } .network-status-container { .network-status { - background: url('/images/error_red.svg') no-repeat left 10px center; + background: url('../images/error_red.svg') no-repeat left 10px center; background-size: 25px 25px; background-color: #fcd156; padding: 10px; @@ -108,7 +108,7 @@ float: left; width: 24px; height: 100%; - -webkit-mask: url('/images/search.svg') no-repeat left center; + -webkit-mask: url('../images/search.svg') no-repeat left center; -webkit-mask-size: 100%; background-color: #ccc; position: absolute; @@ -132,7 +132,7 @@ input.search { &.active { outline: solid 1px $blue; - background-image: url('/images/x.svg'); + background-image: url('../images/x.svg'); background-repeat: no-repeat; background-size: $search-x-size; diff --git a/stylesheets/_lightbox.scss b/stylesheets/_lightbox.scss index 36f38beb4..c83283649 100644 --- a/stylesheets/_lightbox.scss +++ b/stylesheets/_lightbox.scss @@ -52,7 +52,7 @@ .save { &:before { - @include color-svg('/images/save.svg', white); + @include color-svg('../images/save.svg', white); } } } diff --git a/stylesheets/_recorder.scss b/stylesheets/_recorder.scss index 22f2f76be..14c14ad8c 100644 --- a/stylesheets/_recorder.scss +++ b/stylesheets/_recorder.scss @@ -19,7 +19,7 @@ display: inline-block; height: 24px; width: 24px; - @include color-svg('/images/microphone.svg', $grey); + @include color-svg('../images/microphone.svg', $grey); } } } @@ -51,14 +51,14 @@ background: lighten($green, 20%); border: 1px solid $green; - .icon { @include color-svg('/images/check.svg', $green); } + .icon { @include color-svg('../images/check.svg', $green); } } .close { background: lighten($red, 20%); border: 1px solid $red; - .icon { @include color-svg('/images/x.svg', $red); } + .icon { @include color-svg('../images/x.svg', $red); } } .time { diff --git a/stylesheets/_variables.scss b/stylesheets/_variables.scss index e2c5a4b8c..9c9e6420e 100644 --- a/stylesheets/_variables.scss +++ b/stylesheets/_variables.scss @@ -12,20 +12,20 @@ $red: #EF8989; @font-face { font-family: 'Roboto-Light'; - src: url('/fonts/Roboto-Light.ttf') format('truetype'); + src: url('../fonts/Roboto-Light.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; - src: url('/fonts/Roboto-Regular.ttf') format('truetype'); + src: url('../fonts/Roboto-Regular.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; - src: url('/fonts/Roboto-Italic.ttf') format('truetype'); + src: url('../fonts/Roboto-Italic.ttf') format('truetype'); font-style: italic; } @font-face { font-family: 'Roboto'; - src: url('/fonts/Roboto-Bold.ttf') format('truetype'); + src: url('../fonts/Roboto-Bold.ttf') format('truetype'); font-weight: bold; } $roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif; diff --git a/stylesheets/android-dark.scss b/stylesheets/android-dark.scss index 34e9ac01a..1e182599a 100644 --- a/stylesheets/android-dark.scss +++ b/stylesheets/android-dark.scss @@ -127,18 +127,18 @@ $text-dark_l2: darken($text-dark, 30%); } .sent .status { display: inline-block; - @include color-svg('/images/check.svg', white); + @include color-svg('../images/check.svg', white); } .delivered .status { display: inline-block; - @include color-svg('/images/double-check.svg', white); + @include color-svg('../images/double-check.svg', white); } .file-input .paperclip:before { content: ''; display: inline-block; width: $button-height; height: $button-height; - @include color-svg('/images/paperclip.svg', white); + @include color-svg('../images/paperclip.svg', white); transform: rotateZ(-45deg); } .capture-audio .microphone:before { @@ -163,7 +163,7 @@ $text-dark_l2: darken($text-dark, 30%); border-color: $grey-dark_l2; @include invert-text-color; &.active.ltr, &.active.rtl { - background-image: url('/images/x_white.svg'); + background-image: url('../images/x_white.svg'); } } .bubble { @@ -222,13 +222,13 @@ $text-dark_l2: darken($text-dark, 30%); } button.clock { - @include header-icon-white('/images/clock.svg'); + @include header-icon-white('../images/clock.svg'); } button.hamburger { - @include header-icon-white('/images/menu.svg'); + @include header-icon-white('../images/menu.svg'); } button.back { - @include header-icon-white('/images/back.svg'); + @include header-icon-white('../images/back.svg'); } ::-webkit-scrollbar-thumb { diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index 4b0b19007..d7c7031c8 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -1,16 +1,16 @@ @font-face { font-family: 'Roboto-Light'; - src: url("/fonts/Roboto-Light.ttf") format("truetype"); } + src: url("../fonts/Roboto-Light.ttf") format("truetype"); } @font-face { font-family: 'Roboto'; - src: url("/fonts/Roboto-Regular.ttf") format("truetype"); } + src: url("../fonts/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: 'Roboto'; - src: url("/fonts/Roboto-Italic.ttf") format("truetype"); + src: url("../fonts/Roboto-Italic.ttf") format("truetype"); font-style: italic; } @font-face { font-family: 'Roboto'; - src: url("/fonts/Roboto-Bold.ttf") format("truetype"); + src: url("../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: bold; } * { box-sizing: border-box; } @@ -77,29 +77,29 @@ a { color: #2090ea; } button.back { - -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask: url("../images/back.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(0, 0, 0, 0.5); } button.back:focus, button.back:hover { - -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask: url("../images/back.svg") no-repeat center; -webkit-mask-size: 100%; background-color: black; } button.clock { - -webkit-mask: url("/images/clock.svg") no-repeat center; + -webkit-mask: url("../images/clock.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(0, 0, 0, 0.5); } button.clock:focus, button.clock:hover { - -webkit-mask: url("/images/clock.svg") no-repeat center; + -webkit-mask: url("../images/clock.svg") no-repeat center; -webkit-mask-size: 100%; background-color: black; } button.hamburger { - -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask: url("../images/menu.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(0, 0, 0, 0.5); } button.hamburger:focus, button.hamburger:hover { - -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask: url("../images/menu.svg") no-repeat center; -webkit-mask-size: 100%; background-color: black; } @@ -185,7 +185,7 @@ button.hamburger { display: inline-block; width: 24px; height: 24px; - -webkit-mask: url("/images/paperclip.svg") no-repeat center; + -webkit-mask: url("../images/paperclip.svg") no-repeat center; -webkit-mask-size: 100%; background-color: #616161; transform: rotateZ(-45deg); } @@ -462,7 +462,7 @@ button.hamburger { display: block; width: 100%; height: 100%; - -webkit-mask: url("/images/x.svg") no-repeat center; + -webkit-mask: url("../images/x.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } @@ -618,11 +618,11 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu display: block; width: 24px; height: 24px; - -webkit-mask: url("/images/open_link.svg") no-repeat center; + -webkit-mask: url("../images/open_link.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(0, 0, 0, 0.5); } .debug-log .result .open:before:focus, .debug-log .result .open:before:hover { - -webkit-mask: url("/images/open_link.svg") no-repeat center; + -webkit-mask: url("../images/open_link.svg") no-repeat center; -webkit-mask-size: 100%; background-color: black; } .debug-log .result .link { @@ -674,7 +674,7 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu .lightbox.modal a:hover { background: #616161; } .lightbox.modal .save:before { - -webkit-mask: url("/images/save.svg") no-repeat center; + -webkit-mask: url("../images/save.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } @@ -695,7 +695,7 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu display: inline-block; height: 24px; width: 24px; - -webkit-mask: url("/images/microphone.svg") no-repeat center; + -webkit-mask: url("../images/microphone.svg") no-repeat center; -webkit-mask-size: 100%; background-color: #616161; } @@ -720,14 +720,14 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu background: #9ae99a; border: 1px solid #47D647; } .recorder .finish .icon { - -webkit-mask: url("/images/check.svg") no-repeat center; + -webkit-mask: url("../images/check.svg") no-repeat center; -webkit-mask-size: 100%; background-color: #47D647; } .recorder .close { background: #fbe3e3; border: 1px solid #EF8989; } .recorder .close .icon { - -webkit-mask: url("/images/x.svg") no-repeat center; + -webkit-mask: url("../images/x.svg") no-repeat center; -webkit-mask-size: 100%; background-color: #EF8989; } .recorder .time { @@ -871,7 +871,7 @@ img.emoji.jumbo { overflow-y: auto; } .network-status-container .network-status { - background: url("/images/error_red.svg") no-repeat left 10px center; + background: url("../images/error_red.svg") no-repeat left 10px center; background-size: 25px 25px; background-color: #fcd156; padding: 10px; @@ -934,7 +934,7 @@ img.emoji.jumbo { float: left; width: 24px; height: 100%; - -webkit-mask: url("/images/search.svg") no-repeat left center; + -webkit-mask: url("../images/search.svg") no-repeat left center; -webkit-mask-size: 100%; background-color: #ccc; position: absolute; @@ -955,7 +955,7 @@ input.search { position: relative; } input.search.active { outline: solid 1px #2090ea; - background-image: url("/images/x.svg"); + background-image: url("../images/x.svg"); background-repeat: no-repeat; background-size: 16px; } input.search.active.ltr { @@ -1334,7 +1334,7 @@ li.entry .error-icon-container { width: 24px; height: 24px; position: relative; - -webkit-mask: url("/images/warning.svg") no-repeat center; + -webkit-mask: url("../images/warning.svg") no-repeat center; -webkit-mask-size: 100%; background-color: red; } @@ -1445,13 +1445,13 @@ li.entry .error-icon-container { .message-container .sent .status, .message-list .sent .status { display: inline-block; - -webkit-mask: url("/images/check.svg") no-repeat center; + -webkit-mask: url("../images/check.svg") no-repeat center; -webkit-mask-size: 100%; background-color: black; } .message-container .delivered .status, .message-list .delivered .status { display: inline-block; - -webkit-mask: url("/images/double-check.svg") no-repeat center; + -webkit-mask: url("../images/double-check.svg") no-repeat center; -webkit-mask-size: 100%; background-color: black; } .message-container .pending .status, @@ -1934,7 +1934,7 @@ li.entry .error-icon-container { .ios .hourglass { display: inline-block; position: relative; - -webkit-mask: url("/images/hourglass_full.svg") no-repeat center; + -webkit-mask: url("../images/hourglass_full.svg") no-repeat center; -webkit-mask-size: 100%; background-color: transparent; background-size: 100%; } @@ -1950,7 +1950,7 @@ li.entry .error-icon-container { .ios .hourglass .sand { background: #999; } .ios .hourglass:after { - -webkit-mask: url("/images/hourglass_empty.svg") no-repeat center; + -webkit-mask: url("../images/hourglass_empty.svg") no-repeat center; -webkit-mask-size: 100%; background-color: #999; } @@ -2010,7 +2010,7 @@ li.entry .error-icon-container { .android .outgoing .hourglass { display: inline-block; position: relative; - -webkit-mask: url("/images/hourglass_full.svg") no-repeat center; + -webkit-mask: url("../images/hourglass_full.svg") no-repeat center; -webkit-mask-size: 100%; background-color: transparent; background-size: 100%; } @@ -2026,13 +2026,13 @@ li.entry .error-icon-container { .android .outgoing .hourglass .sand { background: #999; } .android .outgoing .hourglass:after { - -webkit-mask: url("/images/hourglass_empty.svg") no-repeat center; + -webkit-mask: url("../images/hourglass_empty.svg") no-repeat center; -webkit-mask-size: 100%; background-color: #999; } .android .incoming .hourglass { display: inline-block; position: relative; - -webkit-mask: url("/images/hourglass_full.svg") no-repeat center; + -webkit-mask: url("../images/hourglass_full.svg") no-repeat center; -webkit-mask-size: 100%; background-color: transparent; background-size: 100%; } @@ -2048,7 +2048,7 @@ li.entry .error-icon-container { .android .incoming .hourglass .sand { background: #fff; } .android .incoming .hourglass:after { - -webkit-mask: url("/images/hourglass_empty.svg") no-repeat center; + -webkit-mask: url("../images/hourglass_empty.svg") no-repeat center; -webkit-mask-size: 100%; background-color: #fff; } .android .incoming .bubble .sender, .android .incoming .bubble .content, .android .incoming .bubble .body, .android .incoming .bubble .meta, .android .incoming .bubble a, .android .incoming .bubble .fileView { @@ -2063,51 +2063,51 @@ li.entry .error-icon-container { -webkit-mask-size: 100%; background-color: white; } .android button.clock { - -webkit-mask: url("/images/clock.svg") no-repeat center; + -webkit-mask: url("../images/clock.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(255, 255, 255, 0.8); } .android button.clock:focus, .android button.clock:hover { - -webkit-mask: url("/images/clock.svg") no-repeat center; + -webkit-mask: url("../images/clock.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } .android .inactive button.clock { - -webkit-mask: url("/images/clock.svg") no-repeat center; + -webkit-mask: url("../images/clock.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(0, 0, 0, 0.5); } .android .inactive button.clock:focus, .android .inactive button.clock:hover { - -webkit-mask: url("/images/clock.svg") no-repeat center; + -webkit-mask: url("../images/clock.svg") no-repeat center; -webkit-mask-size: 100%; background-color: black; } .android button.hamburger { - -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask: url("../images/menu.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(255, 255, 255, 0.8); } .android button.hamburger:focus, .android button.hamburger:hover { - -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask: url("../images/menu.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } .android .inactive button.hamburger { - -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask: url("../images/menu.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(0, 0, 0, 0.5); } .android .inactive button.hamburger:focus, .android .inactive button.hamburger:hover { - -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask: url("../images/menu.svg") no-repeat center; -webkit-mask-size: 100%; background-color: black; } .android button.back { - -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask: url("../images/back.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(255, 255, 255, 0.8); } .android button.back:focus, .android button.back:hover { - -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask: url("../images/back.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } .android .inactive button.back { - -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask: url("../images/back.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(0, 0, 0, 0.5); } .android .inactive button.back:focus, .android .inactive button.back:hover { - -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask: url("../images/back.svg") no-repeat center; -webkit-mask-size: 100%; background-color: black; } @@ -2244,12 +2244,12 @@ li.entry .error-icon-container { background-color: #CCCCCC; } .android-dark .sent .status { display: inline-block; - -webkit-mask: url("/images/check.svg") no-repeat center; + -webkit-mask: url("../images/check.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } .android-dark .delivered .status { display: inline-block; - -webkit-mask: url("/images/double-check.svg") no-repeat center; + -webkit-mask: url("../images/double-check.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } .android-dark .file-input .paperclip:before { @@ -2257,7 +2257,7 @@ li.entry .error-icon-container { display: inline-block; width: 24px; height: 24px; - -webkit-mask: url("/images/paperclip.svg") no-repeat center; + -webkit-mask: url("../images/paperclip.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; transform: rotateZ(-45deg); } @@ -2283,7 +2283,7 @@ li.entry .error-icon-container { background: white; color: #454545; } .android-dark .search.active.ltr, .android-dark .search.active.rtl { - background-image: url("/images/x_white.svg"); } + background-image: url("../images/x_white.svg"); } .android-dark .bubble { padding: 9px 12px; border-radius: 5px; @@ -2298,7 +2298,7 @@ li.entry .error-icon-container { .android-dark .outgoing .hourglass { display: inline-block; position: relative; - -webkit-mask: url("/images/hourglass_full.svg") no-repeat center; + -webkit-mask: url("../images/hourglass_full.svg") no-repeat center; -webkit-mask-size: 100%; background-color: transparent; background-size: 100%; } @@ -2314,13 +2314,13 @@ li.entry .error-icon-container { .android-dark .outgoing .hourglass .sand { background: #999; } .android-dark .outgoing .hourglass:after { - -webkit-mask: url("/images/hourglass_empty.svg") no-repeat center; + -webkit-mask: url("../images/hourglass_empty.svg") no-repeat center; -webkit-mask-size: 100%; background-color: #999; } .android-dark .incoming .hourglass { display: inline-block; position: relative; - -webkit-mask: url("/images/hourglass_full.svg") no-repeat center; + -webkit-mask: url("../images/hourglass_full.svg") no-repeat center; -webkit-mask-size: 100%; background-color: transparent; background-size: 100%; } @@ -2336,7 +2336,7 @@ li.entry .error-icon-container { .android-dark .incoming .hourglass .sand { background: #fff; } .android-dark .incoming .hourglass:after { - -webkit-mask: url("/images/hourglass_empty.svg") no-repeat center; + -webkit-mask: url("../images/hourglass_empty.svg") no-repeat center; -webkit-mask-size: 100%; background-color: #fff; } .android-dark .incoming .bubble .sender, .android-dark .incoming .bubble .content, .android-dark .incoming .bubble .body, .android-dark .incoming .bubble .meta, .android-dark .incoming .bubble a, .android-dark .incoming .bubble .fileView { @@ -2379,27 +2379,27 @@ li.entry .error-icon-container { -webkit-mask-size: 100%; background-color: #CCCCCC; } .android-dark button.clock { - -webkit-mask: url("/images/clock.svg") no-repeat center; + -webkit-mask: url("../images/clock.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(255, 255, 255, 0.8); } .android-dark button.clock:focus, .android-dark button.clock:hover { - -webkit-mask: url("/images/clock.svg") no-repeat center; + -webkit-mask: url("../images/clock.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } .android-dark button.hamburger { - -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask: url("../images/menu.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(255, 255, 255, 0.8); } .android-dark button.hamburger:focus, .android-dark button.hamburger:hover { - -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask: url("../images/menu.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } .android-dark button.back { - -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask: url("../images/back.svg") no-repeat center; -webkit-mask-size: 100%; background-color: rgba(255, 255, 255, 0.8); } .android-dark button.back:focus, .android-dark button.back:hover { - -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask: url("../images/back.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } .android-dark ::-webkit-scrollbar-thumb { diff --git a/stylesheets/options.css b/stylesheets/options.css index 24a756587..61795868c 100644 --- a/stylesheets/options.css +++ b/stylesheets/options.css @@ -1,17 +1,17 @@ @charset "UTF-8"; @font-face { font-family: 'Roboto-Light'; - src: url("/fonts/Roboto-Light.ttf") format("truetype"); } + src: url("../fonts/Roboto-Light.ttf") format("truetype"); } @font-face { font-family: 'Roboto'; - src: url("/fonts/Roboto-Regular.ttf") format("truetype"); } + src: url("../fonts/Roboto-Regular.ttf") format("truetype"); } @font-face { font-family: 'Roboto'; - src: url("/fonts/Roboto-Italic.ttf") format("truetype"); + src: url("../fonts/Roboto-Italic.ttf") format("truetype"); font-style: italic; } @font-face { font-family: 'Roboto'; - src: url("/fonts/Roboto-Bold.ttf") format("truetype"); + src: url("../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: bold; } .iti-flag { width: 16px; @@ -837,7 +837,7 @@ height: 100%; } .iti-flag { - background: url("/images/flags.png"); } + background: url("../images/flags.png"); } * { box-sizing: border-box; } diff --git a/stylesheets/options.scss b/stylesheets/options.scss index aabf288fe..9cd29dfe9 100644 --- a/stylesheets/options.scss +++ b/stylesheets/options.scss @@ -3,7 +3,7 @@ @import 'progress'; .iti-flag { // override intlTelInput's flags image location - background: url("/images/flags.png"); + background: url("../images/flags.png"); } * {