advanced-search.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. #advanced_search_intro {
  2. max-width: 1000px;
  3. margin: 0 auto;
  4. font-size: 18px;
  5. font-weight: 300;
  6. margin-top: 20px;
  7. }
  8. #advanced_search_intro h1 {
  9. text-align: center;
  10. font-size: 2.375rem;
  11. font-weight: 400;
  12. margin-bottom: 0.9375rem
  13. }
  14. @media (min-width: 768px) {
  15. #advanced_search_intro .section-small {
  16. padding-top: 2rem !important;
  17. }
  18. }
  19. #advanced_search {
  20. background: url(../img/bg-masthead.jpg) no-repeat center center;
  21. background-size: cover;
  22. }
  23. #advanced_search-options {
  24. position: relative;
  25. z-index: 1;
  26. }
  27. #question {
  28. width: 100%;
  29. font-size: 35px;
  30. color: white;
  31. margin-bottom: 30px;
  32. }
  33. .selected_option {
  34. color: #202122;
  35. background-color: #fff;
  36. border-color: #a2a9b1;
  37. border-style: solid;
  38. border-width: 1px;
  39. border-radius: 2px;
  40. font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;
  41. font-size: 1em;
  42. font-weight: 400;
  43. line-height: 1.3;
  44. width: 100%;
  45. box-sizing: border-box;
  46. padding-left: 0.5em;
  47. padding-right: 0.5em;
  48. padding-left: 0.5em;
  49. padding-right: 0.5em;
  50. padding-inline: 0.5em;
  51. padding-top: 0.313em;
  52. padding-bottom: 0.313em;
  53. padding-top: 0.313em;
  54. padding-bottom: 0.313em;
  55. padding-block: 0.313em;
  56. transition-duration: .25s;
  57. transition-timing-function: ease;
  58. transition-property: border-color,box-shadow;
  59. box-shadow: inset 0 0 0 1px transparent;
  60. }
  61. .advanced-form-select, .category-form-select, .collection-form-select {
  62. line-height: 1.3;
  63. font-size: 1em;
  64. font-weight: 700;
  65. color: #202122;
  66. background-color: #f8f9fa;
  67. }
  68. .category-form-select, .collection-form-select {
  69. height: 45px;
  70. }
  71. .advanced-form-select {
  72. margin-bottom: 15px;
  73. }
  74. .container_choice {
  75. margin-top: 1em;
  76. margin-bottom: 1em;
  77. background-color: white;
  78. border-radius: .25rem;
  79. }
  80. .choice_box {
  81. background-color: #fff;
  82. border-radius: .25rem;
  83. padding: 35px 22px;
  84. }
  85. .choice_box .form-control {
  86. background: white;
  87. border: 1px solid #a2a9b1;
  88. border-radius: .25rem;
  89. }
  90. #search-option-area {
  91. text-align: left;
  92. }
  93. #search-option-area .btn-link {
  94. color: white;
  95. padding: 0;
  96. }
  97. #search-option-area .btn-link:hover {
  98. color: white;
  99. text-decoration: underline;
  100. }
  101. #wb_ClipArt1 {
  102. height: 45px;
  103. }
  104. #box_results h2 {
  105. text-align: center;
  106. font-size: 2.375rem;
  107. font-weight: 400;
  108. margin-bottom: 0.9375rem;
  109. }
  110. .query-results-container {
  111. background: white;
  112. max-width: 1000px;
  113. margin-right: auto;
  114. margin-left: auto;
  115. margin-top: 30px;
  116. border-radius: 10px;
  117. overflow: hidden;
  118. border: 1px solid #3f4149;
  119. max-height: 700px;
  120. overflow: auto;
  121. }
  122. #query_results {
  123. display: table;
  124. font-size: .875em;
  125. border-collapse: collapse;
  126. width: 100%;
  127. }
  128. #query_results .row {
  129. display: table-row;
  130. background: white;
  131. border-bottom: 1px solid #3f4149;
  132. }
  133. #query_results .row.t_head {
  134. position: sticky;
  135. top: 0;
  136. z-index: 1;
  137. font-weight: 600;
  138. background: #3f4149;
  139. color: white;
  140. border-bottom: 0;
  141. }
  142. #query_results .row .col-auto {
  143. padding: 10px 20px;
  144. }
  145. #query_results>.row>* {
  146. display: table-cell;
  147. }
  148. .remove {
  149. float: right;
  150. margin-right: 10px;
  151. margin-top: 5px;
  152. cursor: pointer;
  153. }
  154. #btn_dowload {
  155. text-align: center;
  156. margin-top:15px;
  157. }