AppBar.css 852 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .CCAppBar
  2. {
  3. background-color: #323232;
  4. fill: #6D7777;
  5. color: #6D7777;
  6. }
  7. .CCAppBar.vertical
  8. {
  9. height: 100%;
  10. padding-top: 8px;
  11. }
  12. .CCAppBar.horizontal
  13. {
  14. width: 100%;
  15. }
  16. .CCAppBarButton
  17. {
  18. pointer-events: visible;
  19. cursor: pointer;
  20. padding: 3px;
  21. border-width: 4px;
  22. border-color: transparent;
  23. }
  24. .CCAppBar.vertical .CCAppBarButton
  25. {
  26. margin-bottom: 8px;
  27. margin-right: 3px;
  28. border-right-style: solid;
  29. }
  30. .CCAppBar.horizontal .CCAppBarButton
  31. {
  32. margin-right: 12px;
  33. margin-bottom: 3px;
  34. display: inline-block;
  35. border-bottom-style: solid;
  36. }
  37. .CCAppBarButton:hover,
  38. .CCAppBarButton.selected
  39. {
  40. fill: white;
  41. color: white;
  42. }
  43. .CCAppBarButton.selected
  44. {
  45. background-color: #2E2E2E;
  46. }
  47. .CCAppBar.vertical .CCAppBarButton.selected
  48. {
  49. border-right: 4px solid #5AA700;
  50. }
  51. .CCAppBar.horizontal .CCAppBarButton.selected
  52. {
  53. border-bottom: 4px solid #5AA700;
  54. }