atrium 0.0.1 → 0.1.1

data/app/assets/stylesheets/{atrium/atrium.css → atrium.css}

@@ -1,3 +1,23 @@
+/*
+ * This is a manifest file that'll be compiled into atrium.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ *= require 'atrium/reset'
+ *= require_self
+ *= require 'atrium/theme'
+ *
+ *= require 'atrium/collections'
+ *= require 'atrium/descriptions'
+ *= require 'atrium/exhibits'
+ *= require 'atrium/showcases'
+ *
+ *= require 'chosen'
+ *= require 'ui-lightness/jquery-ui-1.8.23.custom'
+ */
+
 /* Global */
 
 body {
@@ -6,10 +26,6 @@ body {
 
 .warning { color: red !important;}
 
-#doc, #doc2, #doc3, #doc4 {
-  border-top:5px solid #484748;
-}
-
 .button {
   background-color:#CCC;
   border-color: #FFF #000 #000 #FFF;
@@ -20,6 +36,34 @@ body {
   padding:.3em .5em;
 }
 
+/** yui **/
+
+#doc, #doc2, #doc3, #doc4 {
+  border-top:5px solid #484748;
+}
+
+/** Sidebar  **/
+.blacklight-atrium_collections-edit .sidebar h2,
+.blacklight-atrium_exhibits-edit .sidebar h2 {
+  margin-bottom:.3em;
+}
+
+.collection-controls,
+.exhibit-controls {
+  margin-top:0;
+}
+
+.collection-controls li,
+.exhibit-controls li {
+  list-style-type:none;
+}
+
+.facet-list .collection-title,
+.facet-list .exhibit-title {
+  margin-bottom:0;
+}
+
+
 /** Banner **/
 
 #banner {
@@ -58,6 +102,14 @@ body {
   border-radius:3px;
 }
 
+#prompt {
+  position:fixed;
+  top:3px;
+  left:3px;
+  text-align:center;
+  padding:1em .3em;
+}
+
 /** Navigation menu **/
 #exhibit-menu {
   margin:0 0 .3em 0;
@@ -101,36 +153,6 @@ select {
   font-size:.9em;
 }
 
-/** Sidebar  **/
-.blacklight-atrium_collections-edit .sidebar h2,
-.blacklight-atrium_exhibits-edit .sidebar h2 {
-  margin-bottom:.3em;
-}
-
-.collection-controls,
-.exhibit-controls {
-  margin-top:0;
-}
-
-.collection-controls li,
-.exhibit-controls li {
-  list-style-type:none;
-}
-
-.facet-list .collection-title,
-.facet-list .exhibit-title {
-  margin-bottom:0;
-}
-
-/** Banner **/
-#prompt {
-  position:fixed;
-  top:3px;
-  left:3px;
-  text-align:center;
-  padding:1em .3em;
-}
-
 /** Pages **/
 #show-description ul {
   margin-left:0;
@@ -150,31 +172,56 @@ ol.sortable {
 
 ol.sortable li {
   font-size: 1.2em;
-  height:1.2em;
-  margin:0 3px 3px;
+  font-weight:normal;
+  margin:0 .3em .3em;
   padding-left:1.5em;
   padding:.4em .4em .4em 1.5em;
 }
 
+ol.sortable .ui-icon {
+  margin-top:.2em;
+}
+
 ol.sortable li span {
   position:absolute;
   margin-left:-1.3em;
 }
 
+ol.sortable .controls a {
+  text-decoration:underline;
+}
+
 .sortable td.label {
   padding-left:0;
   width:5.5em;
 }
 
 /** Forms **/
+form input {
+  border:1px solid #CCC;
+}
+
+form.atrium fieldset {
+  margin-bottom:2em;
+}
+
+form.atrium fieldset.last {
+  margin-bottom:0;
+}
+
 form.atrium ol {
-  margin-left:0;
+  margin:0;
 }
 
 form.atrium ol li {
   list-style-type:none;
 }
 
+form.atrium p:first-child,
+form.atrium li:first-child label {
+  margin-top:0;
+}
+
 form.atrium label {
   display:block;
   margin-top:1em;
@@ -189,15 +236,41 @@ form.atrium .inline label {
   margin-top:0;
 }
 
+form.atrium input[type=text] {
+  line-height:1;
+  padding:.3em .3em .1em;
+}
+
 form.atrium input[type=text],
 form.atrium select {
   width:72%;
 }
 
+form.atrium small {
+  display:block;
+  opacity:.8;
+  margin-top:.5em;
+  margin-left:.5em;
+}
+
+form.atrium textarea {
+  width:98%;
+}
+
 form.atrium th {
   text-align:left;
 }
 
+form.hazardous-action .button {
+  background-color:#F00;
+  border-color:#FF5D5D #A80000 #A80000 #FF5D5D;
+  font-weight:bold;
+}
+
+#navigation-levels, #navigation-levels th, #navigation-levels td {
+  font-weight:normal;
+}
+
 .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
   border-bottom:none;
 }

data/app/assets/stylesheets/atrium/collections.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/atrium/descriptions.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/atrium/exhibits.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/atrium/reset.css

@@ -0,0 +1,69 @@
+/* =============================================================================
+   HTML5 Boilerplate CSS:h5bp.com/css
+   ========================================================================== */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
+audio, canvas, video {display:inline-block; *display:inline; *zoom:1}
+audio:not([controls]) {display:none}
+[hidden] {display:none}
+
+html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
+html, button, input, select, textarea {font-family:"Helvetic Neue",Helvitica,Ariel,sans-serif; color:#222}
+body {margin:0; font-size:1em; line-height:1.5}
+
+::-moz-selection {background:#fe57a1; color:#fff; text-shadow:none}
+::selection {background:#fe57a1; color:#fff; text-shadow:none}
+
+a {color:#F00}
+a:visited {color:#F00}
+a:hover {color:#F00}
+a:focus {outline:thin dotted}
+a:hover, a:active {outline:0}
+
+abbr[title] {border-bottom:1px dotted}
+b, strong {font-weight:bold}
+blockquote {margin:1em 40px}
+dfn {font-style:italic}
+hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}
+ins {background:#ff9; color:#000; text-decoration:none}
+mark {background:#ff0; color:#000; font-style:italic; font-weight:bold}
+pre, code, kbd, samp {font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em}
+pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word}
+q {quotes:none}
+q:before, q:after {content:""; content:none}
+small {font-size:85%}
+
+sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
+sup {top:-0.5em}
+sub {bottom:-0.25em}
+
+ul, ol {margin:1em 0; padding:0}
+li > ul, li > ol {padding-left:2em}
+dd {margin:0 0 0 40px}
+nav ul, nav ol {list-style:none; list-style-image:none; margin:0; padding:0}
+
+img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle}
+
+svg:not(:root) {overflow:hidden}
+
+figure {margin:0}
+
+form {margin:0}
+label {cursor:pointer}
+legend {border:0; *margin-left:-7px; padding:0; white-space:normal}
+button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}
+button, input {line-height:normal}
+button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button; *overflow:visible}
+button[disabled], input[disabled] {cursor:default}
+input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0; *width:13px; *height:13px}
+input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none}
+button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0}
+textarea {overflow:auto; vertical-align:top; resize:vertical}
+input:valid, textarea:valid { }
+input:invalid, textarea:invalid {background-color:#f0dddd}
+
+table {border-collapse:collapse; border-spacing:0}
+td {vertical-align:top}
+
+.chromeframe {margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0}

data/app/assets/stylesheets/atrium/showcases.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/atrium/theme.css

@@ -0,0 +1,248 @@
+/* =============================================================================
+   Primary styles
+   Author:Dan Brubaker Horst
+   ========================================================================== */
+
+h1,
+h2,
+h3,
+h4 {font-weight:normal}
+h1 {font-size:2em}
+h2 {margin-top:2em}
+address {font-style:normal}
+
+#collection-search .submit, #startOverLink, #search .submit, .button, button.button, input.button, a.button {
+  background-color:#006;
+  border-color:#6D6DD7 #323263 #323263 #6D6DD7;
+  border-style:solid;
+  border-width:1px;
+  color:#FFF;
+  display:inline-block;
+  padding:.1em .3em;
+  text-align:center;
+  text-decoration:none;
+}
+
+#page {background-color:#FEFDF9; max-width:42em; margin:0 auto}
+#main, #sidebar, #ft {padding:.5em .75em; max-width:36em}
+#hd {border-bottom:1px dotted #670202; padding:.5em 0 0; position:relative}
+#hd hgroup,
+#hd .root {display:none}
+#hd hgroup a, #hd hgroup a:visited, #hd hgroup a:hover {color:#354F78}
+#hd hgroup a {text-decoration:none}
+#hd hgroup a:hover {border-bottom:1px dotted #354F78}
+#user_util_links ul {height:1.5em; margin:0; overflow:hidden} /* TODO: Implement some sort of menu here */
+#user_util_links li {list-style-type:none}
+
+#breadcrumbs, #jump {padding:.5em .5em 0; max-width:41em}
+.jump {text-align:right}
+.back {
+  -webkit-border-radius:.7em;
+  -moz-border-radius:.7em;
+  border-radius:.7em;
+  background:url('/assets/atrium/white-arrow.png') no-repeat 42% center #F00; display:inline-block; text-indent:-100%; width:1.4em;}
+#breadcrumbs {margin-bottom:.5em; padding-left:2.5em; text-indent:-2em}
+
+#main hgroup {margin-bottom:2em}
+#main hgroup h1 {font-size:1.5em; margin:0; line-height:1}
+#main hgroup h2 {font-size:1em; font-style:italic; margin-top:0; text-align:right}
+#main {background-repeat:no-repeat; background-position:right 7em}
+
+#sidebar {border-top:1px dotted #670202; clear:both}
+#sidebar h2 {margin-top:0}
+#sidebar {background-repeat:no-repeat; background-position:center 2em}
+#sidebar .sidebar-image {display:none}
+#collection-search fieldset {border:0; margin:0; padding:0}
+#collection-search #q {width:10.5em}
+#browse-navigation h3,
+#facets h3 {color:#670202; margin:0}
+#browse-navigation .browse-facets h3 {margin:0}
+#facets h3.twiddle-open, #facets li .selected, #browse-navigation .selected {color:#006; font-style:italic}
+#browse-navigation ul,
+#facets .facet_limit ul {margin:0 0 0 1em; padding-left:0}
+#browse-navigation li ul {margin:0 0 0 2em}
+#browse-navigation .browse-facets li h3 {margin-left:1em}
+#browse-navigation li,
+#facets li {position:relative}
+#browse-navigation li .remove,
+#facets li .remove {position:absolute; right:0; top:0}
+#browse-navigation li ul li .remove {top:.15em}
+#browse-navigation li .selected,
+#facets li .selected {display:inline-block; padding-left:1em; text-indent:-1em; width:11em}
+#browse-navigation li ul li .selected {width:9em}
+
+#collection-title h2 {margin-top:0}
+.blacklight-catalog-index #site-title {margin-bottom:2.4em}
+#search {margin-bottom:2em}
+#search form {margin-right:5em; position:relative}
+h2.search {margin-top:0; text-align:left}
+#search #q, #search #search_field, #search label {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
+#search #q {display:block; padding:.2em .3em; width:100%;}
+#search label {display:inline-block; text-align:center; width:18%;}
+#search_field {background-color:rgba(254, 255, 255, 0.8); padding:.3em .3em; width:80%}
+.pageEntriesInfo {position:relative; margin:1em 0 2em}
+#search .submit {bottom:3px; position:absolute; right:-5em}
+#prompt .submit {position:static}
+#appliedParams {padding-right:3em; margin-bottom:1.5em}
+#appliedParams .appliedFilter {background-color:#FEFDF9; background-color:rgba(254, 253, 249, .8); border:1px solid #670202; display:block; padding:.2em .5em; position:relative; margin-bottom:.5em}
+#appliedParams .btnRemove {background:url('/assets/atrium/remove.png') center center no-repeat;  display:inline-block; height:1.9em; overflow:hidden; position:absolute; right:-3em; text-indent:2em; top:0; width:2em}
+#appliedParams .filterName {margin-right:1.8em}
+#appliedParams .filterName:after {color:#222; content:"\003E"; left:1em; position:relative}
+#startOverLink {position:absolute; right:0; top:1.5em;}
+#sortAndPerPage {margin:0 0 1em; position:relative}
+#sortAndPerPage form {display:block}
+#sortAndPerPage .per_page {margin-bottom:1em;}
+
+.pagination {clear:both; padding:1em 0}
+.pagination h2 {display:none}
+.pagination-container {position:relative; text-align:center}
+.pagination-container .disabled {color:#DCDCDC}
+.pagination-container .current {color:#006}
+.pagination-container .prev_page, .pagination-container .next_page {position:absolute; top:0}
+.pagination-container .prev_page {left:0}
+.pagination-container .next_page {right:0}
+
+#documents {border-color:#670202; border-style:dotted; border-width:1px 0; clear:both; float:left; padding:1em 0; width:100%}
+.document {clear:both; float:left; width:100%}
+.document dl {float:left; margin:0 0 1em 2em; width:100%}
+.document dt, .document dd {float:left; margin:0}
+.document dt {color:#888; padding-right:3%; text-align:right; width:25%}
+.document dd {clear:right; width:72%}
+.document .index_title {margin-top:0}
+.documentHeader {position:relative}
+.documentHeader h3 {color:#222}
+.documentFunctions {position:absolute; right:0; top:.1em; text-align:right}
+
+ul.tools {text-align:right}
+ul.tools li {display:inline-block; list-style-type:none; padding:0 .4em; text-align:left;}
+ul.tools a {padding:.2em 0}
+
+#ft {border-top:1px dotted #670202; margin-top:2em; padding-top:2em}
+#ft address,
+#ft nav {margin-top:.5em}
+#ft nav {text-align:center}
+#ft nav a {padding:.4em .6em}
+#ft figure {display:block; padding:1em 0 0; height:4em; text-align:center}
+#ft p, #ft address {margin:0}
+
+h1, h2, h3 {color:#006}
+hgroup h2 {color:#670202}
+#sidebar li {color:#600; list-style-type:none}
+#facets a,
+#facets a:hover,
+#facets a:visited,
+#browse-navigation .browse-facets a,
+#browse-navigation .browse-facets a:hover,
+#browse-navigation .browse-facets a:visited {color:#670202; text-decoration:none}
+#facets a.remove,
+#facets a.remove:hover,
+#facets a.remove:visited,
+#browse-navigation .browse-facets a.remove,
+#browse-navigation .browse-facets a.remove:hover,
+#browse-navigation .browse-facets a.remove:visited {color:#F00; font-style:normal; margin-left:1em}
+
+#collection-search label {display:block}
+.essay-listing {margin-top:1.5em}
+.close-symbol {color:#F00; font-size:1.2em; font-weight:bold; line-height: .8}
+
+/* Minimize FOUC */
+
+#facets ul {display:none}
+#facets .twiddle+ul {display:block}
+.no-js #sortAndPerPage input[type=submit]{display:none}
+
+/* Typography */
+
+#banner strong, #collection-search .submit, #search .submit, #startOverLink, #breadcrumbs, .button, h1, h2, h3 {font-family:Georgia, Times, serif}
+#site-title h1, #site-title h2 {font-family:'IM Fell Great Primer', Georgia, serif} /* NOTE: 'IM Fell Great Primer' is loaded using the Google Web fonts API with a restricted character set */
+#collection-search .submit, #search .submit, #startOverLink {font-variant:small-caps; text-transform:capitalize}
+
+/* =============================================================================
+   Media Queries
+   Author:Dan Brubaker Horst
+   ========================================================================== */
+
+/* NOTE: media queries sized with "em" use the root font size (typically 16px) */
+
+/* Phone portrait */
+@media only screen and (max-width:20em) { /* < 320 */
+}
+
+/* Phone landscape */
+@media only screen and (min-width:20.5em) { /* > 320 */
+  #main, #sidebar, #ft {padding:1em 1.5em}
+  #hd nav a {display:inline; background:transparent; text-indent:0; width:auto}
+  #main hgroup h1 {font-size:2em}
+  #startOverLink {position:absolute; right:0; top:0;}
+  #hd nav a {margin-right:2em; position:relative}
+  #hd nav a:after {content:"\003E"; position:absolute; top:-.2em; right:-1.5em; text-decoration-color:transparent}
+}
+
+/* Tablet portrait */
+@media only screen and (min-width:30.5em) { /* > 480 */
+  html {font-size:112.5%; -webkit-text-size-adjust:112.5%; -ms-text-size-adjust:112.5%} /* move base size from 16px to 18px */
+  html {background-color:#DCDCDC; background-image:url(''); background-repeat:repeat;}
+  #page {background-color:rgba(254, 253, 249, .8)}
+  #main, #sidebar, #ft {padding:2em 3em}
+  #main {min-height:30em}
+  #hd hgroup {background:url('') no-repeat .5em .5em transparent; border-bottom:1px dotted #670202; display:block; padding:.6em .5em 1em 6.8em}
+  #hd h2, #hd h3 {margin:0}
+  #hd h2 {font-size:1.2222em}
+  #hd h3 {font-size:1em}
+  #user_util_links {position:absolute; right:0; top:1em}
+  #main hgroup {margin-bottom:3em}
+  #main hgroup h1 {font-size:2.6667em} /* 48px */
+  #main hgroup h2 {font-size:1.1111em} /* 22px */
+  #search {margin-bottom:3em}
+  .blacklight-search-index #search {margin-bottom:2em}
+  #search #q {display:inline; width:60%}
+  #search label {width:5%}
+  #search_field {width:32%}
+  #sortAndPerPage form {display:inline-block}
+  #sort_form {position:absolute; right:0; top:0}
+  #ft {text-align:center}
+  #ft figure {display:inline-block; padding:1em}
+}
+
+/* Tablet landscape */
+@media only screen and (min-width:64em) { /* = 768 */
+  #page {padding:0 1em; position:relative}
+  #page, #hd, #breadcrumbs, #jump, #ft {max-width:56em}
+  #hd hgroup {background-image:url(''); background-position:0 .5em; padding:2.1em 0 1em 10em}
+  #hd h2 {font-size:1.5em}
+  #hd h3 {font-size:1.2222em}
+  #breadcrumbs {padding:0; margin-top:.5em; text-indent:0}
+  #hd .root {display:inline}
+  #main hgroup {margin-bottom:3.1em}
+  #main hgroup h1 {font-size:3.5556em} /* 64px */
+  #main hgroup h2 {font-size:1.3333em} /* 24px */
+  #main {float:right; padding-right:0; width:36em}
+  #sidebar {border-top:none; clear:none; float:right; padding:2em 0; width:15em}
+  #sidebar h3 {margin-top:0.2857em} /* make sidebar and main headings share a baseline */
+  #search_field {width:33%}
+  #collection-search {position:relative}
+  #collection-search .submit {position:absolute; margin-left:0; right:0; bottom:2px; width:4em}
+  .blacklight-atrium_collections-edit #main form.atrium ol {width:36em}
+  #facets .facet {font-size:1.2222em} /* 22px */
+  #jump, #ft{clear:both}
+  #jump, #jump-top {display:none}
+  #ft {padding:2em 0; position:relative}
+  #ft section {margin:0 auto; width:26em}
+  #ft figure {padding:0; position:absolute; top:2em; width:12em}
+  .hesburgh-mark {left:0}
+  .nd-mark {right:0}
+}
+
+@media only screen and (min-width:48.5em) { /* > 768 */
+}
+
+/* Large Screen */
+@media only screen and (min-width:71em) { /* > 1024 + 6em @ 18px */
+  #page {padding:0 3em}
+  #sidebar {width:17em}
+  #collection-search #q {width:12.5em}
+  .blacklight-atrium_collections-edit #main form.atrium ol {width:37em}
+}
+
+@media only screen and (min-width:64.5em) { /* > 1024 */
+}