ISPConfig theme for Open6Hosting
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 
 
 
 
 

173 wiersze
4.5 KiB

  1. html, body {
  2. -webkit-tap-highlight-color: black; }
  3. body {
  4. background: #f2f5f7;
  5. color: #3c444b; }
  6. .green {
  7. color: #3cb355; }
  8. .form-control:focus {
  9. border-color: #698296; }
  10. .formbutton-default {
  11. background: linear-gradient(to bottom, white, #eef0f2);
  12. border-bottom-color: #cccccc;
  13. color: #3c444b; }
  14. .formbutton-default:hover {
  15. background: linear-gradient(to bottom, #fafafa, #e8ebee); }
  16. .formbutton-default:hover, .formbutton-default.active {
  17. border-bottom-color: #adadad; }
  18. .formbutton-success {
  19. background: linear-gradient(to bottom, #7bcc89, #6ab977);
  20. border-color: #5aab68;
  21. border-bottom-color: #5aab68;
  22. color: white; }
  23. .formbutton-success:hover {
  24. background: linear-gradient(to bottom, #74c982, #63b671); }
  25. .formbutton-success:hover, .formbutton-success.active {
  26. border-bottom-color: #509b5a;
  27. color: white; }
  28. .formbutton-danger {
  29. background: linear-gradient(to bottom, #c70f19, #b60008);
  30. border-color: #980b13;
  31. border-bottom-color: #980b13;
  32. color: white; }
  33. .formbutton-danger:hover {
  34. background: linear-gradient(to bottom, #c30b15, #b20004); }
  35. .formbutton-danger:hover, .formbutton-danger.active {
  36. border-bottom-color: #8f0209;
  37. color: white; }
  38. #searchform button {
  39. background: linear-gradient(to bottom, white, #eef0f2); }
  40. #searchform button:hover {
  41. background: linear-gradient(to bottom, #fafafa, #e8ebee); }
  42. #logout-button {
  43. background: #c70f19;
  44. border-bottom-color: #980b13; }
  45. #logout-button:hover {
  46. background: #df111c;
  47. border-bottom-color: #800a10; }
  48. #main-navigation a {
  49. background: linear-gradient(to bottom, white, #eef0f2);
  50. border-bottom-color: #cccccc; }
  51. #main-navigation a:hover {
  52. background: linear-gradient(to bottom, #fafafa, #e8ebee); }
  53. #main-navigation a:hover, #main-navigation a.active {
  54. border-bottom-color: #adadad;
  55. color: #c70f19; }
  56. #main-navigation .icon {
  57. text-shadow: 1px 1px 1px white; }
  58. #sidebar {
  59. border-color: #cedded;
  60. background: white; }
  61. #sidebar header {
  62. background: #dfeaf6;
  63. color: #698296; }
  64. #sidebar li {
  65. border-top-color: #cedded; }
  66. #sidebar a {
  67. color: inherit; }
  68. #sidebar a:hover {
  69. color: #428bde; }
  70. .page-header {
  71. border-color: #cccccc; }
  72. .alert-notification {
  73. background: #dfeaf6;
  74. border-color: #cedded;
  75. color: #698296; }
  76. .alert-notification a {
  77. color: #2371ca; }
  78. .alert-notification a:hover {
  79. color: #428bde; }
  80. .alert-danger {
  81. background: #f7dfdf;
  82. border-color: #dcb2b3;
  83. color: #95686b; }
  84. .modules li {
  85. background: #e1e4e9;
  86. border-color: #d3d7da;
  87. box-shadow: inset 1px 3px 8px -5px rgba(0, 0, 0, 0.2); }
  88. .modules .button {
  89. background: linear-gradient(to bottom, white, #eef0f2);
  90. border-bottom-color: #cccccc; }
  91. .modules .button:hover {
  92. background: linear-gradient(to bottom, #fafafa, #e8ebee); }
  93. .modules .button:hover, .modules .button.active {
  94. border-bottom-color: #adadad; }
  95. .modules a {
  96. color: inherit; }
  97. .table-wrapper {
  98. background: white;
  99. border-color: #d3d7da; }
  100. .table caption {
  101. border-bottom-color: #d3d7da; }
  102. .table tbody tr {
  103. border-top-color: #d3d7da; }
  104. .table tbody tr:nth-child(odd) {
  105. background: #f2f5f7; }
  106. .table tbody tr:nth-child(even) {
  107. background: white; }
  108. .table tbody tr:hover {
  109. background: #dfeaf6; }
  110. .tfooter {
  111. background: linear-gradient(to bottom, white, #eef0f2);
  112. border-top-color: #d3d7da; }
  113. .content-tab-wrapper {
  114. background: white;
  115. border-color: #d3d7da; }
  116. .content-tab-wrapper .nav-tabs {
  117. background: #eef0f2;
  118. box-shadow: inset -1px -2px 6px -5px rgba(0, 0, 0, 0.2); }
  119. .content-tab-wrapper .nav-tabs > li > a {
  120. border-right-color: #d3d7da !important;
  121. color: inherit; }
  122. .content-tab-wrapper .nav-tabs > li > a:hover {
  123. background: #e0e3e7; }
  124. .content-tab-wrapper .nav-tabs .active a {
  125. background: white !important; }
  126. thead.dark {
  127. background: linear-gradient(to bottom, #57646d, #3e474e) !important;
  128. color: white; }
  129. thead.dark tr:nth-child(2) {
  130. background: linear-gradient(to bottom, #FAFAFA, #E8EBEE) !important; }
  131. #footer {
  132. border-top-color: #d3d7da; }
  133. .pushy {
  134. background: #f2f5f7; }
  135. .pushy ul.subnavi li a:hover {
  136. background: none; }
  137. .pushy a:hover, .pushy a.active {
  138. background: #f2f5f7;
  139. color: inherit; }
  140. @media screen and (max-width: 860px) {
  141. #main-navigation a {
  142. border-right-color: #d3d7da;
  143. border-bottom-color: #d3d7da; }
  144. #main-navigation a.active {
  145. border-right-color: #d3d7da;
  146. border-bottom-color: #d3d7da; }
  147. #main-navigation a:hover {
  148. border-bottom-color: #d3d7da; } }