☰

css changes

css for telgram web

  1. // ==UserScript==
  2. // @name         css changes
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.2
  5. // @description  css for telgram web
  6. // @author       You
  7. // @match        https://web.telegram.org/
  8. // @grant        GM_addStyle
  9. // @run-at   document-start
  10. // ==/UserScript==
  11.  
  12. GM_addStyle ( `
  13. body.non_osx {
  14.     font-family: Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;
  15.     font-size: 15px;
  16. }
  17. .im_content_message_wrap.im_message_in{
  18. float: right;
  19. border-radius: 10px;
  20. padding: 10px;
  21. background-color:white;
  22. max-width: 70%;
  23. }
  24. .im_content_message_wrap.im_message_in:after  {
  25. 	content: '';
  26. 	position: absolute;
  27. 	right: 0;
  28. 	top: 20px;
  29. 	width: 0;
  30. 	height: 0;
  31. 	border: 13px solid transparent;
  32. 	border-left-color: white;
  33. 	border-right: 0;
  34. 	border-top: 0;
  35. 	margin-top: -6.5px;
  36. 	margin-right: 18px;
  37. }
  38. .im_content_message_wrap.im_message_out{
  39. float: left;
  40. border-radius: 10px;
  41. padding: 10px;
  42. background-color:#DCF8C6;
  43. margin-right:10px;
  44. max-width: 70%;
  45. }
  46. .im_content_message_wrap.im_message_out:after {
  47. 	content: '';
  48. 	position: absolute;
  49. 	left: 0;
  50. 	bottom: 13px;
  51. 	width: 0;
  52. 	height: 0;
  53. 	border: 13px solid transparent;
  54. 	border-right-color: #DCF8C6;
  55. 	border-left: 0;
  56. 	border-bottom: 0;
  57. 	margin-top: -6.5px;
  58. 	margin-left: 22px;
  59. }
  60. .im_history_col_wrap.noselect.im_history_loaded{
  61. background-image:url("https://external-preview.redd.it/rEwFriCkfAtjOb5b-23b4tGGVcuvfaBqamYNJrgxnLM.png?auto=webp&s=f3bf0b5c90e4c5fda12ff2139781c854554fd198");
  62. background-color:#E5DDD5;
  63. }
  64. .im_bottom_panel_wrap{
  65. background-color:#eae1da;
  66. border-top:1px solid #f2f2f2;
  67. }
  68. .im_page_wrap,.tg_head_split{
  69. max-width: 90% !important;
  70. }
  71.  
  72. .im_dialog_wrap{
  73. border-bottom:1px solid #f2f2f2;
  74. }
  75.  
  76. .composer_rich_textarea{
  77. font-family: Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;
  78. font-size: 15px;
  79. background-color:white;
  80. }
  81. .im_message_wrap {
  82.     max-width: 90% !important;
  83. }
  84. .im_message_reply {
  85.     background-color: #eaede8;
  86.     padding: 5px;
  87.     border-radius: 5px;
  88.     font-size:12px;
  89. }
  90. .im_message_date_split_text{
  91. color:#7c8284;
  92. background-color:#E0F1FB;
  93. padding:4px;
  94. border-radius:5px;
  95. }
  96. ` );
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115.