_admin.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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. .admin-notification {
  39. .td-abs-center {
  40. text-align: center;
  41. vertical-align: middle;
  42. width: 1px; // to keep the cell small
  43. }
  44. }
  45. // Toggle Twitter Bootstrap button class when active
  46. // https://jsfiddle.net/ms040m01/3/
  47. @mixin active-color($color, $bg-color, $border-color) {
  48. color: $color;
  49. background-color: darken($bg-color, 10%);
  50. border-color: $border-color;
  51. &:hover {
  52. background-color: darken($bg-color, 15%);
  53. }
  54. }
  55. .btn-group.btn-toggle {
  56. .btn {
  57. min-width: 60px;
  58. }
  59. .btn.active[data-active-class="default"] {
  60. @include active-color($btn-default-color, $btn-default-bg, $btn-default-border);
  61. }
  62. .btn.active[data-active-class="primary"] {
  63. @include active-color($btn-primary-color, $btn-primary-bg, $btn-primary-border);
  64. }
  65. }
  66. // theme selector
  67. #themeOptions {
  68. // layout
  69. a {
  70. margin-right: 10px;
  71. margin-bottom: 10px;
  72. padding: 3px;
  73. svg {
  74. display: block;
  75. }
  76. }
  77. // style
  78. a {
  79. border: 1px solid #ccc;
  80. background-color: #f5f5f5;
  81. &.active {
  82. border-color: $brand-success;
  83. background-color: $brand-success;
  84. }
  85. }
  86. }
  87. }