r4sas/webogram-i2p
1
0
Fork 0
Code Issues Releases Wiki Activity

Added audio button icons

Browse Source
This commit is contained in:
Igor Zhukov 2014-09-26 12:07:51 +04:00
parent 4c87b0e317
commit 8a2ad40ad3
4 changed files with 32 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
app/css/app.css
View File

@ -425,7 +425,7 @@ input[type="number"] {
.modal-close-button i { .modal-close-button i {
display: inline-block; display: inline-block;
background: url(../img/icons/IconsetW.png) -15px -320px no-repeat; background: url(../img/icons/IconsetW.png) -15px -320px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
width: 12px; width: 12px;
height: 12px; height: 12px;
margin: 21px; margin: 21px;
@ -877,7 +877,7 @@ input.tg_range::-moz-range-thumb {
font-size: 12px; font-size: 12px;
line-height: normal; line-height: normal;
background: #F2F2F2 url(../img/icons/IconsetW.png) -6px -205px no-repeat; background: #F2F2F2 url(../img/icons/IconsetW.png) -6px -205px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
border: 1px solid #F2F2F2; border: 1px solid #F2F2F2;
border-radius: 3px; border-radius: 3px;
padding: 6px 20px 6px 30px; padding: 6px 20px 6px 30px;
@ -905,7 +905,7 @@ input.tg_range::-moz-range-thumb {
height: 13px; height: 13px;
vertical-align: text-top; vertical-align: text-top;
background: url(../img/icons/IconsetW.png) -15px -192px no-repeat; background: url(../img/icons/IconsetW.png) -15px -192px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
opacity: 0.6; opacity: 0.6;
} }
.is_1x .im_dialogs_search_clear { .is_1x .im_dialogs_search_clear {
@ -1111,7 +1111,7 @@ a.im_dialog_selected .im_dialog_date {
margin-left: 6px; margin-left: 6px;
background: url(../img/icons/IconsetW.png) -17px -444px no-repeat; background: url(../img/icons/IconsetW.png) -17px -444px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
} }
.is_1x .icon-caret { .is_1x .icon-caret {
background-image: url(../img/icons/IconsetW_1x.png); background-image: url(../img/icons/IconsetW_1x.png);
@ -1273,7 +1273,7 @@ div.im_message_video_thumb {
height: 42px; height: 42px;
background: url(../img/icons/IconsetW.png) 0 -590px no-repeat; background: url(../img/icons/IconsetW.png) 0 -590px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
z-index: 1; z-index: 1;
} }
.is_1x .icon-videoplay { .is_1x .icon-videoplay {
@ -1300,7 +1300,7 @@ div.im_message_video_thumb {
height: 19px; height: 19px;
background: url(../img/icons/IconsetW.png) -14px -389px no-repeat; background: url(../img/icons/IconsetW.png) -14px -389px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
} }
.is_1x .icon-geo-point { .is_1x .icon-geo-point {
background-image: url(../img/icons/IconsetW_1x.png); background-image: url(../img/icons/IconsetW_1x.png);
@ -1361,7 +1361,7 @@ div.im_message_video_thumb {
vertical-align: text-top; vertical-align: text-top;
background: #F2F2F2 url(../img/icons/IconsetW.png) -2px -229px no-repeat; background: #F2F2F2 url(../img/icons/IconsetW.png) -2px -229px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
border-radius: 3px; border-radius: 3px;
margin-right: 10px; margin-right: 10px;
} }
@ -1440,6 +1440,22 @@ img.im_message_document_thumb {
border-radius: 3px; border-radius: 3px;
margin-right: 12px; margin-right: 12px;
} }
.audio_player_btn_icon {
display: block;
width: 13px;
height: 18px;
background: url(../img/icons/IconsetW.png) -15px -898px no-repeat;
background-size: 42px 971px;
}
.is_1x .audio_player_btn_icon {
background-image: url(../img/icons/IconsetW_1x.png);
}
.audio_player_btn_icon_pause {
background-position: -15px -924px;
}
.audio_player_btn_icon_cancel {
background-position: -15px -948px;
}
.audio_player_title_wrap { .audio_player_title_wrap {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -1698,7 +1714,7 @@ textarea.im_message_field {
height: 23px; height: 23px;
vertical-align: text-top; vertical-align: text-top;
background: url(../img/icons/IconsetW.png) -12px -68px no-repeat; background: url(../img/icons/IconsetW.png) -12px -68px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
opacity: 0.8; opacity: 0.8;
} }
.is_1x .icon-paperclip { .is_1x .icon-paperclip {
@ -1726,7 +1742,7 @@ textarea.im_message_field {
height: 23px; height: 23px;
vertical-align: text-top; vertical-align: text-top;
background: url(../img/icons/IconsetW.png) -10px -4px no-repeat; background: url(../img/icons/IconsetW.png) -10px -4px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
opacity: 0.8; opacity: 0.8;
} }
.is_1x .icon-emoji { .is_1x .icon-emoji {
@ -1775,7 +1791,7 @@ textarea.im_message_field {
height: 21px; height: 21px;
vertical-align: text-top; vertical-align: text-top;
background: url(../img/icons/IconsetW.png) -9px -132px no-repeat; background: url(../img/icons/IconsetW.png) -9px -132px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
opacity: 0.8; opacity: 0.8;
} }
.is_1x .icon-camera { .is_1x .icon-camera {
@ -2114,7 +2130,7 @@ a:hover .icon-twitter {
font-size: 12px; font-size: 12px;
line-height: normal; line-height: normal;
background: url(../img/icons/IconsetW.png) -6px -205px no-repeat; background: url(../img/icons/IconsetW.png) -6px -205px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
border: 1px solid #d9dbde; border: 1px solid #d9dbde;
border-radius: 3px; border-radius: 3px;
padding: 6px 15px 6px 30px; padding: 6px 15px 6px 30px;
@ -2133,7 +2149,7 @@ a:hover .icon-twitter {
height: 13px; height: 13px;
vertical-align: text-top; vertical-align: text-top;
background: url(../img/icons/IconsetW.png) -15px -192px no-repeat; background: url(../img/icons/IconsetW.png) -15px -192px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
opacity: 0.6; opacity: 0.6;
} }
.is_1x .contacts_modal_search_clear { .is_1x .contacts_modal_search_clear {
@ -2249,7 +2265,7 @@ img.chat_modal_participant_photo {
width: 25px; width: 25px;
height: 25px; height: 25px;
background: url(../img/icons/IconsetW.png) -9px -516px no-repeat; background: url(../img/icons/IconsetW.png) -9px -516px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
opacity: 0.5; opacity: 0.5;
} }
.is_1x .icon-contact-tick { .is_1x .icon-contact-tick {
@ -2330,7 +2346,7 @@ img.chat_modal_participant_photo {
height: 26px; height: 26px;
margin: 13px 0 0 40px; margin: 13px 0 0 40px;
background: url(../img/icons/IconsetW.png) -9px -516px no-repeat; background: url(../img/icons/IconsetW.png) -9px -516px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
} }
.is_1x .icon-select-tick { .is_1x .icon-select-tick {
background-image: url(../img/icons/IconsetW_1x.png); background-image: url(../img/icons/IconsetW_1x.png);
@ -2449,7 +2465,7 @@ ce671b orange
font-size: 12px; font-size: 12px;
line-height: normal; line-height: normal;
background: #F2F2F2 url(../img/icons/IconsetW.png) -6px -205px no-repeat; background: #F2F2F2 url(../img/icons/IconsetW.png) -6px -205px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
border: 1px solid #F2F2F2; border: 1px solid #F2F2F2;
border-radius: 3px; border-radius: 3px;
padding: 6px 20px 6px 30px; padding: 6px 20px 6px 30px;
@ -2472,7 +2488,7 @@ ce671b orange
height: 13px; height: 13px;
vertical-align: text-top; vertical-align: text-top;
background: url(../img/icons/IconsetW.png) -15px -192px no-repeat; background: url(../img/icons/IconsetW.png) -15px -192px no-repeat;
background-size: 42px 891px; background-size: 42px 971px;
opacity: 0.6; opacity: 0.6;
} }
.is_1x .countries_modal_search_clear { .is_1x .countries_modal_search_clear {

BIN
app/img/icons/IconsetW.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 25 KiB

BIN
app/img/icons/IconsetW_1x.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
app/img/screenshot1_tile.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 158 KiB