From 51c8f0bbd848d3094626b80096e7e074f2d8d632 Mon Sep 17 00:00:00 2001 From: Julian Maurice Date: Mon, 10 Feb 2014 11:18:36 +0100 Subject: [PATCH] [SIGNED-OFF] Bug 11904: New module Koha::Messages This patch provides a uniform way to send messages to user interface. It uses CGI::Session to store messages and allow to render them thanks to a Template::Toolkit plugin (Koha::Template::Plugin::Messages) and a template include file (messages.inc) This patch doesn't introduce the new template include file anywhere. It will require additional patches to make it work. To use it, simply call messages_set() in a Perl script or module, then put [% INCLUDE 'messages.inc' %] at the right place in the right template file. See POD documentation of Koha::Messages for more information. Signed-off-by: Bernardo Gonzalez Kriegel Originally there was a conflict on bootstrap less/opac.less and css/opac.css, not now, but can't access git at this moment. No errors. --- Koha/Messages.pm | 141 ++ Koha/Template/Plugin/Messages.pm | 12 + .../intranet-tmpl/prog/en/css/staff-global.css | 29 + .../intranet-tmpl/prog/en/includes/messages.inc | 19 + .../intranet-tmpl/prog/img/messages-error.png | Bin 0 -> 709 bytes .../intranet-tmpl/prog/img/messages-error.svg | 139 ++ koha-tmpl/intranet-tmpl/prog/img/messages-ok.png | Bin 0 -> 687 bytes koha-tmpl/intranet-tmpl/prog/img/messages-ok.svg | 127 ++ .../intranet-tmpl/prog/img/messages-warning.png | Bin 0 -> 508 bytes .../intranet-tmpl/prog/img/messages-warning.svg | 98 + koha-tmpl/opac-tmpl/bootstrap/css/opac.css | 1 - .../opac-tmpl/bootstrap/en/includes/messages.inc | 19 + .../opac-tmpl/bootstrap/images/messages-error.png | Bin 0 -> 709 bytes .../opac-tmpl/bootstrap/images/messages-error.svg | 139 ++ .../opac-tmpl/bootstrap/images/messages-ok.png | Bin 0 -> 687 bytes .../opac-tmpl/bootstrap/images/messages-ok.svg | 127 ++ .../bootstrap/images/messages-warning.png | Bin 0 -> 508 bytes .../bootstrap/images/messages-warning.svg | 98 + koha-tmpl/opac-tmpl/bootstrap/less/opac.less | 2395 -------------------- 19 files changed, 948 insertions(+), 2396 deletions(-) create mode 100644 Koha/Messages.pm create mode 100644 Koha/Template/Plugin/Messages.pm create mode 100644 koha-tmpl/intranet-tmpl/prog/en/includes/messages.inc create mode 100644 koha-tmpl/intranet-tmpl/prog/img/messages-error.png create mode 100644 koha-tmpl/intranet-tmpl/prog/img/messages-error.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/messages-ok.png create mode 100644 koha-tmpl/intranet-tmpl/prog/img/messages-ok.svg create mode 100644 koha-tmpl/intranet-tmpl/prog/img/messages-warning.png create mode 100644 koha-tmpl/intranet-tmpl/prog/img/messages-warning.svg create mode 100644 koha-tmpl/opac-tmpl/bootstrap/en/includes/messages.inc create mode 100644 koha-tmpl/opac-tmpl/bootstrap/images/messages-error.png create mode 100644 koha-tmpl/opac-tmpl/bootstrap/images/messages-error.svg create mode 100644 koha-tmpl/opac-tmpl/bootstrap/images/messages-ok.png create mode 100644 koha-tmpl/opac-tmpl/bootstrap/images/messages-ok.svg create mode 100644 koha-tmpl/opac-tmpl/bootstrap/images/messages-warning.png create mode 100644 koha-tmpl/opac-tmpl/bootstrap/images/messages-warning.svg diff --git a/Koha/Messages.pm b/Koha/Messages.pm new file mode 100644 index 0000000..8288ae3 --- /dev/null +++ b/Koha/Messages.pm @@ -0,0 +1,141 @@ +package Koha::Messages; + +# Copyright 2014 BibLibre +# +# This file is part of Koha. +# +# Koha is free software; you can redistribute it and/or modify it +# under the terms of the GNU General Public License as published by +# the Free Software Foundation; either version 3 of the License, or +# (at your option) any later version. +# +# Koha is distributed in the hope that it will be useful, but +# WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU General Public License for more details. +# +# You should have received a copy of the GNU General Public License +# along with Koha; if not, see . + +use Modern::Perl; + +use CGI; +use C4::Auth qw( get_session ); + +use base qw( Exporter ); +our @EXPORT = qw( messages_set messages_get ); + +=head1 NAME + +Koha::Messages - Messages in user's session + +=head1 SYNOPSIS + + use Koha::Messages; + + messages_set("Operation succeeded"); + messages_set("Something odd happened", "warning"); + messages_set("Operation failed", "error"); + + my $messages = messages_get(); + +=head1 DESCRIPTION + +This module provides a uniform way to send messages to user interface. + +=head1 FUNCTIONS + +=cut + +sub session { + my $cgi = new CGI; + my $cgisessid = $cgi->cookie('CGISESSID') || ''; + return get_session($cgisessid); +} + +=head2 messages_set + + messages_set($message); + messages_set($message, $type); + +This function store a message into user session with a given type. + +=head3 Parameters + +=over 2 + +=item * $message: The message string to store + +=item * $type: The type of message. Can be one of 'ok', 'warning', or 'error'. +If not given, defaults to 'ok'. + +=back + +=cut + +sub messages_set { + my ($message, $type) = @_; + + return unless $message; + + $type //= 'ok'; + + my $session = session; + my $messages = $session->param('messages') // {}; + $messages->{$type} //= []; + + push @{ $messages->{$type} }, $message; + + $session->param('messages', $messages); + + # Save session + $session->flush; +} + +=head2 messages_get + + $messages = messages_get(); + +This function retrieves all messages in a hashref and remove them from user +session. + +=head3 Return value + +A hashref where keys are the type of messages and values are arrayrefs of +messages. + +Example: + + $messages = { + 'ok' => [ + "Everything is ok", + "Operation succeeded" + ], + 'warning' => [ + "Something odd happended" + ], + }; + +=cut + +sub messages_get { + my $session = session; + + my $messages = $session->param('messages') // {}; + + # Empty messages + $session->param('messages', {}); + + # Save session + $session->flush; + + return $messages; +} + +=head1 SEE ALSO + +Koha::Template::Plugin::Messages + +=cut + +1; diff --git a/Koha/Template/Plugin/Messages.pm b/Koha/Template/Plugin/Messages.pm new file mode 100644 index 0000000..6b2d437 --- /dev/null +++ b/Koha/Template/Plugin/Messages.pm @@ -0,0 +1,12 @@ +package Koha::Template::Plugin::Messages; + +use Modern::Perl; + +use base qw( Template::Plugin ); +use Koha::Messages; + +sub Get { + return messages_get(); +} + +1; diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css index f7678f0..08b2f35 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css +++ b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css @@ -2760,3 +2760,32 @@ span.browse-button { font-size:0.8em; padding:0.5em; } + +/* Messages */ +div.messages { + background-color: white; + background-position: 5px 5px; + background-repeat: no-repeat; + border: 1px solid #b9d8d9; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + color: black; + margin: 10px 0; + padding: 5px 5px 5px 25px; +} + +div.messages.ok { + background-color: #f4f8f9; + background-image: url('../../img/messages-ok.png'); +} + +div.messages.warning { + background-color: #ffff99; + background-image: url('../../img/messages-warning.png'); +} + +div.messages.error { + background-color: #ff7777; + background-image: url('../../img/messages-error.png'); +} diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/messages.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/messages.inc new file mode 100644 index 0000000..11ddb2a --- /dev/null +++ b/koha-tmpl/intranet-tmpl/prog/en/includes/messages.inc @@ -0,0 +1,19 @@ +[% USE Messages %] +[% contents = Messages.Get() %] + +[% FOREACH type IN contents.keys %] + [% messages = contents.$type %] + [% IF messages.size > 0 %] +
+ [% IF messages.size > 1 %] +
    + [% FOREACH message IN contents.$type %] +
  • [% message %]
  • + [% END %] +
+ [% ELSE %] + [% messages.0 %] + [% END %] +
+ [% END %] +[% END %] diff --git a/koha-tmpl/intranet-tmpl/prog/img/messages-error.png b/koha-tmpl/intranet-tmpl/prog/img/messages-error.png new file mode 100644 index 0000000000000000000000000000000000000000..bf720311f85023a46a9ef06be2164145d9c41b5e GIT binary patch literal 709 zcmV;$0y_PPP)smVMz366tP z?d_JL$o%2Mz5}mAN`-DnegeNVH(SnTRb3h$cCxY2EI5%!xSY$WI`{OcnGk#ho`od$ zp{MGSZ)+Rbe0tdk7;58Vi2@o#<)t=2{$elWc;Oa6r6f9-a2?&O&k!d{I~DY&xy#!o-BbiG&Zqp?&*YEEH7z*w^PR@CJAslBisQ z)HCqIxpOW~O*yn@j}O3m;9ao4qr>^hNnaj4>P_(c%AJGC!4P7H;CUnLT;JTxTrNii z_ytr}-gtde6HC+6Ov8squ)kLep&E>XA;k8=#a(bj;NQ6X5gCP>ui#9t764Ys)jAPE rvIRQpp{*9;Wr&I}G6DTp{!7(w`SXe9Ec??X00000NkvXXu0mjf_OUlU literal 0 HcmV?d00001 diff --git a/koha-tmpl/intranet-tmpl/prog/img/messages-error.svg b/koha-tmpl/intranet-tmpl/prog/img/messages-error.svg new file mode 100644 index 0000000..9a60c1b --- /dev/null +++ b/koha-tmpl/intranet-tmpl/prog/img/messages-error.svg @@ -0,0 +1,139 @@ + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/koha-tmpl/intranet-tmpl/prog/img/messages-ok.png b/koha-tmpl/intranet-tmpl/prog/img/messages-ok.png new file mode 100644 index 0000000000000000000000000000000000000000..712b12ba58bacccda9c2eea98b269704c9caa01d GIT binary patch literal 687 zcmV;g0#N;lP) zXcrL*!7dIj3p;pH2tk$?i9kBq$_|lO10!^HQjuDsF+a$16_;GG&j3mr00*5 zy1q^O(RSLLZ3q!rjVP5&!Et=>glN%Zk)8NGp;RWNrg)QO6w4bdud%^+&}M8#lGG9J z5HGMi$I?R-`dMZK+qKjsNlIptYKS#hUSb2&0h_jINm6&bTRg+^6iXP(eU=^6afJdZ zhQAL}oL6jWifgDVtuyXJZh}=olWTJ6o$Dnq9uS+b%?j@woaZb@IKw7H5)sPt%T0A@ zHQpkxaTo`EbA2?wZQc=X0BOWmh8&!vkP}=bogEG>4N*~0VZ0??X4Yn?AFQ`~E^Y$r zzz0HEliW37s<=)jYY2xNw0K%f&s2|W#_l)GJOg^D8(Hy18=wFH literal 0 HcmV?d00001 diff --git a/koha-tmpl/intranet-tmpl/prog/img/messages-ok.svg b/koha-tmpl/intranet-tmpl/prog/img/messages-ok.svg new file mode 100644 index 0000000..53d9c1f --- /dev/null +++ b/koha-tmpl/intranet-tmpl/prog/img/messages-ok.svg @@ -0,0 +1,127 @@ + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/koha-tmpl/intranet-tmpl/prog/img/messages-warning.png b/koha-tmpl/intranet-tmpl/prog/img/messages-warning.png new file mode 100644 index 0000000000000000000000000000000000000000..3ca2d3372627dbfb4b3d7bfaac3163ece2a875f1 GIT binary patch literal 508 zcmVBvAqq!NWo!AjI-YF#$n|_7iO89%dM&1)w4)<7RZ-7F_x4x~^0XXeGW6WsaCdu) z)@o?EOf{LL>tFEnlzmlnXb80|)EM;ekljDQnHdJ|?|E`vbZ`*u??<1X(aTF7ZJWMk zZ>YK6>1no;NqQXz{7`Tluq>?ESvH%!4RCQ$Mr@mTW55`QMj;aM_r`#2vyjhAss)^w zU?&zM_GKI%hE(bs?CvI!$*|q{GF7Eekg;Nsi%5hH*M%T`e8B4~&hatXQc15u0HdR9 zg~N1wr5gje9E^{{`@0VT#N$M>S+)RVZH=jw70yMF<`=H7{pO_8KL@5>$2&P;vaPd| y + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + ! + diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/opac.css b/koha-tmpl/opac-tmpl/bootstrap/css/opac.css index d30da8c..e69de29 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/opac.css +++ b/koha-tmpl/opac-tmpl/bootstrap/css/opac.css @@ -1 +0,0 @@ -.shadowed{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)}body{background-color:#eaeae6}html,body{height:100%}.no-js .dateformat{display:inline;white-space:nowrap}.no-js .modal-body{padding:0}.js .dateformat{display:none}#wrap{min-height:100%;height:auto !important;height:100%}.popup{padding-left:0;padding-right:0}a{color:#0076b2}a.cancel{padding-left:1em}a:visited{color:#0076b2}a.title{font-weight:bold;font-size:108%}a.btn-primary:visited{color:#fff}.ui-widget-content a,.ui-widget-content a:visited{color:#0076b2}h1{font-size:140%;line-height:150%}h1#libraryname{background:transparent url(../images/logo-koha.png) no-repeat scroll 0;border:0;float:left !important;margin:0;padding:0;width:120px}h1#libraryname a{border:0;cursor:pointer;display:block;height:0 !important;margin:0;overflow:hidden;padding:40px 0 0;text-decoration:none;width:120px}h2{font-size:130%;line-height:150%}h3{font-size:120%;line-height:150%}h4{font-size:110%}h5{font-size:100%}caption{font-size:120%;font-weight:bold;margin:0;text-align:left}input,textarea{width:auto}.input-fluid{width:50%}legend{font-size:110%;font-weight:bold}table,td{background-color:#fff}td .btn{white-space:nowrap}td .btn-link{padding:0}#advsearches label,#booleansearch label{display:inline}#basketcount{display:inline;margin:0;padding:0}#basketcount span{background-color:#ffc;color:#000;display:inline;font-size:80%;font-weight:normal;margin:0 0 0 .9em;padding:0 .3em 0 .3em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#members{display:block}#members p{color:#eee}#members a{color:#a6d8ed;font-weight:bold}#members a.logout{color:#e8583c;padding:0 .3em 0 .3em}#koha_url p{color:#666;float:right;margin:0}#moresearches{margin:.5em 0;padding:0 .8em}#moresearches li{display:inline;white-space:nowrap}#moresearches li:after{content:" | "}#moresearches ul{margin:0}#moresearches li:last-child:after{content:""}#news{margin:.5em 0}#opacheader{background-color:#ddd}#selections{font-weight:bold}.actions a{white-space:nowrap}.actions a.hold{background-image:url("../images/sprite.png");background-position:-5px -542px;background-repeat:no-repeat;margin-right:1em;padding-left:21px;text-decoration:none}.actions a.addtocart{background-image:url("../images/sprite.png");background-position:-5px -572px;background-repeat:no-repeat;margin-right:1em;padding-left:20px;text-decoration:none}.actions a.addtoshelf{background-image:url("../images/sprite.png");background-position:-5px -27px;background-repeat:no-repeat;margin-right:1em;padding-left:20px;text-decoration:none}.actions a.addtolist{background-position:-5px -27px;margin-right:1em;padding-left:20px;text-decoration:none}.actions a.tag_add{background-position:-5px -1110px;margin-right:1em;padding-left:20px;text-decoration:none}.actions a.removefromlist{background-position:-8px -690px;margin-right:1em;text-decoration:none;padding-left:15px}.alert{background:#fffbe5;background:-moz-linear-gradient(top, #fffbe5 0, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fffbe5), color-stop(9%, #fff0b2), color-stop(89%, #fff1a8), color-stop(100%, #f7e665));background:-webkit-linear-gradient(top, #fffbe5 0, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);background:-o-linear-gradient(top, #fffbe5 0, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);background:-ms-linear-gradient(top, #fffbe5 0, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);background:linear-gradient(to bottom, #fffbe5 0, #fff0b2 9%, #fff1a8 89%, #f7e665 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbe5', endColorstr='#f7e665', GradientType=0);border-color:#d6c43b;color:#333}.alert-info{background:#f4f6fa;background:-moz-linear-gradient(top, #f4f6fa 0, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f6fa), color-stop(4%, #eaeef5), color-stop(96%, #e8edf6), color-stop(100%, #cddbf2));background:-webkit-linear-gradient(top, #f4f6fa 0, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);background:-o-linear-gradient(top, #f4f6fa 0, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);background:-ms-linear-gradient(top, #f4f6fa 0, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);background:linear-gradient(to bottom, #f4f6fa 0, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6fa', endColorstr='#cddbf2', GradientType=0);border-color:#c5d1e5;color:#333}.alert-success{background:#f8ffe8;background:-moz-linear-gradient(top, #f8ffe8 0, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f8ffe8), color-stop(4%, #e3f5ab), color-stop(98%, #dcf48d), color-stop(100%, #9ebf28));background:-webkit-linear-gradient(top, #f8ffe8 0, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);background:-o-linear-gradient(top, #f8ffe8 0, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);background:-ms-linear-gradient(top, #f8ffe8 0, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);background:linear-gradient(to bottom, #f8ffe8 0, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8ffe8', endColorstr='#9ebf28', GradientType=0);border-color:#9fba35;color:#333}.breadcrumb{background-color:#f2f2ef;font-size:85%;list-style:none outside none;margin:10px 20px;padding:5px 10px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.form-inline{display:inline;padding:0;margin:0}.form-inline fieldset{margin:.3em 0;padding:.3em}.main{background-color:#fff;border:1px solid #d2d2cf;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);margin-top:.5em;margin-bottom:.5em}.mastheadsearch{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;padding:.8em;margin:.5em 0;background:#c7c7c1;background:-moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(38%, #c7c7c1), color-stop(100%, #a7a7a2));background:-webkit-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);background:-o-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);background:-ms-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);background:linear-gradient(to bottom, #c7c7c1 38%, #a7a7a2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c1', endColorstr='#a7a7a2', GradientType=0)}.mastheadsearch label{font-size:115%;font-weight:bold}.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#9fe1ff;font-weight:bold}.navbar-fixed-bottom.navbar-static-bottom{margin-top:.5em;position:static}#changelanguage .nav>.active>p{padding:0 15px}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f4f4f4}.ui-tabs-nav .ui-tabs-active a,.ui-tabs-nav a:hover,.ui-tabs-nav a:focus,.ui-tabs-nav a:active,.ui-tabs-nav span.a{background:none repeat scroll 0 0 transparent;outline:0 none}.ui-widget,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:inherit;font-size:inherit}ul.ui-tabs-nav li{list-style:none}.ui-tabs.ui-widget-content{background:transparent none;border:0}.ui-tabs .ui-tabs-panel{border:1px solid #d8d8d8;margin-bottom:1em}.ui-tabs-nav.ui-widget-header{border:0;background:none}.ui-tabs .ui-tabs-nav li{background:#f3f3f3 none;border-color:#d8d8d8;margin-right:.4em}.ui-tabs .ui-tabs-nav li.ui-tabs-active{background-color:#fff;border:1px solid #d8d8d8;border-bottom:0}.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#000;font-weight:bold}.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover{background:#f3f3f3 none}.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover{background:#fff none}.ui-tabs .ui-state-default a,.ui-tabs .ui-state-default a:link,.ui-tabs .ui-state-default a:visited{color:#069}.ui-tabs .ui-state-hover a,.ui-tabs .ui-state-hover a:link,.ui-tabs .ui-state-hover a:visited{color:#903}.statictabs ul{background:none repeat scroll 0 0 transparent;border:0 none;margin:0;padding:.2em .2em 0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:4px;border-top-left-radius:4px;color:#222;font-weight:bold;font-size:100%;line-height:1.3;list-style:none outside none;outline:0 none;text-decoration:none}.statictabs ul:before{content:"";display:table}.statictabs ul:after{clear:both;content:"";display:table}.statictabs li{background:none repeat scroll 0 0 #e6f0f2;border:1px solid #b9d8d9;border-bottom:0 none !important;border-top-right-radius:4px;border-top-left-radius:4px;float:left;list-style:none outside none;margin-bottom:0;margin-right:.4em;padding:0;position:relative;white-space:nowrap;top:1px;color:#555;font-weight:normal}.statictabs li.active{background-color:#fff;color:#212121;font-weight:normal;padding-bottom:1px}.statictabs li a{color:#004d99;cursor:pointer;float:left;padding:.5em 1em;text-decoration:none}.statictabs li a:hover{background-color:#edf4f5;border-top-right-radius:4px;border-top-left-radius:4px;color:#538200}.statictabs li.active a{color:#000;font-weight:bold;cursor:text;background:none repeat scroll 0 0 transparent;outline:0 none}.statictabs .tabs-container{border:1px solid #b9d8d9;background:none repeat scroll 0 0 transparent;display:block;padding:1em 1.4em;border-bottom-right-radius:4px;border-bottom-left-radius:4px;color:#222}.ui-datepicker table{width:100%;font-size:.9em;border:0;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{background:transparent none;padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker-trigger{vertical-align:middle;margin:0 3px}.ui-datepicker{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)}.ui-widget-content{border:1px solid #aaa;background:#fff none;color:#222}.ui-widget-header{border:1px solid #aaa;background:#e6f0f2 none;color:#222;font-weight:bold}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #aaa;background:#f4f8f9 none;font-weight:normal;color:#555}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #aaa;background:#e6f0f2 none;font-weight:normal;color:#212121}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff none;font-weight:normal;color:#212121}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee;color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec;color:#cd0a0a}.ui-autocomplete{position:absolute;cursor:default;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2)}.ui-autocomplete.ui-widget-content .ui-state-hover{border:1px solid #aaa;background:#e6f0f2 none;font-weight:normal;color:#212121}.ui-autocomplete-loading{background:#fff url("../../img/loading-small.gif") right center no-repeat}.ui-menu li{list-style:none}th{background-color:#ecede6}.item-thumbnail{max-width:none}.no-image{background-color:#fff;border:1px solid #aaa;color:#979797;display:block;font-size:86%;font-weight:bold;text-align:center;width:75px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#bookcover .no-image{margin-right:10px;margin-bottom:10px}td.overdue{color:#c33}table{font-size:90%}th.sum{text-align:right}td.sum{background-color:#ffc;font-weight:bold}th[scope=row]{background-color:transparent;text-align:right}.required{color:#c00}.label{background-color:transparent;color:inherit;display:inline;font-weight:normal;padding:0;text-shadow:none}fieldset.rows{float:left;font-size:90%;clear:left;margin:.9em 0 0 0;padding:0;width:100%}fieldset.rows legend{font-weight:bold;font-size:130%}fieldset.rows label,fieldset.rows .label{float:left;font-weight:bold;width:9em;margin-right:1em;text-align:right}fieldset.rows label.lradio{float:none;margin:inherit;width:auto}fieldset.rows fieldset{margin:0;padding:.3em}fieldset.rows ol{padding:1em 1em 0 1em;list-style-type:none}fieldset.rows ol.lradio label{width:auto;float:none;margin-right:0}fieldset.rows ol.lradio label.lradio{float:left;width:12em;margin-right:1em}fieldset.rows li{float:left;clear:left;padding-bottom:1em;list-style-type:none;width:100%}fieldset.rows li.lradio{padding-left:8.5em;width:auto}fieldset.rows li.lradio label{float:none;width:auto;margin:0 0 0 1em}fieldset.rows .hint{display:block;margin-left:11em}fieldset.action{clear:both;float:none;border:none;margin:0;padding:1em 0 .3em 0;width:auto}fieldset.action p{margin-bottom:1em}fieldset table{font-size:100%}div.rows+div.rows{margin-top:.6em}div.rows{float:left;clear:left;margin:0 0 0 0;padding:0;width:100%}div.rows span.label{float:left;font-weight:bold;width:9em;margin-right:1em;text-align:left}div.rows ol{list-style-type:none;margin-left:0;padding:.5em 1em 0 0}div.rows li{border-bottom:1px solid #eee;float:left;clear:left;padding-bottom:.2em;padding-top:.1em;list-style-type:none;width:100%}div.rows ul li{margin-left:7.3em}div.rows ul li:first-child{float:none;clear:none;margin-left:0}div.rows ol li li{border-bottom:0}.tagweight0{font-size:12px}.tagweight1{font-size:14px}.tagweight2{font-size:16px}.tagweight3{font-size:18px}.tagweight4{font-size:20px}.tagweight5{font-size:22px}.tagweight6{font-size:24px}.tagweight7{font-size:26px}.tagweight8{font-size:28px}.tagweight9{font-size:30px}.toolbar{background-color:#eee;border:1px solid #e8e8e8;font-size:85%;padding:3px 3px 5px 5px;vertical-align:middle}.toolbar a{white-space:nowrap}.toolbar label{display:inline;font-size:100%;font-weight:bold;margin-left:.5em}.toolbar select{font-size:97%;height:auto;line-height:inherit;padding:0;margin:0;width:auto;white-space:nowrap}.toolbar .hold,.toolbar #tagsel_tag{padding-left:28px;font-size:97%;font-weight:bold}.toolbar #tagsel_form{margin-top:.5em}.toolbar li{display:inline;list-style:none}.toolbar li a{border-left:1px solid #e8e8e8}.toolbar li:first-child a{border-left:0}.toolbar ul{padding-left:0}#basket .toolbar{padding:7px 5px 9px 9px}#selections-toolbar{background:-moz-linear-gradient(top, #b2b2b2 0, #e0e0e0 14%, #e8e8e8 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #b2b2b2), color-stop(14%, #e0e0e0), color-stop(100%, #e8e8e8));background:-webkit-linear-gradient(top, #b2b2b2 0, #e0e0e0 14%, #e8e8e8 100%);background:-o-linear-gradient(top, #b2b2b2 0, #e0e0e0 14%, #e8e8e8 100%);background:-ms-linear-gradient(top, #b2b2b2 0, #e0e0e0 14%, #e8e8e8 100%);background:linear-gradient(top, #b2b2b2 0, #e0e0e0 14%, #e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#e8e8e8', GradientType=0);margin:0 0 1em 0;padding-top:.5em;padding-left:10px}.list-actions{display:inline}#tagsel_span input.submit,#tagsel_tag{border:0;background-color:transparent;font-size:100%;color:#0076b2;cursor:pointer;background-image:url("../images/sprite.png");background-position:1px -643px;background-repeat:no-repeat;padding-left:25px;text-decoration:none}#tagsel_tag.disabled{background-position:-1px -667px}#tagsel_span input:hover,#selections-toolbar input.hold:hover{color:#005580;text-decoration:underline}#tagsel_span input.disabled,#tagsel_span input.disabled:hover,#tagsel_span input.hold.disabled,#tagsel_span input.hold.disabled:hover,#selections-toolbar input.hold.disabled,#selections-toolbar input.hold.disabled:hover,#selections-toolbar a.disabled,#selections-toolbar a.disabled:hover{color:#888;text-decoration:none;padding-left:23px}.results_summary{display:block;font-size:85%;color:#707070;padding:0 0 .5em 0}.results_summary .results_summary{font-size:100%}.results_summary.actions{margin-top:.5em}.results_summary.tagstatus{display:inline}.results_summary .label{color:#202020}.results_summary a{font-weight:normal}#views{border-bottom:1px solid #d6d6d6;margin-bottom:.5em;padding:0 2em .2em .2em;white-space:nowrap}.view{padding:.2em .2em 2px .2em}#bibliodescriptions,#isbdcontents{clear:left;margin-top:.5em}.view a,.view span{background-image:url("../images/sprite.png");background-repeat:no-repeat;font-size:87%;font-weight:normal;padding:.4em .7em 5px 26px;text-decoration:none}span#MARCview,span#ISBDview,span#Normalview,span#Fullhistory,span#Briefhistory{font-weight:bold}a#MARCview,span#MARCview{background-position:-3px -23px}a#MARCviewPop,span#MARCviewPop{background-position:-3px -23px}a#ISBDview,span#ISBDview{background-position:-3px -52px}a#Normalview,span#Normalview{background-position:-1px 6px}.view a{background-color:#f3f3f3;border-left:1px solid #c9c9c9}#bookcover{float:left;margin:0;padding:0}#bookcover .no-image{margin-right:10px;margin-bottom:10px}#bookcover img{margin:0 1em 1em 0}.results-pagination{position:absolute;top:32px;left:-1px;width:100%;height:auto;border:1px solid #d0d0d0;display:none;background-color:#f3f3f3;padding-bottom:10px;z-index:100}.back{float:right}.back input{background:none !important;color:#999 !important}.pagination_list ul{padding-top:40px;padding-left:0}.pagination_list li{list-style:none;float:bottom;padding:4px;color:#999}.pagination_list li.highlight{background-color:#f3f3f3;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.pagination_list li a{padding-left:0}.pagination_list .li_pag_index{color:#999;float:left;font-size:15px;font-weight:bold;padding-right:10px;text-align:right;width:13px}.nav_results{background-color:#f3f3f3;border:1px solid #d0d0d0;font-size:95%;font-weight:bold;margin-top:.5em;position:relative}.nav_results .l_Results a{background:#e1e1e1 url("../images/sprite.png") no-repeat 0 -504px;color:#069;display:block;padding:8px 28px;text-decoration:none}.nav_results .l_Results:hover{background-color:#d9d9d9}.pg_menu{margin:0;border-top:1px solid #d0d0d0;white-space:nowrap}.pg_menu li{color:#b2b2b2;display:inline;list-style:none;margin:0}.pg_menu li.back_results a{border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0}.pg_menu li a,.pg_menu li span{background-color:#f3f3f3;display:block;float:left;padding:.4em .5em;text-decoration:none;font-weight:normal;text-align:center}.pg_menu li span{color:#b2b2b2}#listResults li{background-color:#999;color:#c5c5c5;font-weight:normal;display:block;margin-right:1px;font-size:80%;padding:0;text-align:center;min-width:18px}#listResults li:hover{background-color:#069}#listResults li a{color:#fff;font-weight:normal}.nav_pages .close_pagination{padding-right:10px;position:absolute;right:3px;top:-25px}.nav_pages .close_pagination a{text-decoration:none !important}.nav_pages ul{padding-top:10px}.nav_pages li{list-style:none;float:left;padding:4px;color:#999}.nav_pages li a{text-decoration:none !important}.nav_pages li a:hover{text-decoration:underline}.nav_pages li ul{float:left}#action{margin:.5em 0 0 0;background-color:#f3f3f3;border:1px solid #e8e8e8;padding-bottom:3px}#action li{list-style:none;margin:.2em;padding:.3em 0}#action a{font-weight:bold;text-decoration:none}#export li,#moresearches_menu li{padding:0;margin:0}#export li a,#moresearches_menu li a{font-weight:normal}#export li a.menu-inactive,#moresearches_menu li a.menu-inactive{font-weight:bold}#format,#furthersearches{padding-left:35px}.highlight_controls{float:left}a.addtocart,a.addtoshelf,a.brief,a.deleteshelf,a.deleteshelf.disabled,a.detail,a.download,a.editshelf,a.empty,a.hide,a.highlight_toggle,a.hold,a.hold.disabled,a.incart,a.new,a.print-small,a.print-large,a.removeitems,a.removeitems.disabled,a.reserve,a.send,a.tag_add,a.removefromlist,input.hold,input.hold.disabled,input.editshelf,.newshelf,.newshelf.disabled,.deleteshelf{background-image:url("../images/sprite.png");background-repeat:no-repeat}a.addtocart{background-position:-5px -265px;padding-left:35px}a.addtoshelf{background-position:-5px -225px;padding-left:35px}a.brief{background-position:-2px -868px;text-decoration:none;padding-left:27px}a.cartRemove{color:#c33;font-size:90%;margin:0;padding:0}a.detail{background-position:-2px -898px;text-decoration:none;padding-left:27px}a.download{background-position:-5px -348px;padding-left:20px;text-decoration:none}a.editshelf{background-position:2px -348px;padding-left:26px;text-decoration:none}a.empty{background-position:2px -598px;text-decoration:none;padding-left:30px}a.hide{background-position:-3px -814px;text-decoration:none;padding-left:26px}a.highlight_toggle{background-position:-5px -841px;display:none;padding-left:35px}a.hold,input.hold{background-position:-2px -453px;text-decoration:none;padding-left:23px}a.hold.disabled,input.hold.disabled{background-position:-5px -621px}a.incart{background-position:-5px -265px;color:#666;padding-left:35px}a.new{background-image:url("../images/sprite.png");background-position:-4px -922px;padding-left:23px;text-decoration:none}a.print-small{background-position:0 -423px;text-decoration:none;padding-left:30px}a.print-large{background-position:-5px -186px;text-decoration:none;padding-left:35px}a.removeitems,a.deleteshelf{background-position:2px -690px;text-decoration:none;padding-left:25px}a.removeitems.disabled,a.deleteshelf.disabled{background-position:2px -712px}a.reserve{background-position:-6px -144px;padding-left:35px}a.send{background-position:2px -386px;text-decoration:none;padding-left:28px}a.tag_add{background-position:3px -1111px;padding-left:27px;text-decoration:none}input.hold{background-color:transparent;border:0;color:#0076b2;font-weight:bold}input.editshelf{background-color:transparent;background-position:2px -736px;border:0;color:#069;cursor:pointer;filter:none;font-size:100%;padding-left:29px;text-decoration:none}.newshelf{background-position:2px -764px;border:0;color:#069;cursor:pointer;filter:none;font-size:100%;padding-left:28px;text-decoration:none}.newshelf.disabled{background-position:-4px -791px}.deleteshelf{background-color:transparent;background-position:2px -690px;border:0;color:#069;cursor:pointer;filter:none;font-size:100%;padding-left:25px;text-decoration:none}.links a{font-weight:bold}.deleteshelf:hover{color:#903}.editshelf:active,.deleteshelf:active{border:0}#tagslist li{display:inline}#login4tags{background-image:url("../images/sprite.png");background-position:-6px -1130px;background-repeat:no-repeat;padding-left:20px;text-decoration:none}.tag_results_input{margin-left:1em;padding:.3em;font-size:12px}.tag_results_input input[type="text"]{font-size:inherit;margin:0;padding:0}.tag_results_input label{display:inline}.tagsinput input[type="text"]{font-size:inherit;margin:0;padding:0}.tagsinput label{display:inline}.branch-info-tooltip{display:none}.ui-tooltip-content p{margin:.3em 0}#social_networks a{background:transparent url("../images/social-sprite.png") no-repeat;display:block;height:20px !important;width:20px;text-indent:-999em}#social_networks span{color:#274d7f;display:block;float:left;font-size:85%;font-weight:bold;line-height:2em;margin:.5em 0 .5em .5em !important}#social_networks div{float:left !important;margin:.5em 0 .5em .2em !important}#social_networks #facebook{background-position:-7px -35px}#social_networks #twitter{background-position:-7px -5px}#social_networks #linkedin{background-position:-7px -95px}#social_networks #delicious{background-position:-7px -66px}#social_networks #email{background-position:-7px -126px}#marc td,#marc th{background-color:transparent;border:0;padding:3px 5px;text-align:left}#marc td:first-child{text-indent:2em}#marc p{padding-bottom:.6em}#marc p .label{font-weight:bold}#marc ul{padding-bottom:.6em}#marc .results_summary{clear:left}#marc .results_summary ul{display:inline;float:none;clear:none;margin:0;padding:0;list-style:none}#marc .results_summary li{display:inline}#items,#items td #items th{border:1px solid #eee;font-size:90%}#plainmarc table{border:0;margin:.7em 0 0 0;font-family:monospace;font-size:95%}#plainmarc th{background-color:#fff;border:0;white-space:nowrap;text-align:left;vertical-align:top;padding:2px}#plainmarc td{border:0;padding:2px;vertical-align:top}#renewcontrols{float:right;font-size:66%}#renewcontrols a{background-repeat:no-repeat;text-decoration:none;padding:.1em .4em;padding-left:18px}#renewselected_link{background-image:url("../images/sprite.png");background-position:-5px -986px;background-repeat:no-repeat}#renewall_link{background-image:url("../images/sprite.png");background-position:-8px -967px;background-repeat:no-repeat}.authref{text-indent:2em}.authref .label{font-style:italic}.authstanza{margin-top:1em}.authstanzaheading{font-weight:bold}.authorizedheading{font-weight:bold}.authstanza li{margin-left:.5em}.authres_notes,.authres_seealso,.authres_otherscript{padding-top:.5em}.authres_notes{font-style:italic}#didyoumean{background-color:#eee;border:1px solid #e8e8e8;margin:0 0 .5em;text-align:left;padding:.5em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.suggestionlabel{font-weight:bold}.searchsuggestion{padding:.2em .5em;white-space:nowrap;display:inline-block}.authlink{padding-left:.25em}#hierarchies a{font-weight:normal;text-decoration:underline;color:#069}#hierarchies a:hover{color:#903}#top-pages{margin:0 0 .5em}.dropdown-menu>li>a{font-size:90%}a.listmenulink:link,a.listmenulink:visited{color:#0076b2;font-weight:bold}a.listmenulink:hover,a.listmenulink:active{color:#fff;font-weight:bold}#cartDetails,#cartUpdate,#holdDetails,#listsDetails{background-color:#fff;border:1px solid rgba(0,0,0,0.2);border-radius:6px 6px 6px 6px;box-shadow:0 5px 10px rgba(0,0,0,0.2);color:#000;display:none;font-size:90%;margin:0;padding:8px 20px;text-align:center;width:180px;z-index:2}#cartmenulink{white-space:nowrap}#search-facets,#menu{border:1px solid #d2d2cf;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}#search-facets ul,#menu ul{margin:0;padding:.3em}#search-facets form,#menu form{margin:0}#search-facets h4,#menu h4{font-size:90%;margin:0 0 .6em 0;text-align:center}#search-facets h4 a,#menu h4 a{background-color:#f2f2ef;border-radius:8px 8px 0 0;border-bottom:1px solid #d8d8d8;display:block;font-weight:bold;padding:.7em .2em;text-decoration:none}#search-facets li,#menu li{font-size:90%;font-weight:bold;list-style-type:none}#search-facets li li,#menu li li{font-weight:normal;font-size:95%;line-height:125%;margin-bottom:2px;padding:.1em .2em}#search-facets li.showmore a,#menu li.showmore a{font-weight:bold;text-indent:1em}#search-facets a,#menu a{font-weight:normal;text-decoration:underline}#search-facets .facet-count,#menu .facet-count{display:inline-block}#menu{font-size:94%}#menu li{list-style-type:none}#menu li a{background:#eee;text-decoration:none;display:block;border:1px solid #d8d8d8;border-radius:5px 0 0 5px;border-bottom-color:#999;font-size:111%;padding:.4em .6em;margin:.4em 0;margin-right:-1px}#menu li a:hover{background:#eaeef5}#menu li.active a{background-color:#fff;background-image:none;border-right-width:0;font-weight:bold}#menu li.active a:hover{background-color:#fff}#menu h4{display:none}#addto{max-width:10em}.addto a.addtocart{background-image:url("../images/sprite.png");background-position:-5px -266px;background-repeat:no-repeat;text-decoration:none;padding-left:33px}.searchresults p{margin:0;padding:0 0 .6em 0}.searchresults p.details{color:#979797}.searchresults a.highlight_toggle{background-image:url("../images/sprite.png");background-position:-11px -841px;background-repeat:no-repeat;display:none;font-weight:normal;padding:0 10px 0 21px}.searchresults .commentline{background-color:#ffc;background-color:rgba(255,255,204,0.4);border:1px solid #ccc;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);box-shadow:0 1px 1px 0 rgba(0,0,0,0.2);margin:.3em;padding:.4em}.searchresults .commentline.yours{background-color:#effed5;background-color:rgba(239,254,213,0.4)}.commentline .avatar{float:right;padding-left:.5em}.term{color:#900;background-color:#ffc}.shelvingloc{display:block;font-style:italic}#CheckAll,#CheckNone{font-weight:normal;margin:0 .5em;text-decoration:underline}span.sep{color:#888;padding:0 .2em 0 .5em;text-shadow:1px 1px 0 #fff}.pages span:first-child,.pages a:first-child{border-width:1px 1px 1px 1px;border-bottom-left-radius:3px;border-top-left-radius:3px}.pages span:last-child,.pages a:last-child{border-width:1px 1px 1px 0;border-bottom-right-radius:3px;border-top-right-radius:3px}.pages .inactive,.pages .currentPage,.pages a{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#fff;border-color:#ddd;border-image:none;border-style:solid;border-width:1px 1px 1px 0;float:left;font-size:11.9px;line-height:20px;padding:4px 12px;text-decoration:none}.pages .inactive{background-color:#f5f5f5}.pages a[rel='last']{border-bottom-right-radius:3px;border-top-right-radius:3px}.hold-message{background-color:#fff0b1;display:inline-block;margin:.5em;padding:.2em .5em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.reserve_date,.expiration_date{white-space:nowrap}.close{color:#08c;position:inherit;top:auto;right:auto;filter:none;float:none;font-size:inherit;font-weight:normal;opacity:inherit;text-shadow:none}.close:hover{color:#538200;filter:inherit;font-size:inherit;opacity:inherit}.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px}.modal-header .closebtn{margin-top:2px}.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.closebtn:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.btn-group label,.btn-group select{font-size:13px}.span2 select{width:100%}.popup .main{font-size:90%;padding:0 1em}.popup legend{line-height:1.5em;margin-bottom:.5em}.available{color:#060}.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold{display:block}.notforloan{color:#900}.lost{color:#666}.suggestion{background-color:#eeeeeb;border:1px solid #ddded3;margin:1em auto;padding:.5em;width:35%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.librarypulldown .transl1{width:auto}.nolibrarypulldown{width:68%}.nolibrarypulldown .transl1{width:87%}#opac-main-search select{width:auto;max-width:12em}#logo{background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0;border:0;float:left !important;margin:0;padding:0;width:100px}#logo a{border:0;cursor:pointer;display:block;height:0 !important;margin:0;overflow:hidden;padding:40px 0 0;text-decoration:none;width:100px}#user-menu-trigger{display:none}#user-menu-trigger .icon-user{background:transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;background-position:-168px 0;background-repeat:no-repeat;height:14px;line-height:14px;margin:12px 0 0;vertical-align:text-top;width:14px}#user-menu-trigger .caret{border-bottom-color:#999;border-top-color:#999;margin-top:18px}.floating{-webkit-box-shadow:0 3px 2px 0 rgba(0,0,0,0.4);box-shadow:0 3px 2px 0 rgba(0,0,0,0.4);margin-top:0}.tdlabel{font-weight:bold;display:none}td img{max-width:none}#ulactioncontainer{min-width:16em}.notesrow label{font-weight:bold}.notesrow span{display:block}.thumbnail-shelfbrowser span{margin:0 auto}.dropdown-menu>li>a.menu-inactive:hover{background:#fff none;color:#000}.table .sorting_asc{padding-right:19px;background:url("../images/asc.gif") no-repeat scroll right center #ecede6}.table .sorting_desc{padding-right:19px;background:url("../images/desc.gif") no-repeat scroll right center #ecede6}.table .sorting{padding-right:19px;background:url("../images/ascdesc.gif") no-repeat scroll right center #ecede6}.table .nosort,.table .nosort.sorting_asc,.table .nosort.sorting_desc,.table .nosort.sorting{padding-right:19px;background:#ecede6 none}.tags ul{display:inline;list-style:none;margin-left:0}.tags ul li{display:inline}.coverimages{float:right}#i18nMenu{margin-left:1em}#i18nMenu li{font-size:85%}#i18nMenu li li{font-size:100%}#i18nMenu li li>a{font-size:100%}#i18nMenu li li>a:hover{color:#fff}#i18nMenu li a{color:#0076b2}#i18nMenu .dropdown-menu li p{clear:both;display:block;font-weight:normal;line-height:20px;padding:3px 20px;white-space:nowrap}#subjectsList label,#authorSearch label{display:inline;vertical-align:middle}#subjectsList ul,#authorSearch ul{border-bottom:1px solid #eee;list-style-type:none;margin:0;padding:.6em 0}#subjectsList li,#authorSearch li{list-style-type:none;margin:0;padding:0}#overdrive-results{font-weight:bold;padding-left:1em}.throbber{vertical-align:middle}#overdrive-results-list .star-rating-control{display:block;overflow:auto}#shelfbrowser table{margin:0}#shelfbrowser table,#shelfbrowser td,#shelfbrowser th{border:0;font-size:90%;text-align:center}#shelfbrowser td,#shelfbrowser th{padding:3px 5px;width:20%}#shelfbrowser a{display:block;font-size:110%;font-weight:bold;text-decoration:none}#shelfbrowser #browser_next,#shelfbrowser #browser_previous{background-image:url("../images/sprite.png");background-repeat:no-repeat;width:16px}#shelfbrowser #browser_next a,#shelfbrowser #browser_previous a{cursor:pointer;display:block;height:0 !important;margin:0;overflow:hidden;padding:50px 0 0;text-decoration:none;width:16px}#shelfbrowser #browser_previous{background-position:-9px -1007px}#shelfbrowser #browser_next{background-position:-9px -1057px}#holds{margin:0 auto;max-width:800px}.holdrow{clear:both;padding:0 1em 1em 1em;border-bottom:1px solid #ccc;margin-bottom:.5em}.holdrow fieldset{border:0;margin:0;float:none}.holdrow fieldset .label{font-size:14px}.holdrow label{display:inline}.hold-options{clear:both}.toggle-hold-options{background-color:#eee;clear:both;display:block;font-weight:bold;margin:1em 0;padding:.5em}.copiesrow{clear:both}#idreambooksreadometer{float:right}a.idreambooksrating{font-size:30px;color:#29ade4;padding-left:85px;line-height:30px;text-decoration:none}.idreambookslegend{font-size:small}a.reviewlink,a.reviewlink:visited{text-decoration:none;color:#000;font-weight:normal}.idreambookssummary a{color:#707070;text-decoration:none}.idreambookssummary img,.idbresult img{vertical-align:middle}.idbresult{color:#29ade4;text-align:center;margin:.5em;padding:.5em}.idbresult a,.idbresult a:visited{text-decoration:none;color:#29ade4}.idbresult img{padding-right:6px}.js-show{display:none}.modal-nojs .modal-header,.modal-nojs .modal-footer{display:none}.contents{width:75%}.contentblock{font-size:95%;line-height:135%;position:relative;margin-left:2em}.contents .t:first-child:before{content:"→ "}.contents .t:before{content:"\A → ";white-space:pre}.contents .t{font-weight:bold;display:inline}.contents .r{display:inline}@media only screen and (min-width:0) and (max-width:304px){#oh:after{content:"(min-width: 0px) and (max-width: 304px)"}input,select,textarea{width:auto;max-width:11em}}@media only screen and (min-width:0) and (max-width:390px){#oh:after{content:"(min-width: 0px) and (max-width: 390px)"}.ui-tabs .ui-tabs-nav li a,.statictabs li a{padding:.1em .5em}#views{border:0;padding:0;margin:0}.view{padding:0}.view a,.view span{border:1px solid #c9c9c9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:80%;padding:.3em .4em 4px 26px}.input-fluid{width:90%}}@media only screen and (min-width:305px) and (max-width:341px){#oh:after{content:"(min-width: 305px) and (max-width: 341px)"}}@media only screen and (min-width:342px) and (max-width:479px){#oh:after{content:"(min-width: 342px) and (max-width: 479px)"}.input-fluid{width:75%}}@media (max-width:979px){.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;margin-left:0;margin-right:0}}@media only screen and (max-width:608px){fieldset.rows label{display:block;float:none;text-align:left}fieldset.rows li{padding-bottom:.5em}fieldset.rows ol{margin-left:0}fieldset.rows .hint{margin-left:0}body{padding:0}.tdlabel{display:inline}.navbar-fixed-top,.navbar-static-top{margin:0}.navbar-inner{padding:0}.checkall,.clearall,.highlight_controls,#selections-toolbar,.selectcol,.list-actions,#remove-selected{display:none}.table td.bibliocol{padding-left:1.3em}.actions{display:block}.actions a,.actions #login4tags{background-color:#f2f2ef;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-weight:bold;display:block;font-size:120%;margin:2px 0}.actions .label{display:block;font-weight:bold}.actions #login4tags{margin-right:1em}#opac-main-search button,#opac-main-search input,#opac-main-search select,#opac-main-search .librarypulldown .transl1,#opac-main-search .input-append{display:block;width:97%;max-width:100%;margin:.5em 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#opac-main-search .input-append{margin:0;width:100%}#opac-main-search .librarypulldown .transl1{width:94.5%}#toolbar .resort{font-size:14px;max-width:100%;margin:.5em 0;padding:4px 6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.mastheadsearch{margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.main{margin:.5em 0;padding:15px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.breadcrumb{margin:10px 0}#moresearches{text-align:center}#searchsubmit{font-weight:bold}.ui-tabs-panel .item-thumbnail,.tabs-container .item-thumbnail,#topissues .item-thumbnail,#usertags .item-thumbnail,#usersuggestions .item-thumbnail{margin:.5em 0 0 .5em}.ui-tabs-panel .table-bordered,.tabs-container .table-bordered,#topissues .table-bordered,#usertags .table-bordered,#usersuggestions .table-bordered{border:none}.ui-tabs-panel .table th,.tabs-container .table th,#topissues .table th,#usertags .table th,#usersuggestions .table th,.ui-tabs-panel .table thead,.tabs-container .table thead,#topissues .table thead,#usertags .table thead,#usersuggestions .table thead{display:none}.ui-tabs-panel .table td,.tabs-container .table td,#topissues .table td,#usertags .table td,#usersuggestions .table td{border-right:1px solid #ddd;border-left:1px solid #ddd;border-top:0;display:block;padding:.2em}.ui-tabs-panel .table p,.tabs-container .table p,#topissues .table p,#usertags .table p,#usersuggestions .table p{margin-bottom:2px}.ui-tabs-panel tr,.tabs-container tr,#topissues tr,#usertags tr,#usersuggestions tr{display:block;margin-bottom:.6em}.ui-tabs-panel tr td:first-child,.tabs-container tr td:first-child,#topissues tr td:first-child,#usertags tr td:first-child,#usersuggestions tr td:first-child{border-top:1px solid #ddd;border-radius:5px 5px 0 0}.ui-tabs-panel tr td:last-child,.tabs-container tr td:last-child,#topissues tr td:last-child,#usertags tr td:last-child,#usersuggestions tr td:last-child{border-radius:0 0 5px 5px;border-bottom:2px solid #cacaca}.no-image{display:none}}@media only screen and (max-width:700px){#opac-main-search label{display:none}#logo{background:transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;background-position:0 -24px;margin:14px 14px 0 14px;width:14px}#logo a{padding:14px 0 0;width:14px}#user-menu-trigger{display:inline;margin-right:12px}#members{display:none;clear:both}#members li{padding-right:20px;text-align:right;border-bottom:1px solid #555}#members li:first-child{border-top:1px solid #555}#members li:last-child{border-bottom:none}#members .nav{float:none}#members .nav.pull-right{float:none}#members .nav>li{float:none}#members .divider-vertical{border:0;height:0;margin:0}}@media only screen and (min-width:480px) and (max-width:608px){#oh:after{content:" Between 480 pixels and 608 pixels. "}.input-fluid{width:75%}}@media only screen and (min-width:608px) and (max-width:767px){#oh:after{content:" Between 608 pixels and 767 pixels. "}.main{padding:.8em 20px}.breadcrumb{margin:10px 0}.navbar-static-bottom{margin-left:-20px;margin-right:-20px}.row-fluid input.span6{width:48.9362%}}@media only screen and (max-width:767px){a.title{font-size:120%}#userresults{margin:0 -20px}.breadcrumb,#top-pages,.menu-collapse{display:none}#search-facets,#menu{margin-bottom:.5em}#search-facets h4,#menu h4{display:block;margin:0;padding:0}#search-facets h4 a,#menu h4 a{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border-bottom:0;font-weight:normal;padding:.7em .2em}#search-facets ul,#menu ul{padding:0}#menu li a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0;display:block;font-size:120%;text-decoration:none;border-bottom:1px solid #d8d8d8;margin:0}#menu li.active a{border-top:1px solid #d8d8d8;border-right-width:1px}#menu li:last-child a{-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}#search-facets li{padding:.4em}#search-facets h5{margin:.2em}#menu h4 a.menu-open,#search-facets h4 a.menu-open{-webkit-border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;border-bottom:1px solid #d8d8d8}}@media only screen and (max-width:800px){.cartlabel,.listslabel{display:none}.navbar .divider-vertical{margin:0 2px}.navbar #members .divider-vertical{margin:0 9px}}@media only screen and (min-width:768px){.main{margin-left:20px;margin-right:20px}#menu{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-right:1px solid #d8d8d8}#menu h4{display:none}#menu ul{padding:1em 0 1em 0}}@media only screen and (min-width:768px) and (max-width:984px){#oh:after{content:" Between 768 and 984 pixels. "}.librarypulldown .transl1{width:38%}}@media only screen and (min-width:984px){#oh:after{content:" Above 984 pixels. "}.librarypulldown .transl1{width:53%}}@media only screen and (max-width:1040px){.pg_menu li a{float:none;text-align:left}.pg_menu li.back_results a{border:1px solid #d0d0d0;border-width:1px 0 1px 0}#ulactioncontainer{min-width:0}} \ No newline at end of file diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/includes/messages.inc b/koha-tmpl/opac-tmpl/bootstrap/en/includes/messages.inc new file mode 100644 index 0000000..11ddb2a --- /dev/null +++ b/koha-tmpl/opac-tmpl/bootstrap/en/includes/messages.inc @@ -0,0 +1,19 @@ +[% USE Messages %] +[% contents = Messages.Get() %] + +[% FOREACH type IN contents.keys %] + [% messages = contents.$type %] + [% IF messages.size > 0 %] +
+ [% IF messages.size > 1 %] +
    + [% FOREACH message IN contents.$type %] +
  • [% message %]
  • + [% END %] +
+ [% ELSE %] + [% messages.0 %] + [% END %] +
+ [% END %] +[% END %] diff --git a/koha-tmpl/opac-tmpl/bootstrap/images/messages-error.png b/koha-tmpl/opac-tmpl/bootstrap/images/messages-error.png new file mode 100644 index 0000000000000000000000000000000000000000..bf720311f85023a46a9ef06be2164145d9c41b5e GIT binary patch literal 709 zcmV;$0y_PPP)smVMz366tP z?d_JL$o%2Mz5}mAN`-DnegeNVH(SnTRb3h$cCxY2EI5%!xSY$WI`{OcnGk#ho`od$ zp{MGSZ)+Rbe0tdk7;58Vi2@o#<)t=2{$elWc;Oa6r6f9-a2?&O&k!d{I~DY&xy#!o-BbiG&Zqp?&*YEEH7z*w^PR@CJAslBisQ z)HCqIxpOW~O*yn@j}O3m;9ao4qr>^hNnaj4>P_(c%AJGC!4P7H;CUnLT;JTxTrNii z_ytr}-gtde6HC+6Ov8squ)kLep&E>XA;k8=#a(bj;NQ6X5gCP>ui#9t764Ys)jAPE rvIRQpp{*9;Wr&I}G6DTp{!7(w`SXe9Ec??X00000NkvXXu0mjf_OUlU literal 0 HcmV?d00001 diff --git a/koha-tmpl/opac-tmpl/bootstrap/images/messages-error.svg b/koha-tmpl/opac-tmpl/bootstrap/images/messages-error.svg new file mode 100644 index 0000000..9a60c1b --- /dev/null +++ b/koha-tmpl/opac-tmpl/bootstrap/images/messages-error.svg @@ -0,0 +1,139 @@ + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/koha-tmpl/opac-tmpl/bootstrap/images/messages-ok.png b/koha-tmpl/opac-tmpl/bootstrap/images/messages-ok.png new file mode 100644 index 0000000000000000000000000000000000000000..712b12ba58bacccda9c2eea98b269704c9caa01d GIT binary patch literal 687 zcmV;g0#N;lP) zXcrL*!7dIj3p;pH2tk$?i9kBq$_|lO10!^HQjuDsF+a$16_;GG&j3mr00*5 zy1q^O(RSLLZ3q!rjVP5&!Et=>glN%Zk)8NGp;RWNrg)QO6w4bdud%^+&}M8#lGG9J z5HGMi$I?R-`dMZK+qKjsNlIptYKS#hUSb2&0h_jINm6&bTRg+^6iXP(eU=^6afJdZ zhQAL}oL6jWifgDVtuyXJZh}=olWTJ6o$Dnq9uS+b%?j@woaZb@IKw7H5)sPt%T0A@ zHQpkxaTo`EbA2?wZQc=X0BOWmh8&!vkP}=bogEG>4N*~0VZ0??X4Yn?AFQ`~E^Y$r zzz0HEliW37s<=)jYY2xNw0K%f&s2|W#_l)GJOg^D8(Hy18=wFH literal 0 HcmV?d00001 diff --git a/koha-tmpl/opac-tmpl/bootstrap/images/messages-ok.svg b/koha-tmpl/opac-tmpl/bootstrap/images/messages-ok.svg new file mode 100644 index 0000000..53d9c1f --- /dev/null +++ b/koha-tmpl/opac-tmpl/bootstrap/images/messages-ok.svg @@ -0,0 +1,127 @@ + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/koha-tmpl/opac-tmpl/bootstrap/images/messages-warning.png b/koha-tmpl/opac-tmpl/bootstrap/images/messages-warning.png new file mode 100644 index 0000000000000000000000000000000000000000..3ca2d3372627dbfb4b3d7bfaac3163ece2a875f1 GIT binary patch literal 508 zcmVBvAqq!NWo!AjI-YF#$n|_7iO89%dM&1)w4)<7RZ-7F_x4x~^0XXeGW6WsaCdu) z)@o?EOf{LL>tFEnlzmlnXb80|)EM;ekljDQnHdJ|?|E`vbZ`*u??<1X(aTF7ZJWMk zZ>YK6>1no;NqQXz{7`Tluq>?ESvH%!4RCQ$Mr@mTW55`QMj;aM_r`#2vyjhAss)^w zU?&zM_GKI%hE(bs?CvI!$*|q{GF7Eekg;Nsi%5hH*M%T`e8B4~&hatXQc15u0HdR9 zg~N1wr5gje9E^{{`@0VT#N$M>S+)RVZH=jw70yMF<`=H7{pO_8KL@5>$2&P;vaPd| y + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + ! + diff --git a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less b/koha-tmpl/opac-tmpl/bootstrap/less/opac.less index b64b254..e69de29 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less +++ b/koha-tmpl/opac-tmpl/bootstrap/less/opac.less @@ -1,2395 +0,0 @@ -@import "mixins.less"; -body { - background-color: #EAEAE6; -} - - /* Sticky footer styles */ -html, -body { - height: 100%; - /* The html and body elements cannot have any padding or margin. */ -} - -.no-js { - .dateformat { - display: inline; - white-space: nowrap; - } - .modal-body { - padding: 0; - } -} - -.js { - .dateformat { - display: none; - } -} - -/* Wrapper for page content to push down footer */ -#wrap { - min-height: 100%; - height: auto !important; - height: 100%; - /* Negative indent footer by it's height */ - // margin: 0 auto -60px; -} - -/* Set the fixed height of the footer here */ -#changelanguage { - // height: 60px; -} - -.popup { - padding-left : 0; - padding-right: 0; -} - -a { - color: @links; - &.cancel { - padding-left : 1em; - } - &:visited { - color: @links; - } - &.title { - font-weight: bold; - font-size : 108%; - } - &.btn-primary { - &:visited { - color : #FFF; - } - } -} - -.ui-widget-content a, -.ui-widget-content a:visited { - color: @links; -} - -h1 { - font-size : 140%; - line-height: 150%; - &#libraryname { - background: transparent url(../images/logo-koha.png) no-repeat scroll 0%; - border: 0; - float: left !important; - margin: 0; - padding: 0; - width: 120px; - a { - border: 0; - cursor: pointer; - display: block; - height: 0px !important; - margin: 0; - overflow: hidden; - padding: 40px 0 0; - text-decoration: none; - width: 120px; - } - } -} - -h2 { - - font-size : 130%; - line-height: 150%; -} -h3 { - - font-size : 120%; - line-height: 150%; -} -h4 { - - font-size : 110%; -} -h5 { - - font-size : 100%; -} - -caption { - font-size: 120%; - font-weight: bold; - margin : 0; - text-align: left; -} - -input, -textarea { - width: auto; -} - -.input-fluid { - width : 50%; -} - -legend { - font-size: 110%; - font-weight: bold; -} - -table, td { - background-color: #FFF; -} - -td { - .btn { - white-space: nowrap; - } - .btn-link { - padding: 0; - } -} - -#advsearches, -#booleansearch { - label { - display: inline; - } -} - -#basketcount { - display : inline; - margin : 0; - padding : 0; - span { - background-color : #FFC; - color : #000; - display : inline; - font-size : 80%; - font-weight : normal; - margin : 0 0 0 .9em; - padding : 0 .3em 0 .3em; - .border-radius-all(3px); - } -} - - -#members { - display: block; - p { - color : #EEE; - } - a { - color: #A6D8ED; - font-weight: bold; - &.logout { - color : #E8583C; - padding : 0 .3em 0 .3em; - } - } -} -#koha_url p { - color: #666666; - float : right; - margin: 0; -} - -#moresearches { - margin: .5em 0; - padding: 0 .8em; - li { - display: inline; - white-space: nowrap; - &:after { - content : " | "; - } - - } - ul { - margin : 0; - } -} - -#moresearches li:last-child:after { - content : ""; -} - -#news { - margin : .5em 0; -} - -#opacheader { - background-color: #DDD; -} - -#selections { - font-weight : bold; -} - -.actions { - a { - white-space: nowrap; - &.hold { - background-image : url("../images/sprite.png"); /* Place hold small */ - background-position : -5px -542px; - background-repeat: no-repeat; - margin-right : 1em; - padding-left : 21px; - text-decoration : none; - } - &.addtocart { - background-image : url("../images/sprite.png"); /* Cart small */ - background-position : -5px -572px; - background-repeat: no-repeat; - margin-right : 1em; - padding-left : 20px; - text-decoration : none; - } - &.addtoshelf { - background-image : url("../images/sprite.png"); /* MARC view */ - background-position: -5px -27px; - background-repeat: no-repeat; - margin-right : 1em; - padding-left : 20px; - text-decoration : none; - } - &.addtolist { - background-position: -5px -27px; - margin-right : 1em; - padding-left : 20px; - text-decoration : none; - } - &.tag_add { - background-position: -5px -1110px; - margin-right : 1em; - padding-left : 20px; - text-decoration : none; - } - /* List contents remove from list link */ - &.removefromlist { - background-position : -8px -690px; /* Delete */ - margin-right : 1em; - text-decoration : none; - padding-left : 15px; - } - } -} - -/* Override Bootstrap alert */ -.alert { - background: #fffbe5; /* Old browsers */ - background: -moz-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */ - background: linear-gradient(to bottom, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */ - border-color : #D6C43B; - color: #333; -} - -/* Override Bootstrap alert.alert-info */ -.alert-info { - background: #f4f6fa; /* Old browsers */ - background: -moz-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */ - background: linear-gradient(to bottom, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */ - border-color : #C5D1E5; - color: #333; -} - -/* Override Bootstrap alert.alert-success */ -.alert-success { - background: #f8ffe8; /* Old browsers */ - background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */ - background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */ - border-color : #9FBA35; - color: #333; -} - -.breadcrumb { - background-color: #F2F2EF; - font-size: 85%; - list-style: none outside none; - margin: 10px 20px; - padding: 5px 10px; - .border-radius-all(7px); -} - -.form-inline { - display : inline; - padding: 0; - margin: 0; - fieldset { - margin: 0.3em 0; - padding: 0.3em; - } -} - -.main { - background-color: #FFF; - border: 1px solid #D2D2CF; - .border-radius-all(7px); - .shadowed; - margin-top : 0.5em; - margin-bottom: 0.5em; -} - -.mastheadsearch { - .border-radius-all(7px); - padding: .8em; - margin: .5em 0; - background: #c7c7c1; - /* Old browsers */ - background: -moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#c7c7c1), color-stop(100%,#a7a7a2)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%); - /* IE10+ */ - background: linear-gradient(to bottom, #c7c7c1 38%,#a7a7a2 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c1', endColorstr='#a7a7a2',GradientType=0 ); - /* IE6-9 */; - label { - font-size: 115%; - font-weight: bold; - } -} - -.navbar-inverse .brand, .navbar-inverse .nav > li > a { - color: #9FE1FF; - font-weight: bold; -} - -.navbar-fixed-bottom.navbar-static-bottom { - margin-top : .5em; - position: static; -} - -#changelanguage .nav > .active > p { - padding : 0 15px; -} - -.table-striped tbody > tr:nth-child(odd) > td, -.table-striped tbody > tr:nth-child(odd) > th { - background-color: #F4F4F4; -} - - -/* jQuery UI standard tabs */ -.ui-tabs-nav .ui-tabs-active a, -.ui-tabs-nav a:hover, -.ui-tabs-nav a:focus, -.ui-tabs-nav a:active, -.ui-tabs-nav span.a { - background: none repeat scroll 0 0 transparent; - outline: 0 none; -} - -.ui-widget, -.ui-widget input, -.ui-widget select, -.ui-widget textarea, -.ui-widget button { - font-family : inherit; - font-size : inherit; -} - -ul.ui-tabs-nav li { - list-style : none; -} -.ui-tabs.ui-widget-content { - background : transparent none; - border : 0; -} - -.ui-tabs .ui-tabs-panel { - border : 1px solid #D8D8D8; - margin-bottom: 1em; -} -.ui-tabs-nav.ui-widget-header { - border : 0; - background : none; -} -.ui-tabs .ui-tabs-nav li { - background: #F3F3F3 none; - border-color: #D8D8D8; - margin-right : .4em; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-active { - background-color : #FFF; - border : 1px solid #D8D8D8; - border-bottom: 0; -} -.ui-tabs .ui-tabs-nav li.ui-tabs-active a { - color : #000; - font-weight : bold; -} - -.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover { - background : #F3F3F3 none; -} - -.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover { - background : #FFF none; -} - -.ui-tabs .ui-state-default a, -.ui-tabs .ui-state-default a:link, -.ui-tabs .ui-state-default a:visited { - color: #006699; -} - -.ui-tabs .ui-state-hover a, -.ui-tabs .ui-state-hover a:link, -.ui-tabs .ui-state-hover a:visited { - color: #990033; -} - -.statictabs { - ul { - background: none repeat scroll 0 0 transparent; - border: 0 none; - margin: 0; - padding: 0.2em 0.2em 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - color: #222222; - font-weight: bold; - font-size: 100%; - line-height: 1.3; - list-style: none outside none; - outline: 0 none; - text-decoration: none; - &:before { - content: ""; - display: table; - } - &:after { - clear: both; - content: ""; - display: table; - } - } - li { - background: none repeat scroll 0 0 #E6F0F2; - border: 1px solid #B9D8D9; - border-bottom: 0 none !important; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - float: left; - list-style: none outside none; - margin-bottom: 0; - margin-right: 0.4em; - padding: 0; - position: relative; - white-space: nowrap; - top: 1px; - color: #555555; - font-weight: normal; - &.active { - background-color: #FFFFFF; - color: #212121; - font-weight: normal; - padding-bottom: 1px; - } - a { - color: #004D99; - cursor: pointer; - float: left; - padding: 0.5em 1em; - text-decoration: none; - &:hover { - background-color : #EDF4F5; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - color : #538200; - } - } - &.active { - a { - color: #000000; - font-weight: bold; - cursor: text; - background: none repeat scroll 0 0 transparent; - outline: 0 none; - } - } - } - .tabs-container { - border: 1px solid #B9D8D9; - background: none repeat scroll 0 0 transparent; - display: block; - padding: 1em 1.4em; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - color: #222222; - } -} - -/* End jQueryUI tab styles */ - -/* jQuery UI Datepicker */ -.ui-datepicker table {width: 100%; font-size: .9em; border : 0; border-collapse: collapse; margin:0 0 .4em; } -.ui-datepicker th { background : transparent none; padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } - -.ui-datepicker-trigger { - vertical-align: middle; - margin : 0 3px; -} -.ui-datepicker { - .shadowed; -} -/* End jQueryUI datepicker styles */ - - -/* jQueryUI Core */ - -.ui-widget-content { - border: 1px solid #AAA; - background: #ffffff none; - color: #222222; -} -.ui-widget-header { - border: 1px solid #AAA; - background: #E6F0F2 none; - color: #222222; - font-weight: bold; -} -.ui-state-default, -.ui-widget-content .ui-state-default, -.ui-widget-header .ui-state-default { - border: 1px solid #AAA; - background: #F4F8F9 none; - font-weight: normal; - color: #555555; -} -.ui-state-hover, -.ui-widget-content .ui-state-hover, -.ui-widget-header .ui-state-hover, -.ui-state-focus, -.ui-widget-content .ui-state-focus, -.ui-widget-header .ui-state-focus { - border: 1px solid #AAA; - background: #E6F0F2 none; - font-weight: normal; - color: #212121; -} -.ui-state-active, -.ui-widget-content .ui-state-active, -.ui-widget-header .ui-state-active { - border: 1px solid #aaaaaa; - background: #ffffff none; - font-weight: normal; - color: #212121; -} -.ui-state-highlight, -.ui-widget-content .ui-state-highlight, -.ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; - background: #fbf9ee; - color: #363636; -} -.ui-state-error, -.ui-widget-content .ui-state-error, -.ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; - background: #fef1ec; - color: #cd0a0a; -} - -/* end jQueryUI core */ - -/* jQueryUI autocomplete */ - -.ui-autocomplete { - position: absolute; - cursor: default; - .shadowed; -} -.ui-autocomplete.ui-widget-content .ui-state-hover { - border: 1px solid #AAA; - background: #E6F0F2 none; - font-weight: normal; - color: #212121; -} -.ui-autocomplete-loading { - background: #FFF url("../../img/loading-small.gif") right center no-repeat; -} -.ui-menu li { - list-style:none; -} - -/* end jQueryUI autocomplete */ - - - -th { - background-color: #ECEDE6; -} - -.item-thumbnail { - max-width: none; -} - -.no-image { - background-color : #FFF; - border: 1px solid #AAA; - color : #979797; - display:block; - font-size : 86%; - font-weight : bold; - text-align : center; - width : 75px; - .border-radius-all(3px); -} - -#bookcover .no-image { - margin-right : 10px; - margin-bottom : 10px; -} - -td.overdue { - color : #cc3333; -} -table { - font-size: 90%; -} -th.sum { - text-align: right; -} - -td.sum { - background-color: #FFC; - font-weight: bold; -} - -th[scope=row] { - background-color: transparent; - text-align : right; -} - -.required { - color : #C00; -} - -.label { - background-color: transparent; - color: inherit; - display: inline; - font-weight: normal; - padding : 0; - text-shadow: none; -} - - -fieldset { - &.rows { - float : left; - font-size : 90%; - clear : left; - margin: .9em 0 0 0; - padding: 0; - width: 100%; - legend { - font-weight: bold; - font-size : 130%; - } - label, - .label { - float: left; - font-weight : bold; - width: 9em; - margin-right: 1em; - text-align: right; - } - label { - &.lradio { - float: none; - margin: inherit; - width: auto; - } - } - fieldset { - margin : 0; - padding : .3em; - } - ol { - padding: 1em 1em 0 1em; - list-style-type: none; - &.lradio { - label { - width : auto; - float : none; - margin-right : 0; - &.lradio { - float : left; - width : 12em; - margin-right : 1em; - } - } - } - } - li { - float : left; - clear : left; - padding-bottom: 1em; - list-style-type: none; - width: 100%; - &.lradio { - padding-left: 8.5em; - width : auto; - label { - float : none; - width : auto; - margin : 0 0 0 1em; - } - } - } - .hint { - display: block; - margin-left : 11em; - } - } - &.action { - clear : both; - float : none; - border : none; - margin : 0; - padding : 1em 0 .3em 0; - width : auto; - p { - margin-bottom : 1em; - } - } - table { - font-size: 100%; - } -} - -div.rows+div.rows { - margin-top : .6em; -} - -div.rows { - float : left; - clear : left; - margin: 0 0 0 0; - padding: 0; - width: 100%; - span.label { - float: left; - font-weight : bold; - width: 9em; - margin-right: 1em; - text-align: left; - } - ol { - list-style-type: none; - margin-left : 0; - padding: .5em 1em 0 0; - } - li { - border-bottom : 1px solid #EEE; - float : left; - clear : left; - padding-bottom: .2em; - padding-top: .1em; - list-style-type: none; - width: 100%; - } - ul { - li { - margin-left : 7.3em; - &:first-child { - float: none; - clear: none; - margin-left: 0; - } - } - } - ol li li { - border-bottom: 0; - } -} - -/* different sizes for different tags in opac-tags.tt */ -.tagweight0 { - font-size: 12px; -} - -.tagweight1 { - font-size: 14px; -} - -.tagweight2 { - font-size: 16px; -} - -.tagweight3 { - font-size: 18px; -} - -.tagweight4 { - font-size: 20px; -} - -.tagweight5 { - font-size: 22px; -} - -.tagweight6 { - font-size: 24px; -} - -.tagweight7 { - font-size: 26px; -} - -.tagweight8 { - font-size: 28px; -} - -.tagweight9 { - font-size: 30px; -} - -.toolbar { - background-color : #EEEEEE; - border : 1px solid #E8E8E8; - font-size : 85%; - padding:3px 3px 5px 5px; - vertical-align : middle; - a { - white-space: nowrap; - } - label { - display: inline; - font-size: 100%; - font-weight : bold; - margin-left : .5em; - } - select { - font-size: 97%; - height: auto; - line-height: inherit; - padding: 0; - margin: 0; - width : auto; - white-space: nowrap; - } - .hold, - #tagsel_tag { - padding-left: 28px; - font-size: 97%; - font-weight: bold; - } - #tagsel_form { - margin-top : .5em; - } - li { - display : inline; - list-style : none; - a { - border-left : 1px solid #e8e8e8; - } - &:first-child { - a { - border-left : 0; - } - } - } - ul { - padding-left : 0; - } -} - -#basket .toolbar { - padding: 7px 5px 9px 9px; -} - -#selections-toolbar { - background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */ - background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ - margin : 0 0 1em 0; - padding-top : .5em; - padding-left : 10px; -} - -.list-actions { - display : inline; -} - -#tagsel_span input.submit, -#tagsel_tag { - border : 0; - background-color: transparent; - font-size : 100%; - color: #0076B2; - cursor : pointer; - background-image : url("../images/sprite.png"); /* Tags */ - background-position : 1px -643px; - background-repeat : no-repeat; - padding-left : 25px; - text-decoration: none; -} - -#tagsel_tag.disabled { - background-position : -1px -667px; -} - - -#tagsel_span input:hover, -#selections-toolbar input.hold:hover { - color: #005580; - text-decoration: underline; -} - -#tagsel_span input.disabled, -#tagsel_span input.disabled:hover, -#tagsel_span input.hold.disabled, -#tagsel_span input.hold.disabled:hover, -#selections-toolbar input.hold.disabled, -#selections-toolbar input.hold.disabled:hover, -#selections-toolbar a.disabled, -#selections-toolbar a.disabled:hover { - color: #888888; - text-decoration: none; - padding-left : 23px; -} - -.results_summary { - display: block; - font-size : 85%; - color: #707070; - padding : 0 0 .5em 0; - .results_summary { - font-size : 100%; - } - &.actions { - margin-top : .5em; - } - &.tagstatus { - display: inline; - } - .label { - color: #202020; - } - a { - font-weight: normal; - } -} - -#views { - border-bottom : 1px solid #D6D6D6; - margin-bottom : .5em; - padding : 0 2em 0.2em 0.2em; - white-space : nowrap; -} - -.view { - padding : 0.2em .2em 2px .2em; -} - -#bibliodescriptions, -#isbdcontents { - clear : left; - margin-top : .5em; -} - -.view { - a, - span { - background-image: url("../images/sprite.png"); - background-repeat : no-repeat; - font-size : 87%; - font-weight : normal; - padding: 0.4em 0.7em 5px 26px; - text-decoration: none; - } -} - -span#MARCview, -span#ISBDview, -span#Normalview, -span#Fullhistory, -span#Briefhistory { - font-weight: bold; -} - -a#MARCview, -span#MARCview { - background-position: -3px -23px; -} -a#MARCviewPop, -span#MARCviewPop { - background-position: -3px -23px; -} -a#ISBDview, -span#ISBDview { - background-position: -3px -52px; -} -a#Normalview, -span#Normalview { - background-position: -1px 6px; -} - -.view a { - background-color : #F3F3F3; - border-left : 1px solid #C9C9C9; -} - -#bookcover { - float : left; - margin : 0; - padding : 0; - .no-image { - margin-right : 10px; - margin-bottom : 10px; - } - img { - margin : 0 1em 1em 0; - } -} - -/* pagination */ -.results-pagination { - position: absolute; - top:32px; - left: -1px; - width: 100%; - height:auto; - border: 1px solid #D0D0D0; - display: none; - background-color:#F3F3F3; - padding-bottom:10px; - z-index: 100; -} - - -.back { - float:right; - input { - background:none!important; - color:#999!important; - } -} - -.pagination_list { - ul { - padding-top: 40px; - padding-left:0px; - } - li { - list-style:none; - float:bottom; - padding:4px; - color:#999; - &.highlight { - background-color : #F3F3F3; - border-top : 1px solid #DDDDDD; - border-bottom : 1px solid #DDDDDD; - } - a { - padding-left:0px; - } - } - .li_pag_index { - color: #999999; - float: left; - font-size: 15px; - font-weight: bold; - padding-right: 10px; - text-align: right; - width: 13px; - } -} - -.nav_results { - background-color: #F3F3F3; - border: 1px solid #D0D0D0; - font-size: 95%; - font-weight: bold; - margin-top: 0.5em; - position:relative; - .l_Results { - a { - background:#E1E1E1 url("../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */ - color:#006699; - display:block; - padding:8px 28px; - text-decoration:none; - } - &:hover { - background-color:#D9D9D9; - } - } -} - -.pg_menu { - margin: 0; - border-top: 1px solid #D0D0D0; - white-space : nowrap; - li { - color:#B2B2B2; - display:inline; - list-style:none; - margin: 0; - &.back_results { - a { - border-left: 1px solid #D0D0D0; - border-right: 1px solid #D0D0D0; - } - } - a, - span { - background-color: #F3F3F3; - display : block; - float:left; - padding:.4em .5em; - text-decoration:none; - font-weight:normal; - text-align:center; - } - span { - color : #B2B2B2; - } - } -} - -#listResults{ - li { - background-color:#999999; - color:#C5C5C5; - font-weight:normal; - display:block; - margin-right:1px; - font-size: 80%; - padding: 0; - text-align:center; - min-width:18px; - &:hover { - background-color:#006699; - } - a { - color:#FFFFFF; - font-weight:normal; - } - } -} - -/* nav */ -.nav_pages { - .close_pagination { - padding-right: 10px; - position: absolute; - right: 3px; - top: -25px; - } - .close_pagination a { - text-decoration:none!important; - } - ul { - padding-top: 10px; - } - li { - list-style:none; - float:left; - padding:4px; - color:#999; - a { - text-decoration:none!important; - &:hover { - text-decoration:underline; - } - } - ul { - float:left; - } - } -} - -/* action buttons */ -#action { - margin : .5em 0 0 0; - background-color : #F3F3F3; - border : 1px solid #E8E8E8; - padding-bottom : 3px; - li { - list-style : none; - margin : .2em; - padding : .3em 0; - } - a { - font-weight: bold; - text-decoration : none; - } -} - -#export, -#moresearches_menu { - li { - padding : 0; - margin : 0; - a { - font-weight: normal; - &.menu-inactive { - font-weight: bold; - } - } - } -} - -#format, -#furthersearches { - padding-left : 35px; -} -.highlight_controls { - float: left; -} -a.addtocart, -a.addtoshelf, -a.brief, -a.deleteshelf, -a.deleteshelf.disabled, -a.detail, -a.download, -a.editshelf, -a.empty, -a.hide, -a.highlight_toggle, -a.hold, -a.hold.disabled, -a.incart, -a.new, -a.print-small, -a.print-large, -a.removeitems, -a.removeitems.disabled, -a.reserve, -a.send, -a.tag_add, -a.removefromlist, -input.hold, -input.hold.disabled, -input.editshelf, -.newshelf, -.newshelf.disabled, -.deleteshelf { - background-image: url("../images/sprite.png"); - background-repeat: no-repeat; -} - - -a.addtocart { - background-position: -5px -265px; /* Cart */ - padding-left : 35px; -} - -a.addtoshelf { - background-position: -5px -225px; /* Virtual shelf */ - padding-left : 35px; -} - -a.brief { - - background-position : -2px -868px; /* Zoom out */ - text-decoration : none; - padding-left : 27px; -} - -a.cartRemove { - color: #cc3333; - font-size : 90%; - margin : 0; - padding: 0; -} - -a.detail { - background-position : -2px -898px; /* Zoom in */ - text-decoration : none; - padding-left : 27px; -} - -a.download { - background-position : -5px -348px; /* Download */ - padding-left : 20px; - text-decoration : none; -} - -a.editshelf { - background-position : 2px -348px; /* List edit */ - padding-left : 26px; - text-decoration : none; -} - -a.empty { - background-position : 2px -598px; /* Trash */ - text-decoration : none; - padding-left : 30px; -} - -a.hide { - background-position: -3px -814px; /* Close */ - text-decoration : none; - padding-left : 26px; -} - -a.highlight_toggle { - background-position: -5px -841px; /* Highlight */ - display: none; - padding-left : 35px; -} - -a.hold, -input.hold { - background-position : -2px -453px; /* Toolbar place hold */ - text-decoration : none; - padding-left : 23px; -} - -a.hold.disabled, -input.hold.disabled { - background-position : -5px -621px; /* Place hold disabled */ -} - -a.incart { - background-position: -5px -265px; /* Cart */ - color : #666; - padding-left : 35px; -} - -a.new { - background-image : url("../images/sprite.png"); /* New */ - background-position : -4px -922px; - padding-left : 23px; - text-decoration : none; -} - -a.print-small { - background-position : 0px -423px; /* Toolbar print */ - text-decoration : none; - padding-left : 30px; -} - -a.print-large { - background-position : -5px -186px; /* Toolbar print */ - text-decoration : none; - padding-left : 35px; -} - -a.removeitems, -a.deleteshelf { - background-position : 2px -690px; /* Delete */ - text-decoration : none; - padding-left : 25px; -} - -a.removeitems.disabled, -a.deleteshelf.disabled { - background-position : 2px -712px; /* Delete disabled */ -} - -a.reserve { - background-position: -6px -144px; /* Place hold */ - padding-left : 35px; -} - -a.send { - background-position : 2px -386px; /* Email */ - text-decoration : none; - padding-left : 28px; -} - -a.tag_add { - background-position: 3px -1111px; /* Tag results */ - padding-left : 27px; - text-decoration: none; -} - -input.hold { - background-color: transparent; - border : 0; - color: #0076B2; - font-weight: bold; -} - -input.editshelf { - background-color: transparent; - background-position : 2px -736px; /* List edit */ - border : 0; - color : #006699; - cursor : pointer; - filter: none; - font-size : 100%; - padding-left : 29px; - text-decoration : none; -} - -.newshelf { - background-position: 2px -764px; /* List new */ - border : 0; - color : #006699; - cursor : pointer; - filter: none; - font-size : 100%; - padding-left : 28px; - text-decoration : none; -} - -.newshelf.disabled { - background-position: -4px -791px; /* List new disabled */ -} - -.deleteshelf { - background-color: transparent; - background-position : 2px -690px; /* Delete */ - border : 0; - color : #006699; - cursor : pointer; - filter: none; - font-size : 100%; - padding-left : 25px; - text-decoration : none; -} - -.links a { - font-weight : bold; -} - -.deleteshelf:hover { - color: #990033; -} - - -.editshelf:active, -.deleteshelf:active { - border : 0; -} - -#tagslist li { display : inline; } - -#login4tags { - background-image: url("../images/sprite.png"); /* Tag results disabled */ - background-position: -6px -1130px; - background-repeat: no-repeat; - padding-left : 20px; - text-decoration: none; -} - -.tag_results_input { - margin-left: 1em; - padding: 0.3em; - font-size: 12px; - input[type="text"] { - font-size: inherit; - margin : 0; - padding : 0; - } - label { - display : inline; - } -} - -.tagsinput { - input[type="text"] { - font-size: inherit; - margin : 0; - padding : 0; - } - label { - display : inline; - } -} - -.branch-info-tooltip { - display: none; -} - -.ui-tooltip-content p { - margin: 0.3em 0; -} - -#social_networks { - a { - background: transparent url("../images/social-sprite.png") no-repeat; - display: block; - height : 20px !important; - width : 20px; - text-indent : -999em; - } - span { - color: #274D7F; - display : block; - float : left; - font-size: 85%; - font-weight: bold; - line-height: 2em; - margin : .5em 0 .5em .5em !important; - } - div { - float : left !important; - margin : .5em 0 .5em .2em !important; - } - #facebook { - background-position : -7px -35px; - } - #twitter { - background-position : -7px -5px; - } - #linkedin { - background-position : -7px -95px; - } - #delicious { - background-position : -7px -66px; - } - #email { - background-position : -7px -126px; - } -} - -#marc { - td, - th { - background-color : transparent; - border : 0; - padding: 3px 5px; - text-align : left; - } - td:first-child { - text-indent : 2em; - } - p { - padding-bottom: .6em; - .label { - font-weight : bold; - } - } - ul { - padding-bottom: .6em; - } - .results_summary { - clear : left; - ul { - display : inline; - float : none; - clear : none; - margin: 0; - padding: 0; - list-style : none; - } - li { - display: inline; - } - } -} - -#items, -#items td -#items th { - border : 1px solid #EEE; - font-size : 90%; -} - -#plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; } -#plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; } -#plainmarc td { border: 0; padding : 2px; vertical-align: top; } - -#renewcontrols { - float: right; - font-size: 66%; -} - -#renewcontrols a { - background-repeat : no-repeat; - text-decoration:none; - padding : .1em .4em; - padding-left : 18px; -} - -#renewselected_link { - background-image : url("../images/sprite.png"); - background-position : -5px -986px; - background-repeat: no-repeat; -} - -#renewall_link { - background-image : url("../images/sprite.png"); - background-position : -8px -967px; - background-repeat: no-repeat; -} - -.authref { - text-indent: 2em; -} - -.authref .label { - font-style: italic; -} - -.authstanza { - margin-top: 1em; -} - -.authstanzaheading { - font-weight: bold; -} -.authorizedheading { - font-weight: bold; -} -.authstanza li { - margin-left: 0.5em; -} -.authres_notes, .authres_seealso, .authres_otherscript { - padding-top: .5em; -} -.authres_notes { - font-style: italic; -} - -#didyoumean { - background-color: #EEE; - border: 1px solid #E8E8E8; - margin: 0 0 0.5em; - text-align: left; - padding: 0.5em; - .border-radius-all(3px); -} - -.suggestionlabel { - font-weight: bold; -} - -.searchsuggestion { - padding: 0.2em 0.5em; - white-space: nowrap; - display: inline-block; -} - -.authlink { - padding-left: 0.25em; -} -#hierarchies a { - font-weight: normal; - text-decoration: underline; - color: #069; -} - -#hierarchies a:hover { - color: #990033; -} - -#top-pages { - margin: 0 0 0.5em; -} -.dropdown-menu > li > a { - font-size: 90%; -} -a.listmenulink:link, -a.listmenulink:visited { - color : #0076B2; - font-weight: bold; -} -a.listmenulink:hover, -a.listmenulink:active { - color : #FFF; - font-weight: bold; -} -#cartDetails, -#cartUpdate, -#holdDetails, -#listsDetails { - background-color : #FFF; -// border: 1px solid #739acf; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px 6px 6px 6px; - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - color : black; - display : none; - font-size: 90%; - margin : 0; - padding : 8px 20px; - text-align : center; - width : 180px; - z-index: 2; -} -#cartmenulink { - white-space: nowrap; -} - -#search-facets, -#menu { - border : 1px solid #D2D2CF; - .border-radius-all(7px); - ul { - margin : 0; - padding : .3em; - } - form { - margin : 0; - } - h4 { - font-size : 90%; - margin : 0 0 .6em 0; - text-align : center; - a { - background-color : #F2F2EF; - border-radius: 8px 8px 0 0; - border-bottom : 1px solid #D8D8D8; - display: block; - font-weight: bold; - padding : .7em .2em; - text-decoration: none; - } - } - li { - font-size: 90%; - font-weight : bold; - list-style-type : none; - li { - font-weight : normal; - font-size : 95%; - line-height: 125%; - margin-bottom : 2px; - padding : .1em .2em; - } - &.showmore { - a { - font-weight : bold; - text-indent : 1em; - } - } - } - a { - font-weight : normal; - text-decoration: underline; - } - .facet-count { - display: inline-block; - } - -} - -#menu { - font-size : 94%; - li { - list-style-type : none; - a { - background: #eeeeee; - text-decoration : none; - display : block; - border : 1px solid #D8D8D8; - border-radius: 5px 0 0 5px; - border-bottom-color: #999; - font-size : 111%; - padding : .4em .6em; - margin : .4em 0; - margin-right: -1px; - &:hover { - background: #eaeef5; - } - } - &.active { - a { - background-color : #FFF; - background-image : none; - border-right-width: 0; - font-weight : bold; - &:hover { - background-color : #fff; - } - } - } - } - h4 { - display: none; - } -} - -#addto { - max-width : 10em; -} - -/* Search results add to cart (lists disabled) */ -.addto a.addtocart { - background-image: url("../images/sprite.png"); /* Cart */ - background-position: -5px -266px; - background-repeat: no-repeat; - text-decoration : none; - padding-left : 33px; -} - -.searchresults { - p { - margin: 0; - padding: 0 0 .6em 0; - &.details { - color : #979797; - } - } - a { - &.highlight_toggle { - background-image: url("../images/sprite.png"); /* Highlight */ - background-position: -11px -841px; - background-repeat: no-repeat; - display: none; - font-weight: normal; - padding : 0 10px 0 21px; - } - } - .commentline { - background-color : rgb(255, 255, 204); - background-color : rgba(255, 255, 204, 0.4); - border : 1px solid #CCC; - display: inline-block; - .border-radius-all(3px); - .shadowed; - margin : .3em; - padding : .4em; - } - .commentline.yours { - background-color : rgb(239, 254, 213); - background-color : rgba(239, 254, 213, 0.4); - } -} - -.commentline .avatar { - float : right; - padding-left : .5em; -} - -/* style for search terms in catalogsearch */ -.term { - /* color : blue; */ - color : #990000; - background-color : #FFFFCC; -} - -/* style for shelving location in catalogsearch */ -.shelvingloc { - display : block; - font-style : italic; -} -#CheckAll, -#CheckNone { - font-weight : normal; - margin : 0 .5em; - text-decoration: underline; -} - -span.sep { - color: #888; - padding: 0 .2em 0 .5em; - text-shadow: 1px 1px 0 #FFF; -} - -/* style for PM-generated pagination bar */ - -.pages span:first-child, -.pages a:first-child { - border-width: 1px 1px 1px 1px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.pages span:last-child, -.pages a:last-child { - border-width: 1px 1px 1px 0; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; -} - -.pages .inactive, -.pages .currentPage, -.pages a { - -moz-border-bottom-colors: none; - -moz-border-left-colors: none; - -moz-border-right-colors: none; - -moz-border-top-colors: none; - background-color: #FFFFFF; - border-color: #DDDDDD; - border-image: none; - border-style: solid; - border-width: 1px 1px 1px 0; - float: left; - font-size: 11.9px; - line-height: 20px; - padding: 4px 12px; - text-decoration: none; -} - -.pages .inactive { - background-color: #F5F5F5; -} - -.pages a[rel='last'] { - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; -} - -.hold-message { - background-color: #FFF0B1; - display: inline-block; - margin: 0.5em; - padding: 0.2em 0.5em; - .border-radius-all(3px); -} -.reserve_date, -.expiration_date { - white-space: nowrap; -} -.close { - color: #0088CC; - position: inherit; - top: auto; - right : auto; - filter : none; - float : none; - font-size: inherit; - font-weight: normal; - opacity: inherit; - text-shadow: none; -} - -.close:hover { - color: #538200; - filter: inherit; - font-size: inherit; - opacity: inherit; -} - -/* Redefine a new style for Bootstrap's class "close" since we use that already */ -/* Use × */ -.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;} -.modal-header .closebtn{margin-top:2px;} -.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);} -button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;} -.btn-group label, -.btn-group select { - font-size: 13px; -} - -.span2 select { - width: 100%; -} - -.popup .main { - font-size: 90%; - padding: 0 1em; -} - -.popup legend { - line-height: 1.5em; - margin-bottom : .5em; -} - -.available { - color : #006600; -} - -.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold { - display : block; -} - -.notforloan { - color : #900; -} - -.lost { - color : #666; -} - -.suggestion { - background-color : #EEEEEB; - border : 1px solid #DDDED3; - margin : 1em auto; - padding : .5em; - width : 35%; - .border-radius-all(3px); -} - -.librarypulldown .transl1 { - width : auto; -} - -.nolibrarypulldown { - width : 68%; -} - -.nolibrarypulldown .transl1 { - width : 87%; -} - -#opac-main-search { - select { - width : auto; - max-width: 12em; - } -} - -#logo { - background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%; - border: 0; - float : left !important; - margin:0; - padding:0; - width:100px; - a { - border:0; - cursor:pointer; - display:block; - height:0px !important; - margin:0; - overflow:hidden; - padding:40px 0 0; - text-decoration:none; - width:100px; - } -} - -#user-menu-trigger { - display: none; - .icon-user { - background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat; - background-position: -168px 0; - background-repeat: no-repeat; - height: 14px; - line-height: 14px; - margin : 12px 0 0; - vertical-align: text-top; - width: 14px; - } - .caret { - border-bottom-color: #999999; - border-top-color: #999999; - margin-top: 18px; - } -} - -/* Class to be added to toolbar when it starts being fixed at the top of the screen*/ -.floating { - -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4); - box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4); - margin-top: 0; -} - -.tdlabel { - font-weight: bold; - display: none; -} - -td img { - max-width: none; -} - -#ulactioncontainer { - min-width: 16em; -} - -.notesrow { - label { - font-weight: bold; - } - span { - display: block; - } -} - -.thumbnail-shelfbrowser span { - margin: 0px auto; -} - -.dropdown-menu > li > a.menu-inactive:hover { - background : #FFF none; - color : #000; -} - -.table { - .sorting_asc { - padding-right: 19px; - background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6; - } - .sorting_desc { - padding-right: 19px; - background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6; - } - .sorting { - padding-right: 19px; - background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6; - } - .nosort, - .nosort.sorting_asc, - .nosort.sorting_desc, - .nosort.sorting { - padding-right: 19px; - background: #ECEDE6 none; - } -} -.tags { - ul { - display: inline; - list-style: none; - margin-left : 0; - li { - display: inline; - } - } -} -.coverimages { - float : right; -} -#i18nMenu { - margin-left : 1em; - li { - font-size : 85%; - li { - font-size: 100%; - } - li > a { - font-size : 100%; - &:hover { - color : #FFF; - } - } - a { - color : @links; - } - } - .dropdown-menu { - li { - p { - clear: both; - display: block; - font-weight: normal; - line-height: 20px; - padding: 3px 20px; - white-space: nowrap; - } - } - } -} - -#subjectsList, -#authorSearch { - label { - display :inline; - vertical-align: middle; - } - ul { - border-bottom: 1px solid #EEE; - list-style-type: none; - margin: 0; - padding: .6em 0; - } - li { - list-style-type: none; - margin: 0; - padding: 0; - } -} - - -#overdrive-results { - font-weight: bold; - padding-left: 1em; -} - -.throbber { - vertical-align: middle; -} - -#overdrive-results-list .star-rating-control { - display: block; - overflow: auto; -} - -#shelfbrowser { - table { - margin : 0; - } - table, - td, - th { - border : 0; - font-size : 90%; - text-align : center; - } - td, - th { - padding: 3px 5px; - width : 20%; - } - a { - display : block; - font-size : 110%; - font-weight : bold; - text-decoration : none; - } - #browser_next, - #browser_previous { - background-image : url("../images/sprite.png"); - background-repeat: no-repeat; - width : 16px; - a { - cursor: pointer; - display : block; - height: 0 !important; - margin: 0; - overflow: hidden; - padding: 50px 0 0; - text-decoration: none; - width: 16px; - } - } - #browser_previous { - background-position: -9px -1007px; - } - #browser_next { - background-position: -9px -1057px; - } -} - -#holds { - margin : 0 auto; - max-width: 800px; -} -.holdrow { - clear : both; - padding: 0 1em 1em 1em; - border-bottom:1px solid #CCC; - margin-bottom:.5em; - fieldset { - border : 0; - margin : 0; - float: none; - .label { - font-size: 14px; - } - } - label { - display: inline; - } -} -.hold-options { - clear : both; -} -.toggle-hold-options { - background-color: #eee; - clear : both; - display : block; - font-weight : bold; - margin: 1em 0; - padding: .5em; -} -.copiesrow { - clear : both; -} - -#idreambooksreadometer { - float: right; -} - -a.idreambooksrating { - font-size: 30px; - color: #29ADE4; - padding-left: 85px; - line-height: 30px; - text-decoration: none; -} - -.idreambookslegend { - font-size: small; -} - -a.reviewlink, -a.reviewlink:visited { - text-decoration: none; - color: black; - font-weight: normal; -} - -.idreambookssummary a { - color: #707070; - text-decoration: none; -} - -.idreambookssummary img, -.idbresult img { - vertical-align: middle; -} - -.idbresult { - color: #29ADE4; - text-align: center; - margin: 0.5em; - padding: 0.5em; -} - -.idbresult a, -.idbresult a:visited { - text-decoration: none; - color: #29ADE4; -} - -.idbresult img { - padding-right: 6px; -} - -.js-show { - display: none; -} - -.modal-nojs { - .modal-header, - .modal-footer { - display: none; - } -} - -.contents { - width: 75%; -} - - -.contentblock { - font-size : 95%; - line-height: 135%; - position: relative; - margin-left: 2em; -} - -.contents { - .t:first-child:before { - content: "→ "; - } - .t:before { - content: "\A → "; - white-space: pre; - } - .t { - font-weight: bold; - display: inline; - } - .r { - display: inline; - } -} - -@import "responsive.less"; -- 1.7.9.5