Advertisement
Whistik

Untitled

Aug 2nd, 2019
128
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.20 KB | None | 0 0
  1. .title-bar {
  2. width: 100%;
  3. height: 31px;
  4. box-shadow: 0px 0px 20px 0px black;
  5. background: #171717a3;
  6. .title {
  7. position: absolute;
  8. left: 10px;
  9. color: #fff;
  10. top: 7px;
  11. font-family: 'Baloo Bhai';
  12. font-size: 11px
  13. }
  14. .buttons {
  15. .exit {
  16. position: absolute;
  17. font-size: 10px;
  18. font-family: sans-serif;
  19. top: 0px;
  20. right: 0px;
  21. cursor: pointer;
  22. background: transparent;
  23. padding: 10px;
  24. text-align: center;
  25. color: white;
  26. transition: .2s
  27. }
  28. .exit:hover {
  29. background: red;
  30. padding: 10px;
  31. text-align: center;
  32. color: white;
  33. transition: .2s
  34. }
  35. .minimize {
  36. right: 53px;
  37. position: absolute;
  38. font-size: 10px;
  39. font-family: sans-serif;
  40. top: 0px;
  41. cursor: pointer;
  42. background: transparent;
  43. padding: 10px;
  44. text-align: center;
  45. color: white;
  46. transition: .2s
  47. }
  48. .minimize:hover {
  49. background: rgb(0, 140, 255);
  50. padding: 10px;
  51. text-align: center;
  52. color: white;
  53. transition: .2s
  54. }
  55. .maximize {
  56. right: 27px;
  57. position: absolute;
  58. font-size: 10px;
  59. font-family: sans-serif;
  60. top: 0px;
  61. cursor: pointer;
  62. background: transparent;
  63. padding: 10px;
  64. text-align: center;
  65. color: white;
  66. transition: .2s
  67. }
  68. .maximize:hover {
  69. background: rgb(0, 140, 255);
  70. padding: 10px;
  71. text-align: center;
  72. color: white;
  73. transition: .2s
  74. }
  75. }
  76. }
  77.  
  78.  
  79.  
  80.  
  81.  
  82. <div class="title-bar noselect" style="-webkit-app-region: drag">
  83. <div class="title">Hornet</div>
  84. <div class="buttons">
  85. <div class="minimize noselect" onclick="action('minimize');" style="-webkit-app-region: none">-</div>
  86. <div class="maximize noselect" onclick="action('maximize');" style="-webkit-app-region: none">□</div>
  87. <div class="exit noselect" onclick="action('exit');" style="-webkit-app-region: none">X</div>
  88. </div>
  89. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement