_admin.scss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .admin-page {
  2. //security XSS prevent
  3. .admin-user-menu {
  4. .dropdown-menu {
  5. left: auto;
  6. right: 0;
  7. width: 300px;
  8. }
  9. }
  10. .admin-group-menu {
  11. .dropdown-menu {
  12. left: auto;
  13. right: 0;
  14. }
  15. }
  16. .admin-customize {
  17. .ss-container img {
  18. padding: .5em;
  19. background-color: #ddd;
  20. }
  21. .table-user-list {
  22. .label-admin {
  23. margin-left: 1em;
  24. }
  25. }
  26. }
  27. .admin-security {
  28. .passport-logo {
  29. margin-top: -.5em;
  30. padding: 3px;
  31. height: 32px;
  32. background-color: black;
  33. }
  34. .auth-mechanism-configurations {
  35. min-height: 300px;
  36. }
  37. }
  38. // Toggle Twitter Bootstrap button class when active
  39. // https://jsfiddle.net/ms040m01/3/
  40. @mixin active-color($color, $bg-color, $border-color) {
  41. color: $color;
  42. background-color: darken($bg-color, 10%);
  43. border-color: $border-color;
  44. &:hover {
  45. background-color: darken($bg-color, 15%);
  46. }
  47. }
  48. .btn-group.btn-toggle {
  49. .btn {
  50. min-width: 60px;
  51. }
  52. .btn.active[data-active-class="default"] {
  53. @include active-color($btn-default-color, $btn-default-bg, $btn-default-border);
  54. }
  55. .btn.active[data-active-class="primary"] {
  56. @include active-color($btn-primary-color, $btn-primary-bg, $btn-primary-border);
  57. }
  58. }
  59. // theme selector
  60. #themeOptions {
  61. // layout
  62. a {
  63. margin-right: 10px;
  64. margin-bottom: 10px;
  65. padding: 3px;
  66. svg {
  67. display: block;
  68. }
  69. }
  70. // style
  71. a {
  72. border: 1px solid #ccc;
  73. background-color: #f5f5f5;
  74. &.active {
  75. border-color: $brand-success;
  76. background-color: $brand-success;
  77. }
  78. }
  79. }
  80. }