omlink.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. /**
  2. * Main SCSS file
  3. *
  4. * @author Open Mind
  5. * @date 27/06/2018
  6. * @time 17:42
  7. * @since 18/07/2018 in SCSS format
  8. */
  9. .navbar.fixed-bottom {
  10. color: white; }
  11. html, body {
  12. height: 100%; }
  13. body {
  14. background-color: #eeeeee !important;
  15. color: white !important;
  16. font-family: 'Roboto'; }
  17. /* latin */
  18. @font-face {
  19. font-family: 'Roboto';
  20. font-style: normal;
  21. font-weight: 400;
  22. src: local("Roboto"), local("Roboto-Regular"), url("ui/fonts/Roboto-Regular.ttf") format("truetype");
  23. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  24. .error_body:before {
  25. content: "";
  26. position: absolute;
  27. left: 0;
  28. top: 0;
  29. width: 100%;
  30. height: 100%;
  31. background: url("ui/images/error_bg.png");
  32. background-size: cover; }
  33. .error_body .card {
  34. opacity: 0.9; }
  35. /*
  36. input[type="text"], input[type="password"] {
  37. border-color: #C5AC0F !important;
  38. background-color: #484848 !important;
  39. }
  40. input[type="text"]:focus, input[type="password"]:focus {
  41. border-color: #C5AC0F !important;
  42. color: #ffd242 !important;
  43. }
  44. */
  45. /*input {
  46. border-color: darken($inputBgColor, 10%);
  47. color: darken($inputColor, 10%);
  48. }
  49. input:focus {
  50. background-color: $inputBgColor !important;
  51. border-color: $inputColor !important;
  52. }*/
  53. .form-control, .btn {
  54. background-color: #4d5099 !important;
  55. color: white !important; }
  56. .form-control:focus, .btn:focus {
  57. background-color: #6063af !important;
  58. border-color: #3c3e77 !important;
  59. box-shadow: 0 0 10px #4d5099 !important; }
  60. .form-control:disabled {
  61. color: #e6e6e6 !important;
  62. background-color: #3f427e !important; }
  63. .debugborder {
  64. border: 1px solid red !important; }
  65. .disablebutton {
  66. opacity: 0.4; }
  67. .imgbuttonmenu {
  68. max-height: 180px !important;
  69. border-radius: 10px !important; }
  70. .om-shadow {
  71. filter: drop-shadow(0px 0.2em 5px #444444); }
  72. input::placeholder {
  73. color: gray !important; }
  74. input::-ms-input-placeholder {
  75. color: gray !important; }
  76. .navbar {
  77. background-color: rgba(94, 107, 116, 0.95) !important; }
  78. .rounded {
  79. border-radius: 15px !important; }
  80. @keyframes blink {
  81. 0% {
  82. -webkit-opacity: 0.1;
  83. -moz-opacity: 0.1;
  84. -ms-opacity: 0.1;
  85. -o-opacity: 0.1;
  86. opacity: 0.1; }
  87. 100% {
  88. -webkit-opacity: 1;
  89. -moz-opacity: 1;
  90. -ms-opacity: 1;
  91. -o-opacity: 1;
  92. opacity: 1; } }
  93. @-webkit-keyframes blink {
  94. 0% {
  95. -webkit-opacity: 0.1;
  96. -moz-opacity: 0.1;
  97. -ms-opacity: 0.1;
  98. -o-opacity: 0.1;
  99. opacity: 0.1; }
  100. 100% {
  101. -webkit-opacity: 1;
  102. -moz-opacity: 1;
  103. -ms-opacity: 1;
  104. -o-opacity: 1;
  105. opacity: 1; } }
  106. .blink {
  107. -webkit-transition: all 0.1s ease-in-out;
  108. -moz-transition: all 0.1s ease-in-out;
  109. -ms-transition: all 0.1s ease-in-out;
  110. -o-transition: all 0.1s ease-in-out;
  111. transition: all 0.1s ease-in-out;
  112. -webkit-animation: blink alternate 1s infinite ease-in-out;
  113. -moz-animation: blink alternate 1s infinite ease-in-out;
  114. -ms-animation: blink alternate 1s infinite ease-in-out;
  115. -o-animation: blink alternate 1s infinite ease-in-out;
  116. animation: blink alternate 1s infinite ease-in-out; }
  117. #sysmsgnum {
  118. color: white;
  119. background-color: red;
  120. font-size: 40%;
  121. position: absolute;
  122. left: 15px;
  123. bottom: 0; }
  124. #notification_area {
  125. padding-bottom: 0;
  126. border-radius: 10px 10px; }
  127. #notification_area_deleteall {
  128. background-color: #3380BD;
  129. color: white;
  130. border-radius: 0 0 10px 10px;
  131. padding: 0; }