Attachment 29545 Details for Bug 11904 – Bug 11904: New module Koha::Messages

[patch] Bug 11904: New module Koha::Messages

Bug-11904-New-module-KohaMessages.patch (text/plain), 132.78 KB, created by Jonathan Druart on 2014-07-07 13:39:51 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Jonathan Druart

Created: 2014-07-07 13:39:51 UTC

Size: 132.78 KB

patch

obsolete

>From b85e8ecbd20c96676c2d40d9c2cea765fdcfc62d Mon Sep 17 00:00:00 2001
>From: Julian Maurice <julian.maurice@biblibre.com>
>Date: Mon, 10 Feb 2014 11:18:36 +0100
>Subject: [PATCH] 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.
>---
> 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 <http://www.gnu.org/licenses>.
>+
>+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 %]
>+    <div class="messages [% type %]">
>+      [% IF messages.size > 1 %]
>+        <ul>
>+          [% FOREACH message IN contents.$type %]
>+            <li>[% message %]</li>
>+          [% END %]
>+        </ul>
>+      [% ELSE %]
>+        [% messages.0 %]
>+      [% END %]
>+    </div>
>+  [% 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)<h;3K|Lk000e1NJLTq000jF000jN1^@s6JJyv-00004b3#c}2nYxW
>zd<bNS00009a7bBm0001e0001e0mn!W000008FWQhbW?9;ba!ELWdL_~cP?peYja~^
>zaAhuUa%Y?FJQ@H10zyedK~yM_U6ad8)L|5cpHHOBFd|TDLW~J&A;N5u0!jJ{T0}7$
>z7X`Jdpl!5j(=u#h)FRq7QITa3MTMazP0)l<Ak)vwI8)gbFQbmrJS}p}I&fC!y&O2_
>z4JvEvY6!{Q(76%X)<L`o(F}~dhyK%g;~%h!%1MYlfz%8*3;qPZgI~eV;1qZVQpX@x
>z<*X9lLUtwue{R|0H}DJi2`qp)FxSvv1U`doazy}@hmiUXF7))coKE|>smVMz366tP
>z?d_JL$o%2Mz5}mAN`-DnegeNVH(SnTRb3h$cCxY2EI5%!xSY$WI`{OcnGk#ho`od$
>zp{MGSZ)<Zoic~EQ4m#e^VQFkk)%kSVH(R&*5*!9ELl2K(U<}NHqu^K~VQG9^)yl%c
>zA7Uos>+Rbe0tdk7;58Vi2@o#<)t=2{$elWc<uakJj!Ln}Xjd0=`8>;Oa6r6f9-<Pg
>z4rpm%+l32++FC4^sj07LM|U@sO`BM2G7nMB4;Wchi^Yid_OhY1mBlFHeODJtg#w!o
>z9H8~~Z7K~7e>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 @@
>+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
>+
>+
>+<svg
>+   xmlns:dc="http://purl.org/dc/elements/1.1/"
>+   xmlns:cc="http://creativecommons.org/ns#"
>+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
>+   xmlns:svg="http://www.w3.org/2000/svg"
>+   xmlns="http://www.w3.org/2000/svg"
>+   xmlns:xlink="http://www.w3.org/1999/xlink"
>+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
>+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
>+   width="210mm"
>+   height="297mm"
>+   id="svg2"
>+   version="1.1"
>+   inkscape:version="0.48.4 r9939"
>+   sodipodi:docname="flash-error.svg">
>+  <defs
>+     id="defs4">
>+    <linearGradient
>+       id="linearGradient4515">
>+      <stop
>+         style="stop-color:#ff0000;stop-opacity:1;"
>+         offset="0"
>+         id="stop4517" />
>+      <stop
>+         style="stop-color:#aa0000;stop-opacity:1;"
>+         offset="1"
>+         id="stop4519" />
>+    </linearGradient>
>+    <marker
>+       inkscape:stockid="Arrow1Lstart"
>+       orient="auto"
>+       refY="0.0"
>+       refX="0.0"
>+       id="Arrow1Lstart"
>+       style="overflow:visible">
>+      <path
>+         id="path3855"
>+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
>+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt"
>+         transform="scale(0.8) translate(12.5,0)" />
>+    </marker>
>+    <linearGradient
>+       id="linearGradient3056">
>+      <stop
>+         style="stop-color:#007c00;stop-opacity:0.99242425;"
>+         offset="0"
>+         id="stop3073" />
>+      <stop
>+         style="stop-color:#00ff00;stop-opacity:1;"
>+         offset="1"
>+         id="stop3060" />
>+    </linearGradient>
>+    <linearGradient
>+       inkscape:collect="always"
>+       xlink:href="#linearGradient4515"
>+       id="linearGradient4521"
>+       x1="297.56363"
>+       y1="370.95212"
>+       x2="438.68622"
>+       y2="716.45923"
>+       gradientUnits="userSpaceOnUse" />
>+  </defs>
>+  <sodipodi:namedview
>+     id="base"
>+     pagecolor="#ffffff"
>+     bordercolor="#666666"
>+     borderopacity="1.0"
>+     inkscape:pageopacity="0.0"
>+     inkscape:pageshadow="2"
>+     inkscape:zoom="1.2519785"
>+     inkscape:cx="366.50855"
>+     inkscape:cy="515.91331"
>+     inkscape:document-units="px"
>+     inkscape:current-layer="layer1"
>+     showgrid="false"
>+     inkscape:window-width="1364"
>+     inkscape:window-height="747"
>+     inkscape:window-x="0"
>+     inkscape:window-y="19"
>+     inkscape:window-maximized="0" />
>+  <metadata
>+     id="metadata7">
>+    <rdf:RDF>
>+      <cc:Work
>+         rdf:about="">
>+        <dc:format>image/svg+xml</dc:format>
>+        <dc:type
>+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
>+        <dc:title></dc:title>
>+      </cc:Work>
>+    </rdf:RDF>
>+  </metadata>
>+  <g
>+     inkscape:label="Calque 1"
>+     inkscape:groupmode="layer"
>+     id="layer1">
>+    <path
>+       sodipodi:type="arc"
>+       style="fill:url(#linearGradient4521);stroke:#000000;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1;stroke-linejoin:miter;marker-start:none"
>+       id="path2985"
>+       sodipodi:cx="412.85715"
>+       sodipodi:cy="573.79077"
>+       sodipodi:rx="210"
>+       sodipodi:ry="210"
>+       d="m 622.85715,573.79077 a 210,210 0 1 1 -420,0 210,210 0 1 1 420,0 z"
>+       transform="translate(-48.571429,-42.857143)"
>+       clip-path="none"
>+       inkscape:export-xdpi="3.1800001"
>+       inkscape:export-ydpi="3.1800001"
>+       inkscape:export-filename="/home/julian/mnt/lxc/koha-community/home/koha/src/koha-tmpl/intranet-tmpl/prog/img/flash-error.png" />
>+    <rect
>+       style="fill:#ffffff;stroke:#b3b3b3;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995-6"
>+       width="34.285713"
>+       height="157.14285"
>+       x="491.42856"
>+       y="805.2193" />
>+    <rect
>+       style="fill:#ffffff;stroke:#ffffff;stroke-width:3.18947482;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995"
>+       width="56.109856"
>+       height="311.43195"
>+       x="603.33112"
>+       y="-44.856983"
>+       transform="matrix(0.69707974,0.71699361,-0.69707974,0.71699361,0,0)" />
>+    <rect
>+       style="fill:#ffffff;stroke:#ffffff;stroke-width:3.91251945;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995-7"
>+       width="54.651596"
>+       height="314.63809"
>+       x="-143.05527"
>+       y="472.45291"
>+       transform="matrix(0.70158587,-0.71258492,0.70158587,0.71258492,0,0)"
>+       ry="0" />
>+  </g>
>+</svg>
>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)<h;3K|Lk000e1NJLTq000jF000jN1^@s6JJyv-00004b3#c}2nYxW
>zd<bNS00009a7bBm0001e0001e0mn!W000008FWQhbW?9;ba!ELWdL_~cP?peYja~^
>zaAhuUa%Y?FJQ@H10xU^HK~yM_b(2j<6L1*De}AW8h~x)lE+#cSblG80AXpPRq;!d>
>zXcrL*!7dIj3p;pH2tk$?i9kBq$_|lO10!^HQjuDsF+a$16<Qbso4Wm<4$H617k==<
>z`#!wy;dzWCc9(fz{G6ti0zBm5CdmS8#F%A7t$Ms?SrU@qCQe=vW)<-Rv4Z%9NFcr-
>z77<~>_;GG&j3mr0<K#A@xTwU!f6#XSi3J|vQ@;{909+!(F)B&IU-S=<gkWKivhp%F
>z7YJqlzK5S#EFZDVV421e!}1Qx6qZRW<JivSPDxVqS5*1Ye9ImDIk@n#0j{)*#>0*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(Hy1<D`ZWN^l?GupNG~z&N!U
>zQ^ITo!<;itJcMv@4Gs`~W`KEGHKqiB*_W!z#!o3e^6-$$Dbg&mPK;GXHMlobe*iM*
>VLCg$(3CI8d002ovPDHLkV1m1>8=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 @@
>+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
>+
>+
>+<svg
>+   xmlns:dc="http://purl.org/dc/elements/1.1/"
>+   xmlns:cc="http://creativecommons.org/ns#"
>+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
>+   xmlns:svg="http://www.w3.org/2000/svg"
>+   xmlns="http://www.w3.org/2000/svg"
>+   xmlns:xlink="http://www.w3.org/1999/xlink"
>+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
>+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
>+   width="210mm"
>+   height="297mm"
>+   id="svg2"
>+   version="1.1"
>+   inkscape:version="0.48.4 r9939"
>+   sodipodi:docname="Nouveau document 1">
>+  <defs
>+     id="defs4">
>+    <marker
>+       inkscape:stockid="Arrow1Lstart"
>+       orient="auto"
>+       refY="0.0"
>+       refX="0.0"
>+       id="Arrow1Lstart"
>+       style="overflow:visible">
>+      <path
>+         id="path3855"
>+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
>+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt"
>+         transform="scale(0.8) translate(12.5,0)" />
>+    </marker>
>+    <linearGradient
>+       id="linearGradient3056">
>+      <stop
>+         style="stop-color:#007c00;stop-opacity:0.99242425;"
>+         offset="0"
>+         id="stop3073" />
>+      <stop
>+         style="stop-color:#00ff00;stop-opacity:1;"
>+         offset="1"
>+         id="stop3060" />
>+    </linearGradient>
>+    <linearGradient
>+       inkscape:collect="always"
>+       xlink:href="#linearGradient3056"
>+       id="linearGradient3069"
>+       gradientUnits="userSpaceOnUse"
>+       x1="411.7222"
>+       y1="760.62836"
>+       x2="315.93134"
>+       y2="353.03528" />
>+  </defs>
>+  <sodipodi:namedview
>+     id="base"
>+     pagecolor="#ffffff"
>+     bordercolor="#666666"
>+     borderopacity="1.0"
>+     inkscape:pageopacity="0.0"
>+     inkscape:pageshadow="2"
>+     inkscape:zoom="1.2329704"
>+     inkscape:cx="198.6889"
>+     inkscape:cy="524.50754"
>+     inkscape:document-units="px"
>+     inkscape:current-layer="layer1"
>+     showgrid="false"
>+     inkscape:window-width="1364"
>+     inkscape:window-height="747"
>+     inkscape:window-x="0"
>+     inkscape:window-y="19"
>+     inkscape:window-maximized="0" />
>+  <metadata
>+     id="metadata7">
>+    <rdf:RDF>
>+      <cc:Work
>+         rdf:about="">
>+        <dc:format>image/svg+xml</dc:format>
>+        <dc:type
>+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
>+        <dc:title></dc:title>
>+      </cc:Work>
>+    </rdf:RDF>
>+  </metadata>
>+  <g
>+     inkscape:label="Calque 1"
>+     inkscape:groupmode="layer"
>+     id="layer1">
>+    <path
>+       sodipodi:type="arc"
>+       style="fill:url(#linearGradient3069);stroke:#000000;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1;stroke-linejoin:miter;marker-start:none"
>+       id="path2985"
>+       sodipodi:cx="412.85715"
>+       sodipodi:cy="573.79077"
>+       sodipodi:rx="210"
>+       sodipodi:ry="210"
>+       d="m 622.85715,573.79077 a 210,210 0 1 1 -420,0 210,210 0 1 1 420,0 z"
>+       transform="translate(-48.571429,-42.857143)"
>+       clip-path="none"
>+       inkscape:export-xdpi="3.1800001"
>+       inkscape:export-ydpi="3.1800001" />
>+    <rect
>+       style="fill:#ffffff;stroke:#b3b3b3;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995-6"
>+       width="34.285713"
>+       height="157.14285"
>+       x="491.42856"
>+       y="805.2193" />
>+    <rect
>+       style="fill:#ffffff;stroke:#ffffff;stroke-width:3.20195031;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995"
>+       width="56.231792"
>+       height="237.79759"
>+       x="634.94287"
>+       y="-57.230003"
>+       transform="matrix(0.69707974,0.71699361,-0.69707974,0.71699361,0,0)" />
>+    <rect
>+       style="fill:#ffffff;stroke:#ffffff;stroke-width:2.37494564;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995-7"
>+       width="55.077957"
>+       height="187.32999"
>+       x="-209.73082"
>+       y="504.0864"
>+       transform="matrix(0.69707974,-0.71699361,0.69707974,0.71699361,0,0)"
>+       ry="0" />
>+  </g>
>+</svg>
>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
>zcmV<Y0R#StP)<h;3K|Lk000e1NJLTq000gE000dL1^@s6ncQE000004b3#c}2nYxW
>zd<bNS00009a7bBm0001;0001;0grO$ZU6uP8FWQhbW?9;ba!ELWdL_~cP?peYja~^
>zaAhuUa%Y?FJQ@H10eMM8K~yM_g_6HZ13?glze&^>BvAqq!NWo!AjI-YF#$<oYy=f7
>z1QkIDA`<aOBiM+AtyWgHf{@yOKui@7OcO=4vr-FhBX^F)VT|O|g$K*-``$9MgQ^mw
>zg9DZ}HkkYEzKwt-BJJfe>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<w}JI*F`)JQAI?2g~Ld-iuhwl2oOLL35uW8!y_t~EU3W%0000<MNUMnLSTYyRn@lu
>
>literal 0
>HcmV?d00001
>
>diff --git a/koha-tmpl/intranet-tmpl/prog/img/messages-warning.svg b/koha-tmpl/intranet-tmpl/prog/img/messages-warning.svg
>new file mode 100644
>index 0000000..e9d39c4
>--- /dev/null
>+++ b/koha-tmpl/intranet-tmpl/prog/img/messages-warning.svg
>@@ -0,0 +1,98 @@
>+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
>+
>+
>+<svg
>+   xmlns:dc="http://purl.org/dc/elements/1.1/"
>+   xmlns:cc="http://creativecommons.org/ns#"
>+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
>+   xmlns:svg="http://www.w3.org/2000/svg"
>+   xmlns="http://www.w3.org/2000/svg"
>+   xmlns:xlink="http://www.w3.org/1999/xlink"
>+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
>+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
>+   width="210mm"
>+   height="297mm"
>+   id="svg2"
>+   version="1.1"
>+   inkscape:version="0.48.4 r9939"
>+   sodipodi:docname="flash-warning.svg">
>+  <defs
>+     id="defs4">
>+    <linearGradient
>+       id="linearGradient3763">
>+      <stop
>+         style="stop-color:#ffff00;stop-opacity:1;"
>+         offset="0"
>+         id="stop3765" />
>+      <stop
>+         style="stop-color:#c8c800;stop-opacity:1;"
>+         offset="1"
>+         id="stop3767" />
>+    </linearGradient>
>+    <linearGradient
>+       inkscape:collect="always"
>+       xlink:href="#linearGradient3763"
>+       id="linearGradient3769"
>+       x1="348.95874"
>+       y1="423.19217"
>+       x2="407.26358"
>+       y2="545.02319"
>+       gradientUnits="userSpaceOnUse" />
>+  </defs>
>+  <sodipodi:namedview
>+     id="base"
>+     pagecolor="#ffffff"
>+     bordercolor="#666666"
>+     borderopacity="1.0"
>+     inkscape:pageopacity="0.0"
>+     inkscape:pageshadow="2"
>+     inkscape:zoom="1.1491329"
>+     inkscape:cx="330.01999"
>+     inkscape:cy="616.34841"
>+     inkscape:document-units="px"
>+     inkscape:current-layer="layer1"
>+     showgrid="false"
>+     inkscape:window-width="1364"
>+     inkscape:window-height="747"
>+     inkscape:window-x="0"
>+     inkscape:window-y="19"
>+     inkscape:window-maximized="0" />
>+  <metadata
>+     id="metadata7">
>+    <rdf:RDF>
>+      <cc:Work
>+         rdf:about="">
>+        <dc:format>image/svg+xml</dc:format>
>+        <dc:type
>+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
>+        <dc:title></dc:title>
>+      </cc:Work>
>+    </rdf:RDF>
>+  </metadata>
>+  <g
>+     inkscape:label="Calque 1"
>+     inkscape:groupmode="layer"
>+     id="layer1">
>+    <path
>+       style="fill:url(#linearGradient3769);fill-opacity:1;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
>+       d="m 337.14285,331.78371 -157.22836,288.52615 315.32696,1.49397 z"
>+       id="path2985"
>+       inkscape:connector-curvature="0"
>+       sodipodi:nodetypes="cccc"
>+       inkscape:export-filename="/home/julian/mnt/lxc/koha-community/home/koha/src/koha-tmpl/intranet-tmpl/prog/img/flash-warning.png"
>+       inkscape:export-xdpi="4.2852411"
>+       inkscape:export-ydpi="4.2852411" />
>+    <flowRoot
>+       xml:space="preserve"
>+       id="flowRoot3755"
>+       style="font-size:230px;font-style:normal;font-weight:normal;text-align:center;line-height:100%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
>+       transform="matrix(1.763424,0,0,1,-257.54626,11.129779)"><flowRegion
>+         id="flowRegion3757"><rect
>+           id="rect3759"
>+           width="116.60966"
>+           height="209.72334"
>+           x="279.34103"
>+           y="385.77264"
>+           style="font-size:230px;text-align:center;line-height:100%;text-anchor:middle" /></flowRegion><flowPara
>+         id="flowPara3761">!</flowPara></flowRoot>  </g>
>+</svg>
>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 %]
>+    <div class="messages [% type %]">
>+      [% IF messages.size > 1 %]
>+        <ul>
>+          [% FOREACH message IN contents.$type %]
>+            <li>[% message %]</li>
>+          [% END %]
>+        </ul>
>+      [% ELSE %]
>+        [% messages.0 %]
>+      [% END %]
>+    </div>
>+  [% 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)<h;3K|Lk000e1NJLTq000jF000jN1^@s6JJyv-00004b3#c}2nYxW
>zd<bNS00009a7bBm0001e0001e0mn!W000008FWQhbW?9;ba!ELWdL_~cP?peYja~^
>zaAhuUa%Y?FJQ@H10zyedK~yM_U6ad8)L|5cpHHOBFd|TDLW~J&A;N5u0!jJ{T0}7$
>z7X`Jdpl!5j(=u#h)FRq7QITa3MTMazP0)l<Ak)vwI8)gbFQbmrJS}p}I&fC!y&O2_
>z4JvEvY6!{Q(76%X)<L`o(F}~dhyK%g;~%h!%1MYlfz%8*3;qPZgI~eV;1qZVQpX@x
>z<*X9lLUtwue{R|0H}DJi2`qp)FxSvv1U`doazy}@hmiUXF7))coKE|>smVMz366tP
>z?d_JL$o%2Mz5}mAN`-DnegeNVH(SnTRb3h$cCxY2EI5%!xSY$WI`{OcnGk#ho`od$
>zp{MGSZ)<Zoic~EQ4m#e^VQFkk)%kSVH(R&*5*!9ELl2K(U<}NHqu^K~VQG9^)yl%c
>zA7Uos>+Rbe0tdk7;58Vi2@o#<)t=2{$elWc<uakJj!Ln}Xjd0=`8>;Oa6r6f9-<Pg
>z4rpm%+l32++FC4^sj07LM|U@sO`BM2G7nMB4;Wchi^Yid_OhY1mBlFHeODJtg#w!o
>z9H8~~Z7K~7e>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 @@
>+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
>+
>+
>+<svg
>+   xmlns:dc="http://purl.org/dc/elements/1.1/"
>+   xmlns:cc="http://creativecommons.org/ns#"
>+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
>+   xmlns:svg="http://www.w3.org/2000/svg"
>+   xmlns="http://www.w3.org/2000/svg"
>+   xmlns:xlink="http://www.w3.org/1999/xlink"
>+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
>+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
>+   width="210mm"
>+   height="297mm"
>+   id="svg2"
>+   version="1.1"
>+   inkscape:version="0.48.4 r9939"
>+   sodipodi:docname="flash-error.svg">
>+  <defs
>+     id="defs4">
>+    <linearGradient
>+       id="linearGradient4515">
>+      <stop
>+         style="stop-color:#ff0000;stop-opacity:1;"
>+         offset="0"
>+         id="stop4517" />
>+      <stop
>+         style="stop-color:#aa0000;stop-opacity:1;"
>+         offset="1"
>+         id="stop4519" />
>+    </linearGradient>
>+    <marker
>+       inkscape:stockid="Arrow1Lstart"
>+       orient="auto"
>+       refY="0.0"
>+       refX="0.0"
>+       id="Arrow1Lstart"
>+       style="overflow:visible">
>+      <path
>+         id="path3855"
>+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
>+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt"
>+         transform="scale(0.8) translate(12.5,0)" />
>+    </marker>
>+    <linearGradient
>+       id="linearGradient3056">
>+      <stop
>+         style="stop-color:#007c00;stop-opacity:0.99242425;"
>+         offset="0"
>+         id="stop3073" />
>+      <stop
>+         style="stop-color:#00ff00;stop-opacity:1;"
>+         offset="1"
>+         id="stop3060" />
>+    </linearGradient>
>+    <linearGradient
>+       inkscape:collect="always"
>+       xlink:href="#linearGradient4515"
>+       id="linearGradient4521"
>+       x1="297.56363"
>+       y1="370.95212"
>+       x2="438.68622"
>+       y2="716.45923"
>+       gradientUnits="userSpaceOnUse" />
>+  </defs>
>+  <sodipodi:namedview
>+     id="base"
>+     pagecolor="#ffffff"
>+     bordercolor="#666666"
>+     borderopacity="1.0"
>+     inkscape:pageopacity="0.0"
>+     inkscape:pageshadow="2"
>+     inkscape:zoom="1.2519785"
>+     inkscape:cx="366.50855"
>+     inkscape:cy="515.91331"
>+     inkscape:document-units="px"
>+     inkscape:current-layer="layer1"
>+     showgrid="false"
>+     inkscape:window-width="1364"
>+     inkscape:window-height="747"
>+     inkscape:window-x="0"
>+     inkscape:window-y="19"
>+     inkscape:window-maximized="0" />
>+  <metadata
>+     id="metadata7">
>+    <rdf:RDF>
>+      <cc:Work
>+         rdf:about="">
>+        <dc:format>image/svg+xml</dc:format>
>+        <dc:type
>+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
>+        <dc:title></dc:title>
>+      </cc:Work>
>+    </rdf:RDF>
>+  </metadata>
>+  <g
>+     inkscape:label="Calque 1"
>+     inkscape:groupmode="layer"
>+     id="layer1">
>+    <path
>+       sodipodi:type="arc"
>+       style="fill:url(#linearGradient4521);stroke:#000000;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1;stroke-linejoin:miter;marker-start:none"
>+       id="path2985"
>+       sodipodi:cx="412.85715"
>+       sodipodi:cy="573.79077"
>+       sodipodi:rx="210"
>+       sodipodi:ry="210"
>+       d="m 622.85715,573.79077 a 210,210 0 1 1 -420,0 210,210 0 1 1 420,0 z"
>+       transform="translate(-48.571429,-42.857143)"
>+       clip-path="none"
>+       inkscape:export-xdpi="3.1800001"
>+       inkscape:export-ydpi="3.1800001"
>+       inkscape:export-filename="/home/julian/mnt/lxc/koha-community/home/koha/src/koha-tmpl/intranet-tmpl/prog/img/flash-error.png" />
>+    <rect
>+       style="fill:#ffffff;stroke:#b3b3b3;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995-6"
>+       width="34.285713"
>+       height="157.14285"
>+       x="491.42856"
>+       y="805.2193" />
>+    <rect
>+       style="fill:#ffffff;stroke:#ffffff;stroke-width:3.18947482;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995"
>+       width="56.109856"
>+       height="311.43195"
>+       x="603.33112"
>+       y="-44.856983"
>+       transform="matrix(0.69707974,0.71699361,-0.69707974,0.71699361,0,0)" />
>+    <rect
>+       style="fill:#ffffff;stroke:#ffffff;stroke-width:3.91251945;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995-7"
>+       width="54.651596"
>+       height="314.63809"
>+       x="-143.05527"
>+       y="472.45291"
>+       transform="matrix(0.70158587,-0.71258492,0.70158587,0.71258492,0,0)"
>+       ry="0" />
>+  </g>
>+</svg>
>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)<h;3K|Lk000e1NJLTq000jF000jN1^@s6JJyv-00004b3#c}2nYxW
>zd<bNS00009a7bBm0001e0001e0mn!W000008FWQhbW?9;ba!ELWdL_~cP?peYja~^
>zaAhuUa%Y?FJQ@H10xU^HK~yM_b(2j<6L1*De}AW8h~x)lE+#cSblG80AXpPRq;!d>
>zXcrL*!7dIj3p;pH2tk$?i9kBq$_|lO10!^HQjuDsF+a$16<Qbso4Wm<4$H617k==<
>z`#!wy;dzWCc9(fz{G6ti0zBm5CdmS8#F%A7t$Ms?SrU@qCQe=vW)<-Rv4Z%9NFcr-
>z77<~>_;GG&j3mr0<K#A@xTwU!f6#XSi3J|vQ@;{909+!(F)B&IU-S=<gkWKivhp%F
>z7YJqlzK5S#EFZDVV421e!}1Qx6qZRW<JivSPDxVqS5*1Ye9ImDIk@n#0j{)*#>0*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(Hy1<D`ZWN^l?GupNG~z&N!U
>zQ^ITo!<;itJcMv@4Gs`~W`KEGHKqiB*_W!z#!o3e^6-$$Dbg&mPK;GXHMlobe*iM*
>VLCg$(3CI8d002ovPDHLkV1m1>8=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 @@
>+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
>+
>+
>+<svg
>+   xmlns:dc="http://purl.org/dc/elements/1.1/"
>+   xmlns:cc="http://creativecommons.org/ns#"
>+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
>+   xmlns:svg="http://www.w3.org/2000/svg"
>+   xmlns="http://www.w3.org/2000/svg"
>+   xmlns:xlink="http://www.w3.org/1999/xlink"
>+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
>+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
>+   width="210mm"
>+   height="297mm"
>+   id="svg2"
>+   version="1.1"
>+   inkscape:version="0.48.4 r9939"
>+   sodipodi:docname="Nouveau document 1">
>+  <defs
>+     id="defs4">
>+    <marker
>+       inkscape:stockid="Arrow1Lstart"
>+       orient="auto"
>+       refY="0.0"
>+       refX="0.0"
>+       id="Arrow1Lstart"
>+       style="overflow:visible">
>+      <path
>+         id="path3855"
>+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
>+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt"
>+         transform="scale(0.8) translate(12.5,0)" />
>+    </marker>
>+    <linearGradient
>+       id="linearGradient3056">
>+      <stop
>+         style="stop-color:#007c00;stop-opacity:0.99242425;"
>+         offset="0"
>+         id="stop3073" />
>+      <stop
>+         style="stop-color:#00ff00;stop-opacity:1;"
>+         offset="1"
>+         id="stop3060" />
>+    </linearGradient>
>+    <linearGradient
>+       inkscape:collect="always"
>+       xlink:href="#linearGradient3056"
>+       id="linearGradient3069"
>+       gradientUnits="userSpaceOnUse"
>+       x1="411.7222"
>+       y1="760.62836"
>+       x2="315.93134"
>+       y2="353.03528" />
>+  </defs>
>+  <sodipodi:namedview
>+     id="base"
>+     pagecolor="#ffffff"
>+     bordercolor="#666666"
>+     borderopacity="1.0"
>+     inkscape:pageopacity="0.0"
>+     inkscape:pageshadow="2"
>+     inkscape:zoom="1.2329704"
>+     inkscape:cx="198.6889"
>+     inkscape:cy="524.50754"
>+     inkscape:document-units="px"
>+     inkscape:current-layer="layer1"
>+     showgrid="false"
>+     inkscape:window-width="1364"
>+     inkscape:window-height="747"
>+     inkscape:window-x="0"
>+     inkscape:window-y="19"
>+     inkscape:window-maximized="0" />
>+  <metadata
>+     id="metadata7">
>+    <rdf:RDF>
>+      <cc:Work
>+         rdf:about="">
>+        <dc:format>image/svg+xml</dc:format>
>+        <dc:type
>+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
>+        <dc:title></dc:title>
>+      </cc:Work>
>+    </rdf:RDF>
>+  </metadata>
>+  <g
>+     inkscape:label="Calque 1"
>+     inkscape:groupmode="layer"
>+     id="layer1">
>+    <path
>+       sodipodi:type="arc"
>+       style="fill:url(#linearGradient3069);stroke:#000000;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1;stroke-linejoin:miter;marker-start:none"
>+       id="path2985"
>+       sodipodi:cx="412.85715"
>+       sodipodi:cy="573.79077"
>+       sodipodi:rx="210"
>+       sodipodi:ry="210"
>+       d="m 622.85715,573.79077 a 210,210 0 1 1 -420,0 210,210 0 1 1 420,0 z"
>+       transform="translate(-48.571429,-42.857143)"
>+       clip-path="none"
>+       inkscape:export-xdpi="3.1800001"
>+       inkscape:export-ydpi="3.1800001" />
>+    <rect
>+       style="fill:#ffffff;stroke:#b3b3b3;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995-6"
>+       width="34.285713"
>+       height="157.14285"
>+       x="491.42856"
>+       y="805.2193" />
>+    <rect
>+       style="fill:#ffffff;stroke:#ffffff;stroke-width:3.20195031;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995"
>+       width="56.231792"
>+       height="237.79759"
>+       x="634.94287"
>+       y="-57.230003"
>+       transform="matrix(0.69707974,0.71699361,-0.69707974,0.71699361,0,0)" />
>+    <rect
>+       style="fill:#ffffff;stroke:#ffffff;stroke-width:2.37494564;stroke-miterlimit:4;stroke-dasharray:none"
>+       id="rect2995-7"
>+       width="55.077957"
>+       height="187.32999"
>+       x="-209.73082"
>+       y="504.0864"
>+       transform="matrix(0.69707974,-0.71699361,0.69707974,0.71699361,0,0)"
>+       ry="0" />
>+  </g>
>+</svg>
>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
>zcmV<Y0R#StP)<h;3K|Lk000e1NJLTq000gE000dL1^@s6ncQE000004b3#c}2nYxW
>zd<bNS00009a7bBm0001;0001;0grO$ZU6uP8FWQhbW?9;ba!ELWdL_~cP?peYja~^
>zaAhuUa%Y?FJQ@H10eMM8K~yM_g_6HZ13?glze&^>BvAqq!NWo!AjI-YF#$<oYy=f7
>z1QkIDA`<aOBiM+AtyWgHf{@yOKui@7OcO=4vr-FhBX^F)VT|O|g$K*-``$9MgQ^mw
>zg9DZ}HkkYEzKwt-BJJfe>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<w}JI*F`)JQAI?2g~Ld-iuhwl2oOLL35uW8!y_t~EU3W%0000<MNUMnLSTYyRn@lu
>
>literal 0
>HcmV?d00001
>
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/images/messages-warning.svg b/koha-tmpl/opac-tmpl/bootstrap/images/messages-warning.svg
>new file mode 100644
>index 0000000..e9d39c4
>--- /dev/null
>+++ b/koha-tmpl/opac-tmpl/bootstrap/images/messages-warning.svg
>@@ -0,0 +1,98 @@
>+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
>+
>+
>+<svg
>+   xmlns:dc="http://purl.org/dc/elements/1.1/"
>+   xmlns:cc="http://creativecommons.org/ns#"
>+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
>+   xmlns:svg="http://www.w3.org/2000/svg"
>+   xmlns="http://www.w3.org/2000/svg"
>+   xmlns:xlink="http://www.w3.org/1999/xlink"
>+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
>+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
>+   width="210mm"
>+   height="297mm"
>+   id="svg2"
>+   version="1.1"
>+   inkscape:version="0.48.4 r9939"
>+   sodipodi:docname="flash-warning.svg">
>+  <defs
>+     id="defs4">
>+    <linearGradient
>+       id="linearGradient3763">
>+      <stop
>+         style="stop-color:#ffff00;stop-opacity:1;"
>+         offset="0"
>+         id="stop3765" />
>+      <stop
>+         style="stop-color:#c8c800;stop-opacity:1;"
>+         offset="1"
>+         id="stop3767" />
>+    </linearGradient>
>+    <linearGradient
>+       inkscape:collect="always"
>+       xlink:href="#linearGradient3763"
>+       id="linearGradient3769"
>+       x1="348.95874"
>+       y1="423.19217"
>+       x2="407.26358"
>+       y2="545.02319"
>+       gradientUnits="userSpaceOnUse" />
>+  </defs>
>+  <sodipodi:namedview
>+     id="base"
>+     pagecolor="#ffffff"
>+     bordercolor="#666666"
>+     borderopacity="1.0"
>+     inkscape:pageopacity="0.0"
>+     inkscape:pageshadow="2"
>+     inkscape:zoom="1.1491329"
>+     inkscape:cx="330.01999"
>+     inkscape:cy="616.34841"
>+     inkscape:document-units="px"
>+     inkscape:current-layer="layer1"
>+     showgrid="false"
>+     inkscape:window-width="1364"
>+     inkscape:window-height="747"
>+     inkscape:window-x="0"
>+     inkscape:window-y="19"
>+     inkscape:window-maximized="0" />
>+  <metadata
>+     id="metadata7">
>+    <rdf:RDF>
>+      <cc:Work
>+         rdf:about="">
>+        <dc:format>image/svg+xml</dc:format>
>+        <dc:type
>+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
>+        <dc:title></dc:title>
>+      </cc:Work>
>+    </rdf:RDF>
>+  </metadata>
>+  <g
>+     inkscape:label="Calque 1"
>+     inkscape:groupmode="layer"
>+     id="layer1">
>+    <path
>+       style="fill:url(#linearGradient3769);fill-opacity:1;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
>+       d="m 337.14285,331.78371 -157.22836,288.52615 315.32696,1.49397 z"
>+       id="path2985"
>+       inkscape:connector-curvature="0"
>+       sodipodi:nodetypes="cccc"
>+       inkscape:export-filename="/home/julian/mnt/lxc/koha-community/home/koha/src/koha-tmpl/intranet-tmpl/prog/img/flash-warning.png"
>+       inkscape:export-xdpi="4.2852411"
>+       inkscape:export-ydpi="4.2852411" />
>+    <flowRoot
>+       xml:space="preserve"
>+       id="flowRoot3755"
>+       style="font-size:230px;font-style:normal;font-weight:normal;text-align:center;line-height:100%;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
>+       transform="matrix(1.763424,0,0,1,-257.54626,11.129779)"><flowRegion
>+         id="flowRegion3757"><rect
>+           id="rect3759"
>+           width="116.60966"
>+           height="209.72334"
>+           x="279.34103"
>+           y="385.77264"
>+           style="font-size:230px;text-align:center;line-height:100%;text-anchor:middle" /></flowRegion><flowPara
>+         id="flowPara3761">!</flowPara></flowRoot>  </g>
>+</svg>
>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 <a class="closebtn" href="#">&times;</a> */
>-.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";
>-- 
>2.0.0.rc2

Actions: View | Diff | Splinter Review

Attachments on bug 11904: 25910 | 25911 | 25912 | 27940 | 27941 | 27942 | 29545 | 29546 | 29547 | 29552 | 29553 | 29554 | 30579 | 30580 | 30581 | 38522 | 38523 | 38524 | 40960 | 40961 | 40962 | 48415 | 48416 | 48417 | 48418 | 49059 | 49060 | 49061 | 49263 | 49264 | 49265