keejef
/
session-desktop
mirror of https://github.com/oxen-io/session-desktop
2
0
Fork 0
Code Issues 8 Projects Releases Wiki Activity

Use relative paths

Browse Source 
// FREEBIE
pull/749/head
lilia 8 years ago committed by Scott Nonnenberg
parent 95e809636a
commit 859d49b3f4
No known key found for this signature in database
GPG Key ID: A4931C09644C654B
21 changed files with 106 additions and 106 deletions
Show Stats Download Patch File Download Diff File

2
background.html
Unescape Escape View File

@ -80,7 +80,7 @@
<div class='conversation placeholder'> <div class='conversation placeholder'>
<div class='conversation-header'></div> <div class='conversation-header'></div>
<div class='content'> <div class='content'>
<img src='/images/icon_128.png' /> <img src='images/icon_128.png' />
<h3>{{ welcomeToSignal }}</h3> <h3>{{ welcomeToSignal }}</h3>
<p>{{ selectAContact }}</p> <p>{{ selectAContact }}</p>
</div> </div>

2
js/background.js
Unescape Escape View File

@ -20,7 +20,7 @@
}); });
// start a background worker for ecc // 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); Whisper.KeyChangeListener.init(textsecure.storage.protocol);
textsecure.storage.protocol.on('removePreKey', function() { textsecure.storage.protocol.on('removePreKey', function() {
getAccountManager().refreshPreKeys(); getAccountManager().refreshPreKeys();

2
js/emoji_util.js
Unescape Escape View File

@ -13,7 +13,7 @@
} }
this.inits.env = 1; this.inits.env = 1;
this.include_title = true; this.include_title = true;
this.img_sets.apple.path = '/images/emoji/apple/'; this.img_sets.apple.path = 'images/emoji/apple/';
this.replace_mode = 'img'; this.replace_mode = 'img';
}; };

2
js/libtextsecure.js
Unescape Escape View File

@ -37095,7 +37095,7 @@ Internal.SessionLock.queueJobForNumber = function queueJobForNumber(number, runJ
window.textsecure.protobuf = {}; window.textsecure.protobuf = {};
function loadProtoBufs(filename) { 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'); var protos = result.build('textsecure');
for (var protoName in protos) { for (var protoName in protos) {
textsecure.protobuf[protoName] = protos[protoName]; textsecure.protobuf[protoName] = protos[protoName];

2
js/models/conversations.js
Unescape Escape View File

@ -930,7 +930,7 @@
content: title ? title.trim()[0] : '#' content: title ? title.trim()[0] : '#'
}; };
} else { } else {
return { url: '/images/group_default.png', color: color }; return { url: 'images/group_default.png', color: color };
} }
}, },

2
js/notifications.js
Unescape Escape View File

@ -12,7 +12,7 @@
MESSAGE : 'message' MESSAGE : 'message'
}; };
var sound = new Audio('/audio/NewMessage.mp3'); var sound = new Audio('audio/NewMessage.mp3');
Whisper.Notifications = new (Backbone.Collection.extend({ Whisper.Notifications = new (Backbone.Collection.extend({
initialize: function() { initialize: function() {

4
js/views/file_input_view.js
Unescape Escape View File

@ -121,8 +121,8 @@
var type = file.type.split('/')[0]; var type = file.type.split('/')[0];
switch (type) { switch (type) {
case 'audio': this.addThumb('/images/audio.svg'); break; case 'audio': this.addThumb('images/audio.svg'); break;
case 'video': this.addThumb('/images/video.svg'); break; case 'video': this.addThumb('images/video.svg'); break;
case 'image': case 'image':
this.oUrl = URL.createObjectURL(file); this.oUrl = URL.createObjectURL(file);
this.addThumb(this.oUrl); this.addThumb(this.oUrl);

2
libtextsecure/protobufs.js
Unescape Escape View File

@ -4,7 +4,7 @@
window.textsecure.protobuf = {}; window.textsecure.protobuf = {};
function loadProtoBufs(filename) { 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'); var protos = result.build('textsecure');
for (var protoName in protos) { for (var protoName in protos) {
textsecure.protobuf[protoName] = protos[protoName]; textsecure.protobuf[protoName] = protos[protoName];

12
stylesheets/_android.scss
Unescape Escape View File

@ -53,22 +53,22 @@
} }
button.clock { button.clock {
@include header-icon-white('/images/clock.svg'); @include header-icon-white('../images/clock.svg');
} }
.inactive button.clock { .inactive button.clock {
@include header-icon-black('/images/clock.svg'); @include header-icon-black('../images/clock.svg');
} }
button.hamburger { button.hamburger {
@include header-icon-white('/images/menu.svg'); @include header-icon-white('../images/menu.svg');
} }
.inactive button.hamburger { .inactive button.hamburger {
@include header-icon-black('/images/menu.svg'); @include header-icon-black('../images/menu.svg');
} }
button.back { button.back {
@include header-icon-white('/images/back.svg'); @include header-icon-white('../images/back.svg');
} }
.inactive button.back { .inactive button.back {
@include header-icon-black('/images/back.svg'); @include header-icon-black('../images/back.svg');
} }
} }

6
stylesheets/_conversation.scss
Unescape Escape View File

@ -358,7 +358,7 @@ li.entry .error-icon-container {
width: $error-icon-size; width: $error-icon-size;
height: $error-icon-size; height: $error-icon-size;
position: relative; position: relative;
@include color-svg('/images/warning.svg', red); @include color-svg('../images/warning.svg', red);
} }
.group { .group {
@ -487,11 +487,11 @@ li.entry .error-icon-container {
} }
.sent .status { .sent .status {
display: inline-block; display: inline-block;
@include color-svg('/images/check.svg', black); @include color-svg('../images/check.svg', black);
} }
.delivered .status { .delivered .status {
display: inline-block; display: inline-block;
@include color-svg('/images/double-check.svg', black); @include color-svg('../images/double-check.svg', black);
} }
.pending .status { .pending .status {
display: inline-block; display: inline-block;

2
stylesheets/_debugLog.scss
Unescape Escape View File

@ -49,7 +49,7 @@
display: block; display: block;
width: $button-height; width: $button-height;
height: $button-height; height: $button-height;
@include header-icon-black('/images/open_link.svg'); @include header-icon-black('../images/open_link.svg');
} }
} }

10
stylesheets/_global.scss
Unescape Escape View File

@ -78,13 +78,13 @@ button.grey {
a { color: $blue; } a { color: $blue; }
button.back { button.back {
@include header-icon-black('/images/back.svg'); @include header-icon-black('../images/back.svg');
} }
button.clock { button.clock {
@include header-icon-black('/images/clock.svg'); @include header-icon-black('../images/clock.svg');
} }
button.hamburger { 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; display: inline-block;
width: $button-height; width: $button-height;
height: $button-height; height: $button-height;
@include color-svg('/images/paperclip.svg', $grey); @include color-svg('../images/paperclip.svg', $grey);
transform: rotateZ(-45deg); transform: rotateZ(-45deg);
} }
@ -511,7 +511,7 @@ $avatar-size: 44px;
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
@include color-svg('/images/x.svg', white); @include color-svg('../images/x.svg', white);
} }
} }

4
stylesheets/_hourglass.scss
Unescape Escape View File

@ -1,7 +1,7 @@
@mixin hourglass($color) { @mixin hourglass($color) {
display: inline-block; display: inline-block;
position: relative; position: relative;
@include color-svg('/images/hourglass_full.svg', transparent); @include color-svg('../images/hourglass_full.svg', transparent);
background-size: 100%; background-size: 100%;
&, .sand, &:before, &:after { &, .sand, &:before, &:after {
@ -19,6 +19,6 @@
background: $color; background: $color;
} }
&:after { &:after {
@include color-svg('/images/hourglass_empty.svg', $color); @include color-svg('../images/hourglass_empty.svg', $color);
} }
} }

6
stylesheets/_index.scss
Unescape Escape View File

@ -29,7 +29,7 @@
} }
.network-status-container { .network-status-container {
.network-status { .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-size: 25px 25px;
background-color: #fcd156; background-color: #fcd156;
padding: 10px; padding: 10px;
@ -108,7 +108,7 @@
float: left; float: left;
width: 24px; width: 24px;
height: 100%; 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%; -webkit-mask-size: 100%;
background-color: #ccc; background-color: #ccc;
position: absolute; position: absolute;
@ -132,7 +132,7 @@ input.search {
&.active { &.active {
outline: solid 1px $blue; outline: solid 1px $blue;
background-image: url('/images/x.svg'); background-image: url('../images/x.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: $search-x-size; background-size: $search-x-size;

2
stylesheets/_lightbox.scss
Unescape Escape View File

@ -52,7 +52,7 @@
.save { .save {
&:before { &:before {
@include color-svg('/images/save.svg', white); @include color-svg('../images/save.svg', white);
} }
} }
} }

6
stylesheets/_recorder.scss
Unescape Escape View File

@ -19,7 +19,7 @@
display: inline-block; display: inline-block;
height: 24px; height: 24px;
width: 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%); background: lighten($green, 20%);
border: 1px solid $green; border: 1px solid $green;
.icon { @include color-svg('/images/check.svg', $green); } .icon { @include color-svg('../images/check.svg', $green); }
} }
.close { .close {
background: lighten($red, 20%); background: lighten($red, 20%);
border: 1px solid $red; border: 1px solid $red;
.icon { @include color-svg('/images/x.svg', $red); } .icon { @include color-svg('../images/x.svg', $red); }
} }
.time { .time {

8
stylesheets/_variables.scss
Unescape Escape View File

@ -12,20 +12,20 @@ $red: #EF8989;
@font-face { @font-face {
font-family: 'Roboto-Light'; font-family: 'Roboto-Light';
src: url('/fonts/Roboto-Light.ttf') format('truetype'); src: url('../fonts/Roboto-Light.ttf') format('truetype');
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('/fonts/Roboto-Regular.ttf') format('truetype'); src: url('../fonts/Roboto-Regular.ttf') format('truetype');
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('/fonts/Roboto-Italic.ttf') format('truetype'); src: url('../fonts/Roboto-Italic.ttf') format('truetype');
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('/fonts/Roboto-Bold.ttf') format('truetype'); src: url('../fonts/Roboto-Bold.ttf') format('truetype');
font-weight: bold; font-weight: bold;
} }
$roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif; $roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;

14
stylesheets/android-dark.scss
Unescape Escape View File

@ -127,18 +127,18 @@ $text-dark_l2: darken($text-dark, 30%);
} }
.sent .status { .sent .status {
display: inline-block; display: inline-block;
@include color-svg('/images/check.svg', white); @include color-svg('../images/check.svg', white);
} }
.delivered .status { .delivered .status {
display: inline-block; display: inline-block;
@include color-svg('/images/double-check.svg', white); @include color-svg('../images/double-check.svg', white);
} }
.file-input .paperclip:before { .file-input .paperclip:before {
content: ''; content: '';
display: inline-block; display: inline-block;
width: $button-height; width: $button-height;
height: $button-height; height: $button-height;
@include color-svg('/images/paperclip.svg', white); @include color-svg('../images/paperclip.svg', white);
transform: rotateZ(-45deg); transform: rotateZ(-45deg);
} }
.capture-audio .microphone:before { .capture-audio .microphone:before {
@ -163,7 +163,7 @@ $text-dark_l2: darken($text-dark, 30%);
border-color: $grey-dark_l2; border-color: $grey-dark_l2;
@include invert-text-color; @include invert-text-color;
&.active.ltr, &.active.rtl { &.active.ltr, &.active.rtl {
background-image: url('/images/x_white.svg'); background-image: url('../images/x_white.svg');
} }
} }
.bubble { .bubble {
@ -222,13 +222,13 @@ $text-dark_l2: darken($text-dark, 30%);
} }
button.clock { button.clock {
@include header-icon-white('/images/clock.svg'); @include header-icon-white('../images/clock.svg');
} }
button.hamburger { button.hamburger {
@include header-icon-white('/images/menu.svg'); @include header-icon-white('../images/menu.svg');
} }
button.back { button.back {
@include header-icon-white('/images/back.svg'); @include header-icon-white('../images/back.svg');
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {

112
stylesheets/manifest.css
Unescape Escape View File

@ -1,16 +1,16 @@
@font-face { @font-face {
font-family: 'Roboto-Light'; font-family: 'Roboto-Light';
src: url("/fonts/Roboto-Light.ttf") format("truetype"); } src: url("../fonts/Roboto-Light.ttf") format("truetype"); }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url("/fonts/Roboto-Regular.ttf") format("truetype"); } src: url("../fonts/Roboto-Regular.ttf") format("truetype"); }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url("/fonts/Roboto-Italic.ttf") format("truetype"); src: url("../fonts/Roboto-Italic.ttf") format("truetype");
font-style: italic; } font-style: italic; }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url("/fonts/Roboto-Bold.ttf") format("truetype"); src: url("../fonts/Roboto-Bold.ttf") format("truetype");
font-weight: bold; } font-weight: bold; }
* { * {
box-sizing: border-box; } box-sizing: border-box; }
@ -77,29 +77,29 @@ a {
color: #2090ea; } color: #2090ea; }
button.back { button.back {
-webkit-mask: url("/images/back.svg") no-repeat center; -webkit-mask: url("../images/back.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: rgba(0, 0, 0, 0.5); } background-color: rgba(0, 0, 0, 0.5); }
button.back:focus, button.back:hover { 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%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
button.clock { button.clock {
-webkit-mask: url("/images/clock.svg") no-repeat center; -webkit-mask: url("../images/clock.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: rgba(0, 0, 0, 0.5); } background-color: rgba(0, 0, 0, 0.5); }
button.clock:focus, button.clock:hover { 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%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
button.hamburger { button.hamburger {
-webkit-mask: url("/images/menu.svg") no-repeat center; -webkit-mask: url("../images/menu.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: rgba(0, 0, 0, 0.5); } background-color: rgba(0, 0, 0, 0.5); }
button.hamburger:focus, button.hamburger:hover { 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%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
@ -185,7 +185,7 @@ button.hamburger {
display: inline-block; display: inline-block;
width: 24px; width: 24px;
height: 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%; -webkit-mask-size: 100%;
background-color: #616161; background-color: #616161;
transform: rotateZ(-45deg); } transform: rotateZ(-45deg); }
@ -462,7 +462,7 @@ button.hamburger {
display: block; display: block;
width: 100%; width: 100%;
height: 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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
@ -618,11 +618,11 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
display: block; display: block;
width: 24px; width: 24px;
height: 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%; -webkit-mask-size: 100%;
background-color: rgba(0, 0, 0, 0.5); } background-color: rgba(0, 0, 0, 0.5); }
.debug-log .result .open:before:focus, .debug-log .result .open:before:hover { .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%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
.debug-log .result .link { .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 { .lightbox.modal a:hover {
background: #616161; } background: #616161; }
.lightbox.modal .save:before { .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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
@ -695,7 +695,7 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
display: inline-block; display: inline-block;
height: 24px; height: 24px;
width: 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%; -webkit-mask-size: 100%;
background-color: #616161; } background-color: #616161; }
@ -720,14 +720,14 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
background: #9ae99a; background: #9ae99a;
border: 1px solid #47D647; } border: 1px solid #47D647; }
.recorder .finish .icon { .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%; -webkit-mask-size: 100%;
background-color: #47D647; } background-color: #47D647; }
.recorder .close { .recorder .close {
background: #fbe3e3; background: #fbe3e3;
border: 1px solid #EF8989; } border: 1px solid #EF8989; }
.recorder .close .icon { .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%; -webkit-mask-size: 100%;
background-color: #EF8989; } background-color: #EF8989; }
.recorder .time { .recorder .time {
@ -871,7 +871,7 @@ img.emoji.jumbo {
overflow-y: auto; } overflow-y: auto; }
.network-status-container .network-status { .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-size: 25px 25px;
background-color: #fcd156; background-color: #fcd156;
padding: 10px; padding: 10px;
@ -934,7 +934,7 @@ img.emoji.jumbo {
float: left; float: left;
width: 24px; width: 24px;
height: 100%; 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%; -webkit-mask-size: 100%;
background-color: #ccc; background-color: #ccc;
position: absolute; position: absolute;
@ -955,7 +955,7 @@ input.search {
position: relative; } position: relative; }
input.search.active { input.search.active {
outline: solid 1px #2090ea; outline: solid 1px #2090ea;
background-image: url("/images/x.svg"); background-image: url("../images/x.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; } background-size: 16px; }
input.search.active.ltr { input.search.active.ltr {
@ -1334,7 +1334,7 @@ li.entry .error-icon-container {
width: 24px; width: 24px;
height: 24px; height: 24px;
position: relative; position: relative;
-webkit-mask: url("/images/warning.svg") no-repeat center; -webkit-mask: url("../images/warning.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: red; } background-color: red; }
@ -1445,13 +1445,13 @@ li.entry .error-icon-container {
.message-container .sent .status, .message-container .sent .status,
.message-list .sent .status { .message-list .sent .status {
display: inline-block; 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%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
.message-container .delivered .status, .message-container .delivered .status,
.message-list .delivered .status { .message-list .delivered .status {
display: inline-block; 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%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
.message-container .pending .status, .message-container .pending .status,
@ -1934,7 +1934,7 @@ li.entry .error-icon-container {
.ios .hourglass { .ios .hourglass {
display: inline-block; display: inline-block;
position: relative; 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%; -webkit-mask-size: 100%;
background-color: transparent; background-color: transparent;
background-size: 100%; } background-size: 100%; }
@ -1950,7 +1950,7 @@ li.entry .error-icon-container {
.ios .hourglass .sand { .ios .hourglass .sand {
background: #999; } background: #999; }
.ios .hourglass:after { .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%; -webkit-mask-size: 100%;
background-color: #999; } background-color: #999; }
@ -2010,7 +2010,7 @@ li.entry .error-icon-container {
.android .outgoing .hourglass { .android .outgoing .hourglass {
display: inline-block; display: inline-block;
position: relative; 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%; -webkit-mask-size: 100%;
background-color: transparent; background-color: transparent;
background-size: 100%; } background-size: 100%; }
@ -2026,13 +2026,13 @@ li.entry .error-icon-container {
.android .outgoing .hourglass .sand { .android .outgoing .hourglass .sand {
background: #999; } background: #999; }
.android .outgoing .hourglass:after { .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%; -webkit-mask-size: 100%;
background-color: #999; } background-color: #999; }
.android .incoming .hourglass { .android .incoming .hourglass {
display: inline-block; display: inline-block;
position: relative; 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%; -webkit-mask-size: 100%;
background-color: transparent; background-color: transparent;
background-size: 100%; } background-size: 100%; }
@ -2048,7 +2048,7 @@ li.entry .error-icon-container {
.android .incoming .hourglass .sand { .android .incoming .hourglass .sand {
background: #fff; } background: #fff; }
.android .incoming .hourglass:after { .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%; -webkit-mask-size: 100%;
background-color: #fff; } 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 { .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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android button.clock { .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%; -webkit-mask-size: 100%;
background-color: rgba(255, 255, 255, 0.8); } background-color: rgba(255, 255, 255, 0.8); }
.android button.clock:focus, .android button.clock:hover { .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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android .inactive button.clock { .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%; -webkit-mask-size: 100%;
background-color: rgba(0, 0, 0, 0.5); } background-color: rgba(0, 0, 0, 0.5); }
.android .inactive button.clock:focus, .android .inactive button.clock:hover { .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%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
.android button.hamburger { .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%; -webkit-mask-size: 100%;
background-color: rgba(255, 255, 255, 0.8); } background-color: rgba(255, 255, 255, 0.8); }
.android button.hamburger:focus, .android button.hamburger:hover { .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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android .inactive button.hamburger { .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%; -webkit-mask-size: 100%;
background-color: rgba(0, 0, 0, 0.5); } background-color: rgba(0, 0, 0, 0.5); }
.android .inactive button.hamburger:focus, .android .inactive button.hamburger:hover { .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%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
.android button.back { .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%; -webkit-mask-size: 100%;
background-color: rgba(255, 255, 255, 0.8); } background-color: rgba(255, 255, 255, 0.8); }
.android button.back:focus, .android button.back:hover { .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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android .inactive button.back { .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%; -webkit-mask-size: 100%;
background-color: rgba(0, 0, 0, 0.5); } background-color: rgba(0, 0, 0, 0.5); }
.android .inactive button.back:focus, .android .inactive button.back:hover { .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%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
@ -2244,12 +2244,12 @@ li.entry .error-icon-container {
background-color: #CCCCCC; } background-color: #CCCCCC; }
.android-dark .sent .status { .android-dark .sent .status {
display: inline-block; 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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android-dark .delivered .status { .android-dark .delivered .status {
display: inline-block; 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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android-dark .file-input .paperclip:before { .android-dark .file-input .paperclip:before {
@ -2257,7 +2257,7 @@ li.entry .error-icon-container {
display: inline-block; display: inline-block;
width: 24px; width: 24px;
height: 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%; -webkit-mask-size: 100%;
background-color: white; background-color: white;
transform: rotateZ(-45deg); } transform: rotateZ(-45deg); }
@ -2283,7 +2283,7 @@ li.entry .error-icon-container {
background: white; background: white;
color: #454545; } color: #454545; }
.android-dark .search.active.ltr, .android-dark .search.active.rtl { .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 { .android-dark .bubble {
padding: 9px 12px; padding: 9px 12px;
border-radius: 5px; border-radius: 5px;
@ -2298,7 +2298,7 @@ li.entry .error-icon-container {
.android-dark .outgoing .hourglass { .android-dark .outgoing .hourglass {
display: inline-block; display: inline-block;
position: relative; 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%; -webkit-mask-size: 100%;
background-color: transparent; background-color: transparent;
background-size: 100%; } background-size: 100%; }
@ -2314,13 +2314,13 @@ li.entry .error-icon-container {
.android-dark .outgoing .hourglass .sand { .android-dark .outgoing .hourglass .sand {
background: #999; } background: #999; }
.android-dark .outgoing .hourglass:after { .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%; -webkit-mask-size: 100%;
background-color: #999; } background-color: #999; }
.android-dark .incoming .hourglass { .android-dark .incoming .hourglass {
display: inline-block; display: inline-block;
position: relative; 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%; -webkit-mask-size: 100%;
background-color: transparent; background-color: transparent;
background-size: 100%; } background-size: 100%; }
@ -2336,7 +2336,7 @@ li.entry .error-icon-container {
.android-dark .incoming .hourglass .sand { .android-dark .incoming .hourglass .sand {
background: #fff; } background: #fff; }
.android-dark .incoming .hourglass:after { .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%; -webkit-mask-size: 100%;
background-color: #fff; } 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 { .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%; -webkit-mask-size: 100%;
background-color: #CCCCCC; } background-color: #CCCCCC; }
.android-dark button.clock { .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%; -webkit-mask-size: 100%;
background-color: rgba(255, 255, 255, 0.8); } background-color: rgba(255, 255, 255, 0.8); }
.android-dark button.clock:focus, .android-dark button.clock:hover { .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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android-dark button.hamburger { .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%; -webkit-mask-size: 100%;
background-color: rgba(255, 255, 255, 0.8); } background-color: rgba(255, 255, 255, 0.8); }
.android-dark button.hamburger:focus, .android-dark button.hamburger:hover { .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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android-dark button.back { .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%; -webkit-mask-size: 100%;
background-color: rgba(255, 255, 255, 0.8); } background-color: rgba(255, 255, 255, 0.8); }
.android-dark button.back:focus, .android-dark button.back:hover { .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%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android-dark ::-webkit-scrollbar-thumb { .android-dark ::-webkit-scrollbar-thumb {

10
stylesheets/options.css
Unescape Escape View File

@ -1,17 +1,17 @@
@charset "UTF-8"; @charset "UTF-8";
@font-face { @font-face {
font-family: 'Roboto-Light'; font-family: 'Roboto-Light';
src: url("/fonts/Roboto-Light.ttf") format("truetype"); } src: url("../fonts/Roboto-Light.ttf") format("truetype"); }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url("/fonts/Roboto-Regular.ttf") format("truetype"); } src: url("../fonts/Roboto-Regular.ttf") format("truetype"); }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url("/fonts/Roboto-Italic.ttf") format("truetype"); src: url("../fonts/Roboto-Italic.ttf") format("truetype");
font-style: italic; } font-style: italic; }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url("/fonts/Roboto-Bold.ttf") format("truetype"); src: url("../fonts/Roboto-Bold.ttf") format("truetype");
font-weight: bold; } font-weight: bold; }
.iti-flag { .iti-flag {
width: 16px; width: 16px;
@ -837,7 +837,7 @@
height: 100%; } height: 100%; }
.iti-flag { .iti-flag {
background: url("/images/flags.png"); } background: url("../images/flags.png"); }
* { * {
box-sizing: border-box; } box-sizing: border-box; }

2
stylesheets/options.scss
Unescape Escape View File

@ -3,7 +3,7 @@
@import 'progress'; @import 'progress';
.iti-flag { .iti-flag {
// override intlTelInput's flags image location // override intlTelInput's flags image location
background: url("/images/flags.png"); background: url("../images/flags.png");
} }
* { * {

Write Preview
Loading…
Cancel
Save