blacklight 3.0pre1

data/lib/generators/blacklight/templates/public/stylesheets/blacklight.css

@@ -0,0 +1,487 @@
+/* Global */
+html {background: #707070;}
+
+/* yui-grids sets text-align:center on body, which ends up centering
+   text in our jquery ui dialogs, which we don't actually want, it was
+   an accident. */
+.ui-dialog-content { text-align: left; }
+
+body {background: url('../images/blacklight/bg.png') repeat-x top left; font: 0.7em Verdana, "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, sans-serif; line-height: 1.4; color:#333; margin: 0px; padding: 15px;}
+
+select,input,button,textarea {font: 1em Verdana, "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, sans-serif;}
+
+strong {font-weight: bold;}
+input {padding: .1em;}
+label {color:#555; font-weight:bold;}
+hr {border:none; height:1px; background-color:#ccc;}
+
+.width100p {width: 100%;}
+.left {float: left;}
+.right {float: right;}
+.clear-left {clear: left;}
+.clear-both {clear: both;}
+.topDottedBorder {border-top: 1px dotted #ccc;}
+.bottomDottedBorder{border-bottom: 1px dotted #ccc;}
+.formElement {font: 8pt Verdana, "Arial Unicode MS", Arial, sans-serif;}
+
+/* Links */
+a:link, a:visited, a:active {border-bottom: 1px dotted #aaa; color: #2e4f81; text-decoration: none;}
+a:hover {color: #029;}
+
+/* Header Container Layout */
+#hd {margin: 0em 2em 0 2em; padding: 2em 0 2em 0; }
+#hd .yui-g {text-align: right;}
+#hd .yui-g .first {text-align: left;}
+#doc, #doc2, #doc3, #doc4 {background: #fff url('../images/blacklight/border.png') repeat-x top left; border-bottom: 2px solid #555; margin: 0px auto;}
+/* border-top: 10px solid #548cd8; -moz-border-top-colors: #548cd8 #5188d3 #4e84d0 #4b81cd #497dc9 #457ac6 #4376c2 #4173be #3e71bc #3d6fba; */
+
+/* Body Container Layout */
+#bd {padding: 0 2em 2em 2em;}
+.yui-t1 #yui-main .yui-b, .yui-t2 #yui-main .yui-b, .yui-t3 #yui-main .yui-b {border-left: 1px dotted #ccc; padding: 1em 0 2em 2em; position: relative;}
+
+/* Left Sidebar Layout */
+.sidebar p {padding-top: 2em;}
+
+/* Top Banner */
+h1.site_title {background: transparent url('../images/blacklight/logo.png') no-repeat top left; margin: 2em 0px 0px 1em; height: 35px; width: 120px;}
+.first h1 {margin: 0px; padding: 0px;}
+h1.site_title a {display:block; height: 35px; width:120px; text-indent: -9999px; overflow: hidden; text-decoration: none; border: 0px;}
+h1.site_title a:link, h1.site_title a:visited, h1.site_title a:hover, h1.site_title a:active {border: 0px;}
+h2.search {margin:0; display:inline;}
+
+/* Search Box */
+#search  {
+  text-align: left; 
+  font-size: 120%;
+  border: 1px solid #AAAAAA;
+  border-radius: 4px 4px 0 0;  
+  -moz-border-radius: 4px 4px 0 0;
+  -webkit-border-radius: 4px 4px 0 0;
+  padding: 0.66em;
+}
+#search #q {width: 200px;}
+#search .submit {padding: 0px 0.25em; margin: 0 0.5em; text-transform: capitalize;}
+#search h2 {display: none;}
+#search hr {display: none; margin:1em 0; margin-top: 2em;}
+
+
+
+/* Content */
+table.zebra .zebra_stripe, ul.zebra .zebra_stripe {background-color: #F1F5FA;}
+th, td {border: 0;}
+
+/* Facets */
+#facets {font-size: 93%; padding: 1em 0 0 1em;}
+#facets h2 {color: #555;}
+#facets h3 {margin-bottom: 0; color:#555; font-weight:normal; text-align:justify; cursor: pointer;}
+#facets ul, #facets h3 +div {border-bottom: 1px dotted #ccc; padding-bottom: 1em; margin:0;}
+#facets li {list-style:none; margin: .3em 0;}
+#facets li a:hover {background-color: #eee;}
+#facets li a.remove {color: #666;}
+#facets span.selected {color: green;}
+#facets li.more_facets_link {text-align: right;}
+ul.facet_extended_list { margin:0; clear: both; margin: 1.5em 0 1.5em 0;}
+ul.facet_extended_list li {list-style:none; margin: 0.5em 0;}
+.facet_extended_list {text-align: left;} /* for our ajaxy dialog to make sure we're overriding the yui global text-align: center */
+.facet_extended_list .sort_options {
+  text-align: right
+}
+.facet_extended_list .prev_next_links { float: left; }
+
+/* jquery-ui-like buttonsets, but without actually using jquery-ui */
+.facet_extended_list .sort_options .az, .facet_extended_list .sort_options .numeric, .facet_extended_list .next_page, .facet_extended_list .prev_page {
+  display: inline-block;
+  background: #F6F6F6;  
+  border: 1px solid #CCCCCC;
+  padding: 0.2em 1em;
+  font-weight: bold;
+}
+.facet_extended_list .next_page, .facet_extended_list .sort_options .numeric {
+  border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  -webkit-border-radius: 0 4px 4px 0;
+}
+.facet_extended_list .prev_page, .facet_extended_list .sort_options .az {
+  border-radius: 4px 0 0 4px;
+  -moz-border-radius: 4px 0 0 4px;
+  -webkit-border-radius: 4px 0 0 4px;
+}
+.facet_extended_list .prev_next_links .disabled {
+  background: none;
+  color: gray;
+  font-weight: normal;
+}
+.facet_extended_list .sort_options .disabled {
+  /* in this case disabled really means selected */
+  background-color: #E2EDFE;
+  border:1px solid #C4DAFE;
+}
+.facet_extended_list .sort_options a:hover, .facet_extended_list .prev_next_links a:hover {
+  border: 1px solid #999999; 
+  background: #dadada;  
+  color: #212121; 
+}
+
+/* Solr Query */
+.solrQuery {padding: .5em; margin: 2em; background-color:#eee; border: 1px dotted #ccc; font-size:90%;}
+
+/* Page Navigation */
+.constraints {margin: 0px; padding: 0px;}
+
+.pagination {
+  padding: 0.66em;
+  background-color:#F0F0F0;
+  border-style: solid;
+  border-color: #AAAAAA;
+  border-width: 0 1px 1px 1px;  
+  border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  -webkit-border-radius: 0 0 4px 4px;
+  position: relative; /* to allow abs positioning of buttons inside */
+  line-height: 2em;
+}
+
+.pagination h2 {display: none;}
+
+.pagination .prev_page {
+  position: absolute;
+  left: 0;
+  margin-left: 0.66em;
+  border-bottom: none;  
+}
+.pagination .next_page {
+  position: absolute;
+  right: 0;
+  margin-right: 0.66em;
+  border-bottom: none;
+  
+}
+#results_text {display: none;}
+
+
+.page_links a, .page_links span {
+  margin-right:0.2em;
+  padding:0.2em 0.5em;
+  text-decoration: none;
+  border-bottom: none;
+}
+
+.page_links .next_page, .page_links .prev_page {
+  /* we show these seperately, but can't get will_paginate to suppress
+  them entirely. */
+  display: none;
+}
+
+.page_links span.current {
+background:none repeat scroll 0 0 #2E4F81;
+border:1px solid #2E4F81;
+color:white;
+font-weight:bold;
+}
+.pagination span.disabled {
+    color: #999;
+}
+
+.pagination a {
+  /* leave room so when we show the box on hover, it won't nudge
+     everything all over the place. */
+  border: 1px solid transparent;  
+}
+.pagination a:hover, .pagination a:focus {
+  border:1px solid #000033;
+  text-decoration:none;
+}
+
+.page_links {
+  /* centering, taking account of absolutely positioned right/left buttons*/  
+  margin-right: 8em;
+  margin-left: 8em;
+  text-align: center;
+}
+
+.pageEntriesInfo {
+  background-color:#F0F0F0;
+  border-style: solid;
+  border-color: #AAAAAA;
+  border-width: 1px 1px 0 1px;
+  -moz-border-radius:4px 4px 0 0;
+  border-radius:4px 4px 0 0;
+  -webkit-border-radius:4px 4px 0 0;
+  padding: 0.66em;
+  position:relative; /* so the absolutely positioned startOverLink does right */
+  text-align: center;
+}
+
+#startOverLink{display:block; position:absolute; top:50%; right:0.66em; margin-top:-12px; padding:0 7px 3px 12px; line-height:22px; text-decoration:none; color:#fff; background:url(../images/blacklight/start_over.gif) no-repeat center center; border-bottom: none;}
+
+
+#sortAndPerPage {
+  background-color: #F0F0F0;
+  padding: 0.66em;
+  border-style: solid;
+  border-color: #AAAAAA;
+  border-width: 0 1px 1px 1px;
+}
+#sortAndPerPage label {
+  font-weight: normal;
+}
+
+#previousNextDocument { /* on item detail page, under paging info */
+  padding: 0.66em;
+  background-color: #F0F0F0;
+  border: 1px solid #AAAAAA;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+  -webkit-border-radius: 0 0 4px 4px;
+  margin-bottom: 1.5em;
+  overflow: auto; /* to make it expand to hold floated children */
+}
+
+#previousNextDocument .next {
+  float: right;
+}
+
+/* 'Document functions', Bookmark/Folder. Appear on both results/index and 
+   detail/show views. */
+.documentFunctions { float: right; margin-left: 1em; margin-bottom: 0.5em;}
+.documentFunctions .folder_toggle, .documentFunctions .bookmark_toggle { display: inline; }
+label.toggle_bookmark, label.toggle_folder {
+  /* the ajaxy checkbox for toggle */
+  display: inline-block;
+  min-width: 8.5em;
+  text-align: left;
+  font-weight: inherit;
+  color: inherit;
+}
+label.toggle_folder { min-width: 6em; }
+label.checked { font-weight: bold; }
+
+
+/* Search Results */
+.document {padding: 0.5em 0 0 0; background-color: #fff; border-bottom: 1px dotted #ccc; clear: both;}
+
+#documents {background-color: #eee; color: #333; margin-top: 1.5em; margin-bottom: 1.5em; }
+#documents .documentHeader {background-color: #fff; padding: 0px;}
+
+
+#documents .per_page {padding-right: 5px;}
+
+/* Result List (http://www.quirksmode.org/css/clearing.html) */
+h3.index_title { margin: 0px; padding: 0px; }
+
+dl {margin: 0px; padding: 0px;}
+dl.defList {overflow: auto; padding: 0.5em 0; clear: both}
+dl.defList dt {float:left; text-align: right; width: 20%; clear: both; color: #888; margin: 0; padding: 2px 1em 2px 0px;}
+dl.defList dd {float: left; text-align: left; margin: 0; padding: 2px 0; width: 450px;}
+
+/* Individual Result Listing */
+#document {margin-top: 1em;}
+#document h1 {margin: 0px; padding: 0px 0px 1em 0px;}
+#marc_view {padding:5px; text-align:left;}
+#marc_view .ind1, #marc_view .ind2 {padding:0 5px; display:inline;}
+#marc_view .tag_ind {float:left;}
+#marc_view .subfields {padding-left:5em;}
+#marc_view .field {clear:both; border-bottom:1px solid #CCCCCC;}
+#librarian_view{top:10%;left:-17%;text-align:left;width:700px;} /* Lightbox element */
+
+/* Search History */
+.search_history .query > a {
+  display: block;
+  border-bottom: none;
+}
+.search_history .constraint {
+  display: block;
+  text-indent: -2em;
+  padding-left: 2em;
+}
+
+.search_history .constraint .search {
+  padding-right: 0.5em;
+  padding-left: 0.5em;
+}
+
+.search_history td {
+  vertical-align: top; 
+}
+
+.search_history .filterName, .search_history .label {
+  color: gray; 
+}
+.search_history .constraint {
+    margin-right: 2em;
+}
+.search_history .constraint:last-child {
+  margin-right: 0;
+}
+
+/* FORMS */
+form div.row label {float:left; width:120px; text-align:right; margin-right: .5em;}
+form div.row {clear:both; margin-bottom:.5em;}
+form div.row.submit {margin-left:130px;}
+form.per_page {float:right;}
+form.sort {display:inline;}
+textarea {width:30em; height:15em;}
+
+.fieldWithErrors {display:inline;}
+.fieldWithErrors label {color:darkred;}
+
+/* Show Tools */
+ul.tools {margin: 0px; padding: 0px;}
+ul.tools li {display: inline; margin: 0 10px;}
+
+/* Folder Tools */
+ul.folderTools {
+    -moz-border-radius: 0 0 4px 4px;
+    border-radius: 0 0 4px 4px;
+    background-color: #F0F0F0;
+    border-color: #AAAAAA;
+    border-style: solid;
+    border-width: 0 1px 1px 1px;
+    margin: 0;
+    padding: 0.66em;
+}
+ul.folderTools li {
+  display: inline-block;
+  margin: 0 10px;
+}
+ul.folderTools li form { display: inline; }
+ul.folderTools li.refworks form input.submit{display:none;}
+/*ul.folderTools {float:left;list-style-type: none; margin: 0 0 10px; padding:0;}
+ul.folderTools li {float:left; padding:0 20px 0 0;}
+ul.folderTools li.refworks form input.submit{display:none;}*/
+
+
+/* Lightbox */
+.lightboxTitle {background-color: #cccccc; width: 100%; color: black;}
+.lightboxBack {float:right;}
+#lightboxContainer {position:absolute; top:0; left:0; right:0; bottom:0; width:99.9%; height:99.9%; background-color:#000000; opacity: 0.6; filter:alpha(opacity=60); text-align:center; z-index:9;}
+#lightboxContent, .lightboxContent {position:absolute; display:block; background-color:#EFEFEF; border: 3px solid #DEDEDE; top: 25%; left:25%; width:50%; height:auto; padding-bottom:10px; text-align:center; opacity: 1.0; filter:alpha(opacity=100); z-index:10;}
+
+/* Tag Cloud */
+.tagCloud1 {font-size: 1.0em;}
+.tagCloud2 {font-size: 1.2em;}
+.tagCloud3 {font-size: 1.4em;}
+.tagCloud4 {font-size: 1.6em;}
+#userBookmarks div{}
+
+#login form {margin-bottom:1em;}
+
+.error, .notice, .errorExplanation { padding:1em; margin-bottom:1em;}
+.error, .notice { }
+.error, .errorExplanation { }
+.notice { }
+
+/* IE 6 Adjustments */
+* html #hd .yui-g .yui-u {margin-top: -5em;}
+* html #hd .yui-g .first {margin-top: 2em;}
+* html #search {left: -1.8em;}
+
+/********** PRINT ***********/
+@media print {
+	html {background: #fff;}
+	body {background: none; padding: 0px;}
+	#hd {margin: 0; padding: 0 0 2em 0;}
+	.yui-u.first {margin: 2em 0px 0px 0px;}
+	#doc, #doc2, #doc1, #doc4 {width: 100%; margin: 0; padding: 0; background: none; border: 0px;}
+	#bd {padding: 0;}
+	#yui-main {position: relative; width: 100%;}
+	#yui-main .yui-b {border-left: 1px dotted #ccc; padding: 2em 0 2em 1em; position: relative; margin-left: 150px;}
+	.yui-b {float: none; width: 130px;}
+	.yui-b p {padding-top: 2em;}
+	#facets {padding: 1em 0 0 0;}
+	.solrQuery {display: none;}
+	/* IE 6 Adjustments */
+	* html #yui-main .yui-b {position: absolute; top: 0px; left: 0px;}
+	* html #search {position: absolute; top: -4em; left: 1em;}
+	* html #documents {width: 75%;}
+}
+
+/* search constraints/filter block */
+/* ========================
+Search Parameters
+======================== */
+  /* current search criteria are rendered right under search box, and appear
+   as part of same section. */
+#appliedParams {
+  background-color: #F0F0F0;
+  border-right: 1px solid #AAAAAA;
+  border-left: 1px solid #AAAAAA;
+  border-bottom: 1px solid #AAAAAA;
+  padding: 1em 0.66em 0em 1em;
+  border-radius:0 0 4px 4px;  
+  -moz-border-radius:0 0 4px 4px;
+  -webkit-border-radius:0 0 4px 4px;
+  margin-bottom: 1.5em;
+}
+
+#appliedParams .label {
+  /* just here for screen-readers, attributes copied from Jquery-ui 
+     .ui-helper-hidden-accessible */
+  position: absolute;
+  left: -100000000px;
+}
+
+/* but don't hide it on show page, where there is no actual search box. */
+.show #appliedParams .label {
+  position: static;
+  margin-top: 0;
+}
+.show #appliedParams {
+  /* it's the top, give it a top border with corners */
+  border-top: 1px solid #AAAAAA;
+  border-radius:4px 4px 4px 4px;  
+  -moz-border-radius:4px 4px 4px 4px;
+  -webkit-border-radius:4px 4px 4px 4px;
+}
+
+.appliedFilter {
+  position: relative;
+  display:inline-block;
+  padding:3px 3px 3px 1.5em; 
+  margin-bottom: 0.66em;
+  margin-right: 0.33em;
+  background:#e2edfe;  
+  border:1px solid #c4dafe;
+  -moz-border-radius:15px 15px 15px 15px;
+  -webkit-border-radius:15px 15px 15px 15px;
+  border-radius: 15px 15px 15px 15px;
+}
+.appliedFilter .btnRemove{
+  display:block;
+  position:absolute; 
+  z-index:5; 
+  right:0px; 
+  top:0; 
+  width:32px;
+  height:100%; 
+  background:url(../images/blacklight/remove.gif) no-repeat center center; 
+  border-left:1px solid #d0daea;
+  border-bottom: none;
+  text-indent:-99999px; /* text there for screen readers, hidden visually */
+  outline: none; /* the screen reader text indent above will make weird outlines on link clicking, unless we turn em off. */
+}
+.appliedFilter .btnRemove:active, .appliedFilter .btnRemove:focus {
+  /* we took outline away above; add a border instead, for accesibility
+     so someone tabbing to the link knows what link is active */
+  border: 1px dotted #FFD27A;
+}
+
+.appliedFilter .queryName, .appliedFilter .filterName {
+  /* ">" image */ 
+  padding-right:14px; 
+  background:url(../images/blacklight/separator.gif) no-repeat right center;
+}
+
+.filterValue {
+  padding-right:37px; /* leave room for close button */ 
+}
+
+
+
+
+
+.hide {display:none}
+
+/* local implementations may define styles for open + closed "twiddles", e.g. disclosure triangles */ 
+.twiddle { }
+.twiddle-open { }