skin-green.less 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. /*
  2. * Skin: Green
  3. * -----------
  4. */
  5. @import "../bootstrap-less/mixins.less";
  6. @import "../bootstrap-less/variables.less";
  7. @import "../fastadmin/variables.less";
  8. @import "../fastadmin/mixins.less";
  9. .skin-green {
  10. //Navbar
  11. .main-header {
  12. background-color: @green;
  13. .navbar {
  14. .navbar-variant(@green; #fff; #f6f6f6; rgba(0, 0, 0, .05));
  15. .sidebar-toggle {
  16. color: #fff;
  17. &:hover {
  18. background-color: darken(@green, 5%);
  19. }
  20. }
  21. @media (max-width: @screen-header-collapse) {
  22. .dropdown-menu {
  23. li {
  24. &.divider {
  25. background-color: rgba(255, 255, 255, 0.1);
  26. }
  27. a {
  28. color: #fff;
  29. &:hover {
  30. background: darken(@green, 5%);
  31. }
  32. }
  33. }
  34. }
  35. }
  36. }
  37. //Logo
  38. .logo {
  39. .logo-variant(darken(@green, 5%));
  40. @media (max-width: @screen-header-collapse) {
  41. .logo-variant(@green; #fff);
  42. border-right: none;
  43. }
  44. }
  45. li.user-header {
  46. background-color: @green;
  47. }
  48. }
  49. //Content Header
  50. .content-header {
  51. background: transparent;
  52. }
  53. //Create the sidebar skin
  54. .skin-dark-sidebar(@green);
  55. .sidebar-menu > li {
  56. > a {
  57. border-left: 3px solid transparent;
  58. padding-left: 12px;
  59. }
  60. }
  61. @media (min-width: @screen-sm) {
  62. &.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  63. margin-left: -3px;
  64. }
  65. }
  66. &.multiplenav {
  67. @media (max-width: @screen-header-collapse) {
  68. .sidebar .mobilenav a.btn-app {
  69. background: lighten(@sidebar-dark-bg, 10%);
  70. color: #fff;
  71. &.active {
  72. background: @green;
  73. color: #fff;
  74. }
  75. }
  76. }
  77. }
  78. }