commonwealth-vlr-engine 0.0.1

data/app/assets/stylesheets/commonwealth-vlr-engine/institutions.scss

@@ -0,0 +1,246 @@
+/* styles for institution views */
+
+/* institutions index view (see shared.css for static-navbar) */
+
+div.institutions-list {
+
+  #sortAndPerPage {
+    margin-bottom:0;
+
+    /* don't display sort widget */
+    #sort-dropdown {
+      display: none;
+    }
+
+  }
+
+  #documents {
+    margin-top: 15px;
+
+    .blacklight-institution {
+      margin-bottom: 10px;
+      padding-bottom: 10px;
+
+      .document-thumbnail {
+        display: none;
+      }
+
+      .documentHeader {
+        padding-left: 0;
+      }
+
+      .document-metadata {
+        display: none;
+      }
+
+    }
+
+  }
+
+  #institutions-index-map {
+    height: 550px;
+    margin: 10px 0;
+
+    & ~ div.record-padding {
+
+      div.pagination {
+        display: none;
+      }
+
+    }
+  }
+
+}
+
+
+/* institutions show view */
+
+div.blacklight-institution {
+
+  h2 {
+    line-height: 25px;
+  }
+
+  #institution_geolocation {
+    padding-bottom: .7em;
+    font-size: 16px;
+    position: relative;
+    top: -5px;
+    color: $dark_gray;
+
+    a {
+      color: $darker_gray;
+      &:hover {
+        color: $bl_link;
+        text-decoration: none;
+      }
+    }
+
+    .metadata_breadcrumb {
+      padding: 0 5px;
+    }
+
+  }
+
+  img.institution_img_show {
+    float: left;
+    max-width: 25%;
+    margin: 0 1.4em 1em 0;
+    border: 1px solid $light_gray;
+  }
+
+  #institution_search_tools {
+    margin-bottom: 1em;
+    width: 72%;
+    float: right;
+
+    #institution_search_form {
+      padding: 0 3px 0 0;
+      float: left;
+
+      input {
+        width: 255px;
+        border-bottom-left-radius: 4px;
+        border-top-left-radius: 4px;
+      }
+
+      .submit-search-text {
+        display: none;
+      }
+
+    }
+
+    .institution_search_separator {
+      display: inline;
+      float: left;
+      padding: 6px 15px 8px 12px;
+      vertical-align: middle;
+      color: $dark_gray;
+    }
+
+  }
+
+  #institution_desc {
+
+    ol, ul {
+      display: inline-block;
+    }
+
+  }
+
+  #institution_collections {
+    width: 100%;
+    float: left;
+    margin-top: 1em;
+
+    #collections_count {
+      font-size: 14px;
+      color: $dark_gray;
+      vertical-align: top;
+    }
+
+    #documents.collections-gallery {
+      margin-top: 0;
+    }
+
+  }
+
+}
+
+/* Portrait tablet to landscape and desktop */
+
+@media (min-width: 768px) and (max-width: 991px) {
+
+  div.blacklight-institution {
+
+    img.institution_img_show {
+      max-width: 35%;
+    }
+
+    #institution_search_tools {
+      width:100%;
+    }
+
+  }
+
+}
+
+/* Landscape phone to portrait tablet */
+
+@media (max-width: 767px) {
+
+  /* need this or sidebar covers pagination links */
+  body.blacklight-institutions-index #sidebar {
+    float: left;
+  }
+
+  div.blacklight-institution {
+
+    #institution_search_tools {
+      width:70%;
+
+      #institution_search_form {
+        padding: 0 3px 7px 0;
+        width: 301px;
+
+        input {
+          width:100%;
+        }
+
+      }
+
+      .institution_search_separator {
+        padding: 6px 10px 15px 7px;
+      }
+
+    }
+
+    #institution_collections {
+      margin: 2em 0;
+    }
+
+    #sidebar {
+      float:left;
+      width: 100%;
+    }
+
+  }
+
+}
+
+/* Landscape phones and down */
+
+@media (max-width: 480px) {
+
+  div.blacklight-institution {
+
+    img.institution_img_show {
+      max-width: 35%;
+    }
+
+    #institution_search_tools {
+      width:100%;
+
+      #institution_search_form {
+        padding: 0 1em .5em 0;
+        width: 100%;
+
+        input {
+          width: 100%;
+          font-size: 11px;
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+
+
+
+
+
+

data/app/assets/stylesheets/commonwealth-vlr-engine/pages.scss

@@ -0,0 +1,31 @@
+/* various static-type pages */
+
+div.about_content {
+
+  h5.section_heading {
+    padding-top: 10px;
+    font-weight: bold;
+  }
+
+  ul li {
+    padding-bottom: 1em;
+  }
+
+  #lesson_plan_list {
+    padding-top: 5px;
+  }
+
+  #partner_list li {
+    padding: 20px 0;
+  }
+
+}
+
+ul.page_list {
+  margin-top:20px;
+
+  li {
+    padding-bottom: 1em;
+  }
+
+}

data/app/assets/stylesheets/commonwealth-vlr-engine/search_inside.scss

@@ -0,0 +1,172 @@
+/* styles for 'Search inside' modal popup */
+
+#ocr_search_modal {
+  padding-bottom: 2px;
+
+  #ocr_search_wrapper {
+    min-height: 35px;
+
+    #ocr_search_form_wrapper {
+      width: 50%;
+      display: inline-block;
+      margin-bottom: 10px;
+
+      .ocr-search-form {
+
+        .search_q {
+          border-radius: 4px 0 0 4px;
+        }
+
+        .submit-search-text {
+          display: none;
+        }
+
+      }
+
+    }
+
+    #zero_results_ocr {
+      margin-top: 10px;
+      padding-bottom: 10px;
+
+      h5 {
+        font-weight: bold;
+      }
+
+    }
+
+    #ocr_search_suggest {
+      padding-bottom: 10px;
+    }
+
+    #ocr_search_details {
+      width: 100%;
+      float: left;
+      padding: 4px 9px;
+
+      #ocr_search_terms {
+        float: left;
+        padding-top: 4px;
+
+        #ocr_search_term {
+          color: $very_dark_gray;
+        }
+
+      }
+
+      #sort-dropdown {
+        float: right;
+
+        button {
+          padding: 2px 5px;
+        }
+      }
+
+      .page_links {
+        float: right;
+        padding: 4px 15px 0 0;
+        border: none;
+      }
+
+    }
+
+    #ocr_search_results {
+
+      .ocr_search_result {
+        margin-bottom: 12px;
+
+        .ocr_defList {
+
+          dt {
+            text-align: left;
+            width: 72px;
+            font-weight: normal;
+          }
+
+          dd {
+            margin-left: 77px;
+
+            .ocr_term_freq {
+              font-size: 12px;
+              color: $very_dark_gray;
+              display: inline;
+            }
+
+            .ocr_snippets {
+              font-size: 13px;
+              display: inline;
+
+              .ocr_snippet {
+                padding-top: 3px;
+
+                em {
+                  background-color: $search_highlight;
+                  box-shadow: 0 0 4px 2px $search_highlight;
+                }
+
+              }
+
+              .first_snippet {
+                display: inline;
+              }
+
+              a.ocr_snippets_expand {
+                display: block;
+                color: $dark_gray;
+                font-size: 12px;
+                margin-top: 2px;
+
+                &:hover {
+                  color: $bl_link
+                }
+
+                &:focus {
+                  // outline: none;
+                  text-decoration: none;
+                }
+
+              }
+
+            }
+
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+#ocr_pagination {
+
+  #pagination_links {
+    margin: 0;
+
+    ul.pagination {
+      margin: 0;
+    }
+
+  }
+
+}
+
+/* Landscape phone to portrait tablet (iPad) */
+@media (max-width: 767px) {
+
+  #ocr_search_modal {
+
+    #ocr_search_wrapper {
+
+      #ocr_search_form_wrapper {
+        width: 75%;
+      }
+
+    }
+
+  }
+
+}