frame.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /*******************************************************************************
  2. * *
  3. * Frame Styles (frame.ejs) *
  4. * *
  5. ******************************************************************************/
  6. .frame_bar {
  7. -webkit-app-region: drag;
  8. -webkit-user-select: none;
  9. background: rgba(1, 2, 1, 0.5);
  10. min-height: 22px;
  11. display: flex;
  12. align-items: center;
  13. position: relative;
  14. z-index: 10000;
  15. }
  16. .frame_btn_dock {
  17. margin-left: 2px;
  18. }
  19. .frame_btn {
  20. height: 12px;
  21. width: 12px;
  22. border-radius: 50%;
  23. border: 0px;
  24. margin-left: 5px;
  25. -webkit-app-region: no-drag !important;
  26. cursor: pointer;
  27. }
  28. .frame_btn:focus {
  29. outline: 0px;
  30. }
  31. #frame_btn_close {
  32. background-color: #e74c32;
  33. }
  34. #frame_btn_close:hover,
  35. #frame_btn_close:focus {
  36. background-color: #FF9A8A;
  37. }
  38. #frame_btn_close:active {
  39. background-color: #ff8d7b;
  40. }
  41. #frame_btn_restoredown {
  42. background-color: #fed045;
  43. }
  44. #frame_btn_restoredown:hover,
  45. #frame_btn_restoredown:focus {
  46. background-color: #FFE9A9;
  47. }
  48. #frame_btn_restoredown:active {
  49. background-color: #ffde7b;
  50. }
  51. #frame_btn_minimize {
  52. background-color: #96e734;
  53. }
  54. #frame_btn_minimize:hover,
  55. #frame_btn_minimize:focus {
  56. background-color: #D6FFA6;
  57. }
  58. #frame_btn_minimize:active {
  59. background-color: #bfff76;
  60. }