skin-green.css 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. /*
  2. * Skin: Green
  3. * -----------
  4. */
  5. .skin-green .main-header .navbar {
  6. background-color: #00a65a;
  7. }
  8. .skin-green .main-header .navbar .nav > li > a {
  9. color: #ffffff;
  10. }
  11. .skin-green .main-header .navbar .nav > li > a:hover,
  12. .skin-green .main-header .navbar .nav > li > a:active,
  13. .skin-green .main-header .navbar .nav > li > a:focus,
  14. .skin-green .main-header .navbar .nav .open > a,
  15. .skin-green .main-header .navbar .nav .open > a:hover,
  16. .skin-green .main-header .navbar .nav .open > a:focus {
  17. background: rgba(0, 0, 0, 0.1);
  18. color: #f6f6f6;
  19. }
  20. .skin-green .main-header .navbar .navbar-custom-menu > .nav {
  21. margin-right: 10px;
  22. }
  23. .skin-green .main-header .navbar .sidebar-toggle {
  24. color: #ffffff;
  25. }
  26. .skin-green .main-header .navbar .sidebar-toggle:hover {
  27. color: #f6f6f6;
  28. background: rgba(0, 0, 0, 0.1);
  29. }
  30. .skin-green .main-header .navbar .sidebar-toggle {
  31. color: #fff;
  32. }
  33. .skin-green .main-header .navbar .sidebar-toggle:hover {
  34. background-color: #008d4c;
  35. }
  36. @media (max-width: 767px) {
  37. .skin-green .main-header .navbar .dropdown-menu li.divider {
  38. background-color: rgba(255, 255, 255, 0.1);
  39. }
  40. .skin-green .main-header .navbar .dropdown-menu li a {
  41. color: #fff;
  42. }
  43. .skin-green .main-header .navbar .dropdown-menu li a:hover {
  44. background: #008d4c;
  45. }
  46. }
  47. .skin-green .main-header .logo {
  48. background-color: #008d4c;
  49. color: #ffffff;
  50. border-bottom: 0px solid transparent;
  51. }
  52. .skin-green .main-header .logo > a {
  53. color: #ffffff;
  54. }
  55. .skin-green .main-header .logo:hover {
  56. background: #008749;
  57. }
  58. .skin-green .main-header li.user-header {
  59. background-color: #00a65a;
  60. }
  61. .skin-green .content-header {
  62. background: transparent;
  63. }
  64. .skin-green .user-panel > .info,
  65. .skin-green .user-panel > .info > a {
  66. color: #fff;
  67. }
  68. .skin-green .sidebar-menu > li.header {
  69. color: #4b646f;
  70. background: #1a2226;
  71. }
  72. .skin-green .sidebar-menu > li > a {
  73. border-left: 3px solid transparent;
  74. margin-right: 1px;
  75. }
  76. .skin-green .sidebar-menu > li > a:hover,
  77. .skin-green .sidebar-menu > li.active > a {
  78. color: #ffffff;
  79. background: #1e282c;
  80. border-left-color: #00a65a;
  81. }
  82. .skin-green .sidebar-menu > li > .treeview-menu {
  83. margin: 0 1px;
  84. background: #2c3b41;
  85. }
  86. .skin-green .wrapper,
  87. .skin-green .main-sidebar,
  88. .skin-green .left-side {
  89. background: #222d32;
  90. }
  91. .skin-green .sidebar a {
  92. color: #b8c7ce;
  93. }
  94. .skin-green .sidebar a:hover {
  95. text-decoration: none;
  96. }
  97. .skin-green .treeview-menu > li > a {
  98. color: #8aa4af;
  99. }
  100. .skin-green .treeview-menu > li.active > a,
  101. .skin-green .treeview-menu > li > a:hover {
  102. color: #ffffff;
  103. }
  104. .skin-green .sidebar-form {
  105. border-radius: 3px;
  106. border: 1px solid #374850;
  107. margin: 10px 10px;
  108. }
  109. .skin-green .sidebar-form input[type="text"],
  110. .skin-green .sidebar-form .btn {
  111. box-shadow: none;
  112. background-color: #374850;
  113. border: 1px solid transparent;
  114. height: 35px;
  115. -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  116. -o-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  117. transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  118. }
  119. .skin-green .sidebar-form input[type="text"] {
  120. color: #666;
  121. border-top-left-radius: 2px !important;
  122. border-top-right-radius: 0 !important;
  123. border-bottom-right-radius: 0 !important;
  124. border-bottom-left-radius: 2px !important;
  125. }
  126. .skin-green .sidebar-form input[type="text"]:focus,
  127. .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  128. background-color: #fff;
  129. color: #666;
  130. }
  131. .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  132. border-left-color: #fff;
  133. }
  134. .skin-green .sidebar-form .btn {
  135. color: #999;
  136. border-top-left-radius: 0 !important;
  137. border-top-right-radius: 2px !important;
  138. border-bottom-right-radius: 2px !important;
  139. border-bottom-left-radius: 0 !important;
  140. }