by Jay2k1 • 9 months ago • CSS
  1. /* Better CSS box */
  2. #user-specified-css-input {
  3.   font-family: monospace;
  4.   font-size:12px;
  5.   height: 400px;
  6. }
  7.  
  8. /* reduce free space in channel bar */
  9. #sidebar .badge, #sidebar .close {
  10.         margin-right: 10px;
  11. }
  12. #sidebar .networks {
  13.         padding: 15px 10px 0 10px;
  14. }
  15. #sidebar .network {
  16.         margin-bottom:13px;
  17. }
  18. #sidebar .chan {
  19.         padding: 0px 0px 10px 10px;
  20.         margin:0;
  21. }
  22. #sidebar .chan::before {
  23.         top: 0px;
  24.         margin-right: 8px;
  25. }
  26.  
  27. /* don't display join and insecure icons/tooltips on networks */
  28. .add-channel, .add-channel-tooltip, .not-secure-tooltip, .not-secure-icon {
  29.   display:none;
  30. }
  31.  
  32. /* make some fonts smaller */
  33. .userlist {
  34.     font-size: 12px;
  35. }
  36.  
  37. #windows #form .input,
  38. #windows .header .topic,
  39. .messages .msg,
  40. .sidebar,
  41. #sidebar .chan {
  42.     font-size: 13px;
  43. }
  44.  
  45.  
  46. /* make wendy's preview images smaller */
  47. #chat .msg[data-from="Wendy"] div.preview a.toggle-thumbnail img.thumb {
  48.     max-width: 48px;
  49.     max-height: 32px;
  50. }
  51. #chat .msg[data-from="lounge-bot"] div.preview a.toggle-thumbnail img.thumb {
  52.     max-width: 48px;
  53.     max-height: 32px;
  54. }
  55. /* do not display inline previews in #testing */
  56. div .chan[data-title="#testing"] div.preview {
  57.     display:none;
  58. }
  59. /* do not display inline previews from github */
  60. div.preview[data-url*="github.com"] {
  61.     display:none;
  62. }
  63. /* do not display inline previews from clair */
  64. div .msg[data-from="clair"] div.preview {
  65.     display:none;
  66. }
  67.  
  68. /*** inline media: ***
  69. make thumbnails larger, make text wrap,
  70. always expand text and hide "more" button
  71. */
  72. #chat .toggle-content .thumb {
  73.         max-width: 200px;
  74.         max-height: 200px;
  75. }
  76.  
  77. #chat .toggle-content .toggle-text {
  78.   white-space: normal
  79. }
  80. #chat .more {
  81.   display:none !important;
  82. }
  83.  
  84. /* colorize own text */
  85. #chat .self .text {
  86.   color: yellow;
  87. }