_admin.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. .admin-page {
  2. .admin-user-menu {
  3. .dropdown-menu {
  4. left: auto;
  5. right: 0;
  6. width: 300px;
  7. }
  8. }
  9. .admin-group-menu {
  10. .dropdown-menu {
  11. left: auto;
  12. right: 0;
  13. }
  14. }
  15. .admin-customize {
  16. .ss-container img {
  17. padding: .5em;
  18. background-color: #ddd;
  19. }
  20. .table-user-list {
  21. .label-admin {
  22. margin-left: 1em;
  23. }
  24. }
  25. // override CodeMirror styles
  26. .CodeMirror pre {
  27. font-family: $font-family-monospace;
  28. }
  29. }
  30. .admin-security {
  31. .passport-logo {
  32. padding: 4px;
  33. height: 32px;
  34. background-color: black;
  35. }
  36. .auth-mechanism-configurations {
  37. min-height: 800px;
  38. }
  39. }
  40. // Toggle Twitter Bootstrap button class when active
  41. // https://jsfiddle.net/ms040m01/3/
  42. @mixin active-color($color, $bg-color, $border-color) {
  43. color: $color;
  44. background-color: darken($bg-color, 10%);
  45. border-color: $border-color;
  46. &:hover {
  47. background-color: darken($bg-color, 15%);
  48. }
  49. }
  50. .btn-group.btn-toggle {
  51. .btn {
  52. min-width: 60px;
  53. }
  54. .btn.active[data-active-class="default"] {
  55. @include active-color($btn-default-color, $btn-default-bg, $btn-default-border);
  56. }
  57. .btn.active[data-active-class="primary"] {
  58. @include active-color($btn-primary-color, $btn-primary-bg, $btn-primary-border);
  59. }
  60. }
  61. // theme selector
  62. #themeOptions {
  63. // layout
  64. a {
  65. margin-right: 10px;
  66. margin-bottom: 10px;
  67. padding: 3px;
  68. svg {
  69. display: block;
  70. }
  71. }
  72. // style
  73. a {
  74. border: 1px solid #ccc;
  75. background-color: #f5f5f5;
  76. &.active {
  77. border-color: $brand-success;
  78. background-color: $brand-success;
  79. }
  80. }
  81. // theme color
  82. .default {
  83. .color1 {
  84. fill: white;
  85. }
  86. .color2 {
  87. fill: #4f5467;
  88. }
  89. .color3 {
  90. fill: #4f5467;
  91. }
  92. }
  93. .default-dark {
  94. .color1 {
  95. fill: #2e343f;
  96. }
  97. .color2 {
  98. fill: #151515;
  99. }
  100. .color3 {
  101. fill: #f75b36;
  102. }
  103. }
  104. }
  105. }