|
@@ -67,10 +67,22 @@ a {
|
|
|
color: #2090ea; }
|
|
|
|
|
|
.inactive button.back {
|
|
|
- background: url("/images/back.png") no-repeat center center; }
|
|
|
+ -webkit-mask: url("/images/back.svg") no-repeat center;
|
|
|
+ -webkit-mask-size: 100%;
|
|
|
+ background-color: rgba(0, 0, 0, 0.5); }
|
|
|
+ .inactive button.back:hover {
|
|
|
+ -webkit-mask: url("/images/back.svg") no-repeat center;
|
|
|
+ -webkit-mask-size: 100%;
|
|
|
+ background-color: black; }
|
|
|
|
|
|
button.back {
|
|
|
- background: url("/images/back_white.png") no-repeat center center; }
|
|
|
+ -webkit-mask: url("/images/back.svg") no-repeat center;
|
|
|
+ -webkit-mask-size: 100%;
|
|
|
+ background-color: rgba(255, 255, 255, 0.8); }
|
|
|
+ button.back:hover {
|
|
|
+ -webkit-mask: url("/images/back.svg") no-repeat center;
|
|
|
+ -webkit-mask-size: 100%;
|
|
|
+ background-color: white; }
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
width: 10px; }
|
|
@@ -91,7 +103,13 @@ button.back {
|
|
|
display: table-cell; }
|
|
|
|
|
|
.inactive .menu .hamburger {
|
|
|
- background: url("/images/menu_black.png") no-repeat center; }
|
|
|
+ -webkit-mask: url("/images/menu.svg") no-repeat center;
|
|
|
+ -webkit-mask-size: 100%;
|
|
|
+ background-color: rgba(0, 0, 0, 0.5); }
|
|
|
+ .inactive .menu .hamburger:hover {
|
|
|
+ -webkit-mask: url("/images/menu.svg") no-repeat center;
|
|
|
+ -webkit-mask-size: 100%;
|
|
|
+ background-color: black; }
|
|
|
|
|
|
.menu {
|
|
|
position: relative;
|
|
@@ -99,10 +117,14 @@ button.back {
|
|
|
.menu .hamburger {
|
|
|
width: 36px;
|
|
|
height: 36px;
|
|
|
- background: url("/images/menu.png") no-repeat center;
|
|
|
- vertical-align: middle; }
|
|
|
+ vertical-align: middle;
|
|
|
+ -webkit-mask: url("/images/menu.svg") no-repeat center;
|
|
|
+ -webkit-mask-size: 100%;
|
|
|
+ background-color: rgba(255, 255, 255, 0.8); }
|
|
|
.menu .hamburger:hover {
|
|
|
- background-color: rgba(0, 0, 0, 0.2); }
|
|
|
+ -webkit-mask: url("/images/menu.svg") no-repeat center;
|
|
|
+ -webkit-mask-size: 100%;
|
|
|
+ background-color: white; }
|
|
|
.menu .menu-list {
|
|
|
display: none;
|
|
|
position: absolute;
|
|
@@ -217,10 +239,6 @@ img.emoji {
|
|
|
.new-group-update .members .contact .number {
|
|
|
display: none; }
|
|
|
|
|
|
-.conversation-header .check {
|
|
|
- float: right;
|
|
|
- background: url("/images/check.png") no-repeat center center; }
|
|
|
-
|
|
|
.conversation-list-item {
|
|
|
cursor: pointer; }
|
|
|
.conversation-list-item:hover {
|
|
@@ -511,23 +529,11 @@ input.search {
|
|
|
display: block;
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
- background: url("/images/x.png") no-repeat center;
|
|
|
+ background: url("/images/x.svg") no-repeat center;
|
|
|
background-size: cover; }
|
|
|
input.search::-webkit-search-cancel-button:hover {
|
|
|
cursor: pointer; }
|
|
|
|
|
|
-.tool-bar button.show-new-conversation {
|
|
|
- float: right;
|
|
|
- height: 36px;
|
|
|
- width: 36px;
|
|
|
- border: 0;
|
|
|
- outline: 0;
|
|
|
- font: 300 36px Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
|
- color: white;
|
|
|
- background: url("/images/pencil.png") no-repeat center center; }
|
|
|
- .tool-bar button.show-new-conversation:hover {
|
|
|
- background-color: #ebebeb; }
|
|
|
-
|
|
|
.last-timestamp {
|
|
|
font-size: smaller;
|
|
|
float: right;
|
|
@@ -732,14 +738,6 @@ input.search {
|
|
|
font-weight: bold; }
|
|
|
.message-detail .info button span {
|
|
|
vertical-align: middle; }
|
|
|
- .message-detail .info button:before {
|
|
|
- content: '';
|
|
|
- display: inline-block;
|
|
|
- vertical-align: middle;
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
- background: url("/images/refresh.png") no-repeat center center;
|
|
|
- background-size: 100%; }
|
|
|
.message-detail .contacts .contact-detail {
|
|
|
padding: 0 36px;
|
|
|
margin-bottom: 5px; }
|
|
@@ -886,11 +884,15 @@ input.search {
|
|
|
.message-container .sent .status,
|
|
|
.message-list .sent .status {
|
|
|
display: inline-block;
|
|
|
- background: url("/images/check-black.png") 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;
|
|
|
- background: url("/images/double-check-black.png") center; }
|
|
|
+ -webkit-mask: url("/images/double-check.svg") no-repeat center;
|
|
|
+ -webkit-mask-size: 100%;
|
|
|
+ background-color: black; }
|
|
|
.message-container .pending .status,
|
|
|
.message-list .pending .status {
|
|
|
display: inline-block;
|