Misterzym
/
webogram
mirror of https://github.com/misterzym/webogram.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

merged with master

gh-pages
Igor Zhukov 10 years ago
parent
452a652a65
commit
101e7ccb19
12 changed files with 167 additions and 115 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      app.manifest
  2. 105
      css/app.css
  3. 75
      css/desktop.css
  4. 46
      css/mobile.css
  5. BIN
      img/icons/General.png
  6. BIN
      img/icons/General_1x.png
  7. BIN
      img/icons/IconsetSmiles.png
  8. BIN
      img/icons/IconsetSmiles_1x.png
  9. 2
      index.html
  10. 38
      js/app.js
  11. 12
      js/locales/en-us.json
  12. 2
      webogram.appcache

2
app.manifest
Unescape View File

@ -1,5 +1,5 @@
CACHE MANIFEST
# Time: Mon Jan 19 2015 21:54:22 GMT+0300 (MSK)
# Time: Sat Feb 07 2015 14:01:25 GMT+0300 (MSK)
CACHE:

105
css/app.css
Unescape View File

@ -1254,13 +1254,13 @@ a.tg_radio_on:hover i.icon-radio{background-color:#5785aa}
.login_head_wrap{height:75px}
.login_head_logo_link{display:inline-block;line-height:30px;padding:23px 15px 22px}
.tg_logo_wrap{line-height:30px!important}
.icon-tg-logo{width:30px;height:30px;display:inline-block;vertical-align:top;background:url(../img/icons/General.png) -5px -10px no-repeat;background-size:40px 678px;margin-right:18px}
.icon-tg-logo{width:30px;height:30px;display:inline-block;vertical-align:top;background:url(../img/icons/General.png) -5px -10px no-repeat;background-size:40px 778px;margin-right:18px}
.icon-tg-title{width:63px;height:16px;display:inline-block;vertical-align:middle;background:url(../img/Telegram_2x.png) no-repeat;background-size:63px 16px}
.login_head_submit_progress,.login_head_submit_wrap{float:right}
.login_head_submit_wrap{font-weight:700}
.login_head_submit_btn,.login_head_submit_progress{font-size:13px;line-height:20px;padding:27px 15px 28px;display:inline-block;color:#FFF}
.login_head_submit_btn:active,.login_head_submit_btn:focus,.login_head_submit_btn:hover{color:#FFF;text-decoration:none}
.icon-next-submit{width:7px;height:12px;display:inline-block;vertical-align:middle;background:url(../img/icons/General.png) -18px -50px no-repeat;background-size:40px 678px;margin-left:12px;margin-top:-1px}
.icon-next-submit{width:7px;height:12px;display:inline-block;vertical-align:middle;background:url(../img/icons/General.png) -18px -50px no-repeat;background-size:40px 778px;margin-left:12px;margin-top:-1px}
.login_footer_wrap{color:#84a2bc;font-size:13px;line-height:16px;margin-top:25px;text-align:center}
.logo_footer_learn_more_link,.logo_footer_learn_more_link:active,.logo_footer_learn_more_link:focus,.logo_footer_learn_more_link:hover{color:#84a2bc;font-weight:700}
.login_form_wrap{background:#FFF;padding:44px 65px;-webkit-box-shadow:0 1px 1px rgba(97,127,152,.2),1px 0 0 rgba(97,127,152,.1),-1px 0 0 rgba(97,127,152,.1);-moz-box-shadow:0 1px 1px rgba(97,127,152,.2),1px 0 0 rgba(97,127,152,.1),-1px 0 0 rgba(97,127,152,.1);box-shadow:0 1px 1px rgba(97,127,152,.2),1px 0 0 rgba(97,127,152,.1),-1px 0 0 rgba(97,127,152,.1);border-radius:2px;border:0;margin:0;max-width:none}
@ -1367,11 +1367,11 @@ div.im_message_video_thumb{position:relative}
.im_message_audio,.im_message_document,.im_message_upload_file,.im_message_video{margin-top:3px;width:317px}
.im_message_audio{margin-top:3px}
.im_message_file_button{display:block;background:rgba(218,228,234,.5);float:left;width:42px;height:42px;border-radius:50%;margin-right:10px}
.im_message_file_button_icon{display:inline-block;line-height:0;background:url(../img/icons/General.png) -14px -509px no-repeat;background-size:40px 678px;width:12px;height:18px;margin:12px 15px}
.im_message_file_button_icon{display:inline-block;line-height:0;background:url(../img/icons/General.png) -14px -509px no-repeat;background-size:40px 778px;width:12px;height:18px;margin:12px 15px}
.is_1x .im_message_file_button_icon{background-image:url(../img/icons/General_1x.png)}
.im_message_file_button_dl_doc .im_message_file_button_icon{background-position:-12px -561px;width:16px;height:18px;margin:13px}
.im_message_file_button_dl_audio{background:#6490b1;border-radius:50%}
.im_message_file_button_dl_audio .im_message_file_button_icon{display:block;width:14px;height:16px;background:url(../img/icons/General.png) -13px -611px no-repeat;background-size:40px 678px;margin:13px 16px}
.im_message_file_button_dl_audio .im_message_file_button_icon{display:block;width:14px;height:16px;background:url(../img/icons/General.png) -13px -611px no-repeat;background-size:40px 778px;margin:13px 16px}
.is_1x .im_message_file_button_dl_audio .im_message_file_button_icon{background-image:url(../img/icons/General_1x.png)}
.im_message_file_button_dl_audio .audio_player_btn_icon_pause,.is_1x .im_message_file_button_dl_audio .audio_player_btn_icon_pause{width:12px;height:14px;background-position:-14px -587px;margin:14px 15px}
.im_history_selectable .im_message_outer_wrap:hover .icon-document,.im_message_selected .icon-document{background-color:#dae6f0;background-position:-2px -542px}
@ -1422,12 +1422,6 @@ div.im_message_author,div.im_message_body{display:block;overflow:hidden}
a.im_message_fwd_photo{position:absolute;margin-top:1px}
.im_message_fwd_date{padding:0}
.im_message_text{word-wrap:break-word;line-height:150%}
span.emoji{-moz-box-orient:vertical;display:inline-block;vertical-align:baseline;height:18px;width:18px;background-repeat:no-repeat;text-indent:-9999px}
.emoji-spritesheet-0{background-size:486px 126px;background-image:url(../img/emojisprite_0.png)}
.emoji-spritesheet-1{background-size:522px 72px;background-image:url(../img/emojisprite_1.png)}
.emoji-spritesheet-2{background-size:594px 126px;background-image:url(../img/emojisprite_2.png)}
.emoji-spritesheet-3{background-size:612px 54px;background-image:url(../img/emojisprite_3.png)}
.emoji-spritesheet-4{background-size:612px 126px;background-image:url(../img/emojisprite_4.png)}
.im_history_empty,.im_history_not_selected{visibility:hidden;text-align:center;color:#999;font-size:16px;line-height:18px;padding:1px 50px;margin:0}
.im_history_empty.vertical-aligned,.im_history_not_selected.vertical-aligned{visibility:visible}
.im_history_to_bottom .im_history_empty,.im_history_to_bottom .im_history_not_selected{display:none}
@ -1452,37 +1446,64 @@ img.img_fullsize{margin:0 auto}
.media_modal_author{color:inherit;font-weight:700}
.media_modal_author:hover{color:inherit}
.non_osx .media_modal_author{font-size:12px}
.emoji-wysiwyg-editor:empty:before{content:attr(placeholder);color:#9aa2ab}
.emoji-wysiwyg-editor:active:before,.emoji-wysiwyg-editor:focus:before{content:none}
.emoji-wysiwyg-editor{box-sizing:content-box;-moz-box-sizing:content-box;font-size:12px;margin-bottom:10px;padding:6px;min-height:38px;height:auto;width:auto;max-height:284px;overflow:auto;line-height:17px;border:1px solid #d2dbe3;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;word-wrap:break-word;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
.emoji-wysiwyg-editor img{width:20px;height:20px;vertical-align:middle;margin:-3px 0 0}
.emoji-menu{position:absolute;z-index:999;width:220px;margin-left:-107px;margin-top:-252px;border:1px solid #dfdfdf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}
.emoji-items-wrap1{background:#FFF;padding:5px 2px 5px 5px}
.emoji-items-wrap1 .emoji-menu-tabs{width:100%;margin-bottom:8px;margin-top:3px}
.emoji-items-wrap1 .emoji-menu-tabs td{text-align:center;color:#fff;line-height:0}
.emoji-menu-tabs .emoji-menu-tab{display:inline-block;width:24px;height:29px;background:url(../img/icons/IconsetSmiles.png) no-repeat;background-size:42px 350px}
.is_1x .emoji-menu-tabs .emoji-menu-tab{background-image:url(../img/icons/IconsetSmiles_1x.png)}
.emoji-menu-tabs .icon-recent{background-position:-9px -306px}
.emoji-menu-tabs .icon-recent-selected{background-position:-9px -277px}
.emoji-menu-tabs .icon-smile{background-position:-9px -34px}
.emoji-menu-tabs .icon-smile-selected{background-position:-9px -5px}
.emoji-menu-tabs .icon-flower{background-position:-9px -145px}
.emoji-menu-tabs .icon-flower-selected{background-position:-9px -118px}
.emoji-menu-tabs .icon-bell{background-position:-9px -89px}
.emoji-menu-tabs .icon-bell-selected{background-position:-9px -61px}
.emoji-menu-tabs .icon-car{background-position:-9px -196px}
.emoji-menu-tabs .icon-car-selected{background-position:-9px -170px}
.emoji-menu-tabs .icon-grid{background-position:-9px -248px}
.emoji-menu-tabs .icon-grid-selected{background-position:-9px -222px}
.emoji-menu-tabs .icon-bell,.emoji-menu-tabs .icon-car,.emoji-menu-tabs .icon-flower,.emoji-menu-tabs .icon-grid,.emoji-menu-tabs .icon-recent,.emoji-menu-tabs .icon-smile{opacity:.7}
.emoji-menu-tabs .icon-bell:hover,.emoji-menu-tabs .icon-car:hover,.emoji-menu-tabs .icon-flower:hover,.emoji-menu-tabs .icon-grid:hover,.emoji-menu-tabs .icon-recent:hover,.emoji-menu-tabs .icon-smile:hover{opacity:1}
.emoji-menu .emoji-items-wrap{position:relative;height:174px}
.emoji-menu .emoji-items{padding-right:8px;outline:0!important}
.emoji-menu img{width:20px;height:20px;vertical-align:middle;border:0}
.emoji-menu .emoji-items a{margin:-1px 0 0 -1px;padding:5px;display:block;float:left;border-radius:2px}
.emoji-menu .emoji-items a:hover{background-color:#edf2f5}
.emoji-menu:after{content:' ';display:block;clear:left}
.emoji-menu a .label{display:none}
.composer_emoji_insert_btn{display:block;position:absolute;right:3px;top:2px;cursor:pointer;padding:0;width:22px;height:22px;margin-top:1px}
.icon-emoji{display:inline-block;width:22px;height:22px;vertical-align:top;background:url(../img/icons/General.png) -9px -335px no-repeat;background-size:40px 778px;opacity:.8}
.composer_emoji_tooltip{display:none;position:absolute;z-index:999;width:220px;margin-left:-100px;margin-top:-248px;border:1px solid #dfdfdf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);background:#FFF;padding:5px 2px 5px 5px}
.composer_emoji_tooltip_shown{display:block}
.composer_emoji_tooltip_tail{position:absolute;bottom:-14px;left:50%;margin-left:-13px;overflow:hidden;width:26px;height:14px}
.icon-tooltip-tail{background:#FFF;width:18px;height:18px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);display:inline-block;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.1);box-shadow:1px 1px 1px rgba(0,0,0,.1);border:1px solid #dfdfdf;border-width:0 1px 1px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:relative;top:-8px;left:4px}
.composer_emoji_tooltip_tabs{width:100%;margin-bottom:8px;margin-top:3px}
.composer_emoji_tooltip_tab{line-height:0;color:#fff;display:inline-block;width:24px;height:29px;background:url(../img/icons/IconsetSmiles.png) no-repeat;background-size:42px 470px;cursor:pointer;opacity:.7;margin:0 3px}
.is_1x .composer_emoji_tooltip_tab{background-image:url(../img/icons/IconsetSmiles_1x.png)}
.composer_emoji_tooltip_tab.active{opacity:1}
.composer_emoji_tooltip_tab_recent{background-position:-9px -306px}
.composer_emoji_tooltip_tab_recent.active{background-position:-9px -277px}
.composer_emoji_tooltip_tab_smile{background-position:-9px -34px}
.composer_emoji_tooltip_tab_smile.active{background-position:-9px -5px}
.composer_emoji_tooltip_tab_flower{background-position:-9px -145px}
.composer_emoji_tooltip_tab_flower.active{background-position:-9px -118px}
.composer_emoji_tooltip_tab_bell{background-position:-9px -89px}
.composer_emoji_tooltip_tab_bell.active{background-position:-9px -61px}
.composer_emoji_tooltip_tab_car{background-position:-9px -196px}
.composer_emoji_tooltip_tab_car.active{background-position:-9px -170px}
.composer_emoji_tooltip_tab_grid{background-position:-9px -248px}
.composer_emoji_tooltip_tab_grid.active{background-position:-9px -222px}
.composer_emoji_tooltip_tab_stickers{background-position:-9px -361px}
.composer_emoji_tooltip_tab_stickers.active{background-position:-9px -333px}
.nano.composer_emoji_tooltip_content_wrap{height:174px;position:relative}
.composer_emoji_tooltip_content{padding-right:8px;outline:0!important}
a.composer_emoji_btn{margin:-1px 0 0 -1px;padding:5px;display:block;float:left;border-radius:2px}
a.composer_emoji_btn:hover{background-color:#edf2f5}
.emoji{-moz-box-orient:vertical;display:inline-block;vertical-align:baseline;height:18px;width:18px;background-repeat:no-repeat;text-indent:-9999px;border:0}
.emoji-spritesheet-0{background-size:486px 126px;background-image:url(../img/emojisprite_0.png)}
.emoji-spritesheet-1{background-size:522px 72px;background-image:url(../img/emojisprite_1.png)}
.emoji-spritesheet-2{background-size:594px 126px;background-image:url(../img/emojisprite_2.png)}
.emoji-spritesheet-3{background-size:612px 54px;background-image:url(../img/emojisprite_3.png)}
.emoji-spritesheet-4{background-size:612px 126px;background-image:url(../img/emojisprite_4.png)}
.emoji-w20{width:20px;height:20px;vertical-align:middle;display:inline-block}
.emoji-w20.emoji-spritesheet-0{background-size:540px 140px}
.emoji-w20.emoji-spritesheet-1{background-size:580px 80px}
.emoji-w20.emoji-spritesheet-2{background-size:660px 140px}
.emoji-w20.emoji-spritesheet-3{background-size:680px 60px}
.emoji-w20.emoji-spritesheet-4{background-size:680px 140px}
.emoji-w26{width:26px;height:26px;vertical-align:middle;display:inline-block}
.emoji-w26.emoji-spritesheet-0{background-size:702px 182px}
.emoji-w26.emoji-spritesheet-1{background-size:754px 104px}
.emoji-w26.emoji-spritesheet-2{background-size:858px 182px}
.emoji-w26.emoji-spritesheet-3{background-size:884px 78px}
.emoji-w26.emoji-spritesheet-4{background-size:884px 182px}
.composer_dropdown{display:none;border-radius:2px;padding:6px 0;border:1px solid rgba(15,60,96,.2);-webkit-box-shadow:0 1px 3px 0 rgba(60,75,87,.27);-moz-box-shadow:0 1px 3px 0 rgba(60,75,87,.27);box-shadow:0 1px 3px 0 rgba(60,75,87,.27)}
.composer_dropdown>li>a{display:block;font-size:13px;line-height:15px;padding:4px 10px;color:#52719a}
.composer_dropdown li a.composer_emoji_option_active,.composer_dropdown li a:hover{color:#52719a;background:#f2f6fa}
.composer_emoji_shortcut{display:inline-block;vertical-align:top;margin-left:15px;line-height:20px}
.composer_sticker_btn{width:67px;height:67px;display:block;display:inline-block;text-align:center;padding:3px}
.composer_sticker_btn:hover{background:#f2f6fa}
.composer_sticker_image{max-width:64px;max-height:64px}
.composer_rich_textarea{box-sizing:content-box;-moz-box-sizing:content-box;font-size:12px;margin-bottom:10px;padding:6px;min-height:38px;height:auto;width:auto;max-height:284px;overflow:auto;line-height:17px;border:1px solid #d2dbe3;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;word-wrap:break-word;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
.composer_rich_textarea:empty:before{content:attr(placeholder);color:#9aa2ab}
.composer_rich_textarea:active:before,.composer_rich_textarea:focus:before{content:none}
.composer_rich_textarea:empty:active:before,.composer_rich_textarea:empty:focus:before{content:attr(placeholder);color:#9aa2ab}
.composer_rich_textarea img{width:20px;height:20px;vertical-align:middle;margin:-3px 0 0}
.error_modal_description{color:#999;padding:5px 0;font-size:13px;line-height:160%}
.error_modal_details textarea{display:block;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:10px;line-height:100%;white-space:pre-wrap;padding:4px;margin:10px 0;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;width:100%;text-align:left}
.error_modal_details_link,.error_modal_details_link:hover{font-size:11px;color:#999}
@ -1554,7 +1575,7 @@ img.chat_modal_participant_photo{width:40px;height:40px}
.user_bgcolor_8{background:#fba76f}
a.peer_photo_init:active,a.peer_photo_init:focus,a.peer_photo_init:hover{text-decoration:none}
.peer_initials{display:block;color:#FFF;text-align:center;text-transform:uppercase}
.im_dialogs_contacts_wrap h5{color:#999;font-size:13px;margin-left:20px;font-weight:700}
.im_dialogs_contacts_wrap h5,.im_dialogs_messages_wrap h5{color:#999;font-size:13px;margin-left:20px;font-weight:700}
.img_gif_with_progress_wrap{position:relative;overflow:hidden;float:left;margin-top:3px;max-width:100%}
.img_gif_thumb{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');margin:-1px;padding:1px;max-width:100%}
.img_gif_image{max-width:100%}

75
css/desktop.css
Unescape View File

@ -171,7 +171,7 @@
margin-right: 38px;
display: inline-block;
background: url(../img/icons/General.png) no-repeat -10px -111px;
background-size: 40px 678px;
background-size: 40px 778px;
vertical-align: top;
margin-top: 3px;
}
@ -183,7 +183,7 @@
display: inline-block;
vertical-align: top;
background: url(../img/icons/General.png) no-repeat -11px -135px;
background-size: 40px 678px;
background-size: 40px 778px;
}
.icon-settings {
width: 20px;
@ -193,7 +193,7 @@
display: inline-block;
vertical-align: top;
background: url(../img/icons/General.png) no-repeat -10px -163px;
background-size: 40px 678px;
background-size: 40px 778px;
}
.icon-faq {
width: 20px;
@ -203,7 +203,7 @@
display: inline-block;
vertical-align: top;
background: url(../img/icons/General.png) no-repeat -10px -637px;
background-size: 40px 678px;
background-size: 40px 778px;
}
.icon-about {
width: 21px;
@ -212,7 +212,7 @@
display: inline-block;
vertical-align: top;
background: url(../img/icons/General.png) no-repeat -10px -193px;
background-size: 40px 678px;
background-size: 40px 778px;
}
.is_1x .icon-new-group,
.is_1x .icon-contacts,
@ -315,7 +315,7 @@
.icon-filter-audio {
display: inline-block;
background: url(../img/icons/General.png) no-repeat 0 0;
background-size: 40px 678px;
background-size: 40px 778px;
margin-right: 12px;
vertical-align: top;
}
@ -408,11 +408,11 @@
opacity : 0.99;
}
.emoji-menu .nano > .nano-pane {
.composer_emoji_tooltip .nano > .nano-pane {
background : rgba(255,255,255,0.0);
right: -2px;
}
.emoji-menu .nano > .nano-pane > .nano-slider {
.composer_emoji_tooltip .nano > .nano-pane > .nano-slider {
background: #d1d1d1;
margin: 0 3px 0 4px;
}
@ -722,26 +722,21 @@ a.footer_link.active:active {
background: inherit;
}
.im_emoji_quick_select_area {
.composer_emoji_panel {
display: block;
height: 30px;
overflow: hidden;
max-width: 210px;
}
.im_emoji_quick_select_area a {
.composer_emoji_panel a {
display: inline-block;
padding: 5px;
outline: 0;
border-radius: 2px;
}
.im_emoji_quick_select_area a:hover {
/*.composer_emoji_panel a:hover {
background-color: #edf2f5;
}
.im_emoji_quick_select_area a .label {
display: none;
}
}*/
.im_message_selected .im_message_date,
.im_message_selected .im_message_document_size,
@ -940,7 +935,8 @@ a.im_panel_peer_photo .peer_initials {
margin-left: 36px;
}
.im_emoji_btn {
/*.composer_emoji_insert_btn {
display: block;
position: absolute;
right: 3px;
top: 2px;
@ -950,33 +946,48 @@ a.im_panel_peer_photo .peer_initials {
width: 22px;
height: 22px;
margin-top: 1px;
}
.icon-emoji {
}*/
/*.icon-emoji {
display: inline-block;
width: 22px;
height: 22px;
vertical-align: top;
background: url(../img/icons/General.png) no-repeat -9px -335px;
background-size: 40px 678px;
background-size: 40px 778px;
opacity: 0.8;
}
}*/
.is_1x .icon-emoji {
background-image: url(../img/icons/General_1x.png);
}
.im_emoji_btn:hover .icon-emoji {
.composer_emoji_insert_btn:hover .icon-emoji {
opacity: 1;
}
.im_emoji_btn:active .icon-emoji,
.im_emoji_btn.on .icon-emoji {
.composer_emoji_insert_btn:active .icon-emoji,
.composer_emoji_insert_btn.composer_emoji_insert_btn_on .icon-emoji {
background-position: -9px -367px;
opacity: 1;
}
.im_send_field_wrap {
margin-bottom: 15px;
}
.emoji-wysiwyg-editor,
.form-control.im_message_field {
.composer_rich_textarea,
.composer_textarea {
border-radius: 0;
border: 0;
box-shadow: none;
@ -988,8 +999,8 @@ a.im_panel_peer_photo .peer_initials {
line-height: 20px;
height: auto;
}
.emoji-wysiwyg-editor:focus,
.form-control.im_message_field:focus {
.composer_rich_textarea:focus,
.composer_textarea:focus {
border: 0;
box-shadow: none;
outline: none;
@ -1014,7 +1025,7 @@ a.im_panel_peer_photo .peer_initials {
height: 17px;
vertical-align: top;
background: url(../img/icons/General.png) no-repeat -11px -455px;
background-size: 40px 678px;
background-size: 40px 778px;
opacity: 0.8;
margin: 0;
}
@ -1050,7 +1061,7 @@ a.im_panel_peer_photo .peer_initials {
height: 18px;
vertical-align: top;
background: url(../img/icons/General.png) no-repeat -10px -399px;
background-size: 40px 678px;
background-size: 40px 778px;
opacity: 0.8;
}
.is_1x .icon-camera {
@ -1586,7 +1597,7 @@ div.im_dialog_photo .peer_initials {
background-size: 40px 200px;
width: 16px;
height: 24px;
opacity: 0.3;
opacity: 0.15;
position: absolute;
top: 50%;
pointer-events: none;

46
css/mobile.css
Unescape View File

@ -1105,7 +1105,7 @@ a.mobile_modal_action .tg_checkbox_label {
display: block;
}
.im_emoji_btn {
.composer_emoji_insert_btn {
position: absolute;
left: 0;
top: 0;
@ -1127,10 +1127,10 @@ a.mobile_modal_action .tg_checkbox_label {
.is_1x .icon-emoji {
background-image: url(../img/icons/IconsetW_1x.png);
}
.im_emoji_btn:active .icon-emoji,
.is_1x .im_emoji_btn:active .icon-emoji,
.im_emoji_btn.on .icon-emoji,
.is_1x .im_emoji_btn.on .icon-emoji {
.composer_emoji_insert_btn:active .icon-emoji,
.is_1x .composer_emoji_insert_btn:active .icon-emoji,
.composer_emoji_insert_btn.on .icon-emoji,
.is_1x .composer_emoji_insert_btn.on .icon-emoji {
background-position: -10px -803px;
}
@ -1141,21 +1141,21 @@ a.mobile_modal_action .tg_checkbox_label {
.im_send_field_wrap .form-control {
border-radius: 4px;
}
.emoji-wysiwyg-editor {
.composer_rich_textarea {
min-height: 18px;
max-height: 136px;
margin-bottom: 0;
font-size: 15px;
}
.emoji-wysiwyg-editor:empty {
.composer_rich_textarea:empty {
background: #f1f1f1;
border-color: #f1f1f1;
}
.emoji-wysiwyg-editor:empty:before {
.composer_rich_textarea:empty:before {
color: #999;
}
.emoji-wysiwyg-editor:active,
.emoji-wysiwyg-editor:focus {
.composer_rich_textarea:active,
.composer_rich_textarea:focus {
box-shadow: none;
outline: 0;
background: #FFF;
@ -1164,17 +1164,33 @@ a.mobile_modal_action .tg_checkbox_label {
}
.emoji-menu {
margin-left: -20px;
margin-top: -202px;
.composer_emoji_tooltip {
margin-left: 10px;
margin-top: -175px;
width: 262px;
}
.emoji-menu .emoji-items-wrap {
.composer_emoji_tooltip .composer_emoji_tooltip_content {
height: 106px;
}
.emoji-menu .emoji-items a {
.composer_emoji_tooltip .composer_emoji_tooltip_content .composer_emoji_btn {
padding: 5px;
}
.icon-tooltip-tail {
display: none;
}
.composer_emoji_tooltip_tab {
margin: 0 5px;
}
.composer_sticker_btn {
width: 80px;
height: 80px;
padding: 3px;
}
.composer_sticker_image {
max-width: 64px;
max-height: 64px;
}
.contacts_modal_search {

BIN
img/icons/General.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
img/icons/General_1x.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
img/icons/IconsetSmiles.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

BIN
img/icons/IconsetSmiles_1x.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

2
index.html
Unescape View File

@ -1 +1 @@
<!doctype html><html lang=en manifest=webogram.appcache ng-csp="" xmlns:ng=http://angularjs.org id=ng-app><head><meta charset=utf-8><meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><title>Telegram Web</title><link rel=stylesheet href=css/app.css><link rel=icon href=favicon.ico type=image/x-icon><link rel=apple-touch-icon href=img/iphone_home120.png><link rel=apple-touch-icon sizes=120x120 href=img/iphone_home120.png><link rel=apple-touch-startup-image media="(device-width: 320px)" href=img/iphone_startup.png><meta name=apple-mobile-web-app-title content="Telegram Web"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black-translucent><meta name=theme-color content=#497495><meta property=og:title content="Telegram Web"><meta property=og:url content="https://web.telegram.org/"><meta property=og:image content=https://web.telegram.org/img/logo_share.png><meta property=og:site_name content="Telegram Web"><meta property=og:description content="Welcome to the Web application of Telegram messenger. See https://github.com/zhukov/webogram for more info."></head><body><div class=page_wrap ng-view=""></div><div id=notify_sound></div><script src=js/app.js></script></body></html>
<!doctype html><html lang=en manifest=webogram.appcache ng-csp xmlns:ng=http://angularjs.org id=ng-app><head><meta charset=utf-8><meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><title>Telegram Web</title><link rel=stylesheet href=css/app.css><link rel=icon href=favicon.ico type=image/x-icon><link rel=apple-touch-icon href=img/iphone_home120.png><link rel=apple-touch-icon sizes=120x120 href=img/iphone_home120.png><link rel=apple-touch-startup-image media="(device-width: 320px)" href=img/iphone_startup.png><meta name=apple-mobile-web-app-title content="Telegram Web"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black-translucent><meta name=theme-color content=#497495><meta property=og:title content="Telegram Web"><meta property=og:url content="https://web.telegram.org/"><meta property=og:image content=https://web.telegram.org/img/logo_share.png><meta property=og:site_name content="Telegram Web"><meta property=og:description content="Welcome to the Web application of Telegram messenger. See https://github.com/zhukov/webogram for more info."></head><body><div class=page_wrap ng-view></div><div id=notify_sound></div><script src=js/app.js></script></body></html>

38
js/app.js
View File

File diff suppressed because one or more lines are too long

12
js/locales/en-us.json
Unescape View File

@ -10,6 +10,8 @@
"group_modal_info": "Group info",
"group_modal_pluralize_participants": "{'0': 'No members', 'one': '1 member', 'other': '{} members'}",
"group_modal_pluralize_online_participants": "{'one': '1 online', 'other': '{} online'}",
"group_modal_participants": "{total}, {online}",
"group_modal_add_member": "Add member",
"group_modal_return": "Return to group",
"group_modal_update_photo": "Update photo",
@ -22,7 +24,7 @@
"group_modal_settings": "Settings",
"group_modal_notifications": "Notifications",
"group_modal_members": "Members",
"group_modal_members_kick": "Kick",
"group_modal_members_kick": "Remove",
"country_select_modal_title": "Country",
@ -201,9 +203,9 @@
"conversation_returned_to_group": "returned to group",
"conversation_invited_user": "invited {user}",
"conversation_left_group": "left group",
"conversation_kicked_user": "kicked {user}",
"conversation_kicked_user": "removed {user}",
"conversation_invited_user_message": "invited user",
"conversation_kicked_user_message": "kicked user",
"conversation_kicked_user_message": "removed user",
"conversation_unknown_user": "Somebody",
"conversation_unknown_chat": "Unknown chat",
@ -214,7 +216,7 @@
"message_service_removed_group_photo": "removed group photo",
"message_service_invited_user": "invited {user}",
"message_service_returned_to_group": "returned to group",
"message_service_kicked_user": "kicked {user}",
"message_service_kicked_user": "removed {user}",
"message_service_left_group": "left group",
"message_service_unsupported_action": "Unsupported action {action}",
@ -315,6 +317,8 @@
"im_one_typing": "{name1} is typing{dots}",
"im_two_typing": "{name1} and {name2} are typing{dots}",
"im_many_typing": "{name1}, {name2} and {count} more are typing{dots}",
"im_conversation_single_typing": "typing{dots}",
"im_conversation_group_typing": "{name} is typing{dots}",
"im_delete_chat": "Delete Chat",
"im_clear_history": "Clear History",
"im_delete": "Delete {count}",

2
webogram.appcache
Unescape View File

@ -1,5 +1,5 @@
CACHE MANIFEST
# Time: Mon Jan 19 2015 21:54:22 GMT+0300 (MSK)
# Time: Sat Feb 07 2015 14:01:25 GMT+0300 (MSK)
CACHE:

Write Preview
Loading…
Cancel
Save