blacklight 3.1.2 → 3.2.0pre1

data/app/assets/stylesheets/blacklight/_folder.css.scss

@@ -0,0 +1,38 @@
+ul.folderTools
+{
+  @include border-radius(0 0 4px 4px);
+	background-color: $search_ui_bg_color;
+	border-color: $search_ui_border_color;
+	border-style:solid;
+	border-width:0 1px 1px;
+	margin:0;
+	padding:0.66em;
+
+  li
+  {
+    display:inline-block;
+    margin:0 10px;
+  }
+
+  li form
+  {
+    display:inline;
+  }
+
+  li.refworks form input.submit
+  {
+    display:none;
+  }
+}
+
+ul.tools
+{
+  margin:0;
+  padding:0;
+
+  li
+  {
+    display:inline;
+    margin:0 10px;
+  }
+}

data/app/assets/stylesheets/blacklight/_formatting.css.scss

@@ -0,0 +1,164 @@
+#login form,p,fieldset,table,pre
+{
+	margin-bottom:1em;
+}
+
+a:hover
+{
+	color:#029;
+}
+
+a:link,a:visited,a:active
+{
+	border-bottom:1px dotted #aaa;
+	color:#2e4f81;
+	text-decoration:none;
+}
+
+abbr,acronym
+{
+	border-bottom:1px dotted #000;
+	cursor:help;
+}
+
+blockquote,ul,ol,dl
+{
+	margin:1em;
+}
+
+caption
+{
+	margin-bottom:.5em;
+	text-align:center;
+}
+
+dl dd
+{
+	margin-left:1em;
+}
+
+em
+{
+	font-style:italic;
+}
+
+form div.row
+{
+	clear:both;
+	margin-bottom:.5em;
+}
+
+form div.row label
+{
+	float:left;
+	margin-right:.5em;
+	text-align:right;
+	width:120px;
+}
+
+form div.row.submit
+{
+	margin-left:130px;
+}
+
+form.per_page
+{
+	float:right;
+}
+
+form.sort
+{
+	display:inline;
+}
+
+h1
+{
+	font-size:138.5%;
+}
+
+h1,h2,h3
+{
+	margin:1em 0;
+}
+
+h1,h2,h3,h4,h5,h6,strong
+{
+	font-weight:700;
+}
+
+h2
+{
+	font-size:123.1%;
+}
+
+h3
+{
+	font-size:108%;
+}
+
+hr
+{
+	background-color:#ccc;
+	border:none;
+	height:1px;
+}
+
+input
+{
+	padding:.1em;
+}
+
+input[type=text],input[type=password],textarea
+{
+	width:11.9em;
+}
+
+label
+{
+	color:#555;
+	font-weight:700;
+}
+
+ol li
+{
+	list-style:decimal outside;
+}
+
+ol,ul,dl
+{
+	margin-left:2em;
+}
+
+select,input,button,textarea
+{
+	font:1em Verdana, "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, sans-serif;
+}
+
+table.zebra .zebra_stripe,ul.zebra .zebra_stripe
+{
+	background-color:#F1F5FA;
+}
+
+textarea
+{
+	height:15em;
+	width:30em;
+}
+
+th
+{
+	font-weight:700;
+	text-align:center;
+}
+
+th,td
+{
+	border:1px solid #000;
+	padding:.5em;
+}
+
+ul li
+{
+	list-style:disc outside;
+}
+

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

@@ -0,0 +1,36 @@
+.first h1
+{
+	margin:0;
+	padding:0;
+}
+
+h1.site_title
+{
+	background:transparent asset_url($logo_url,image) no-repeat top left;
+	height:35px;
+	margin:0;
+	width:120px;
+
+  a
+  {
+    border:0;
+    display:block;
+    height:35px;
+    overflow:hidden;
+    text-decoration:none;
+    text-indent:-9999px;
+    width:120px;
+  }
+}
+
+h1.site_title a:link,h1.site_title a:visited,h1.site_title a:hover,h1.site_title a:active
+{
+	border:0;
+}
+
+h2.search
+{
+	display:inline;
+	margin:0;
+}
+

data/app/assets/stylesheets/blacklight/_layout.css.scss

@@ -0,0 +1,79 @@
+@import "blacklight/susy_framework";
+@import "compass/utilities";
+
+/* Generic layout stuff */
+.hide 
+{
+  display:none
+}
+
+/* Global */
+body 
+{
+  background: asset_url('blacklight/bg.png',image) repeat-x top left; 
+  background-color: #707070;
+  font: 0.7em Verdana, "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, sans-serif; 
+  line-height: 1.4; 
+  margin: 0px; 
+  padding: 15px;
+}
+
+/* Header Container Layout */
+#page 
+{ 
+  @include container;
+  background: #fff asset_url('blacklight/border.png',image) repeat-x top left; 
+  margin: 0px auto;
+}
+
+#hd 
+{
+  @include full;
+  @include clearfix;
+  padding: 2em 0 2em 0;
+
+
+  #logo 
+  {
+    @include columns(12,24);
+  }
+  
+  #user_util_links 
+  { 
+    text-align: right;
+    @include columns(12,24);
+    @include omega(24);
+  }
+}
+
+#bd 
+{
+  @include full;
+  @include clearfix;
+  margin-bottom: 2em;
+
+  #main 
+  {
+    @include prefix(1,24);
+    @include columns(18,24);
+    @include omega(24);
+  }
+
+  #sidebar 
+  {
+    @include columns(5,24);
+    @include clearfix;
+    
+    p 
+    { 
+      padding-top: 2em;
+    }
+  }
+}
+
+#ft {
+  @include full;
+  @include clearfix;
+}
+
+

data/app/assets/stylesheets/blacklight/_print.css.scss

@@ -0,0 +1,54 @@
+@media print  {
+	#bd
+	{
+		padding:0;
+		position:relative;
+		width:100%;
+	}
+
+	#hd
+	{
+		margin:0;
+		padding:0 0 2em;
+	}
+
+	#page
+	{
+		background:none;
+		border:0;
+		margin:0;
+		padding:0;
+		width:100%;
+	}
+
+	* html #documents
+	{
+		width:75%;
+	}
+
+	* html #page
+	{
+		left:0;
+		position:absolute;
+		top:0;
+	}
+
+	* html #search
+	{
+		left:1em;
+		position:absolute;
+		top:-4em;
+	}
+
+	body
+	{
+		background:none;
+		margin:0;
+		padding:0;
+	}
+
+	html
+	{
+		background:#fff;
+	}
+}

data/app/assets/stylesheets/blacklight/_search_history.css.scss

@@ -0,0 +1,44 @@
+
+
+
+
+/* Search History */
+.search_history
+{
+
+  .query > a 
+  {
+    display: block;
+    border-bottom: none;
+  }
+
+  .constraint 
+  {
+    display: block;
+    text-indent: -2em;
+    padding-left: 2em;
+    margin-right: 2em;
+
+    .search 
+    {
+      padding-right: 0.5em;
+      padding-left: 0.5em;
+    }
+
+    &:last-child 
+    {
+      margin-right: 0;
+    }
+  }
+
+  td 
+  {
+    vertical-align: top; 
+  }
+
+  .filterName, .label 
+  {
+    color: gray; 
+  }
+}
+

data/app/assets/stylesheets/blacklight/_susy_framework.css.scss

@@ -0,0 +1,228 @@
+// Imports -------------------------------------------------------------------
+
+@import "compass/utilities/general/clearfix";
+@import "compass/utilities/general/float";
+@import "compass/layout/grid-background";
+
+// Variables -----------------------------------------------------------------
+
+// Your basic settings for the grid.
+$total-cols         : 12            !default;
+$col-width          : 4em           !default;
+$gutter-width       : 1em           !default;
+$side-gutter-width  : $gutter-width !default;
+
+// Controls for right-to-left or bi-directional sites.
+$from-direction     : left          !default;
+
+// The direction that +omega elements are floated by deafult.
+$omega-float        : opposite-position($from-direction)    !default;
+
+// Functions -----------------------------------------------------------------
+
+// Return the width of 'n' columns plus 'n - 1' gutters
+// plus page padding in non-nested contexts
+@function columns-width(
+  $n: false
+) {
+  $sg: 0;
+  @if not $n {
+    $n: $total-cols;
+    $sg: $side-gutter-width;
+  }
+  $columns-width: ($n*$col-width) + (ceil($n - 1)*$gutter-width) + ($sg*2);
+  @return $columns-width;
+}
+
+// Return the percentage for the target in a given context
+@function percent-width(
+  $t,
+  $c
+) {
+  $perc: ($t / $c) * 100%;
+  @return $perc;
+}
+
+// Return the percentage width of 'n' columns in a context of 'c'
+@function columns(
+  $n,
+  $c: false
+) {
+  $columns: percent-width(columns-width($n), columns-width($c));
+  @return $columns;
+}
+
+// Return the percentage width of a single gutter in a context of 'c'
+@function gutter(
+  $c: false
+) {
+  $gutter: percent-width($gutter-width, columns-width($c));
+  @return $gutter;
+}
+
+// Return the percentage width of a single side gutter in a context of 'c'
+@function side-gutter(
+  $c: false
+) {
+  $side-gutter: percent-width($side-gutter-width, columns-width($c));
+  @return $side-gutter;
+}
+
+// Return the percentage width of a single column in a context of 'c'
+@function column(
+  $c: false
+) {
+  $column: percent-width($col-width, columns-width($c));
+  @return $column;
+}
+
+// Base Mixin ----------------------------------------------------------------
+
+// Set the outer grid-containing element(s).
+@mixin container() {
+  @include pie-clearfix;
+  margin: auto;
+  width: columns-width();
+  max-width: 100%;
+}
+
+// Column Mixins -------------------------------------------------------------
+
+// Set +columns() on any column element, even nested ones.
+// The first agument [required] is the number of columns to span.
+// The second argument is the context (columns spanned by parent).
+//  - Context is required on any nested elements.
+//  - Context MUST NOT be declared on a top-level element.
+// By default a grid-column is floated left with a right gutter.
+//  - Override those with +float("right"), +alpha or +omega
+@mixin columns(
+  $n,
+  $context  : false,
+  $from     : $from-direction
+) {
+  $to   : opposite-position($from);
+  // the column is floated left
+  @include float($from);
+  // the width of the column is set as a percentage of the context
+  width: columns($n, $context);
+  // the right gutter is added as a percentage of the context
+  margin-#{$to}: gutter($context);
+}
+
+// @include `reset-column` to reset a column element to default block behavior
+@mixin reset-column(
+  $from : $from-direction
+) {
+  $to   : opposite-position($from);
+  @include reset-float;
+  width: auto;
+  margin-#{$to}: auto;
+}
+
+@mixin un-column(
+  $from : $from-direction
+) {
+  @include reset-column($from);
+}
+
+// @include `full` on an element that will span it's entire context.
+// There is no need for +columns, +alpha or +omega on a +full element.
+@mixin full(
+  $nested: false
+) {
+  clear: both;
+  @if not $nested {
+    margin: {
+      left: side-gutter();
+      right: side-gutter();
+    }
+  }
+}
+
+// Padding Mixins ------------------------------------------------------------
+
+// add empty colums as padding before an element.
+@mixin prefix(
+  $n,
+  $context  : false,
+  $from     : $from-direction
+) {
+  padding-#{$from}: columns($n, $context) + gutter($context);
+}
+
+// add empty colums as padding after an element.
+@mixin suffix(
+  $n,
+  $context  : false,
+  $from     : $from-direction
+) {
+  $to       : opposite-position($from);
+  padding-#{$to}: columns($n, $context) + gutter($context);
+}
+
+// add empty colums as padding before and after an element.
+@mixin pad(
+  $p    : false,
+  $s    : false,
+  $c    : false,
+  $from : $from-direction
+) {
+  @if $p {
+    @include prefix($p, $c, $from);
+  }
+  @if $s {
+    @include suffix($s, $c, $from);
+  }
+}
+
+// Alpha & Omega Mixins ------------------------------------------------------
+// I recommend that you pass the actual nested contexts (when nested) rather
+// than a true/false argument for the sake of consistency. Effect is the same,
+// but your code will be much more readable.
+
+// @include on any element spanning the first column in non-nested context to
+// take side-gutters into account.
+@mixin alpha(
+  $nested : false,
+  $from   : $from-direction
+) {
+  @if not $nested {
+    margin-#{$from}: side-gutter();
+  } @else {
+    @warn "The alpha mixin is not needed in a nested context";
+  }
+}
+
+// @include on the last element of a row, in order to take side-gutters and
+// the page edge into account. Set the $nested argument for nested columns.
+@mixin omega(
+  $nested : false,
+  $from   : $from-direction
+) {
+  $to     : opposite-position($from);
+  $hack   : opposite-position($omega-float);
+  $sg     : 0;
+  @if not $nested {
+    $sg: side-gutter();
+  }
+  @include float($omega-float);
+  margin-#{$to}: $sg;
+  @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
+    #margin-#{$hack}: - $gutter-width;
+  }
+}
+
+// Susy Grid Backgrounds -----------------------------------------------------
+
+@mixin susy-grid-background {
+  @include column-grid-background($total-cols, $col-width, $gutter-width, $side-gutter-width, $force-fluid: true);
+}
+
+@mixin show-grid($img:false) {
+  @warn "show-grid is deprecated in favor of susy-grid-background.";
+  @if $img {
+    @warn "show-grid and susy-grid-background no longer use any images or take any arguments.";
+  }
+  @include susy-grid-background;
+}
+