worthwhile 0.0.1.alpha → 0.0.1

data/app/assets/stylesheets/worthwhile/_variables_bootstrap.css.scss

@@ -0,0 +1,7 @@
+$font-size-base: 14px;
+$font-size-h1:            floor(($font-size-base * 2.15)) !default; // ~30px
+$font-size-h2:            floor(($font-size-base * 1.7)) !default; // ~24px
+$font-size-h3:            ceil(($font-size-base * 1.53)) !default; // ~201px
+$font-size-h4:            ceil(($font-size-base * 1.21)) !default; // ~17px
+$font-size-h5:            $font-size-base !default;
+$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px

data/app/assets/stylesheets/worthwhile/_worthwhile.css.scss

@@ -0,0 +1,7 @@
+@import "bootstrap/variables";
+@import 'worthwhile/variables_bootstrap';
+@import "worthwhile/global-variables";
+@import "worthwhile/positioning";
+@import "worthwhile/modules";
+@import "worthwhile/theme";
+@import "worthwhile/typography";

data/app/assets/stylesheets/worthwhile/downloads.css.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the Downloads controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

data/app/assets/stylesheets/worthwhile/help_requests.css.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the HelpRequests controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

data/app/assets/stylesheets/worthwhile/modules/accessibility.css.scss

@@ -0,0 +1,50 @@
+/* ==========================================================================
+   Helper classes from http://html5boilerplate.com/
+   ========================================================================== */
+
+/*
+ * Hide from both screenreaders and browsers: h5bp.com/u
+ */
+
+.hidden {
+  display: none !important;
+  visibility: hidden;
+}
+
+/*
+ * Hide only visually, but have it available for screenreaders: h5bp.com/v
+ */
+
+.visuallyhidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+/*
+ * Extends the .visuallyhidden class to allow the element to be focusable
+ * when navigated to via the keyboard: h5bp.com/p
+ */
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+  clip: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  width: auto;
+}
+
+/*
+ * Hide visually and from screenreaders, but maintain layout
+ */
+
+.invisible {
+  visibility: hidden;
+}

data/app/assets/stylesheets/worthwhile/modules/accordion.css.scss

@@ -0,0 +1,33 @@
+.accordion {
+  .accordion-toggle {
+    color:$blue
+  }
+
+  .accordion-toggle:hover {
+    text-decoration:none;
+  }
+}
+
+.js .accordion {
+  .accordion-toggle:before {
+    content:"";
+    display:inline-block;
+    width: 0;
+    height: 0;
+    margin:0 .4em .25em -.2em;
+    border-style:solid;
+    border-color:$blue transparent transparent transparent;
+    border-width:.3em .3em 0 .3em;
+  }
+
+  .accordion-toggle.collapsed:before {
+    margin:0 .5em .2em 0;
+    border-color:transparent transparent transparent $blue;
+    border-width:.3em 0 .3em .3em;
+  }
+}
+
+/* If form elements are present in an accordion they won't be wrapped in a row */
+.accordion-inner .form-group {
+  margin-bottom:1.5em;
+}

data/app/assets/stylesheets/worthwhile/modules/attributes.css.scss

@@ -0,0 +1,26 @@
+.attribute-list {
+  clear:both;
+  float:left;
+  list-style-type:none;
+  margin-top:0;
+  width:100%;
+
+  dt,
+  .label {
+    float:left;
+    clear:both;
+  }
+
+  dd,
+  .value {
+    float:left;
+  }
+}
+
+.table .tabular {
+  margin: 0;
+  padding: 0;
+  .attribute {
+    list-style-type: none;
+  }
+}

data/app/assets/stylesheets/worthwhile/modules/classify_work.css.scss

@@ -0,0 +1,100 @@
+@import 'worthwhile/global-variables';
+
+/* Aligning content types by leveraging text-align:justify
+  http://www.barrelny.com/blog/text-align-justify-and-rwd/
+*/
+
+.classify-work {
+  list-style-type:none;
+  text-align: justify;
+  font-size: 0.1px;
+  margin:0 0 2em;
+}
+
+/* 2 Column */
+.classify-work > .work-type {
+  border:1px solid #EEE;
+  box-sizing:border-box;
+  display:inline-block;
+  font-size: $font-size-base;
+  padding:.5em;
+  position:relative;
+  text-align:center;
+  margin:1em 4%;
+  width:40%;
+}
+
+/* 3 Column */
+@media (min-width: 600px){
+  .classify-work > .work-type {
+    margin:1em 2%;
+    width:29%;
+  }
+}
+
+/* 4 Column */
+@media (min-width: 1000px){
+  .classify-work > .work-type {
+    margin:1em 2%;
+    width:21%;
+  }
+}
+
+/* 5 Column */
+@media (min-width: 1200px){
+  .classify-work > .work-type {
+    margin:1em 1%;
+    width:18%;
+  }
+}
+
+.classify-work > .placeholder {
+  border-color:transparent;
+}
+
+.classify-work > .upcoming {
+  color:#ACACAC;
+  color:rgba(51, 51, 51, 0.5);
+}
+
+.classify-work > .upcoming:before {
+  background-color:#FFF;
+  background-color:rgba(255, 255, 255, 0.8);
+  color:#F00;
+  content:"Coming Soon";
+  font-size:1.5em;
+  left:0;
+  position:absolute;
+  text-align:center;
+  text-shadow:0 0 2px #CCC, 0 0 1em #FFF;
+  top:40%;
+  width:100%;
+  z-index:1;
+
+  -webkit-transform: rotate(-30deg);
+  -moz-transform: rotate(-30deg);
+  -ms-transform: rotate(-30deg);
+  -o-transform: rotate(-30deg);
+  transform: rotate(-30deg);
+}
+
+#main .upcoming .title {
+  color:#8096AE;
+  color:rgba(0, 43, 91, 0.5);
+}
+
+.classify-work .title {
+  margin-top:0;
+}
+
+.classify-work .short-description {
+  font-size:1em;
+  height:4.29em; /* Leave space for three lines */
+  line-height:1.43;
+  text-align:left;
+  margin-bottom:0;
+}
+
+.classify-work .add-button {
+  margin:.5em 0;
+}

data/app/assets/stylesheets/worthwhile/modules/collections.css.scss

@@ -0,0 +1,42 @@
+.collection-listing {
+  list-style-type:none;
+  margin:0 0 1em;
+
+  .with-controls {
+    line-height:2;
+  }
+}
+
+.collection-member {
+  padding-bottom:.5em;
+  position:relative;
+}
+
+.collection-member-actions {
+  float:right;
+  min-width:12em;
+  position:absolute;
+  right:0;
+  top:0;
+
+  .btn {
+    margin-right:.3em;
+  }
+
+  .btn,
+  .remove-member {
+    float:right;
+    margin-bottom:0;
+  }
+}
+
+.collection-section-heading {
+}
+
+.collection-section-description {
+  margin-bottom:10px;
+}
+
+.collection-section-heading + .collection-section-description {
+  margin-top:-10px;
+}

data/app/assets/stylesheets/worthwhile/modules/embargoes.css.scss

@@ -0,0 +1,15 @@
+.embargoes {
+  .current-visibility, .embargo-release-date {
+    text-align: center;
+  }
+  th, td {
+    padding-right: 8px;
+    padding-left: 8px;
+  }
+
+  .extra-embargo-info {
+    td {
+      border-top: none;
+    }
+  }
+}

data/app/assets/stylesheets/worthwhile/modules/emphatic_action_area.css.scss

@@ -0,0 +1,14 @@
+.emphatic-action-area {
+  padding-top:2em;
+  text-align:center;
+
+  a {
+    font-family:$font-family-serif;
+    font-size:2em;
+    padding:.5em;
+  }
+}
+
+.home .emphatic-action-area {
+  padding-bottom:8em;
+}

data/app/assets/stylesheets/worthwhile/modules/forms.css.scss

@@ -0,0 +1,116 @@
+legend small {
+  margin-left:.5em;
+  color: #999999;
+  font-size: 15px;
+}
+
+.label-large {
+  font-size: 110%;
+  line-height: 1.2;
+  padding: .3em .6em;
+  white-space: normal;
+  position: relative;
+
+
+  input[type="checkbox"]{
+    margin:-2px 0 0;
+    position: absolute;
+    left:.5em;
+    top:38%;
+  }
+}
+
+.label-checkbox .label-text {
+  display:block;
+  padding-left:1.2em;
+}
+
+.form-group.has-error input,
+.form-group.has-error option,
+.form-group.has-error textarea {
+  color:$gray-dark;
+}
+
+.form-actions .btn-link {
+  color: $blue;
+}
+
+.form-actions {
+  margin-top: 1em;
+}
+
+form label.optional { font-weight: normal; }
+form label.required { font-weight: bold; }
+
+#set-access-controls {
+  label { font-weight: normal; }
+  & > .form-group { padding: 0 1.75em; }
+
+  .form-inline {
+    .control-label, label {
+      padding-left: 0;
+      display: inline;
+      &:after {
+        content: ' ';
+      }
+    }
+    .help-block {
+      display: inline;
+      &:before {
+        content: ' ';
+      }
+    }
+  }
+}
+
+.control-label.required {
+  abbr {
+    font-size: 1.25em;
+    font-weight: bold;
+  }
+}
+
+
+.field-choice {
+  padding-bottom:1em;
+  padding-top:1em;
+  text-align:center;
+  font-size:1.3em;
+  line-height:1;
+  z-index: -1000;  // Prevent padding from obscuring file upload button when window is narrow
+}
+
+.accept-contributor-agreement {
+  padding: 1em 2.5em;
+  input, label {
+    font-size:1.3em;
+    font-weight: normal;
+  }
+}
+
+#edit_related_works {
+  ul.token-input-list-facebook {
+    float:left;
+  }
+  .btn {
+    margin-left:1em;
+  }
+}
+
+form.button-to {
+  margin:0 .3em;
+}
+
+form.pull-right {
+  margin-right:0;
+}
+
+.inline-checkbox {
+  display: inline-block;
+  padding-right:1em;
+}
+
+.help-inline {
+  color: $gray;
+  padding-left: 1em;
+}

data/app/assets/stylesheets/worthwhile/modules/multi_value_fields.css.scss

@@ -0,0 +1,52 @@
+.multi_value {
+  .field-wrapper {
+    list-style-type:none;
+  }
+
+  .listing {
+    margin-left: 0;
+    max-width: 40em;
+    padding-left: 0px;
+    .input-group {
+      margin-bottom: 1px;
+    }
+  }
+
+  .field-controls span {
+    margin-left:.2em;
+  }
+
+  .field-controls {
+    margin-left: 2em;
+  }
+
+  .message{
+    background-size: 40px 40px;
+    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
+    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
+    transparent 75%, transparent);
+    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
+    width: 100%;
+    border: 1px solid;
+    color: #fff;
+    padding: 10px;
+    text-shadow: 0 1px 0 rgba(0,0,0,.5);
+    animation: animate-bg 5s linear infinite;
+    border-radius: $border-radius-base;
+  }
+
+  .has-error{
+    background-color: #de4343;
+    border-color: #c43d3d;
+  }
+
+  .has-warning{
+    background-color: #eaaf51;
+    border-color: #d99a36;
+  }
+}
+
+// The contributor listing needs some normalization
+#contributors .listing {
+  max-width:20em;
+}