blacklight-spotlight 0.0.3 → 0.1.0

data/app/assets/stylesheets/spotlight/_exhibit_admin.css.scss

@@ -1,11 +1,55 @@
 .exhibit-admin {
-  input.exhibit-contact {
-    margin-top: 5px;
-    &:first-child {
-      margin-top: 0;
-    }
+  .contact {
+    margin-bottom: 0.5em;
   }
+
   #another-email {
     cursor: hand;
   }
+  .confirmation-status {
+    margin-top: 10px;
+    margin-left: 0;
+    padding-left: 0;
+    
+    &.not-validated {
+      margin-top: 0;
+    }
+    
+    .confirmed {
+      @extend .text-success;
+      white-space: nowrap;
+    }
+    .unconfirmed {
+      @extend .text-danger;
+    }
+
+    a {
+      white-space: nowrap;
+    }
+  }
+
+  .callout {
+    margin: 40px 0;
+    padding: 2 * $padding-large-vertical;
+    border-left: 3px solid $gray-lighter;
+    > p {
+      padding-left: 0;
+    }
+    h4 {
+      margin-top: 0;
+      margin-bottom: $padding-base-vertical;
+    }
+  }
+  .callout-danger {
+    background-color: lighten($brand-danger, 40%);
+    border-color: $brand-danger;
+    h4 {
+      color: $brand-danger;
+    }
+    a:hover, a:focus {
+      color: $btn-danger-color;
+      background-color: $btn-danger-bg;
+      border-color: $btn-danger-border;
+    }
+  }
 }

data/app/assets/stylesheets/spotlight/_footer.css.scss

@@ -0,0 +1,42 @@
+footer {
+  background-color: $gray-lighter;
+  color: $gray-light;
+  padding: 10px;
+
+  // Styles below keep footer at bottom of viewport
+  position: absolute;
+  bottom: 0;
+  height: $footer-height;
+  width: 100%;
+
+  .social-share-button {
+    a {
+      display: block;
+      margin-bottom: 5px;
+      background: none;
+      width: 100%;
+      color: $gray-light;
+    }
+    a:hover, a:focus {
+      color: $gray;
+      text-decoration: none;
+    }
+    a:before {
+      content: '';
+      margin-right: 5px;
+      margin-bottom: -3px;
+      display: inline-block;
+      width: 16px;
+      height: 16px;
+    }
+    a.social-share-button-twitter:before {
+      background: image-url("sprites/social-share-button.png") -32px -48px no-repeat;
+    }
+    a.social-share-button-facebook:before {
+      background: image-url("sprites/social-share-button.png") -32px 0px no-repeat;
+    }
+    a.social-share-button-google_plus:before {
+      background: image-url("sprites/social-share-button.png") -16px -32px no-repeat;
+    }
+  }
+}

data/app/assets/stylesheets/spotlight/_header.css.scss

@@ -1,9 +1,17 @@
 #exhibit-masthead, #exhibit-navbar {
-  margin-top: -30px;
   z-index: 1;
 }
 
+.navbar + .navbar {
+  margin-top: 0;
+}
+
+#header-navbar {
+  margin-bottom: 0;
+}
+
 #exhibit-masthead {
+  margin-bottom: 0;
   padding: 24px 0;
   .site-title {
     font-size: 30px;
@@ -12,13 +20,9 @@
   small {
     display: block;
   }
-}
 
-#content-header {
-  .breadcrumb {
-    padding: 8px 0;
-    background: none;
-    margin-bottom: 0;
+  .more-exhibits {
+    @extend .navbar-right;
   }
 }
 
@@ -38,4 +42,4 @@
   .glyphicon-search {
     line-height: $line-height-computed;
   }
-}
+}

data/app/assets/stylesheets/spotlight/_item_text_block.css.scss

@@ -6,7 +6,7 @@
 .item-text {
   .image-block {
     max-width: 30%;
-    
+
     .thumbnail {
       margin-bottom: 5;
     }
@@ -20,19 +20,39 @@
         margin-left: 15px;
       }
     }
-    .title {
+    .primary-caption, .secondary-caption {
       text-align: center;
+      font-style: italic;
     }
   }
 }
+
+.st-block input[type="text"] {
+    @extend .form-control;
+}
+.primary-caption, .secondary-caption, .auto-cyle-images {
+  select {
+    margin-left: 10px;
+  }
+}
+
+.max-heights {
+  label.carousel-size {
+    margin-left: 5px;
+    padding-right: 10px;
+    font-weight: normal;
+  }
+}
+
 .item-text-admin {
   .text-align {
     margin-top: 15px;
   }
-  .field {
-    width: 75%;
+  .dd3-content {
+    &.panel-default {
+      padding-left: 0;
+    }
   }
-
   #item-text {
     @extend .form-control;
 
@@ -42,6 +62,6 @@
       @include record-thubmnail-textarea;
     }
     @include record-thubmnail-textarea;
-    
+
   }
 }

data/app/assets/stylesheets/spotlight/_mixins.css.scss

@@ -0,0 +1,13 @@
+@mixin link-highlighting() {
+  background-color: $nav-link-hover-bg;
+  text-decoration: none;
+}
+
+@mixin edit-in-place-highlighting() {
+  background: #F7F7D0;
+  cursor: text;
+}
+
+@mixin panel-hover-highlighting() {
+  background-color: $gray-lighter;
+}

data/app/assets/stylesheets/spotlight/_multi_up_item_grid.css.scss

@@ -1,36 +1,56 @@
 .item-grid-admin {
   .field {
     input[type='text'] {
-      margin-left: 10px;
-      margin-bottom: 10px;
       width: 89%;
     }
-    .twitter-typeahead {
-      display: inline !important;
+
+    .twitter-typeahead {  
+      margin-bottom: 2*$padding-base-vertical;
     }
   }
   .field-select {
-    margin-top: 15px;
+    margin-top: 2*$padding-base-vertical;
     select {
-      display: block;
-      width: 90%;
+      display: inline;
+      width: auto;
     }
   }
+  .dd3-item {
+    margin-bottom: 2*$padding-base-vertical;
+  }
+}
+// Hide the secondary caption field
+// for the Features block so we can
+// re-use the rest from the generic
+// multi-up item grid.
+[data-type='item-features'] {
+  .secondary-caption {
+    display: none;
+  }
 }
-
 .spotlight-flexbox {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
+  flex-flow: row wrap;
+
   .box {
     text-align: center;
-    .title {
+    padding: 1em;
+    min-width: 125px;
+
+    @media (max-width: $screen-xs-max) {
+      min-width: 200px;
+    }
+
+    .caption {
       margin-top: 5px;
+      font-style: italic;
     }
     img {
-      max-width: 80%;
+      max-width: 100%;
     }
     -webkit-box-flex: 1;
     -moz-box-flex: 1;
@@ -38,4 +58,4 @@
     -ms-flex: 1;
     flex: 1;
   }
-}
+}

data/app/assets/stylesheets/spotlight/_nestable.css.scss

@@ -17,6 +17,10 @@ tbody.dd-dragel {
   display: table;
 }
 
+li.dd-item {
+  list-style: none;
+}
+
 tr.dd-item {
   display: table-row;
   position: relative;
@@ -29,8 +33,8 @@ tr.dd-item {
 .dd-item,
 .dd-empty,
 .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }
-.dd-item .panel-heading {min-height: 71px;}
-.dd-handle { display: block; height: 73px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
+
+.dd-handle { display: block; height: 100%; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
     background: #fafafa;
     background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
     background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
@@ -87,12 +91,18 @@ tr.dd-item {
             border-radius: 3px;
     box-sizing: border-box; -moz-box-sizing: border-box;
 }
+.dd3-content.page-admin {
+  position: relative;
+}
 .dd3-content .panel-body {background: white;}
 .dd-dragel > .dd3-item > .dd3-content { margin: 0; }
 
 .dd3-item > button { margin-left: 30px; }
 
-.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
+.dd3-handle { 
+    position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px;
+    text-indent: 100px;
+    white-space: nowrap; overflow: hidden;
     border: 1px solid #aaa;
     background: #ddd;
     background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
@@ -101,5 +111,5 @@ tr.dd-item {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
-.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
-.dd3-handle:hover { background: #ddd; }
+.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 9px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
+.dd3-handle:hover { background: #ddd; }

data/app/assets/stylesheets/spotlight/_pages.css.scss

@@ -3,6 +3,18 @@
   They will automatically be included in application.css.
 */
 
+.blacklight-home_pages-show .edit-button {
+  margin-bottom: 2em;
+}
+
+.form-actions {
+  @extend .clearfix;
+}
+
+.primary-actions {
+  @extend .pull-right; 
+}
+
 #nested-pages {
   margin-bottom: 1em;  
 }
@@ -12,9 +24,9 @@
   top: 0;
   left: 0;
   display: none;
-  background-color: #34e0c2;
+  background-color: $panel-info-heading-bg;
   padding: 3px 8px;
-  color: white;
+  color: $panel-info-text;
   font-weight: bold;
 }
 
@@ -24,20 +36,199 @@
   }
 }
 #sidebar {
+  li {
+    margin-top: $padding-small-vertical;
+  }
+  h4 {
+    line-height: $line-height-large;
+  }
   .contacts-header {
-    margin-top: 40px;
+    margin-top: 4 * $padding-large-vertical;
   }
   ol.contacts {
     li {
-      margin-top: 10px;
+      margin-bottom: 2 * $padding-large-vertical;
+      margin-top: $padding-small-vertical;
       .name {
         font-weight: bold;
       }
     }
   }
+
+  ol.sidenav {
+    li {
+      color: $gray-darker;
+      a {
+        &:hover, &:focus {
+          @include link-highlighting();
+        }
+      }
+      > h4 {
+        font-size: ceil(($font-size-base * 1.05));
+        margin-top: 3 * $padding-large-vertical;
+        > a {
+          color: $text-color;
+          display: block;
+          font-weight: 400;
+        }
+      }
+    }
+    ol.subsection {
+      padding-left: 0;
+      li {
+        list-style: square;
+        margin-left: 18px;
+        > a {
+          display: block;
+        }
+      }
+    }
+  }
 }
 
 .contacts_admin .name {
   font-size: 16px;
   font-weight: 500;
 }
+
+.st-block-controls {
+  border-radius: 12px;
+  border: 3px dotted #999;
+}
+
+.st-block-control {
+  @extend .btn;
+
+  max-width: 100px;
+  word-wrap: break-word;
+  white-space: normal;
+  color: #666;
+  vertical-align: top;
+
+  .icon {
+
+    border: 3px solid #ccc;
+    border-radius: 6px;
+    width: 70px;
+    height: 40px;
+    background-size: cover;
+    @extend .text-hide;
+  }
+
+  .st-icon-multi-up-item-grid {
+    @extend .icon;
+    background-image: image-url('spotlight/blocks/multi-up-item-grid.png');
+  }
+
+  .st-icon-text {
+    @extend .icon;
+    background-image: image-url('spotlight/blocks/text.png');
+  }
+
+  .st-icon-item-text {
+    @extend .icon;
+    background-image: image-url('spotlight/blocks/item-text.png');
+  }
+
+  .st-icon-item-carousel {
+    @extend .icon;
+    background-image: image-url('spotlight/blocks/item-carousel.png');
+  }
+
+  .st-icon-item-features {
+    @extend .icon;
+    background-image: image-url('spotlight/blocks/item-features.png');
+  }
+}
+
+.st-block__inner {
+  @extend .panel;
+  @extend .panel-default;
+  &:hover {
+    @extend .panel-info;
+  }
+}
+
+.st-block-ui-btn, .st-block-control-ui-btn {
+  
+  color: $panel-info-text;
+  border-color: $panel-info-heading-bg;
+  
+  &:hover {
+    color: $panel-info-text;
+    border-color: $panel-info-heading-bg;
+    background-color: $panel-info-heading-bg;
+    text-decoration: none;
+  }
+}
+
+.st-block {
+  margin-top: 1.5em;
+}
+
+.st-block-controls__top, .st-block--with-plus {
+
+    &:hover {
+      &:before, &:after {
+      color: #666;
+    }
+  }
+}
+
+.form-group .st-text-block {
+  @extend .form-control;
+  height: auto;
+  min-height: 6em;
+}
+
+
+.item-carousel {
+  .carousel {
+    background-color: #111;
+    text-align: center;
+  }
+
+  img {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
+.item-features {
+  text-align: center;
+  .carousel {
+    display: inline-block;
+    .carousel-inner {
+      padding-right: 30px;
+      .item {
+        float: right;
+      }
+    }
+
+    .slideshow-indicators {
+      text-align: left;
+      li {
+        border-left: 0;
+        border-right: 0;
+
+        &:nth-child(odd) {
+          background-color: $table-bg-accent;
+        }
+
+        &:hover {
+          background-color: $table-bg-hover;
+        }
+
+        &.active {
+          background-color: $panel-info-heading-bg;
+        }
+
+        a {
+          text-decoration: none;
+          color: inherit;
+
+        }
+      }
+    }
+  }
+}