base.less 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. /* Base */
  2. a, .btn-link {
  3. color: @skinColor;
  4. }
  5. a:hover, a:focus, .btn-link:hover, .btn-link:focus {
  6. color: lighten(@skinColor, 5%);
  7. }
  8. a:active, .btn-link:active {
  9. color: darken(@skinColor, 5%);
  10. }
  11. /* Sidebar Left */
  12. .sidebar-left {
  13. .sidebar-header {
  14. .sidebar-toggle {
  15. &:hover {
  16. i {
  17. color: @skinColor;
  18. }
  19. }
  20. }
  21. }
  22. }
  23. @media only screen and (min-width: 768px) {
  24. html.sidebar-left-collapsed {
  25. // boxed and scroll
  26. &.scroll,
  27. &.boxed {
  28. .sidebar-left {
  29. .nav-main {
  30. li {
  31. &.nav-active {
  32. a:hover {
  33. color: @skinColor;
  34. }
  35. }
  36. }
  37. & > li:hover {
  38. & > a {
  39. span.label {
  40. background-color: @skinColor;
  41. }
  42. }
  43. }
  44. }
  45. }
  46. }
  47. }
  48. }
  49. /* Layout Boxed - small than min-width */
  50. @media only screen and (max-width: 1199px) {
  51. html.boxed {
  52. .header {
  53. border-top-color: @skinColor;
  54. }
  55. }
  56. }
  57. /* Layout Boxed - larger or equal min width */
  58. @media only screen and (min-width: 1200px) {
  59. html.boxed {
  60. .header {
  61. border-top-color: @skinColor;
  62. }
  63. }
  64. html.boxed {
  65. .sidebar-right {
  66. border-top-color: @skinColor;
  67. min-height: 0;
  68. }
  69. }
  70. }
  71. /* Userbox - Open */
  72. .userbox.open {
  73. .dropdown-menu {
  74. a {
  75. &:hover {
  76. background: @skinColor;
  77. }
  78. }
  79. }
  80. }
  81. /* Mailbox */
  82. .mailbox {
  83. .mailbox-mail-list {
  84. li {
  85. &.active {
  86. background: @skinColor;
  87. }
  88. }
  89. }
  90. .mailbox-mail {
  91. .mailbox-close-mail {
  92. color: @skinColor;
  93. &:hover {
  94. color: lighten(@skinColor, 5%);
  95. }
  96. }
  97. .panel {
  98. .panel-heading {
  99. .panel-actions {
  100. a {
  101. &:hover {
  102. color: @skinColor;
  103. }
  104. }
  105. }
  106. }
  107. }
  108. }
  109. }
  110. /* Media Gallery */
  111. .media-gallery {
  112. ul.mg-tags {
  113. & > li {
  114. a {
  115. &:hover {
  116. background-color: @skinColor;
  117. }
  118. }
  119. }
  120. }
  121. .mg-files {
  122. .thumbnail {
  123. .thumb-preview {
  124. .mg-thumb-options {
  125. .mg-zoom {
  126. background-color: @skinColor;
  127. }
  128. .mg-toolbar {
  129. background-color: @skinColor;
  130. }
  131. }
  132. }
  133. &.thumbnail-selected {
  134. box-shadow: 0 0 8px -1px @skinColor;
  135. }
  136. }
  137. }
  138. }
  139. /* Sign Screens - Wrappers */
  140. .body-sign {
  141. .panel-sign {
  142. .panel-title-sign {
  143. .title {
  144. background-color: @skinColor;
  145. }
  146. }
  147. .panel-body {
  148. border-top-color: @skinColor;
  149. }
  150. }
  151. }
  152. /* Lock Screen */
  153. .body-locked {
  154. .current-user {
  155. .user-image {
  156. border-color: @skinColor;
  157. }
  158. }
  159. }