sufia 3.7.2 → 4.0.0.beta1

data/app/assets/stylesheets/header.css.scss

@@ -0,0 +1,93 @@
+$gray-lightish: #bbb;
+$gray-lighter: #eee;
+
+#masthead {
+  background: #0071BC; /* Old browsers */
+  background-image: -webkit-gradient(
+      linear,
+      left top,
+      left bottom,
+      color-stop(0, #0071BC),
+      color-stop(1, #003457)
+  );
+  background-image: -o-linear-gradient(bottom, #0071BC 0%, #003457 100%);
+  background-image: -moz-linear-gradient(bottom, #0071BC 0%, #003457 100%);
+  background-image: -webkit-linear-gradient(bottom, #0071BC 0%, #003457 100%);
+  background-image: -ms-linear-gradient(bottom, #0071BC 0%, #003457 100%);
+  background-image: linear-gradient(to bottom, #0071BC 0%, #003457 100%);
+  min-height: 4em;
+
+  .navbar {
+    min-height: 0px;
+    margin-bottom: 0.8em;
+  }
+
+  #user_utility_links {
+    margin-top: 1.75em;
+
+    &.open {
+      > a {
+        border-color: #ccc;
+
+        &.dropdown-toggle {
+          background-color: $gray-lighter;
+          border-color: #428bca;
+        }
+      }
+    }
+  }
+
+  #profile_link {
+    margin-left: -1px;
+  }
+}
+
+#masthead_controls {
+  background-color: #D2B48C;
+  border-top: 1px solid #0071BC;
+  border-bottom: 1px solid #B89972;
+  .navbar {
+    background-color: #D2B48C;
+    margin-bottom: 0;
+    text-align: center;
+  }
+  .navbar li {
+    border-right: 1px solid #B89972;
+  }
+  .navbar a:link, .navbar a:visited {
+    color: #FFF;
+  }
+  .navbar a:hover {
+    background-color: #7D5D55;
+  }
+  .navbar-default {
+    border: 0;
+  }
+  .navbar-default .navbar-nav>.active>a,
+  .navbar-default .navbar-nav>.active>a:hover,
+  .navbar-default .navbar-nav>.active>a:focus {
+    background-color: #F7EEDE;
+    color: #555;
+  }
+}
+
+#logo span.glyphicon {
+  color: #FFF;
+  font-size: 4em;
+  margin: .25em 0 0 .25em;
+}
+.institution_name {
+  color: #FFF;
+  font-family: 'Lato', Verdana, Arial, Helvetica;
+  font-size: 4em;
+  font-weight: 300;
+  margin: 0 0 0 .25em;
+}
+
+.login_button {
+  margin: 1.75em 3em 0 0;
+}
+
+#search-form-header {
+  margin-top: 7px;
+}

data/app/assets/stylesheets/home-page.css.scss

@@ -0,0 +1,50 @@
+#home_header {
+  margin: 0 -15px;
+}
+
+#home_header  {
+  background-image: image-url('old_main_tulips.jpg');
+  background-position: 50% 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
+  border-top: 8px solid #E1E1E1;
+  border-bottom: 8px solid #E1E1E1;
+}
+
+.home_share_work {
+  background: rgb(255,255,255) transparent;
+  background: rgba(255,255,255,0.8);
+  margin: 1em 0;
+  padding: 1em;
+}
+
+.home_share_work p {
+  background-color: #FFF;
+  width: 40%;
+  margin: .25em auto;
+}
+
+.home_marketing_text {
+  background: rgb(0,0,0) transparent;
+  background: rgba(0,0,0,0.65);
+  color: #FFF;
+  margin: 1em 0;
+  padding-bottom: 1em;
+  text-shadow: black 2px 2px ;
+}
+
+.home_marketing_text h2 {
+  letter-spacing: .1em;
+}
+
+.home_marketing_text p {
+  letter-spacing: .1em;
+}
+
+#content-header {
+  padding-top: 1.5em;
+}
+
+#home_content {
+  padding: 2em 0;
+}

data/app/assets/stylesheets/nestable.css.scss

@@ -0,0 +1,111 @@
+.dd {
+  position: relative;
+  display: block;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 13px;
+  line-height: 20px;
+}
+
+tbody.dd-list {
+  display: table-row-group;
+  padding-left: 0;
+}
+
+tbody.dd-dragel {
+  display: table;
+}
+
+tr.dd-item {
+  display: table-row;
+  position: relative;
+}
+
+.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
+.dd-list .dd-list { padding-left: 30px; }
+.dd-collapsed .dd-list { display: none; }
+
+.dd-item,
+.dd-empty,
+.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }
+
+.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%);
+    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
+    -webkit-border-radius: 3px;
+            border-radius: 3px;
+    box-sizing: border-box; -moz-box-sizing: border-box;
+}
+.dd-handle:hover { color: #2ea8e5; background: #fff; }
+
+.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
+.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
+.dd-item > button[data-action="collapse"]:before { content: '-'; }
+
+.dd-placeholder,
+.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
+.dd-empty { border: 1px dashed #bbb; min-height: 100px; 
+    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
+                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
+    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
+                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
+    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
+                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
+    background-size: 60px 60px;
+    background-position: 0 0, 30px 30px;
+}
+
+.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
+.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
+.dd-dragel .dd-handle {
+    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
+            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
+}
+
+/**
+ * Nestable Extras
+ */
+
+.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }
+
+
+.dd-hover > .dd-handle { background: #2ea8e5 !important; }
+
+/**
+ * Nestable Draggable Handles
+ */
+
+.dd3-content { display: block; margin: 5px 0; padding: 0 0 0 30px;
+    background: #fafafa;
+    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
+    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
+    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
+    -webkit-border-radius: 3px;
+            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: 100px;
+    white-space: nowrap; overflow: hidden;
+    border: 1px solid #aaa;
+    background: #ddd;
+    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
+    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
+    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+.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/styles.css.scss

@@ -0,0 +1,106 @@
+$gray-lightish: #bbb;
+$gray-lighter: #eee;
+
+body {
+  margin: 0;
+  padding: 0;
+}
+
+#wrapper {
+  background-image: -webkit-gradient(
+      linear,
+      left top,
+      left bottom,
+      color-stop(0, #E1E1E1),
+      color-stop(1, #FFFFFF)
+  );
+  background-image: -o-linear-gradient(bottom, #E1E1E1 0%, #FFFFFF 100%);
+  background-image: -moz-linear-gradient(bottom, #E1E1E1 0%, #FFFFFF 100%);
+  background-image: -webkit-linear-gradient(bottom, #E1E1E1 0%, #FFFFFF 100%);
+  background-image: -ms-linear-gradient(bottom, #E1E1E1 0%, #FFFFFF 100%);
+  background-image: linear-gradient(to bottom, #E1E1E1 0%, #FFFFFF 100%);
+}
+
+#page-positioner h1, #page-positioner h2, #page-positioner h3,
+#page-positioner h4, #page-positioner h5, #page-positioner h6 {
+  font-family: 'Lato', Verdana, Arail, Helvetica, sans-serif;
+}
+
+#page-positioner {
+  background-color: #FFF;
+}
+
+#page-positioner h1, #page-positioner h2 {
+  font-weight: 300;
+}
+
+#page-positioner h3, #page-positioner h4 {
+  font-weight: 400;
+}
+
+.input-group {
+  margin-bottom: 10px;
+}
+
+button {
+  background-color: $gray-lighter;
+}
+
+.breadcrumbs {
+  padding: 1em 0;
+}
+
+#footer {
+  clear: both;
+  color: #FFF;
+  margin-top: 2em;
+  padding: 1em;
+  background: #0071BC; /* Old browsers */
+  background-image: -webkit-gradient(
+      linear,
+      left top,
+      left bottom,
+      color-stop(0, #0071BC),
+      color-stop(1, #003457)
+  );
+  background-image: -o-linear-gradient(bottom, #0071BC 0%, #003457 100%);
+  background-image: -moz-linear-gradient(bottom, #0071BC 0%, #003457 100%);
+  background-image: -webkit-linear-gradient(bottom, #0071BC 0%, #003457 100%);
+  background-image: -ms-linear-gradient(bottom, #0071BC 0%, #003457 100%);
+  background-image: linear-gradient(to bottom, #0071BC 0%, #003457 100%);
+  min-height: 4em;
+}
+
+.required-field {
+  color: red;
+  font-size: small;
+}
+
+@media only screen and (min-width: 768px) {
+  #masthead {
+    min-height: 8em;
+  }
+  #home_header,
+  #home_header div.home_call_action,
+  #home_header div.home_call_action ~ div {
+    min-height: 18em;
+  }
+  .home_share_work {
+    margin: 1.5em 0;
+  }
+  .home_marketing_text {
+    margin-top: 1.5em;
+    padding-bottom: 1.5em;
+  }
+}
+
+@media only screen and (min-width: 992px) {
+  #home_header,
+  #home_header div.home_call_action,
+  #home_header div.home_call_action ~ div {
+    min-height: 20em;
+  }
+}
+
+
+

data/app/assets/stylesheets/sufia.css.scss

@@ -1,16 +1,21 @@
 /* ...
  *= require_self
- *= require bootstrap.min
- *= require application-bootstrap
- *= require trophy
- *= require blacklight_more_facets
- *= require batch_edit
  *= require generic_files
  *= require video-js
- *= require audio-js
- *= require dashboard
  *= require jquery-ui
  *= require sufia-audio-overrides
+ *= require styles
+ *= require header
+ *= require home-page
+ *= require tagcloud
+ *= require featured
+ *= require dashboard
+ *= require usage-stats
+ *= require nestable
 */
 
-@import 'font-awesome';
+@import "browse_everything";
+#browse-everything {
+  top:10%;
+  background-color: initial;
+}

data/app/assets/stylesheets/tagcloud.css

@@ -0,0 +1,83 @@
+.tagcloud {
+    padding-left: 0px;
+    text-align: justify;
+}
+.tagcloud li{
+    display: inline;
+    margin-right:0.25em;
+}
+.tag-toggle-list {
+    margin-top: 1.25em;
+    margin-left: 0.5em;
+    margin-bottom: 1em;
+}
+.tagcloud.list li {
+    display: block;
+}
+.tagcloud li .badge {
+    display:none;
+}
+
+.weight-15 {
+    font-size: 0.90em;
+}
+
+.weight-14 {
+    font-size: 1.00em;
+}
+
+.weight-13 {
+    font-size: 1.10em;
+}
+
+.weight-12 {
+    font-size: 1.20em;
+}
+
+.weight-11 {
+    font-size: 1.30em;
+}
+
+.weight-10 {
+    font-size: 1.40em;
+}
+
+.weight-9 {
+    font-size: 1.50em;
+}
+
+.weight-8 {
+    font-size: 1.60em;
+}
+
+.weight-7 {
+    font-size: 1.70em;
+}
+
+.weight-6 {
+    font-size: 1.80em;
+}
+
+.weight-5 {
+    font-size: 1.90em;
+}
+
+.weight-4 {
+    font-size: 1.95em;
+    font-weight: bold;
+}
+
+.weight-3 {
+    font-size: 2.05em;
+    font-weight: bold;
+}
+
+.weight-2 {
+    font-size: 2.15em;
+    font-weight: bold;
+}
+
+.weight-1 {
+    font-size: 2.25em;
+    font-weight: bold;
+}