Guest User

Stylebot: Simplify Gmail Style *EXTREMELY BASIC*

a guest
Aug 19th, 2021
676
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.15 KB | None | 0 0
  1. /*
  2. The following style is for use with the Stylebot extension supported by various web browsers:
  3. https://stylebot.dev/
  4.  
  5. This has only been tested with the Google Chrome extension:
  6. https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en-US
  7.  
  8. It is by no means perfect but if you only want a few of the most basic
  9. UI changes that Simplify Gmail offers this might just do the trick for you.
  10.  
  11. Note: Prior to using this Stylebot style, I toggled settings in Gmail
  12.       to give me the most basic UI possible to begin with.
  13.  
  14. Please see the following Imgur gallery to see images displaying the
  15. following views: Before, After, Hover Top, Hover Left
  16.  
  17. https://imgur.com/a/qSUmRS3
  18.  
  19. */
  20.  
  21.  
  22. /* Set Padding for Search Box
  23.  
  24.    NOTE: Look into making this value dynamic.
  25.    
  26. */
  27. div.gb_Fe {
  28.   padding-left: 165px;
  29. }
  30.  
  31. /* Set Padding for Left Navigation Bar */
  32. div.V3 {
  33.   padding-top: 32px;
  34. }
  35.  
  36. /* Hide Header */
  37. div.gb_Jd.gb_3d.gb_Sd div.gb_Fe {
  38.   display: none;
  39. }
  40.  
  41. /* Show Header on HOVER */
  42. div.gb_Jd.gb_3d.gb_Sd:hover div.gb_Fe {
  43.   display: inline;
  44. }
  45.  
  46. /* Hide Settings Button */
  47. div.gb_Jd.gb_3d.gb_Sd div.FI {
  48.   display: none;
  49. }
  50.  
  51. /* Show Settings Button on HOVER */
  52. div.gb_Jd.gb_3d.gb_Sd:hover div.FI {
  53.   display: inline-flex;
  54. }
  55.  
  56. /* Hide Google Apps & Google Account Buttons */
  57. div.gb_Jd.gb_3d.gb_Sd a.gb_C {
  58.   display: none;
  59. }
  60.  
  61. /* Show Google Apps & Google Account Button on HOVER */
  62. div.gb_Jd.gb_3d.gb_Sd:hover a.gb_C {
  63.   display: inline-flex;
  64. }
  65.  
  66. /* Hide Footer */
  67. div.l2.pfiaof {
  68.   display: none;
  69. }
  70.  
  71. /* Hide Header Logo */
  72. img.gb_tc {
  73.   display: none;
  74. }
  75.  
  76. /* Hide Compose Button */
  77. div.z0 {
  78.   display: none;
  79. }
  80.  
  81. /* Hide Support Button */
  82. div.zo {
  83.   display: none;
  84. }
  85.  
  86. /* Hide Main Menu Button */
  87. div.gb_Jd.gb_3d.gb_Sd div.gb_uc {
  88.   display: none;
  89. }
  90.  
  91. /* Set Padding for Action Bar */
  92. div.aeH {
  93.   padding-left: 100px;
  94.   padding-right: 100px;
  95. }
  96.  
  97. /* Set Padding for Mailbox UI Element */
  98. div.Tm.aeJ {
  99.   padding-left: 100px;
  100.   padding-right: 100px;
  101. }
  102.  
  103. /* Hide Icon for More option in Left Navigation Bar */
  104. div.V3 span.ait {
  105.   display: none;
  106. }
  107.  
  108. /* Show Icon for More option in Left Navigation Bar on HOVER */
  109. div.V3:hover span.ait {
  110.   display: inline;
  111. }
  112.  
  113. /* Hide Icons for standard options in Left Navigation Bar */
  114. div.V3 div.TN.bzz {
  115.   display: none;
  116. }
  117.  
  118. /* Show Icons for standard options in Left Navigation Bar on HOVER */
  119. div.V3:hover div.TN.bzz {
  120.   display: inline-flex;
  121. }
  122.  
  123. /* Hide Icons for extended options in Left Navigation Bar */
  124. div.V3 div.TN.aY7xie.aEc.aHS-bnr {
  125.   display: none;
  126. }
  127.  
  128. /* Show Icons for extended options in Left Navigation Bar on HOVER */
  129. div.V3:hover div.TN.aY7xie.aEc.aHS-bnr {
  130.   display: inline-flex;
  131. }
  132.  
  133. /* Hide Icon for Manage Labels in Left Navigation Bar */
  134. div.V3 div.CL.Q7 {
  135.   display: none;
  136. }
  137.  
  138. /* Show Icon for Manage Labels in Left Navigation Bar on HOVER */
  139. div.V3:hover div.CL.Q7 {
  140.   display: inline-flex;
  141. }
  142.  
  143. /* Hide Icon for Create New Label in Left Navigation Bar */
  144. div.V3 div.CL.Wj {
  145.   display: none;
  146. }
  147.  
  148. /* Show Icon for Create New Label in Left Navigation Bar on HOVER */
  149. div.V3:hover div.CL.Wj {
  150.   display: inline-flex;
  151. }
Advertisement
Add Comment
Please, Sign In to add comment