admin.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. @import "components/variables";
  2. // Bootstrap and its default variables
  3. @import "../../../node_modules/bootstrap/scss/bootstrap";
  4. @import "partials/messages";
  5. @import "components/login";
  6. @import "components/footer";
  7. @import "partials/admin-panels";
  8. @import "components/tooltips";
  9. @import "components/alerts";
  10. @import "components/statistics-view";
  11. @import "components/view-configuration";
  12. @import "components/dashboard-view";
  13. html {
  14. position: relative;
  15. min-height: 100%;
  16. }
  17. body {
  18. /* Margin bottom by footer height */
  19. margin-bottom: 85px;
  20. }
  21. body>.container {
  22. padding: 85px 15px 0;
  23. }
  24. a {
  25. color: $link-color;
  26. }
  27. .logo {
  28. width: 80px;
  29. display: block;
  30. }
  31. header {
  32. & > .navbar {
  33. background-color: $navbar-background-color;
  34. color: color-yiq($navbar-background-color);
  35. .logo {
  36. path.cls-1 {
  37. @if lightness($navbar-background-color) > lightness(#aaa) {
  38. fill: theme-color("cas-primary");
  39. } @else {
  40. fill: white;
  41. }
  42. }
  43. }
  44. }
  45. }
  46. // Cards
  47. .card {
  48. margin-bottom: 2em;
  49. }
  50. #card-unexpired-tgts {
  51. color: #3c763d;
  52. background-color: #dff0d8;
  53. }
  54. #card-unexpired-sts {
  55. color: #3c763d;
  56. background-color: #dff0d8;
  57. }
  58. #card-expired-tgts {
  59. color: #8a6d3b;
  60. background-color: #fcf8e3;
  61. }
  62. #card-expired-sts {
  63. color: #8a6d3b;
  64. background-color: #fcf8e3;
  65. }
  66. #card-uptime {
  67. background-color: #d9edf7;
  68. .card-header {
  69. color: #31708f;
  70. }
  71. }
  72. #card-server-info {
  73. .card-header {
  74. background-color: #d9edf7;
  75. color: #31708f;
  76. }
  77. }
  78. .huge {
  79. font-size: 30pt;
  80. font-family: 'Lato', sans-serif;
  81. font-weight: 300;
  82. }
  83. .semi-huge {
  84. font-size: 18pt;
  85. font-family: 'Lato', sans-serif;
  86. font-weight: 300;
  87. }