_admin.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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. }
  26. .admin-security {
  27. .passport-logo {
  28. margin-top: -.5em;
  29. padding: 3px;
  30. height: 32px;
  31. background-color: black;
  32. }
  33. .auth-mechanism-configurations {
  34. min-height: 800px;
  35. }
  36. }
  37. // Toggle Twitter Bootstrap button class when active
  38. // https://jsfiddle.net/ms040m01/3/
  39. @mixin active-color($color, $bg-color, $border-color) {
  40. color: $color;
  41. background-color: darken($bg-color, 10%);
  42. border-color: $border-color;
  43. &:hover {
  44. background-color: darken($bg-color, 15%);
  45. }
  46. }
  47. .btn-group.btn-toggle {
  48. .btn {
  49. min-width: 60px;
  50. }
  51. .btn.active[data-active-class="default"] {
  52. @include active-color($btn-default-color, $btn-default-bg, $btn-default-border);
  53. }
  54. .btn.active[data-active-class="primary"] {
  55. @include active-color($btn-primary-color, $btn-primary-bg, $btn-primary-border);
  56. }
  57. }
  58. // theme selector
  59. #themeOptions {
  60. // layout
  61. a {
  62. margin-right: 10px;
  63. margin-bottom: 10px;
  64. padding: 3px;
  65. svg {
  66. display: block;
  67. }
  68. }
  69. // style
  70. a {
  71. border: 1px solid #ccc;
  72. background-color: #f5f5f5;
  73. &.active {
  74. border-color: $brand-success;
  75. background-color: $brand-success;
  76. }
  77. }
  78. }
  79. }