lightBlue.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. .lightBlue body, .lightBlue .Window {
  2. background: #b2c3dd;
  3. color: #0e0e0e;
  4. }
  5. /* input */
  6. .lightBlue input, .lightBlue textarea {
  7. background: #dee5f1;
  8. border: solid 1px #97aac2;
  9. }
  10. .lightBlue input[type="file"] {
  11. display: none;
  12. }
  13. .lightBlue input:focus, .lightBlue textarea:focus {
  14. background: #f6f6f6;
  15. border-color: #4242ff !important;
  16. outline-style: none;
  17. }
  18. .lightBlue input:read-only, .lightBlue textarea:read-only {
  19. background: #bec5e1;
  20. }
  21. /* button */
  22. .lightBlue button,
  23. .lightBlue input[type="submit"] {
  24. background: #bbc9dd;
  25. border-color: #00000044;
  26. text-shadow: 1px 1px #ffffff;
  27. color: #0f0f0f;
  28. border-style: solid;
  29. border-width: 1px;
  30. border-radius: 3px;
  31. padding: 5px;
  32. }
  33. .lightBlue button[disabled] {
  34. color: rgba(0, 0, 0, 0.4);
  35. }
  36. .lightBlue button:hover {
  37. background: #d1e1f7;
  38. }
  39. .lightBlue button:hover[disabled] {
  40. background: rgba(255, 255, 255, 0.4);
  41. }
  42. .lightBlue button:active {
  43. background: rgba(255, 255, 255, 0.9);
  44. }
  45. /* Tooltip */
  46. .lightBlue .Tooltip {
  47. background: #f0f0f0;
  48. border-color: rgba(0, 0, 0, 0.5);
  49. border-radius: 3px;
  50. }
  51. /* TabPane */
  52. .lightBlue .TabPaneContentArea,
  53. .lightBlue .TabPaneLabel.selected {
  54. background: #99a9c4;
  55. }
  56. .lightBlue .TabPaneContentArea:empty {
  57. background: transparent !important;
  58. }
  59. .lightBlue .TabPaneLabel.selected {
  60. text-shadow: 1px 1px #ffffff6f;
  61. }
  62. /* Part */
  63. .lightBlue .TabPane.activePart .TabPaneLabel.selected {
  64. box-shadow: inset 0px 2px 0px #4242ff;
  65. text-shadow: 1px 1px #ffffff;
  66. }
  67. .lightBlue .TabPane.activePart .TabPaneContentArea,
  68. .lightBlue .TabPane.activePart .TabPaneLabel.selected {
  69. background: #dee5f1;
  70. }
  71. .lightBlue .ViewerPart .FilteredViewer {
  72. background: #dee5f1;
  73. }
  74. /* Viewer */
  75. .lightBlue .FilteredViewer {
  76. border-style: solid;
  77. border-width: 0px;
  78. border-color: rgba(255, 255, 255, 0.15);
  79. }
  80. /* Scroll Bar */
  81. .lightBlue {
  82. /* firefox */
  83. scrollbar-color: #535d68 #e5e5e5;
  84. }
  85. .lightBlue .ScrollBar,
  86. .lightBlue ::-webkit-scrollbar-track {
  87. /* background: #e5e5e5; */
  88. }
  89. .lightBlue .ScrollHandler,
  90. .lightBlue ::-webkit-scrollbar-thumb {
  91. background: #535d68;
  92. }
  93. .lightBlue .ScrollHandler:hover,
  94. .lightBlue ::-webkit-scrollbar-thumb:hover {
  95. background: #636f7c;
  96. }
  97. .lightBlue .ScrollHandler:active,
  98. .lightBlue ::-webkit-scrollbar-thumb:active {
  99. background: #748392;
  100. }
  101. /* Property Page */
  102. .lightBlue .PropertySectionPane {
  103. background: #b2c3dd88;
  104. border-radius: 3px;
  105. }
  106. /* Toolbar */
  107. .lightBlue .ToolbarItem {
  108. background: #bbc9dd;
  109. border-color: #00000044;
  110. text-shadow: 1px 1px #ffffff6f;
  111. }
  112. .lightBlue .ToolbarItem:hover {
  113. background: #d1e1f7;
  114. }
  115. .lightBlue .ToolbarItem:active {
  116. background: rgba(255, 255, 255, 0.7);
  117. }
  118. .lightBlue .ToolbarItem.ActionSelected {
  119. background: #d4e2f5;
  120. }
  121. /* ProgressBar */
  122. .lightBlue .ProgressBar {
  123. background: #4242ff;
  124. }
  125. /* Pane */
  126. .lightBlue .Pane {
  127. background: #dde5f0;
  128. }
  129. /* Dialog */
  130. .lightBlue .DarkDialogContainer {
  131. background: #b2c3dd;
  132. }
  133. .lightBlue .Dialog {
  134. background: #dde5f0;
  135. }
  136. .lightBlue .Dialog .DialogTitlePane {
  137. text-shadow: 1px 1px #ffffffff;
  138. }
  139. /* Menu */
  140. .lightBlue .Menu {
  141. list-style-type: none;
  142. background: #ffffff;
  143. padding: 0px;
  144. margin: 0px;
  145. border-style: solid;
  146. border-width: 1px;
  147. border-color: #a0a0a0;
  148. }
  149. .lightBlue .MenuItemSeparator {
  150. background: #b0b0b0;
  151. }
  152. .lightBlue .MenuItem:hover, .lightBlue .MenuItemSelected {
  153. background: #4242ff;
  154. color: #f0f0f0;
  155. }
  156. .lightBlue .MenuItemDisabled {
  157. color: rgba(0, 0, 0, 0.5);
  158. }
  159. .lightBlue .MenuItemDisabled:hover {
  160. color: rgba(255, 255, 255, 0.5);
  161. }