facet styles

css/components/islandora_mods.css

@@ -1,4 +1,7 @@
-a.site-branding__logo img {
+/* ==========================================================================
+   Header / Branding
+   ========================================================================== */
+.site-branding__logo img {
   width: 287px;
 }
 .logo-wrapper {
@@ -7,17 +10,32 @@ a.site-branding__logo img {
 .logo--oliveskspaces h1 {
   border: none;
 }
-.grid-item {
+div#site-header__inner {
-  border: 1px solid #ccc;
+  border-right: 1px solid #eee;
-  padding: 8px;
+}
-  border-radius: 4px;
+
-  box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%);
+/* ==========================================================================
+   Layout
+   ========================================================================== */
+.main-content {
+  border-right: 1px solid #eee;
+  border-left: 1px solid #eee;
 }
+
+/* ==========================================================================
+   Grid / Views
+   ========================================================================== */
 .view-grid > .view-content {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   /* margin: 0.47214rem 0 0.47214rem 2.61803rem; */
 }
+.grid-item {
+  border: 1px solid #ccc;
+  padding: 8px;
+  border-radius: 4px;
+  box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%);
+}
 .grid-item .views-field-did-image {
   max-height: 360px;
   overflow: hidden;
@@ -32,6 +50,7 @@ a.site-branding__logo img {
   margin: 5px 0 6px 0;
   font-weight: bold;
   border-bottom: 1px dotted #574938;
+
   a {
     text-decoration: none;
     font-family: var(--font-serif);
@@ -40,6 +59,9 @@ a.site-branding__logo img {
   }
 }
 
+/* ==========================================================================
+   Search & Facets
+   ========================================================================== */
 div#block-oliveskspaces-solrsearchcontentsearchresultspagerforpage {
   margin-bottom: 0;
 }
@@ -64,15 +86,39 @@ button#toggle-facets {
   background: #38471e;
 }
 
-.main-content {
+.facet-wrapper .advanced-search-form {
-  border-right: 1px solid #eee;
+  input[type="submit"] {
-  border-left: 1px solid #eee;
+    padding-inline: 1rem;
-}
+    margin-inline-end: 0.5rem;
-
+    transition: all 0.3s ease;
-div#site-header__inner {
+  }
-  border-right: 1px solid #eee;
+  input[type="submit"]:focus,
+  input[type="submit"]:hover {
+    background: #fff;
+    box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%);
+  }
+  input[type="submit"].advanced-search-form__search:hover,
+  input[type="submit"].advanced-search-form__add:hover {
+    background: lightgreen;
+  }
+  input[type="submit"].advanced-search-form__reset:hover,
+  input[type="submit"].advanced-search-form__remove:hover {
+    background: lightpink;
+  }
+  select {
+    margin-bottom: 1.125rem;
+    margin-inline-end: 0.5rem;
+    padding-inline-end: 1.5rem;
+    min-width: 5.5rem;
+  }
+  input[type="text"] {
+    width: 100%;
+  }
 }
 
+/* ==========================================================================
+   Mirador Viewer
+   ========================================================================== */
 span#override-default-display-mode {
   display: none;
 }
@@ -84,4 +130,3 @@ span#override-default-display-mode {
 .mirador28 {
   display: none;
 }
-