|
@@ -0,0 +1,173 @@
|
|
|
+#advanced_search_intro {
|
|
|
+ width: 80%;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ text-align: justify;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 300;
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+#advanced_search_intro h2 {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+#advanced_search {
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+}
|
|
|
+
|
|
|
+#question {
|
|
|
+ width: 100%;
|
|
|
+ text-align: left;
|
|
|
+ font-size: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.selected_option {
|
|
|
+ color: #202122;
|
|
|
+ background-color: #fff;
|
|
|
+ border-color: #a2a9b1;
|
|
|
+ border-style: solid;
|
|
|
+ border-width: 1px;
|
|
|
+ border-radius: 2px;
|
|
|
+ font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;
|
|
|
+ font-size: 1em;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 1.3;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-left: 0.5em;
|
|
|
+ padding-right: 0.5em;
|
|
|
+ padding-left: 0.5em;
|
|
|
+ padding-right: 0.5em;
|
|
|
+ padding-inline: 0.5em;
|
|
|
+ padding-top: 0.313em;
|
|
|
+ padding-bottom: 0.313em;
|
|
|
+ padding-top: 0.313em;
|
|
|
+ padding-bottom: 0.313em;
|
|
|
+ padding-block: 0.313em;
|
|
|
+ transition-duration: .25s;
|
|
|
+ transition-timing-function: ease;
|
|
|
+ transition-property: border-color,box-shadow;
|
|
|
+ box-shadow: inset 0 0 0 1px transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.advanced-form-select, .category-form-select, .collection-form-select{
|
|
|
+ line-height: 1.3;
|
|
|
+ font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;
|
|
|
+ font-size: 1em;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #202122;
|
|
|
+ background-color: #f8f9fa;
|
|
|
+}
|
|
|
+
|
|
|
+.advanced-form-select {
|
|
|
+ padding: 0.5%;
|
|
|
+ width: 400px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.category-form-select, .collection-form-select {
|
|
|
+ padding: 2%;
|
|
|
+ width: 400px;
|
|
|
+}
|
|
|
+
|
|
|
+.container_choice {
|
|
|
+ margin-top: 1em;
|
|
|
+ margin-bottom: 1em;
|
|
|
+ margin-block: 1em;
|
|
|
+ padding-top: 1em;
|
|
|
+ padding-bottom: 1em;
|
|
|
+ padding-block: 1em;
|
|
|
+ padding-left: 1em;
|
|
|
+ padding-right: 1em;
|
|
|
+ padding-inline: 1em;
|
|
|
+ background-color: #f8f9fa;
|
|
|
+ border: 1px solid #c8ccd1;
|
|
|
+ border-radius: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.choice_box {
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 2%;
|
|
|
+ border: 1px solid #c8ccd1;
|
|
|
+ border-radius: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+#search-option-area {
|
|
|
+ width: 80%;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.drop-down-content {
|
|
|
+ margin-right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+#wb_ClipArt1 {
|
|
|
+ width: 80%;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+#box_results {
|
|
|
+ width: 80%;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ background: #f8f9fa;
|
|
|
+ border: 1px solid #c8ccd1;
|
|
|
+ border-radius: 2px 2px 0 0;
|
|
|
+ border-bottom: none;
|
|
|
+}
|
|
|
+
|
|
|
+#box_results h3 {
|
|
|
+ padding-left: 1em;
|
|
|
+ font-size: 20px;
|
|
|
+ padding-top: 0.5em
|
|
|
+}
|
|
|
+
|
|
|
+#query_results {
|
|
|
+ padding-left: 2em;
|
|
|
+ padding-right: 2em;
|
|
|
+ font-size: .875em;
|
|
|
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Lato,Helvetica,Arial,sans-serif;
|
|
|
+ background-color: #fff;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 1.6;
|
|
|
+ border: 1px solid #c8ccd1;
|
|
|
+ border-radius: 0 0 2px 2px;
|
|
|
+ text-align: justify;
|
|
|
+ min-height: 50px;
|
|
|
+ margin-bottom: 50px;
|
|
|
+ padding: 20px 50px;
|
|
|
+ display: table;
|
|
|
+}
|
|
|
+
|
|
|
+.t_head {
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
+#query_results .row {
|
|
|
+ border: 1px solid #c8ccd1;
|
|
|
+ display: table-row;
|
|
|
+}
|
|
|
+
|
|
|
+#query_results .row .col-auto {
|
|
|
+ border: 1px solid #c8ccd1;
|
|
|
+ padding: 1%;
|
|
|
+}
|
|
|
+
|
|
|
+#query_results>.row>* {
|
|
|
+ display: table-cell;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.remove {
|
|
|
+ float: right;
|
|
|
+ margin-right: 20px;
|
|
|
+ margin-top: 2px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|