commonwealth-vlr-engine 0.0.1

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

@@ -0,0 +1,94 @@
+/* customized pretty extensively to look more like Bootstrap 2 carousel */
+
+#carousel_wrapper {
+
+  .carousel-indicators {
+    bottom: 0;
+    padding-bottom: 0;
+    margin-bottom: 0;
+    right: 10px;
+    top: 10px;
+    left: inherit;
+    width: inherit;
+    height: 20px;
+
+    li {
+      background-color: #FFFFFF;
+      opacity:.2;
+      -moz-opacity: 0.20;
+      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
+    }
+
+    .active {
+      height: 10px;
+      margin: 1px;
+      width: 10px;
+      opacity:.6;
+      -moz-opacity: 0.60;
+      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+    }
+
+  }
+
+  .carousel-caption {
+    padding: 0 0 0 10px;
+    bottom: -5px;
+    left: 0;
+    right: 0;
+    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
+    text-align: left;
+
+    h5 {
+      /* font-weight: bold; */
+      margin-bottom: 0px;
+      margin-top: 5px;
+    }
+
+    p {
+      font-size: 12px;
+      font-style: italic;
+    }
+  }
+
+  .carousel-control {
+    opacity: .2;
+    -moz-opacity: 0.20;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
+  }
+
+}
+
+
+/* responsive styles */
+
+@media (max-width: 767px) {
+
+  #carousel_wrapper .carousel-inner img {
+    width:100%;
+  }
+
+}
+
+@media (max-width: 480px) {
+
+  #carousel_wrapper {
+    /* display: none; */
+
+    .carousel-caption {
+      /* padding: 1px 0 10px 10px; */
+
+      h5 {
+        font-size: 12px;
+      }
+
+      p {
+        font-size: 10px;
+      }
+
+    }
+
+  }
+
+}
+
+

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

@@ -0,0 +1,45 @@
+/* Site-wide style settings/variables for DigitalCommonwealth-based virtual local repositories. */
+/* To override, declare variables in your_app/assets/stylesheets/commonwealth_vlr_engine.css.scss, */
+/* putting any locally-declared variables before @import line, and removing !default */
+
+$header_logo_image: 'commonwealth-vlr-engine/vlr_logo_img.png' !default;
+$footer_logo_image: 'commonwealth-vlr-engine/vlr_logo_img.png' !default;
+
+$very_dark_gray: #555555 !default;
+$darker_gray: #666666 !default;
+$dark_gray: #A29E9E !default;
+$light_gray: #CACACA !default;
+$lighter_gray: #F1F1F1 !default;
+
+$bootstrap_text: #333333 !default;
+
+$bl_link: #428BCA !default;
+$bl_link_hover: #005580 !default;
+
+$well_bg_color: #F5F5F5 !default;
+$well_border_color: #E3E3E3 !default;
+$facets_border: #DDDDDD !default;
+
+$navbarBorder: #D4D4D4 !default;
+
+$dropdown-hover-background: #0081C2 !default;
+$dropdown-hover-background-gradient-start:#0088CC !default;
+$dropdown-hover-background-gradient-end: #0077B3 !default;
+
+$error_text: #b94a48 !default;
+$error_bg: #f2dede !default;
+$error_border: #eed3d7 !default;
+
+$viewer_bg: #111111 !default;
+$search_highlight: yellow !default;
+
+@mixin rounded-corners($radius) {
+  -moz-border-radius: $radius;
+  -webkit-border-radius: $radius;
+  border-radius: $radius;
+}
+
+@mixin box-shadow($shadow...) {
+  -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
+  box-shadow: $shadow;
+}

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

@@ -0,0 +1,75 @@
+/* shared sitewide styles */
+
+body.blacklight-institutions-index, body.blacklight-collections-index, body.blacklight-catalog-index {
+
+  #header-navbar {
+    top: 0;
+    left: 0;
+    margin-bottom: 0;
+    position: fixed;
+    right: 0;
+    z-index: 1001; // blacklight-maps leaflet controls have z-index:1000
+  }
+
+  #main-container {
+    padding-top: 100px;
+  }
+
+}
+
+.flash_messages {
+  margin-top: 10px;
+
+  .alert {
+    padding: 5px 8px;
+    margin: 5px 0;
+
+    .close {
+      line-height: .8;
+    }
+
+  }
+
+}
+
+#breadcrumb {
+  margin-top: 5px;
+
+  ul.breadcrumb {
+    background: none;
+    padding: 0;
+    margin: 0 0 10px;
+    font-size: 12px;
+
+    > li {
+
+      + li:before {
+        content: none;
+      }
+    }
+
+    a {
+      color: $darker_gray;
+    }
+
+    span.divider {
+      color:$light_gray;
+      padding: 0 5px;
+    }
+
+  }
+
+}
+
+#error_explanation {
+  color: $error_text;
+  background-color: $error_bg;
+  border: 1px solid $error_border;
+  @include rounded-corners(4px);
+  margin-bottom: 15px;
+  padding-top: 10px;
+
+  h2 {
+    display:none;
+  }
+}

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

@@ -0,0 +1,563 @@
+/* styles for collections views */
+
+/* collections#index */
+
+.item_az_links {
+  margin-bottom: 10px;
+
+  .az_link, .az_nolink, .az_active {
+    padding-left:7px;
+  }
+
+  .az_nolink {
+    color:$dark_gray;
+  }
+
+  .az_active {
+    font-weight: bold;
+  }
+
+}
+
+div.collections-list {
+
+  /* don't display sort or view-type widgets */
+  #sort-dropdown, .view-type {
+    display: none;
+  }
+
+  #documents.documents-list {
+    margin-top: 15px;
+
+    .document {
+
+      .document-thumbnail {
+        min-width: 130px;
+
+        img {
+          max-height: 130px;
+          max-width: 130px;
+        }
+
+      }
+
+      .item_index_details {
+        font-size: 13px;
+      }
+
+    }
+
+  }
+
+}
+
+/* collections#show */
+
+h2.collection-title {
+  line-height:25px;
+}
+
+h4.collection-provenance {
+  font-size: 17.5px;
+  color: $dark_gray;
+  font-weight: normal;
+  line-height: 1;
+
+  a {
+    color: $darker_gray;
+  }
+
+  a:hover {
+    color:$bl_link;
+    text-decoration: none;
+  }
+
+}
+
+#collection_img {
+  float: left;
+  width: 43%;
+  margin: 0 1.4em 1.5em 0;
+
+  img.collection_img_show {
+    border: 1px solid $light_gray;
+    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
+    max-width: 100%;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  #collection_img_caption {
+    font-size: 12px;
+    padding-top: .3em;
+
+    a, a:hover {
+      color:$darker_gray;
+      text-decoration: none;
+    }
+
+  }
+
+}
+
+#collection_search_tools {
+  margin-bottom: 1em;
+  width:54%;
+  float:right;
+
+  #collection_search_form {
+    padding: 0 3px 0 0;
+    float: left;
+
+    input {
+      width: 175px;
+      border-bottom-left-radius: 4px;
+      border-top-left-radius: 4px;
+    }
+
+    .submit-search-text {
+      display: none;
+    }
+
+  }
+
+  .collection_search_separator {
+    display: inline;
+    float: left;
+    padding: 6px 6px 8px 3px;
+    vertical-align: middle;
+    color: $dark_gray;
+  }
+
+}
+
+
+#collection_desc {
+
+  ol,ul {
+    display: inline-block;
+  }
+
+}
+
+#series_wrapper {
+  /* float:left; */
+  clear: left;
+  padding-top: 10px;
+
+  .panel-default {
+    border: none;
+    box-shadow: none;
+
+    .panel-heading {
+      display: none;
+    }
+
+    #facet-related_item_series_ssim_thumb-list {
+      display:block;
+
+      .panel-body {
+        padding: 0;
+      }
+
+    }
+
+  }
+
+  #documents {
+
+    .document {
+      border: none;
+      padding-bottom: 25px;
+      margin-bottom: 10px;
+
+      .thumbnail {
+        border: none;
+        height: 127px;
+
+        img {
+          max-height: 127px;
+        }
+
+        .caption {
+          padding: 2px 5px;
+          font-size: 12px;
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+#facets div.blacklight-related_item_series_ssim {
+  display: none;
+}
+
+#blacklight-collection-map-container {
+  clear: left;
+  padding-top: 10px;
+
+  #blacklight-index-map {
+    height: 300px;
+  }
+
+}
+
+#collection_metadata_wrapper {
+  margin-top: 1.5em;
+}
+
+#item_metadata h4 {
+  padding-left:1em;
+}
+
+/* collections gallery */
+
+#documents.collections-gallery {
+
+  .masonry {
+
+    &.document {
+      background-color: inherit;
+      padding: 5px;
+
+      .thumbnail {
+        border: 1px solid $dark_gray;
+        padding: 0;
+        overflow: hidden;
+        border-radius: 7px;
+        height: 221px;
+
+        a {
+
+          img {
+            border: none;
+            height:auto;
+            width:auto;
+            max-height: 221px;
+            position: relative;
+            top: 109px; // would rather use 50% but doesn't work in Chrome
+            transform: translateY(-50%);
+            -webkit-transform: translateY(-50%);
+            -ms-transform: translateY(-50%);
+            -moz-transform: translateY(-50%);
+          }
+
+        }
+
+        .caption {
+          display: block;
+          left: 5px;
+          right: 5px;
+          width: auto;
+          bottom: 5px;
+          border-bottom-left-radius: 7px;
+          border-bottom-right-radius: 7px;
+          background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 27%, rgba(0,0,0,0.45) 100%);
+
+          h5 {
+            font-size:16px;
+            margin-bottom: 3px;
+            margin-top: 3px;
+
+            a:hover {
+              text-decoration: none;
+            }
+
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+
+
+/* responsive styles */
+
+/* Large desktop */
+@media (min-width: 1200px) {
+
+  .item_az_links {
+
+    .az_link, .az_nolink {
+      padding-left:12px;
+    }
+
+  }
+
+  #collection_search_tools {
+    width:54%;
+  }
+
+  #series_wrapper {
+
+    #documents {
+
+      .document {
+
+        .thumbnail {
+          height: 159px;
+
+          img {
+            max-height: 159px;
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+  #blacklight-collection-map-container {
+
+    #blacklight-index-map {
+      height: 400px;
+    }
+
+  }
+
+  #documents.collections-gallery {
+
+    .masonry {
+
+      &.document {
+
+        .thumbnail {
+          height: 271px;
+
+          a {
+
+            img {
+              top: 135px;
+              max-height: 271px;
+            }
+
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+/* Portrait tablet to landscape and desktop */
+@media (min-width: 768px) and (max-width: 991px) {
+
+  .item_az_links {
+
+    .az_link, .az_nolink {
+      padding-left:1px;
+    }
+
+  }
+
+  #collection_img {
+    width: 100%;
+    margin: 0 0 1em 0;
+  }
+
+  #collection_search_tools {
+    width:97%;
+    float:left;
+
+    #collection_search_form {
+
+      input {
+        width: 100%;
+      }
+
+    }
+
+  }
+
+  #series_wrapper {
+
+    #documents {
+
+      .document {
+
+        .thumbnail {
+          height: 95px;
+
+          img {
+            max-height: 95px;
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+  #documents.collections-gallery {
+
+    .masonry {
+
+      &.document {
+
+        .thumbnail {
+          height: 166px;
+
+          a {
+
+            img {
+              top: 82px;
+              max-height: 166px;
+            }
+
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+/* Landscape phone to portrait tablet */
+@media (max-width: 767px) {
+
+  .item_az_links {
+
+    .az_link, .az_nolink {
+      padding-left:2px;
+    }
+
+  }
+
+  #collection_img {
+    width: 100%;
+    margin: 0 0 1em 0;
+    float: none;
+  }
+
+  #collection_search_tools {
+    width:97%;
+    float:none;
+
+    #collection_search_form {
+      width:289px;
+
+      input {
+        width: 100%;
+      }
+
+    }
+
+  }
+
+  #series_wrapper {
+    display: none;
+  }
+
+  .blacklight-collection #facets {
+    margin-top: 1em;
+
+    div.blacklight-related_item_series_ssim {
+      display: block;
+    }
+
+  }
+
+  #documents.collections-gallery {
+
+    .masonry {
+
+      &.document {
+
+        &:before {
+          content: "";
+          display: block;
+          padding-top: 100%;
+        }
+
+        .thumbnail {
+          position: absolute;
+          top: 5px;
+          left: 5px;
+          bottom: 5px;
+          right: 5px;
+          height: auto;
+
+          a {
+
+            img {
+              position: absolute;
+              top: 50%;
+              left: 50%;
+              transform: translate(-50%,-50%);
+              -webkit-transform: translate(-50%,-50%);
+              -ms-transform: translate(-50%,-50%);
+              -moz-transform: translate(-50%,-50%);
+              max-height: unset;
+            }
+
+          }
+
+          .caption {
+            left: 0;
+            right: 0;
+            bottom: -2px;
+
+            h5 {
+              font-size:14px;
+            }
+
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+/* Landscape phones and down */
+@media (max-width: 480px) {
+
+  #collection_search_tools {
+
+    #collection_search_form {
+
+      input {
+        width: 100%;
+      }
+
+    }
+
+    #collection_view_all {
+      padding-top: 45px;
+    }
+
+  }
+
+  #blacklight-collection-map-container {
+    display:none;
+  }
+
+}
+