main.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. .card-btn:hover {
  2. filter: brightness(70%);
  3. }
  4. .icon-style {
  5. height: 30px;
  6. width: 30px;
  7. }
  8. .icon-style:hover {
  9. transform: rotate(-90deg);
  10. }
  11. .model-box-input {
  12. width: 100%;
  13. height: 40px;
  14. border: 1px solid #BABFC7;
  15. border-radius: .25rem;
  16. }
  17. .note-input {
  18. color: red;
  19. border: 1px solid red;
  20. }
  21. .const-box {
  22. border: 1px solid #BABFC7;
  23. border-radius: .25rem;
  24. height: 40px;
  25. padding: .75rem 1rem;
  26. }
  27. .result-box:hover {
  28. background: #BABFC7;
  29. }
  30. .note-input {
  31. color: red;
  32. }
  33. @media (max-width: 576px) {
  34. .content-model {
  35. max-width: 95%;
  36. margin: 1.75rem auto;
  37. }
  38. }
  39. @media (min-width: 577px) {
  40. .content-model {
  41. width: 70%;
  42. margin: 1.75rem auto;
  43. max-width: 1200px;
  44. }
  45. }
  46. .show {
  47. display: block;
  48. }
  49. .hide {
  50. display: none
  51. }
  52. .main-column {
  53. /*text-align: center;*/
  54. line-height: 7;
  55. }
  56. .oven-column {
  57. background: aliceblue;
  58. }
  59. .oven-column:hover {
  60. filter: brightness(90%);
  61. }
  62. .sencond-column {
  63. /*line-height: 2;*/
  64. }
  65. .disable {
  66. pointer-events: none;
  67. filter: brightness(80%);
  68. }
  69. .button-style {
  70. min-width: 100px;
  71. }
  72. .process-style-right {
  73. display: inline-block;
  74. margin: auto;
  75. min-width: 50px;
  76. border: 0px;
  77. padding: 0;
  78. border-radius: 0px;
  79. text-align: -webkit-right;
  80. }
  81. .process-style-left {
  82. display: inline-block;
  83. margin: auto;
  84. min-width: 50px;
  85. border: 0px;
  86. padding: 0;
  87. border-radius: 0px;
  88. text-align: -webkit-left;
  89. }
  90. .red-text {
  91. color: red;
  92. }
  93. .disable-click {
  94. pointer-events: none;
  95. filter: brightness(70%);
  96. color: #fbfbfb !important;
  97. }
  98. .dropbtn {
  99. color: white;
  100. padding: 16px;
  101. font-size: 15px;
  102. border: none;
  103. cursor: pointer;
  104. }
  105. .dropbtn:hover, .dropbtn:focus {
  106. color: #2980B9;
  107. }
  108. .dropdown {
  109. position: relative;
  110. display: inline-block;
  111. }
  112. .dropdown-content {
  113. display: none;
  114. position: absolute;
  115. min-width: 160px;
  116. overflow: auto;
  117. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  118. z-index: 1;
  119. background: white;
  120. }
  121. .dropdown-content a {
  122. color: #BABFC7;
  123. padding: 12px 16px;
  124. text-decoration: none;
  125. display: block;
  126. }
  127. .dropdown-content a:hover {
  128. background: aliceblue;
  129. }
  130. .dropdown a:hover {
  131. color: #2980B9;
  132. }
  133. .show {
  134. display: block;
  135. }
  136. .const-box {
  137. border: 1px solid #BABFC7;
  138. border-radius: .25rem;
  139. height: 40px;
  140. padding: .75rem 1rem;
  141. }